/*
	ANDY CHATTERTON CSS
	CREATED:09.12.09
	MODIFIED:22.06.14
	AUTHOR:ANDY FIELD
*/

/*
	COLOURS
	RED:#f30
	GREEN:#9c0
*/

/* RESET
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

a img,:link img,:visited img {
	border:none;
}

:link,:visited {
	text-decoration:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img { 
	border:0;
}

address,abbr,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

img {
	border:none;
}

ol,ul,dl {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

/* BASE
******************************************/

html>body {
	font-size:11px;
}

body {
	background:#020202 url('/assets/grid-bground.png') 0 0 repeat;
	color:#fff;
	font-family:"Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:75%;
	line-height:1.636em;
	padding:1.636em 0 0 0; 
	text-align:center;
}

button,input,select,textarea {
	font-family:"Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:100%;
	vertical-align:middle;
}

#skip {
	height:0;
	margin:0;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:0;
}

a {
	outline:none;
}

a:focus {
	color:#f30;
}

a:link,
a:visited {
	color:#f30;
	text-decoration:none;
}

a:hover,
a:active {
	color:#f30;
	text-decoration:underline;
}

#blog a:focus {
	color:#9c0;
}

#blog a:link,
#blog a:visited {
	color:#9c0;
	text-decoration:none;
}

#blog a:hover,
#blog a:active {
	color:#9c0;
	text-decoration:underline;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

hr {
	height:1px;
	color:#f30;
	margin:0.8182em 0 1.636em 0;
	padding:0;
	background-color:#f30;
	border:0;
}

/* TYPOGRAPHY
******************************************/

p,dl,ol,ul,td,th {
	font-size:1em;
	line-height:1.636em;
}

p,dl,ol,ul {
	margin:0 0 0.8182em 0;
	
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}

h1 { /*18*/
	background:#f30;
	color:#fff;
	font-size:1.636364em;
	line-height:1em;
	margin:0 0 1em -20px;
	padding:6px 10px 6px 20px;
	text-transform:lowercase;
	width:270px;
}

#blog h1 {
	background:#9c0;
}

h2 { /*16*/
	font-size:1.454545em;
	line-height:1.125em;
	margin:0 0 0.65625em 0;
}

h3 { /*14*/
	font-size:1.272727em;
	line-height:1.285714em;
	margin:0 0 0.75em 0;
}

h4,h5,h6 {
	font-size:1em;
	line-height:1.636em;
}

p cite {
	font-size:0.909091em;
	font-style:italic;
}

/* LISTS
******************************************/

dd,dt,li {
	margin:0.409091em 0;
}

/* TABLES
******************************************/

td,th {
	padding:0.2045455em 0;
	vertical-align:top;
}

th {
	font-weight:bold;
}

thead th {
	font-size:1.272727em;
	line-height:1.285714em;
}

tbody th {
	width:140px;
}

/* DECORATION
******************************************/

a.green:link,
a.green:visited,
a.green:hover,
a.green:active {
	color:#9c0;
	font-weight:bold;
}

#home #main p {
	font-size:1.454545em;
	line-height:1.40625em;
	margin:0 0 1.125em 0;
}

#home #tweet {
	background:transparent url('/assets/transparency.png') 0 0 repeat-y;
	padding:10px;
	position:relative;
	top:3.272em;
	width:280px;
}

#home #tweet p {
	font-size:1em;
	line-height:1.636em;
	margin:0;
}

#home #tweet p.c {
	margin:0 0 0.5em 0;
}

img.ir {
	float:right;
	margin:0 0 1.636em 20px;
}

#blog-hd a { /*18*/
	background:#9c0;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:1.636364em;
	font-weight:bold;
	line-height:1em;
	margin:0 0 1em -20px;
	padding:6px 10px 6px 20px;
	text-transform:lowercase;
	width:270px;
}

#blog-hd a:hover {
	background:#9c0;
	color:#fff;
	text-decoration:none;
}

.post h1 { /*18*/
	background:none;
	font-size:1.636364em;
	line-height:1em;
	margin:0 0 0.583333em 0;
	padding:0 0 0 140px;
	width:auto;
}

.red {
	color:#f30;
}

ul#nav {
	font-size:100%;
	width:160px;
}

ul#nav li {
	height:1%; /*IE6*/
	margin:0;
	width:160px;
}

ul#nav li a {
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:1.454545em;
	line-height:1.125em;
	padding:0 0 20px 0;
	width:160px;
}

ul#nav li a:hover,
ul#nav li a.active {
	color:#f30;
	text-decoration:none;
}

ul#nav li a.active {
	font-weight:bold;
	
}

#blog ul#nav {
	width:220px;
}

#blog ul#nav li {
	width:220px;
}

#blog ul#nav li a {
	background:#f30;
	color:#fff;
	padding:6px 10px;
	width:200px;
}

