/* 
Inglis Cycles CSS 2007
Royal Pixel Supply Company
RoyalPixels.com
*/

/*colors
grey: 626262
orange: ff3700
ltblue: bdd8f1
red: b32317
nytblue: 004276
*/

* {
	margin:  0;
	padding:  0;
}

div.floatBreaker {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* bulletproof font treatment:
	body gets absolute size keyword
	* html body gets adjustments for other browsers via box hack and be nice hack
	font size further controlled by percentages.
*/

body {
	font-size: small;
	font-family: Verdana, sans-serif;
	background-color: #fff;
	color: #626262;
	margin: 0;
	padding: 0;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE Versions */
}

#container {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	position: relative;
	background-color: #fff;
	width: 800px;
	margin-right:auto;
	margin-left:auto;	
	border: 1px solid #000;
}

/* *****************************************
	Header
******************************************** */

div#header{
	background-image: url(../i/hdr_bg.gif);
	height: 177px;
}

h1#header {
	margin:0;
	padding: 0;
}

div#header img#hdrBretta {
	position: absolute;
	top: 0px;
	left: 10px;
}

div#header img#inglisLogo {
	position: absolute;
	top: 57px;
	left: 195px;
}

div#header img#retrotecLogo {
	position: absolute;
	top: 60px;
	left: 490px;
}

div#header h1 {
/*	background-image: url(../i/hdr_bg.gif);
	height: 177px;*/
	margin: 0;
	padding: 0;
}

/* *****************************************
	Navigation
******************************************** */

#nav {
	position: absolute;
	top: 147px;
	right: 30px;
}

#nav ul {
	margin, padding: 0;
}

#nav li {
	/* border: 1px solid #000; */
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
	list-style: none;
	font-size: 11px;
	font-weight:  bold;
}

#nav a {
	text-decoration: none;
	font-size: 1.1em;
	font-weight:  bold;
	margin: 0;
	padding: 0 3px;
	color: #004276;
}

#nav a:hover {
	color: #fff;
	background:	#ff3700;
}

#nav a.selected {
	color: #fff;
	background: #004276 ;
}


#bikenav {
	position: absolute;
	top: 170px;
	right: 30px;
	font-size: 10px;
	font-weight: bold;
	float: right;
}

#bikenav ul {
	margin, padding: 0;
}

#bikenav li {
	margin: 0;
	padding: 0 0 0 13px;
	float: right;
	list-style: none;
}

#bikenav a {
	margin: 0;
	padding: 0 2px;
	color: #004276;
}

#bikenav a:hover {
	color: #fff;
	background:	#ff3700;
	text-decoration: none;
}

/* *****************************************
	content - generic styles
******************************************** */

#content {
	width: 650px;
	margin: 0 auto;
}

#content h1 {
	/*margin-top:  40px;*/
	color:  #004276;
	font-weight: 800;
	margin: 30px 0 20px 0;
	font-size: 150%;
}

#content h2 {
	margin-top:  40px;
	margin-bottom:  15px;
	font-weight: 800;
		font-size:  140%;
		color:  #004276;
}

#content p {
	font-size: 95%;
	margin-bottom:  12px;
	line-height: 1.3;
}

#content h3 {
	font-size: 115%;
}

table td {
	border-top: 1px solid;
	padding: 10px;
	font-size: 95%;
}

a {
	color: #004276;
}
a:hover {
	color: #ff3700;
} 

a img {
	text-decoration: none;
	border: none;
}


/* *****************************************
	Left and Right Cols
******************************************** */


div.leftCol {
	width:  305px;
	float:  left;
	/*border: 1px solid #fff;*/
}

div.rightCol {
	width:  305px;
	float: right;
}


.leftCol img, .rightCol img {
	
	margin-top: 0;
	padding-top: 0;
}

#content .leftCol h1, #content .rightCol h1 {
	background: #004276;
	color: #fff;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 1px;
	padding-bottom: 0;
}

.leftCol h2  {
	text-align:  center;
}

.rightCol h2  {
	text-align:  center;
}

h1 a {
	text-decoration: none;
	background: #004276;
	color: #fff;
}

h1 a:hover{
	background: #ff3700;
	color: #fff;
	padding: 0 5px;
}



/* *****************************************
	Home Page
******************************************** */


img#home {
	margin: 0;
	padding: 0;
}

#homewrap {
	text-align: center;
	
}

img#collage {
	margin: 10px auto;
	text-align: center;
	padding: 0;
}

/* *****************************************
	Bikes
******************************************** */

.leftCol h2#inglis {
	margin:  0 auto 10px auto;
	background:  url(../i/inglis_h2.gif) top left no-repeat;
	width: 107px;
	height:  39px;
}

