/*
--------------------------------------------------
PostBikes.com
GLOBAL STYLES
Last revised 04/10/2009
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------



*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0; }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #939393; /* grey */
		font-size: 12px; /* 75% @ 16px */
		line-height: 2;
		font-family: Arial, sans-serif;
		text-align: center; /* auto-center in IE 6 */
		background-color: #111; /* Almost black */
		background-color: transparent;
		background-image: url(../images/backgroundpattern.jpg);
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 95% 95%;
		}

/* Links */
a		{
		text-decoration: none;
		}
a:link, a:visited {
		color: #C4A405; /* mustard yellow */
		color: #00AEEF; /* cyan */
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover {
		color: #00AEEF; /* cyan */
		color: #C4A405; /* mustard yellow */
		border-bottom: none;
		}
a:active {
		color: #FFF; /* White */
		}
a[name] { /* remove default link style from internal hyperlinks */
		border-bottom: none;
		background-color: transparent;
		}		

/* Headings */
h1, h2, h3, h4, h5, h6 {
		color: #FFF; /* White */
		color: #C4A405; /* mustard yellow */
		font-size: 1em;
		line-height: 2em;
		font-family: Arial, sans-serif;
		margin-top: 2em;
		margin-bottom: 0;
		background-color: transparent;
		}
h1		{
		font-weight: normal;
		color: #00AEEF; /* cyan */
		color: #C4A405; /* mustard yellow */
		font-size: 25px;
		line-height: .96;
		margin-bottom: .5em;
		text-transform: uppercase;
		letter-spacing: -.02em;
		margin-top: .96em;
		}
h2		{
		font-size: 16px;
		line-height: 1.5;
		text-transform: uppercase;
		letter-spacing: -.02em;
		margin-bottom: .5em;
		}
h3		{
		}
h4		{
		text-transform: uppercase;
		font-size: 10px;
		line-height: 2.4;
		margin-top: 2.2em;
		margin-bottom: 0;
		}
p		{
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#wrapper {
		text-align: left; /* reset IE 6 workaround */
		width: 82em; /* 984px */
		margin: 0 auto; /* auto center in standard browsers */
		background-color: transparent;
		background-image: url(../images/background_sidebar.gif);
		background-repeat: repeat-y;
		background-position: left top;
		}
#banner {
		width: 66em; /* 792px */
		height: 21em;
		position: relative;
		margin-bottom: 2em;
		margin-left: -2em;
		background-color: black;
		background-image: url(../images/banner.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		}
#banner #logo span {
		display: none;
		}
#banner a#logo {
		width: 374px;
		height: 138px;
		display: block;
		position: absolute;
		right: 2em;
		bottom: 5.5em;
		border-bottom: none;
		background-color: transparent;
		background-image: url(../images/logo_post.png);
		background-repeat: no-repeat;
		background-position: left top;
		}
#banner a#logo:hover {
		background-position: left center;
		height: 138px;
		}
#banner a#logo:active {
		background-position: left top;
		}

/* Navigation */
#nav	{
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		}
#nav li	{
		float: left;
		margin-left: 3em;
		background: transparent;
		}
#nav li:first-child, #nav li.first {
		margin-left: 5em;
		}
#nav li a	{
		color: #6550A3; /* pms 2665 (purple) */
		color: #00AEEF; /* cyan */
		color: #7023C9; /* new purple */
		font-size: 25px;
		text-transform: uppercase;
		letter-spacing: .1em;
		border-bottom: none;
		background: none;
		}
#nav li a:link, #nav li a:visited {
		color: #6550A3; /* pms 2665 (purple) */
		color: #00AEEF; /* cyan */
		color: #7023C9; /* new purple */
		}
#nav li a:hover {
		color: #C4A405; /* mustard yellow */
		}
#nav li a:active {
		color: #EEC403; /* yellow */
		color: #C4A405; /* mustard yellow */
		color: #FFF;
		}
#nav li a.selected {
		color: #FFF200; /* (yellow) important overrides hover/active behavior from activating */
		color: #C4A405; /* (mustardy yellow) important overrides hover/active behavior from activating */
		}
