body {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 1.6; /* Unitless for proper inheritance */
    background: #FFF url('/imgs/bg.jpg') repeat-x;
    font-size: 62.5%; 
}
* { padding: 0; margin: 0; }

/* IE (10px = 62.5%, 11px = 68.75%, 12px = 75%, and so forth) */
html > body   { font-size: 10px; }  /* All other browsers */

/* =HEADINGS *******************************************************/

h1, h2, h3, h4, h5, h6 { 
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.2;
	letter-spacing: -0.1em;
}

img {

}

p {
 color: #676767;
 margin-bottom: 10px;
 text-align: justify; 
 text-justify: newspaper;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border: none; }

h1 { 
 font-size: 2.25em; margin: 0 0 15px 0; visibility:hidden;
}

h2 { 
 font-size: 2.6em;  
}

h3 { 
 color: #FFF; 
 font-size: 14px;
 font-weight: bold;
 text-transform:uppercase;
 border-bottom: 1px dotted #00f0ff;
}


h3 a { 
color: #00f0ff; 
font-size: 14px; 
font-weight: bold; 

}

h4 { 
 color: #FFF; 
 font-size: 10px;
 font-weight: bold;
 text-transform:uppercase;
 border-bottom: none;
}


h4 a { 
color: #00f0ff; 
font-size: 
10px; 
font-weight: bold; 
 border-bottom: 1px dotted #00f0ff;
}


h5 { clear: both; display: block; margin: 0 0 7px 0; padding: 0; color: #1a77a7; font-size: 17px; font-weight: bold; }
h5 a { color: #1a77a7; border-bottom: 1px dotted #89999f;  }
h5 span.italic { font-family: Georgia, serif; margin: 3px 0 18px 0; font-style: italic; color: #00f0ff; display: block; font-size: 17px; }
h6 { font-size: 1.25em; color: #1a77a7; font-weight: bold; }

a { 
 font-weight: normal; 
 text-decoration: none;
 color: #00f0ff; 
}

a:hover, a img	{
 text-decoration: none;
 border: none;
 color: #FFF; 
}

a:active {

 color: #00f0ff; 
}



#headerlogo {
 position: relative;
 margin-top: 100px;
 left: 0px;
 height: 73px;
}

.rss {
 float: right;
 position: relative;
 top: 25px;
}

#nav {
 list-style-type : none;
 background: #000000 url('/imgs/navbg.jpg') repeat-x;
 height: 50px;
 padding: 0px 0px 0px 10px;
 position: relative;
 margin-top: 10px;
 display: inline-block;
 width: 890px;
}

.page_item a {
 line-height: 50px;
 height: 50px;
 margin: 0px 10px 0px 10px;
 padding: 0px 0px 0px 0px;
 float:left;
 list-style-type: none;
 text-transform:uppercase;
 color: #FFF;
}

.page_item a:hover, current_page_item a:hover{
 height: 34px;
 margin: 0px 10px 0px 10px;
 padding: 0px 0px 0px 0px;
 float:left;
 list-style-type: none;
 text-transform:uppercase;
 border-bottom:2px dotted #00f0ff;
}


.current_page_item, .current_page_item a{
 line-height: 50px;
 color: #000000;
 height: 50px;
 margin: 0px 10px 0px 10px;
 padding: 0px 0px 0px 0px;
 background: #00f0ff;
 float:left;
 list-style-type: none;
 text-transform:uppercase;
 font-weight: bold;

}

#search {
 float:left;
 margin-left: 360px;
}

fieldset.search {
        height: 23px;
	border: none;
	width: 208px;
	margin: 13px 0px 0px 0px ;
	background: #FFF;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 150px;
	height: 15px;
	padding: 2px;
        background: #00f0ff;
        margin-top: 2px;
	margin-right: 5px;
        margin-left: 2px;
}

.search button.btn {
	height: 19px;
	padding: 2px 2px 4px 2px;
        margin-top: 2px;
	cursor: pointer;
        color: #00f0ff;
	background: #000 url(search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
	background: #FFF url(search_bg.gif) no-repeat bottom right;
}




#wrapper { 
 margin: 0 auto;
 width: 900px;

}
#header {
 width: 900px;
 float: left;
 padding: 0px;
 border: none;
 margin: 0px 0px 0px 0px;
 position: relative;
}



#container {
 width:900px;
 margin: 0 auto;
 position:relative;
 top:0px;
 left:0px;
 float: left;
}



#content {
 width:650px;
 margin-top: 20px;
 float:left;
 position: relative;

}

.postwrapper:hover {
border-style:solid;
border-width:4px;
border-color:#00f0ff;
left: -4px;
top: -4px;
margin-bottom: 12px;
}

.postwrapper {
 width: 650px;
 height: 455px;
 position: relative;
 background-color: #e9e9e9;
 margin-bottom: 20px;
}


.imagewrapper {
 width: 450px;
 height: 299px;
 text-align: right;
 float: left;
 background-color: #000;
}

.titleblock {
 position: absolute;
 top:0px;
 right: 200px;

}

.entry-title {
 color: #FFF;
 background: url('/imgs/posttitlebg.png') ;
 padding: 2px 10px 2px 2px;
 display: inline-block;
 letter-spacing: -1.25px;
 width: 350px;
}

.singlepost-title{
 color: #FFF;
 font-size: 3.5em;
 background-color: #000;
 padding: 10px 10px 10px 10px;
 display: inline-block;
 letter-spacing: -1px;
 width: 630px;
}

.published {
 font-size: 10px;
 background: #00f0ff;
 color: #000;
 padding: 4px;
 display: inline-block;
 float:right;
 position:relative;
 top:-5px;
}

.published-forlist {
 font-size: 10px;
 background: #00f0ff;
 color: #000;
 padding: 4px;
 display: inline-block;


}

.theminipost {
 background-color:#000;
 width: 180px;
 height: 279px;
 padding: 10px 10px 10px 10px;
 color: #FFF;
 float:left;
 line-spacing: 16px;
 font-size: 11px;
 position:  relative;

 text-justify: newspaper;
}

.moretext {
 color: #00f0ff;
 font-size: 18px;
 position: absolute;
 top: 270px;
 left: 85px;
}


.entry-tags {
 color: #000;
 position: absolute;
 top: 450px;
 left: 50px;
}

.entry-comments {
 color: #000;
 position: absolute;
 top: 415px;
 left: 10px;
}

.sharebutton {
 color: #000;
 position: absolute;
 top: 415px;
 left: 410px;
}

.entry-comments-num {
 color: #00f0ff;
 font-weight: bold;
}

.share {
 position: absolute;
 top: 435px;
 left: 90px;

}

#gallerywrap {
 width: 640px;
 top: 308px;
 position: absolute;
 height: 92px;
 padding: 5px;
 background: #b5b5b5 url('/imgs/hatch.jpg') ;
}

.gallerythumbs {

 background-color: #000;
 height: 70px;
 top: 330px;
 position: absolute;
 padding: 5px;
}

.gallerytitle {
 top: 308px;
 color: #FFF;
 position: absolute;
 background-color: #000;
 height: 18px;
 padding: 5px;
}

#primary {
 margin-top: 20px;
}

#cam {
 position: relative;
 float: left;
 left: 10px;
 margin-top: 10px;
 padding: 10px 20px 10px 20px;
 width: 200px;
 background-color: #000;
}

.campic {
 margin-left: -20px;
}

#secondary {
 margin-top: 10px;
}

#sidebarwrapper{
 position: relative;
 left: 0px;
 width: 250px;
 float:left;

}

.sidebar {
 position: relative;
 left: 10px;
 float: left;
 padding: 10px 20px 10px 20px;
 width: 200px;
 background-color: #000;
}

.sidebar a:hover {
 text: #FFF;
 background-color: #00f0ff;
}

#latestrideentry li {
 height: 70px;
 display: block;
 background-color: #00f0ff;
}

#latestrideentry img {
 vertical-align: top;
 float: left;
 height: 70px;
}


#tagcloud {
 margin-left: 0px;
 
}

#nav-below {
 margin-bottom: 15px;
 margin-top: 15px;
}

.breadcrumb {
 color: #FFF;
 margin-bottom: 5px;
 background-color: #000;
 width: 640px;
 padding: 5px;
 height: 17px;
}

.entry-content {
 border-bottom: 20px;
}

#comments {
 border-bottom: 20px;
}

#footer {
 height: 100px;
 background-color: #000;
 width: 880px;
 float: left;
 padding: 10px 10px 10px 10px;
 border-bottom: 12px solid #00f0ff;
 margin: 20px 0px 0px 0px;

}

#foothead {
 color: #00f0ff;
 font-size: 16px;
 font-weight: bold;
}

#copyright {
 color: #FFFFFF;
 font-size: 10px;
}

#footercats {
 list-style-type: none;
 display: inline-block;
 margin-top: 5px;
}

#footercats li {
 font-size: 12px;
 float: left;
 margin-right: 10px;

}