#blog ul#nav li a:hover,
#blog ul#nav li a.active {
	background:#9c0;
	color:#fff;
	text-decoration:none;
}

#footer h5 {
	background:transparent url('/assets/transparency.png') 0 0 no-repeat;
	color:#fff;
	font-size:1.454545em;
	letter-spacing:0.2em;
	padding:10px;
	text-align:left;
	width:450px;
}

#fcopy p {
	color:#fff;
	font-size:0.909091em;
	line-height:1.8em;
	/* padding:0.8182em 0; */
	margin:0;
	padding:8px 10px;
}

#fcopy p a,
#fcopy p a:hover,
#blog #fcopy p a,
#blog fcopy p a:hover {
	color:#fff;
	text-decoration:none;
}

.aside {
	background:transparent url('/assets/transparency.png') 0 0 no-repeat;
	margin:0 0 1.636364em 0;
	padding:10px;
	width:200px;
}

.aside p {
	margin:0;
}

.post h2 {
	padding:0 0 0 140px;
}

.post-meta {
	color:#999;
	float:left;
	font-size:0.909091em;
	line-height:1.8em;
	width:120px;
}

.post-main {
	border-bottom:1px solid #333;
	float:right;
	margin:0 0 1.636em 0;
	width:520px;
}

.comment {
	border-bottom:1px solid #333;
	margin:0 0 1.636em 0;
	width:520px;
}

.post-meta dl {
	font-size:100%;
}

.post-meta dt {
	color:#999;
	font-weight:bold;
	margin:0;
}

.post-meta dd {
	margin:0 0 0.4772725em 0;
}

#user-comments {
	padding:0 0 0 140px;
}

ul#sponsors {
	float:left;
	margin:0;
}

ul#sponsors li {
	display:block;
	float:left;
	height:70px;
	margin:0 0 20px 0;
	padding:0;
	width:140px;
}

ul#sponsors li.end {
	margin-right:0;
}

ul#sponsors li a {
	display:block;
	float:left;
	height:70px;
	overflow:hidden;
	text-indent:-3000em;
	width:140px;
}

li#canyon a {
	background:transparent url('/assets/sprite.png') 0 0 no-repeat;
}

li#canyon a:hover {
	background:transparent url('/assets/sprite.png') 0 -320px no-repeat;
}

li#osmo a {
	background:transparent url('/assets/sprite.png') -150px 0 no-repeat;
}

li#osmo a:hover {
	background:transparent url('/assets/sprite.png') -150px -320px no-repeat;
}

li#schwalbe a {
	background:transparent url('/assets/sprite.png') -300px 0 no-repeat;
}

li#schwalbe a:hover {
	background:transparent url('/assets/sprite.png') -300px -320px no-repeat;
}

li#compressport a {
	background:transparent url('/assets/sprite.png') -300px -80px no-repeat;
}

li#compressport a:hover {
	background:transparent url('/assets/sprite.png') -300px -400px no-repeat;
}

li#maloja a {
	background:transparent url('/assets/sprite.png') 0 -80px no-repeat;
}

li#maloja a:hover {
	background:transparent url('/assets/sprite.png') 0 -400px no-repeat;
}

li#z3rod a {
	background:transparent url('/assets/sprite.png') -300px -240px no-repeat;
}

li#z3rod a:hover {
	background:transparent url('/assets/sprite.png') -300px -560px no-repeat;
}

li#dorsetcereals a {
	background:transparent url('/assets/sprite.png') 0 -160px no-repeat;
}

li#dorsetcereals a:hover {
	background:transparent url('/assets/sprite.png') 0 -480px no-repeat;
}

li#inov8 a {
	background:transparent url('/assets/sprite.png') -150px -160px no-repeat;
}

li#inov8 a:hover {
	background:transparent url('/assets/sprite.png') -150px -480px no-repeat;
}

li#countryside a {
	background:transparent url('/assets/sprite.png') -150px -80px no-repeat;
}

li#countryside a:hover {
	background:transparent url('/assets/sprite.png') -150px -400px no-repeat;
}

li#domestique a {
	background:transparent url('/assets/sprite.png') -150px -240px no-repeat;
}

li#domestique a:hover {
	background:transparent url('/assets/sprite.png') -150px -560px no-repeat;
}

li#idnet a {
	background:transparent url('/assets/sprite.png') -300px -160px no-repeat;
}

li#idnet a:hover {
	background:transparent url('/assets/sprite.png') -300px -480px no-repeat;
}

li#honey-stinger a {
	background:transparent url('/assets/sprite.png') 0px -240px no-repeat;
}

li#honey-stinger a:hover {
	background:transparent url('/assets/sprite.png') 0px -560px no-repeat;
}




p.comment-meta {
	color:#999;
	margin:0 0 0.8182em 0;
}

.comment img {
	float:left;
	height:30px;
	margin:0 20px 0 0;
	width:30px;
}

/* FORMS
******************************************/

fieldset ol {
	list-style-type:none;
	margin-right:0;
	margin-left:0;
}

fieldset li {
	margin:0 0 0.8182em 0;
}

fieldset li img {
	display:block;
}

label {
	display:block;
	float:left;
	padding:0.409091em 0 0 0;
	width:160px;
}

label.chk {
	padding:0 0 0 160px;
	width:auto;
}

input,textarea,select,button {
	border:2px solid #ccc;
	padding:0.409091em;
}

input.long,
textarea.long {
	width:296px
}

input.short,
textarea.short {
	width:216px
}

span.req {
	color:#f30;
}

button {
	background:#f30;
	border:2px solid #f30;
	color:#fff;
	cursor:pointer;
	display:block;
	font-weight:bold;
	padding:0.409091em;
	width:140px;
}

button:hover {
	background:#b10;
	border:2px solid #b10;
}

#blog button {
	background:#9c0;
	border:2px solid #9c0;
}

#blog button:hover {
	background:#54a800;
	border:2px solid #54a800;
}

button#btnSubmit {
	left:160px;
	position:relative;
}

#blog button#btnSubmit {
	left:160px;
	position:relative;
}

/* LAYOUT
******************************************/

#header,
#content,
#footer,
#fcopy {
	margin:0 auto;
	/* position:relative; */
	text-align:left;
	width:940px;
	/* z-index:2; */
}

#header {
}

#content {
	margin:1.636364em auto;
	min-height:460px;
}

#gradient {
	background:transparent url('/assets/transparency-sidebar.png') 0 0 repeat-y;
}

#main {
	background:transparent url('/assets/transparency.png') 0 0 repeat-y;
	float:left;
	padding:1.636em 20px 1.636em 20px;
	width:660px;
}

#home #main {
	background:none;
	padding:0 0 0 400px;
	width:300px;
}

#profile #main,
#biography #main,
#contact #main,
#sponsors #main {
	min-height:400px;
	width:420px;
}

#xterra #main,
#mountain-marathon #main,
#race-schedule #main,
#race-results #main {
	padding:0;
	width:700px;
}

#xterra-i {
	background:transparent url('/images/backgrounds/andy-xterra.jpg') right 0 no-repeat;
	min-height:420px;
	padding:1.636em 260px 1.636em 20px;
}

#mountain-marathon-i {
	background:transparent url('/images/backgrounds/andy-mountain-marathon.jpg') right 0 no-repeat;
	padding:1.636em 260px 1.636em 20px;
	min-height:420px;
}

#race-schedule-i {
	background:transparent url('/images/backgrounds/andy-race-schedule.jpg') right 0 no-repeat;
	min-height:420px;
	padding:1.636em 260px 1.636em 20px;
}

#race-results-i {
	background:transparent url('/images/backgrounds/andy-race-results.jpg') right 0 no-repeat;
	min-height:420px;
	padding:1.636em 260px 1.636em 20px;
}

#sidebar {
	float:right;
	width:160px;
}

#blog #sidebar {
	width:220px;
}

#footer {
	clear:both;
	width:960px;
}

#fcopy {
	background:#f30;
	width:960px;
}

#blog #fcopy {
	background:#9c0;
}

#wrapper {
	background:#111;
	margin:0 auto;
	width:960px;
}

/* BACKGROUND IMAGES
******************************************/

#home #wrapper {
	background:#020202 url('/images/backgrounds/home.jpg') 0 0 no-repeat;
}

#biography #wrapper {
	background:#020202 url('/images/backgrounds/biography.jpg') 0 0 no-repeat;
}

#profile #wrapper {
	background:#020202 url('/images/backgrounds/profile.jpg') 0 0 no-repeat;
}

#xterra #wrapper {
	background:#020202 url('/images/backgrounds/xterra.jpg') 0 0 no-repeat;
}

#mountain-marathon #wrapper {
	background:#020202 url('/images/backgrounds/mountain-marathon.jpg') 0 0 no-repeat;
}

#race-schedule #wrapper {
	background:#020202 url('/images/backgrounds/race-schedule.jpg') 0 0 no-repeat;
}

#race-results #wrapper {
	background:#020202 url('/images/backgrounds/race-results.jpg') 0 0 no-repeat;
}

#sponsors #wrapper {
	background:#020202 url('/images/backgrounds/sponsors.jpg') 0 0 no-repeat;
}

#contact #wrapper {
	background:#020202 url('/images/backgrounds/contact.jpg') 0 0 no-repeat;
}

#blog #wrapper {
	background:#020202 url('/images/backgrounds/blog.jpg') 0 0 no-repeat;
}

#ac #wrapper {
	background:#020202 url('/images/backgrounds/blog.jpg') 0 0 no-repeat;
}