#content { /* box width 66em */
		width: 62em; /* px */
		float: left;
		padding: 0 2em 2em 2em;
		background-color: #292627; /* 90% black */
		}
#hold	{
		display: none;
		}
#sidebar {
		width: 12em; /* total width 16em */
		float: right;
		padding-left: 2em;
		padding-right: 2em;
		background-color: black;
		}
#maincontainer {
		margin-top: 2em;
		}
.rightcontainer {  /* 240 px */
		width: 20em;
		float: right;
		}
#leftcontainer {
		width: 40em; /* 480 px */
		}
/* Slideshows */
#photodiv {
		position: relative;
		/* must declare width and height */
		background-repeat: no-repeat;
		}
#photodiv p {
		position: absolute;
		bottom: .5em;
		left: 1em;
		}


/*
--------------------------------------------------
FORMATTING
--------------------------------------------------
*/

.inset	{
		float: right;
		margin-bottom: 1em;
		margin-left: 2em;
		background-color: transparent;
		}

.inset img {
		border: none !important;
		background: none !important;
		}

.inset p {
		font-style: italic;
		font-size: 11px;
		line-height: 1.0909;
		}

.entry	{
		clear: both;
		margin-bottom: 2em;
		padding-bottom: 1em;
		border-bottom: 1px solid #333;
		background-color: transparent;
		}
.entry h2 {
		margin-top: 0;
		}
.entry .inset a {
		border-bottom: none;
		background-color: transparent;
		}
div.entry div.posted {
		font-style: italic;
		clear: both;
		margin-top: 2em;
		}

.caption {
		font-style: italic;
		}
.caption span {
		font-size: 10px;
		text-transform: uppercase;
		}
.announcement {
		color: #F20017; /* pms 186 (red) */
		font-size: 25px;
		font-weight: bold;
		text-transform: uppercase;
		}

/* Links */
a.img	{
		border: none !important;
		background: none !important;
		}
a.heading {
		color: #00AEEF; /* cyan */
		color: #7023C9; /* new purple */
		}
		
/* Sidebar */
#sidebar p {
		color: silver;
		margin-bottom: 2.5em;
		}
#sidebar p a	{
		text-decoration: none;
		}
#sidebar p a:link, a:visited {
		color: #00AEEF; /* cyan */
		color: #7023C9; /* new purple */
		border-bottom: 1px solid color: #939393; /* grey */
		}
#sidebar p a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
#sidebar p a:hover {
		color: #C4A405; /* mustard yellow */
		background-color: transparent;
		border-bottom: 1px solid #00AEEF; /* cyan */
		}
#sidebar p a:active {
		color: silver; 
		}
#sidebar h3 {
		color: #575a5d; /* darker grey */
		font-size: 12px;
		line-height: 2;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-bottom: 0em !important; /* */
	    }	    
#sidebar li a {
		text-decoration: none;
		}
#sidebar li a:link, a:visited {
		color: #00AEEF; /* cyan */
		color: #7023C9; /* new purple */
		border-bottom: 1px solid color: #939393; /* grey */
		}
#sidebar li a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
#sidebar li a:hover {
		color: #C4A405; /* mustard yellow */
		background-color: transparent;
		border-bottom: 1px solid #00AEEF; /* cyan */
		}
#sidebar li a:active {
		color: silver; 
		}
		
/* Footer */
#footer {
		position: relative;
		clear: both;
		}
#footer li {
		float: left;
		margin-right: 1.5em;
		}
#footer li#credit {
		float: right;
		}
#footer li#credit span {
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#footer li a {
		color: #00AEEF; /* cyan */
		color: #7023C9; /* new purple */
		}
#footer li a:link, a:visited {
		color: #00AEEF; /* cyan */
		color: #7023C9; /* new purple */
		border-bottom: 1px solid color: #00AEEF; /* cyan */
		}