.leftCol h2#inglis a {
	display:  block;
	width: 107px;
	height:  39px;
}

.leftCol h2#inglis a span {
	display:  none;
	width: 107px;
	height:  39px;
}

.rightCol h2#retrotec {
	margin:  0 auto 10px auto;
	background:  url(../i/retro_h2.gif) top center no-repeat;
	width: 152px;
	height:  39px;
}

.rightCol h2#retrotec a {
	display: block;
	background:  url(/i/retro_h2.gif) top center no-repeat;
	width: 152px;
	height:  39px;
}

.rightCol h2#retrotec a span {
	display:  none;
	width: 152px;
	height:  39px;
}

.rightCol li {
	text-align:  center;
	list-style: none;
	line-height:  1.5;
}

.rightCol ul {
	font-size:  125%;
}

p.center {
	text-align:  center;
}


/* *****************************************
	Inglis and Retro Home Pages
******************************************** */

div.rightCol h3 {
	margin-bottom: 10px;
	color: #004276;
	font-size: 110%;
}

#frameMenu {
	float:  left;
	width:  300px;
}

.frameMenuItem {
	border:  1px dotted #fff;
	height:  100px;
	margin-bottom: 0;
	padding:  0;
}

.frameMenuItem img {
	margin:  0 0 5px 10px;
	padding:  0;
	float: left;
}

.frameMenuItem h2 {
	font-size: 120%;
	text-align:  left;
	margin-bottom:  0;
	margin:  0 0 0 125px;
	padding:  0;
	
}

.frameMenuItem h2 a {
	text-decoration: none;
}

.frameMenuItem h2 a:hover {
	padding: 0 4px;
	color: #fff;
	background: #ff3700;
}

.frameMenuItem p {
	text-align:  left;
	margin:  0 0 0 125px;
	padding:  0;
	font-size: 80%;
}

img.border {
	border:  1px solid #7e8082; /*grey*/
}


/* *****************************************
	Frame Gallery Pages
******************************************** */

div.threeX img {
	float:  left;
	margin-right:  24px;
	margin-bottom:  24px;
}

div.threeX img.last {
	margin-right:  0;
}

/* *****************************************
	Joins & Forks & paint
******************************************** */

#joins * {
	border:  1px solid #fff;
}

#joins h2 {
	text-align:  left;
	margin-left:  275px;
	
}

#joins img {
	float:  left;
	margin-bottom:  25px;
}

#forks img {
	margin-bottom:  10px;
}

ul#forks{
	padding:0;
	margin:10px;
	text-align: left;
	padding-left: 15px;
}

ul#forks li {
	font-size: 85%;
	font-weight: bold;
	color: #004276;
	text-align: left;
	list-style: disc;
}

h2.left {
	text-align:  left;
}

/* *****************************************
	tag cloud application
******************************************** */
table#tags td {
	border-top: 0;
}

table#tags th {
	color: #004276;
	padding-right: 20px;
	padding-left: 10px;
}

table#tags ul {
	margin: 0;
	padding: 0;
}

table#tags li {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.3;
}

table#tags li a {
	text-decoration: none;
	padding: 0 3px;
}

table#tags li a:hover {
	color: #fff;
	background: #ff3700;
}

div#tagCloud {
	margin-top: 20px;
}

div#tagCloud a {
	font-size: 140%;
	text-decoration: none;
	margin-right: 15px;
	color: #ff3700;
	padding: 0 3px;
}

div#tagCloud a:hover {
	color: #fff;
	background: #004276;
}




/* *****************************************
	Order
******************************************** */

#order h3 { 
	margin-bottom: 20px;
}

#order h3+h3+h3 {
	margin-bottom: 8px;
}

#order h3+p {
	margin-bottom: 8px;
}


/* *****************************************
	Contact
******************************************** */


img.rtcol {
	float: right;
	margin: 0 0 20px 0;
}

/* *****************************************
	FAQ
******************************************** */

#qa {
	margin-bottom: 30px;
}

#qa span {
	color: #004276;
	font-weight: bold;
}

/* *****************************************
	Footer
******************************************** */

#footer {
	margin-top: 30px;
	clear: both;	
	border-top: 1px solid;
}

#footer h2 {
	color: #004276; /*nytimes blue*/
	margin-top: 20px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 115%;
}

#footer h3 {
/*	color: #ff3700; orange*/
	color: #004276; /*nytimes blue*/
	text-align: center;
	font-size: 95%;
	margin-bottom: 7px;	
}

div#footer p {
	font-size: 80%;
	margin-bottom: 20px;
	text-align: center;
}

div.note {
	font-size: 130%;
	color: red;
}


/* *****************************************
	About
******************************************** */

ul#zines li {
	line-height: 2;
	list-style: none;
	font-size: 95%;
}