/*
Beloved - Main Styles
*/ 

@font-face {
   font-family: DINMITTE;
   src: url('/fonts/DINMITTE.otf') format('opentype');
}

/* -- reset -- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, col {
	background: transparent no-repeat 0 0;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: baseline;
	}
ol, ul { list-style: none; }
table {	border-collapse: collapse; border-spacing: 0; width: 100%; }
input, textarea { margin: 0; padding: 0; }
em { font-style: italic; }
object { display: block; }


/* -- defaults -- */
body { 
	background: #fff;
	color: #111;
	font-size: 12px;
	line-height: 1.5em;
	}
a { color: #111; }
a:hover { color: #555; text-decoration: none; }
h1, h2, h3 { font-weight: normal; text-transform: uppercase; }
h2 a, h3 a { text-decoration: none; }
h1 { font-size: 33px; line-height: 1; margin: 0.1212em 0 0.2727em; }
h2 { font-size: 27px; line-height: 1.2222; margin: 0.037em 0 0.3333em; }
h3 { font-size: 21px; line-height: 1.1428; margin: 0 0 0.4285em; }
h4 { font-size: 18px; font-weight: normal; margin: 1em 0 0.6667em; }
h5 { font-size: 16px; margin: 0 0 0.5625em; }
h6 { font-size: 14px; margin: 0 0 0.6428em; }
p { margin: 0 0 0.75em; }
dt { font-size: 11px; text-transform: uppercase; }


/* -- structure -- */
#wrap {
	margin: 0 auto;
	padding: 0 44px 0 0;
	position: relative;
	width: 916px;
	}
#post { width: 485px; }
.main { float: left; width: 230px; }
.sub { float: right; width: 410px; }
.aside {
	float: left;
	margin: 0 70px 0 0;
	padding: 0 27px 0 0;
	width: 118px;
	}
.col { float: left; }
.col1 { width: 230px; }
.col2 { width: 290px; }
.col3 { width: 350px; }
.col4 { width: 410px; }
.col5 { width: 470px; }
.last { float: right; }


/* -- forms -- */
form li { margin: 0 0 1em; }
label, .label {
	display: block;
	margin: 0 0 0.25em;
	}
.cb label {
	display: inline;
	}
h4 .cb {
	display: inline-block;
	font-size: 12px;
	margin: -1em 0 -1em 15px;
	}
input, select, textarea {
	font-size: 12px;
	}
input[type=text], textarea {
	border: 1px solid #aaa;
	display: block;
	line-height: 1.25;
	padding: 4px;
	width: 188px;
	}
input[type=text]:focus, textarea:focus {
	border-color: #555;
	}
textarea {
	height: 80px;
	overflow: auto;
	}
button, input[type=submit], a.btn {
	background: #666;
		background: #111;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	line-height: 1.25;
	padding: 0.75em;
	text-transform: uppercase;
	}
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: 0; padding: 0; } 
button:hover, input[type=submit]:hover, a.btn:hover {
	background: #333;
		background: #ccc;
		color: #111;
	}
button.action, input[type=submit].action {
	/*background: #aaa;*/
	font-size: 9px;
	padding: 0.6667em 0.7778em;
	}
/*button.action:hover, input.action:hover { background: #555; }*/
.submit {
	border-top: 1px solid #aaa;
	margin: 1em 0 0;
	padding: 2em 0 0;
	text-align: center;
	}
.submit input[type=submit] {
	font-size: 1.5em;
	margin: 0 auto;
	}


/* -- tabular -- */
th {
	background-color: #eee;
	color: #333;
	font-weight: bold;
	padding: 5px 10px;
	text-align: left;
	text-transform: uppercase;
	}
td {
	padding: 10px;
	vertical-align: top;
	}

/* -- content -- */ 
#content { 
	float: left;
	min-height: 300px;
	padding: 1.25em 0 0;
	position: relative;
	width: 700px;
	}
#content img, #content object { display: block; margin-top: 0.4166em; }
#logo {
	background-image: url(/img/pipes.png); background-position: 0 4px;
	display: block;
	margin: 33px 0 6px 100px;
	padding: 0 0 0 64px;
	}
a:hover #logo { background-position: 0 -96px; }
h1.alt { position: absolute; top: -1000em; }
a.btn {
	display: block;
		float: left;
	opacity: 0.95;
		padding: 0.25em 0.75em;
	text-decoration: none;
	}
a.btn-order {
	/*left: 0;
	position: absolute;
	top: 5.25em;*/
	}
	
/* - cms - */
.cms { line-height: 2; }
.cms ul { margin: 0 0 1em 20px; }
.cms ul li { list-style: disc; }