#footer li a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
#footer li a:hover {
		color: #C4A405; /* mustard yellow */
		background-color: transparent;
		border-bottom: 1px solid #00AEEF; /* cyan */
		}
#footer li a:active {
		color: silver; 
		}
.clear	{
		clear: both;
		}


/*
--------------------------------------------------
PAGE STYLES
--------------------------------------------------
*/

/* Home */

#home #maincontainer h2 {
		color: #009EC8;
		margin: 0;
		letter-spacing: .1em;
		}
#home #photodiv {
		width: 744px;
		height: 300px;
		margin-bottom: 1em;
		}

/* About */
#about #content {
		min-height: 56em;
		}
#about .rightcontainer img {
		}
#about #photodiv {
		width: 240px;
		height: 316px;
		}

/* Brands */
#brands #nav {
		background: black;
		}
#brands #banner {
		height: 16.5em;
		background-image: url(../images/banner_home.jpg);
		background-repeat: repeat-y;
		}
#brands #maincontainer {
		position: relative;
		height: 25em;
		background-color: transparent;
		}
#brands #maincontainer p.caption {
		position: absolute;
		bottom: .5em;
		left: 27em;
		}
#brands .rightcontainer {
		height: 21em;
		} 
#brands .rightcontainer h1 {
		font-size: 16px;
		line-height: 1.5;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#brands .rightcontainer h2 {
		font-size: 16px;
		line-height: 1.5;
		text-transform: uppercase;
		letter-spacing: -.02em;
		margin: 0 0 1em 0;
		}
#brands h3 {
		font-size: 12px;
		line-height: 2;
		text-transform: uppercase;
		letter-spacing: -.02em;
		color: #C4A405; /* mustard yellow */
		}
#brands #sidebar h3{
		color: #575a5d; /* darker grey */
		letter-spacing: .1em;
		}
#brands .rightcontainer li {
		color: #C4A405; /* mustard yellow */
		font-size: 12px;
		line-height: 2;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#brands .rightcontainer li:first-child {
		margin: 0em 0 0 0;
		}
#brands #maincontainer img {
		width: 40em;
		height: 25em;
		}
#apparel, #accessories {
		clear: both;
		}
.brands-gallery li {
		height: 57px; /* @4.833em */
		width: 77px; /*6.444em */
		float: left;
		margin-right: .5em;
		margin-bottom: .5em;
		background-color: #000;
		}
.brands-gallery li.end {
		margin-right: 0;
		}
.brands-gallery li a { /* modify default link behavior for linked images */
		border-bottom: none;
		background-color: transparent;
		}
.brands-gallery li img {
		width: 77px; /*6.444em */
		}
.brands-gallery-apparel li {
		width: 9.5em;
		width: 6.5em;
		float: left;
		margin-right: 1em;
		margin-right: .5em;
		}
.brands-gallery-apparel li.end {
		margin-right: 0;
		}
.brands-gallery-apparel li a {
		border-bottom: none;
		background-color: transparent;
		}
.brands-gallery-apparel li img {
		width: 9.5em; /* @123px */
		}
.brands-gallery-accessories li {
		width: 9.5em;
		float: left;
		margin-right: 1em;
		}
.brands-gallery-accessories li.end {
		margin-right: 0;
		}
.brands-gallery-accessories li a {
		border-bottom: none;
		background-color: transparent;
		}
.brands-gallery-accessories li img {
		width: 9.5em; /* @123px */
		}
	
/* Repairs */
#repairs #content { 
		background-color: black;
		background-image: url(../images/repairs_page.jpg);
		background-repeat: no-repeat;
		background-position: left 12em;
		}
#repairs th {
		text-align: left;
		color: #FFF;
		font-size: 16px;
		line-height: 1.5;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 2em 0 0em;
		margin-bottom: 2em;
		}
#repairs td {
		color: silver;
		}

/* Press */
#press .article {
		float: left;
		width: 30em;
		margin: 0,2,2,0;
		background-color: transparent;
		}
#press .article-right {
		float: right;
		width: 30em;
		margin: 0,0,2,0;
		background-color: transparent;
		}