/*
Theme Name: OriginOne
Theme URI: http://www.iamoriginone.com
Description: Custom theme for the <a href="http://www.iamoriginone.com">OriginOne</a> website.
Version: 1.0
Author: Mike Lundy
Author URI: http://www.abstrategic.com
*/

body {height: auto;margin: 0 0 20px;line-height: 1.6em;color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 12pt;background: #000;background: #0e0e0e url(images/body-background.png) repeat-y scroll right bottom;border-top: 7px solid #7e0403;}
h1 {font-size: 2em;margin: 0 0 .67em;} h2 {font-size: 1.5em;margin: 0 0 .83em;} h3 {font-size: 1.17em;margin: 0 0 1em;} h4 {font-size: 1em;margin: 0 0 1.33em;} h5 {font-size: 0.83em;margin: 0 0 1.67em;} h6 {font-size: 0.67em;margin: 0 0 2.33em;}
p {margin: 0 0 1em;}
a, a:visited {text-decoration: none;color: #7e0403;}
a:hover {text-decoration: underline;}
a img {border: none;}
ul, ol {margin: 0 0 1em;padding-left: 20px;}
ul {list-style: none;}
table {margin: 0 0 1em;vertical-align: top;border-collapse: collapse;}
table table {margin: 0;}
th, td {padding-right: 5px;}
th {text-align: left;}
input, textarea, select {vertical-align: middle;font-family: Verdana, Helvetica, sans-serif;font-size: 9pt;}
textarea {overflow: auto;}
button {line-height: 1.2em;}
fieldset {margin: 0 0 1em;padding: 0.35em 0.625em 0.75em;border: 2px solid #333;}
blockquote {margin: 1em 20px 1em 0;font-style: italic;}

.alignleft {float: left;}
.alignright {float: right;}
.center {text-align: center;}
.hidden {display: none;}
img.alignleft {display: inline;margin: 0 20px 10px 0;}
img.centered {margin: 0 auto;}
img.alignright {display: inline;margin: 0 0 10px 20px;}

.page-wrapper {overflow: hidden;width: 900px;margin: 0 auto;}

#header {width: 900px;height: 251px;background: transparent url(images/header-background.png) no-repeat scroll left top;}
#header a.titlelink {display: block;width: 350px;height: 251px;text-indent: -999em;}

#nav {float: right;margin: 5px 0 0;padding: 0;}
#nav li {float: left;padding-left: 30px;}
#nav li a {display: block;height: 30px;text-indent: -999em;}
#nav li a:focus {outline: none;} /* Until the Firefox dotted box bug is sorted out */
#nav li.ourstory a {width: 86px;background: transparent url(images/nav-ourstory-background.gif) no-repeat scroll left bottom;}
#nav li.ourstory a:hover {background: transparent url(images/nav-ourstory-hover-background.gif) no-repeat scroll left bottom;}
#nav li.shop {position: relative;}
#nav li.shop a {width: 47px;background: transparent url(images/nav-shop-background.gif) no-repeat scroll left bottom;}
#nav li.shop ul {position: absolute;left: -999em;top: 3px;width: 150px;margin: 0;padding: 0 0 3px;background: transparent url(images/nav-shop-ul-background.gif) no-repeat scroll left bottom;}
#nav li.shop:hover {background: none;} /* IE 7 */
#nav li.shop:hover ul, #nav li.sfhover ul {left: 18px;}
#nav li.shop ul li {clear: left;margin: 0;padding: 0;font-size: 8pt;background-color: #a8a9ad;}
#nav li.shop ul li.shop-firstlink {height: 30px;background: transparent url(images/nav-shop-ul-li-firstlink-background.gif) no-repeat scroll left top;}
#nav li.shop ul li a {color: #fff;width: 124px;height: 25px;padding: 0 13px;line-height: 25px;text-indent: 0;font-weight: bold;background: none;}
#nav li.shop ul li.shop-firstlink a {text-indent: -999em;}
#nav li.shop ul li a:hover {text-decoration: none;color: #333;background: none;}
#nav li.myspace a {width: 90px;background: transparent url(images/nav-myspace-background.gif) no-repeat scroll left bottom;}
#nav li.myspace a:hover {background: transparent url(images/nav-myspace-hover-background.gif) no-repeat scroll left bottom;}
#nav li.press a {width: 48px;background: transparent url(images/nav-press-background.gif) no-repeat scroll left bottom;}
#nav li.press a:hover {background: transparent url(images/nav-press-hover-background.gif) no-repeat scroll left bottom;}
#nav li.contactus a {width: 103px;background: transparent url(images/nav-contactus-background.gif) no-repeat scroll left bottom;}
#nav li.contactus a:hover {background: transparent url(images/nav-contactus-hover-background.gif) no-repeat scroll left bottom;}

#sidebar {float: left;height: 1%;width: 300px;margin-top: 30px;line-height: 1.2em;}
#sidebar h2 {font-size: 1.1em;}
#sidebar h2 a {color: #fff;}
#sidebar ul {padding-left: 0;}
#sidebar ul li {margin-bottom: 3em;}
#sidebar ul ul,
#sidebar ul div {width: 250px;padding: 10px;font-size: 9pt;background-color: #181818;border: 2px solid #333;}
#sidebar ul ul li {margin-bottom: 0;}

#content {overflow: hidden;float: right;width: 575px;}
#content.higher {margin-top: -74px;}
#content.higher-frontpage {margin-top: -170px;}
#content ul {padding: 0;}
#content ul li {padding-left: 40px;background: transparent url(images/ul-li-background.gif) no-repeat scroll left 3px;}
.pagetitle {text-align: center;margin: 0 0 2em;text-transform: lowercase;}
.red {color: #7e0403;}
.blue {color: #056694;font-weight: bold;}
.force-lowercase {text-transform: lowercase;}
.post-date {float: right;color: #ccc;font-weight: bold;text-transform: lowercase;}

#content ul.commentlist li {margin-bottom: 1em;padding: 10px 10px 0;background: #121212 none;border-width: 1px 0;border-style: solid;border-color: #222;}
#content ul.commentlist li.alt {background: #181818 none;}
.commentmetadata {text-transform: lowercase;}
.avatar {vertical-align: middle;margin-right: 8px;border: 2px solid #333;}
#comment {padding: 5px;width: 500px;}

#footer {clear: both;width: 899px;height: 50px;padding: 95px 0 0 10px;line-height: 1.6em;font-size: 8pt;background: transparent url(images/footer-background.png) no-repeat left top;}
#footer ul {float: right;}
#footer ul li {float: left;margin-right: 10px;}
#footer ul li a {color: #fff;}