/* - post - */
.meta { color: #555; font-size: 11px; }
.date { margin: 0 0 0.75em; text-transform: uppercase; }
.excerpt br { display: none; }
ol.post li { margin: 1.75em 0; }
.sub ol.post li { margin-top: 0; }

/* - paging - */
.paging {
	font-weight: bold;
	left: -64px;
	line-height: 1;
	position: absolute;
	top: 6em;
	}
.paging a span {
	background-image: url(/img/icons/arrows.gif);
	display: block;
	height: 14px;
	left: -5px;
	margin: -6px 0 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 14px;
	}
.paging a:hover span { background-position: 0 -14px; }
.paging a .next { background-position: 100% 0; left: auto; right: -5px; }
.paging a:hover .next { background-position: 100% -14px; }
.paging div { padding: 0 10px; position: relative; }
.paging em { font-style: normal; margin: 0 1px; }

/* - thumbs - */
.thumb {
	margin: 0 -20px 0 -30px;
	overflow: hidden;
	position: relative;
	width: 460px;
	}
.thumb li { float: left; margin: 0 20px 42px 0; width: 210px; }
	
/* - item - */
.item { padding: 5.8333em 0 0; }
.item p { font-style: italic; }
#content .item img { margin-top: -5.4166em; }

/* - comments - */
ol.comments li { margin: 0 0 1.75em; }
#comments { border-top: 1px solid #aaa; margin: 1.75em 0 0; padding: 1.75em 0 0; }
#comments .col { width: 260px; }
#comments .comment { float: right; width: 196px; }


/* -- footer -- */
#footer {
	clear: both;
	color: #aaa;
	font-size: 11px;
	line-height: 1.3636;
	padding: 4em 0 4em 165px;
	position: relative;
	}
#footer a { color: #999; }
#footer span { margin: 0 2px; }
#footer p { margin: 0; width: 420px; }
#footer p.alt {
	border-bottom: 1px solid #aaa;
	margin: 0 0 0.5454em;
	padding: 0 0 0.5454em;
	}
#footer .contact {
	margin-top: 0.5454em;
	}
#cw {
	background-image: url(/img/cycle-works.png);
	left: 88px;
	height: 57px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 4em;
	width: 57px;
	}
#cw:hover, .about #cw { background-position: 0 -57px; }
.twitter {
	background: url(/img/icons/twitter.png) no-repeat 0 50%;
	padding: 2px 0 2px 20px;
	}


/* -- nav -- */
.nav {
	float: right;
	font-size: 11px;
	line-height: 1;
	position: relative;
	width: 118px;
	}
.nav a {
	color: #aaa;
	display: block;
	margin: -9px 0 0;
	padding: 9px 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	}
.current_page_item > a, .current_page_parent > a, .current_page_ancestor > a { color: #111; }
.nav a:hover { color: #555; }
.nav ul { margin: 0 0 1.1818em; }
.nav ul ul {
	display: none;
	position: absolute;
	right: -27px;
	top: 8.5em;
	}
.nav .current_page_item ul, .nav .current_page_parent ul, .nav .current_page_ancestor ul { display: block; }
.nav ul.alt { margin-right: -27px; }


/* -- section/page specific -- */

/* - dealers - */
.dealers .sub li { float: left; margin: 0.0833em 20px 1em 0; width: 180px; }
.dealers .sub dd { margin-bottom: 1em; }
	
/* - powdercoat - */
#powdercoat { position: relative; }
#content #powdercoat { left: -60px; }
#powdercoat ul { margin: 27px 0 0; }
#powdercoat li {
	background: url(/img/icons/arrow-u.gif) no-repeat -9999px -9999px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 10px;
	}
#powdercoat li.on { background-position: 7px 23px; }
#powdercoat li:hover { background-position: 7px 26px; }
#powdercoat li a {
	display: block;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	width: 19px;
	}
#powdercoat .blue-light a { background: #4c89af; }
#powdercoat .blue-royal a { background: #000046; }
#powdercoat .green a { background: #003b04; }
#powdercoat .orange a { background: #e54621; }
#powdercoat .yellow a { background: #e5a61f; }
#powdercoat .red a { background: #790000; }
#powdercoat .gold a { background: #aa7b16; }
#powdercoat .pink a { background: #fae5e3; }
#powdercoat .silver a { background: #c2c5b5; }
#powdercoat .black a { background: #1a1818; }
#powdercoat .white { margin-right: 0; }
#powdercoat .white a { background: #fff; outline: 1px solid #aaa; }

/* - share (blog) - */
.share .sub { float: left; padding: 0.1666em 0 0; width: 195px; }
.share .sub a { color: #999; display: block; text-decoration: none; }
.share .sub a:hover { color: #111; }
.share .sub .date { display: block; margin: 0; }


/* -- serif or sans-serif -- */
body {
	font-family: Georgia, serif;
	}
h1, h2, h3, h4, h5, h6, dt, .date, .nav {
	font-family: DINMITTE, 'Arial Narrow', Arial, sans-serif;
	}
th, label, .label, input, textarea, select, button, a.btn, .meta, .paging {
	font-family: 'Arial Narrow', Arial, sans-serif;
	}


/* -- contain floats -- */
.group:after, .paging:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }