/*  
Theme Name: Ragley
Version: 1
Author: Someone
Author URI: http://ragleybikes.com/
Tags: blue, two columns, fixed width, custom header, microblog
Description: A group blog theme for short update messages, inspired by Twitter.
*/

/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,strong,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; font-size: 1em;}

/* -------------------------------------------- */
body {
	font-size: 12px;
	background: #111 url(img/common/bodyBack1.gif) top left no-repeat fixed;
	font-family: Helvetica, "Lucida Grande",Verdana,Arial,sans-serif;
	letter-spacing: -0.5px;
	color: #ffffb8;
}

#stripedBack {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 395px;
	height: 242px;
	background: url(img/common/stripedBack.png) bottom right no-repeat;
	display: block;
	z-index: 0;
}

a, li a {
	font-weight: bold;
	color: #ffffb8;
}
a:hover {
	color: #ea0049;
}
a:active {
	color: #ffffb8;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

h4 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 4px;}
h4 a { text-decoration: underline; font-size: 0.9em; font-weight: normal}
h4 span a { text-decoration: underline; font-size: 1em; font-weight: normal}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 8px;
}
h3 {
	font-size: 1.15em;
	padding-bottom: 4px;
	color: #fff;
	font-weight: bold;
}
blockquote {
	border-left: 1px solid #fff;
	padding-left: 8px;
	font-style: italic;
	color: #fff;
}
#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	margin-top: 00px;
	overflow: auto;

}
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 509px;
	height: 475px;
	background: transparent url(img/common/ragleyLogo.png) top left no-repeat;	
	z-index: 50;
}
#header h1 {
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

	#header h1 a {
		display: block;
		width: 500px;
		height: 230px;
	}

#header h2 { /* tagline */
	position: absolute;
	font-size: 1em;
	top: 10px;
	left: 450px;
	width: 248px;
	height: 202px;
	background: transparent url(img/common/splodge.png) top left;
		display: none;
}
	#header h2 span { /* tagline */
		color: #fff;
		font-size: 1.1em;
		font-style: italic;
		margin: 87px 0 0 50px;
		display: block;
		width: 178px;
		text-align: center;		
		display: none;
	}
	
#rssTopLeft {
	position: absolute;
	top: 10px;
	left: 10px;
	background: url(img/common/feed_icon.png) top left no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	z-index: 700;
}
	#rssTopLeft a {
	width: 28px;
	height: 28px;
	display: block;
	
	}
	
#rssH1 {
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(img/common/feed_icon.png) top left no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	z-index: 700;
}
	#rssH1 a {
	width: 28px;
	height: 28px;
	display: block;
	
	}


#note {
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 1;
}

.latestUpdates {
	text-align: center;
	font-size: 1.1em;
}

#main {
position:relative;
	width: 580px;
	float: left;
	margin-top: 230px;
	margin-right: 0px;
	display: inline;
	border-width: 0 1px;
	background: transparent url(img/common/png70.png) top left;
	z-index: 100;
}
#main .post {
	margin: 20px;
}
#main .post h2 {
	color: #ffffb8;
}

#main a img {	display: block;	}

#sidebar {
	width: 202px;
	margin-top: 0;
	margin-left: 5px;
	padding: 0px;
	float: left;
	color: #fff;
	font-size: 0.9em;
	background: transparent url(img/common/colBackDrop.png) top left repeat-y;
	padding-bottom: 300px;
	z-index: 500;
}
#sidebarRight {
	width: 186px;
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	float: left;
	color: #555;
	font-size: 0.9em;	
	border: 0px solid #ffffb8;
	z-index: 500;
	overflow: hidden;
}
#sidebar ul li {
	font-size: 0.9em;
	list-style-type: none;
}
#sidebar ul li p {
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 1.5em;
}

#sidebar .mainNav {
	margin-top: 10px;
	margin-left: 7px;
	width: 188px;
}

#sidebar .mainNav li {
	margin-top: 10px;
}

#sidebar .mainNav li a {
	font-size: 1.05em;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-align: left;
	display: block;
	padding: 4px;
	color:#fff;
	background: #000;
}
#sidebar .mainNav li a:hover {
	background: #5a142a
}
#sidebar .mainNav li ul.sub  {
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}
#sidebar .mainNav li ul.sub li {
	width: 188px;
	margin-top: 1px;
	padding: 0;
}

#sidebar .mainNav li ul.sub li a {
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0px;
	color:#888;
	text-transform: uppercase;
	text-align: left;
	display: block;
	border: 0;
	padding: 0px;
	background: transparent;
}

#sidebar .mainNav li ul {
	margin-left: 10px;
}
#sidebar .mainNav li ul li {
	margin-left: 5px;
}
#sidebar .mainNav li ul li a {
	font-size: 1.0em;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	display: block;
	padding: 2px;
	color:#fff;
	background: transparent;
}
#sidebar .mainNav li ul li a:hover {
	color: #ffffb8;
}


#sidebar .widget {
	width: 188px;
	margin-left: 7px;
}
#searchblock {
	margin-top: 10px;
	margin-left: 7px;
	width: 188px;
	border: 1px solid #fff;
	border-width: 1px 0;
}

#searchblock h3 {
	font-size: 1.15em;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-align: left;
	display: block;
	padding: 4px;
	color:#fff;
	background: #5a142a;
	margin-bottom: 10px; 
}

#searchblock form {
	margin: 10px;
}
#searchblock input {	margin: 4px 0;	}


#main h1 {
	font-size: 1em;
	margin-left: 3px;
	margin-top: 40px;
	margin-bottom: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	font-style: italic;

}
h1 a {
	font-weight: normal;
}

h1#subHeader {
	font-size: 2em;
	padding: 20px 20px 0 20px;
	color: #fff;
	letter-spacing: 5px;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	text-transform: uppercase;
}
h2#subSubHeader {
	font-size: 1.4em;
	padding: 5px;
	color: #ffffb8;
	letter-spacing: 10px;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffb8;
}


#postbox {

	margin-top: 12px;
}
#postbox form {
	background: url(i/form-btm.png) bottom left no-repeat;
	padding: 22px 0 22px 22px;
}
#postbox textarea#posttext {
	width: 608px;
	height: 50px;
	border: 1px solid #c6d9e9;
	margin-bottom: 10px;
	padding: 2px;
	font: 1.4em/1.2em "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	}
#postbox label {
	color: #333;
	display: block;
	font-size: 1.2em;
	margin-bottom: 4px;
	margin-left: 70px;
	font-weight: bold;
}
#postbox input#tags {
	font-size: 1.2em;
	padding: 2px;
	border: 1px solid #c6d9e9;
	width: 402px;
	margin-left: 70px;
}
#postbox input#submit {
	font-size: 1.2em;
	margin-left: 20px;
}
#userpage #main ul
{
	margin-left: 0;
}
#userpage #sidebar {
	margin-top:8px;
}
#main ul {
	list-style: none;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0;
}
#main h2 {
	margin-top: 4px;
	font-size: 1.15em;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid #ffffb8;
	margin-bottom: 2px;
	padding-bottom: 0;
}


#sidebar ul li#authors ul li img.avatar {
	clear: both;
	margin: 0 3px 0 0;
	padding: 3px;
}
#sidebar ul li#authors, #sidebar ul li#authors ul li {
	border: none;
}
img.avatar {
	float: left;
	margin-right: 0.7em;
	margin-top: 0.7em;
	margin-left: 00px;
	padding: 3px;
	border: 1px solid #fff;
}
.commentcontainer img.avatar {	margin-top: 0;	}
#postbox#main ul li {
	overflow: visible; 
	margin-bottom: 1.5em;
/*	border-bottom: 1px solid #fff; */
}
.postcontent {
	overflow: auto;
	padding-left: 00px;
	padding-bottom: 10px;
}

.postData { padding-top: 10px; clear: both; }

.bottom_of_entry {
	border-top: 1px solid #fff; 
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}
h2 img {
	vertical-align: middle;
	margin-right: 12px;
}
#main p img {
	vertical-align: top;
	padding: 2px;
	border: 1px solid #eee;
	margin-right: 8px;
}
#main p {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: .7em 0;
	color: #fff;
}
#main ul#comments {
	margin-left: 52px;
}
#main ul#comments img.avatar {
	margin-left: -52px;
	margin-right: 12px;
}
#main form {
	margin-top: 10px;
}
#main textarea {
	width: 460px;
}
#main input {
	margin: 4px 0;
}
#main .meta {
	font-size: 0.8em;
	margin: 0 0 1.5em 0;
}
#main p.meta {
	font-size: 1em;
}

#main p img  {
		margin: 5px 0;
		border: 6px solid #efefef;
		padding: 0;
	}

.navigation  {
	margin: 25px 20px;
}
.navigation p {
	text-align: center;
}

.commentcontainer {
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.rss {
	background: url(img/common/feed-icon-28x28.png) bottom left no-repeat;
	margin-left: 14px;
	padding-left: 30px
	font-size: 1em;
	font-weight: normal;
	margin-top: 4px;
	height: 28px;
	display: block;
}
.rss a {
	padding-top: 18px;
	padding-left: 34px;
}
.allrss {
	background: url(i/feed.png) center left no-repeat;
	padding-left: 14px;
}


#wpstats {
	position: relative;
	margin-top: 30px;
}
#main ul,
#main .post ul {
	list-style: none;
	margin-top: 20px;
	margin-left: 20px;
}
#main ul ul,
#main .post ul {
	margin-left: 18px;
	list-style: disc;
}
#main ul ul ul,
#main ul ol ul,
#main .post ul ul,
#main .post ol ul {
	margin-top: 0;
}
#main ol,
#main .post ol {
	margin-top: 16px;
	margin-left: 18px;
	list-style: decimal;
}
#main ol ol,
#main .post ol ol {
	margin-top: 0;
}

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}




#main .wp-caption  {
	width: 309px
}	
#main .wp-caption img {
		margin: 5px 0 0 0;
		padding: 0;
		border: 6px solid #efefef;
}

#main .wp-caption p.wp-caption-text {
	font-size: 10px;
	padding: 3px;
	margin: 0;
	background: #efefef;
	color: #111;
	text-align: right;
	width: 300px;
}
.mailList {
	padding: 5px;
	border: 2px solid #555;
	border-width: 1px 0;
	font-size: 1.0em;	
	margin-bottom: 10px;
}

#sidebar ul.twitter {
		padding: 0;
		margin: 0;
		margin-bottom: 2px;
	}


#footer {
	border-top: 1px solid #fff;
	clear: both;
	text-align: right;
	margin-bottom: 20px;
	font-size: 0.9em;

}
#footer #fatty {
	font-size:1em;
	color: #fff;
	letter-spacing: 4px;
	padding: 4px;
	background: #000;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#footer #copy { 
	color: #fff;
	padding: 3px;
}
	#footer_archive {
		margin-left: 0px;
		text-align: left;
		margin-bottom: 0;
		padding-left: 10px;
		padding-bottom: 20px;
		background: transparent url(img/common/png70.png) top left;
	}
	#footer_archive h3 {
		margin: 0;
		padding: 0;
			padding-top: 8px;
			padding-bottom: 3px;
	}
		#footer_archive ul	{
			display: inline;

		}
			#footer_archive ul li {
				font-size: 1.0em;
				list-style-type: none;
				display: inline;
				padding-right: 5px;
			}
				#footer_archive ul li a {
					border-bottom: 1px dotted #900;
				}
			#footer_archive ul li h3 {	font-size: 1.3em}


#flickrrss {
	margin-top: 20px;
	margin-left: 7px;
	margin-bottom: 20px;
	width: 188px;
}

#sidebar #flickrrss { /*left sidebar only*/
	margin-top: 10px;
	margin-left: 17px;
}

#flickrrss h2 {
	font-size: 1em;
	text-transform: uppercase;
	color: #fff;	
}

#flickrrss a {
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	border: 3px solid #ea0049;
}
	#flickrrss a:hover {
		border: 3px solid #333;
	}
#flickrrss li {
		list-style-type: none;
}


#twitter-1 {
	margin: 0 0 0 7px;
	color: #bbb;
	text-align: left;
}
	#twitter-1 li { 
		font-size: 1em; 
		margin: 3px 0 0 0;	
		border-bottom: 1px solid #888;
		list-style-type: none;
		background: transparent url(img/common/png70.png) top left;
		}
	#twitter-1 li a { color: #ea0049; }
	#twitter-1 li a:hover { color: #ffffb8; }	
#twitter-1 h3 {
	font-size: 1em;
	text-transform: uppercase;
	color: #fff;
}	

#hotLines {
	text-align: center;
	width: 188px;
	margin-left: 0px;

}
	#hotLines p {
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 5px;
		padding: 10px 0;
	}
	#hotLines img {
		padding-bottom: 10px;
	}

#shedfire {
	padding-top: 5px;
	padding-left: 3px;
	padding-bottom: 10px;
	width: 188px;
	margin-left: 0px;
}

/* widget crap*/
.widget {
	padding-top: 10px;
}

.widget ul li {
	font-size: 1.2em;
	padding: 4px;
}

#main .postcontent img {	margin: 0 2px 2px 0	}

#main .postcontent img.alignright {

	display: inline;
}

#main .postcontent img.alignleft {

	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
#fb {
	margin-left: 5px;
}

table#geomTable {
	border: 1px solid #fff;
	width: 540px;
}
table#geomTable th {
	background: #fff;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}


table#geomTable td {
	border: 1px solid #fff;
	padding: 4px;
	font-size: 1em;
	color: #fff;
}