@charset "UTF-8";
/* CSS Document */



body {
background: #4c4c4c url(images/bg_tile_shimano.jpg) repeat-x;
font-family: Helvetica, Verdana, Arial,  sans-serif;
margin: 0;

}

img { 
border: 0;
}

h2 {
font: 0.9em Helvetica, Verdana, Arial,  sans-serif;
text-transform:uppercase;
font-weight: bold;

padding: 0  0 0 0;
margin: 20px 0 0 0;

}
h3 {
font: 0.9em Helvetica, Verdana, Arial,  sans-serif;
font-weight: bold;
padding: 0 0 15px 0;
margin: 0;
border-bottom: 2px solid #999;

}

h4 {
font: 0.9em Helvetica, Verdana, Arial,  sans-serif;
text-transform:uppercase;
font-weight: bold;

padding: 0  0 0 0;
margin: 0 0 0 0;

}

p { 
padding: 0;
margin: 0 0 10px 0;
line-height: 1.3em;

}



a, a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #e50000;
text-decoration: none;
}

#wrapper {
width: 960px;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
margin: 0 auto 30px auto;
background: #ffffff;
-moz-box-shadow:0px 4px 5px #333333;
}

#header {
width: 960px;
height:165px;
background: #000 url(images/header.jpg) no-repeat;
clear:both;
}

#header_left {
float:left;
width: 650px;
height:165px;
}
#header_right {
float:right;
width: 310px;
height: 165px;
}

#header_logo {
width:960px;
height: 111px;
padding: 0 0 0px 0;
}

#nav {
width: 650px;
height: 20px;
margin: 11px 0 0 10px;
padding: 0 0 0 0;
color: #fff;
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
text-transform:uppercase;
}




#nav a, #nav a:visited {
color: #FFFFFF;
text-decoration:none;
}
#nav a:hover  {
color: #e50000;
text-decoration: none;
}
#header_social {
float:right;
width: 280px;
margin: 110px 22px 0 0;
}

.header_social_rss {
float:left;
margin:0px 0 0 3px;
border-right: 1px solid #fff;
padding:5px 20px ;
margin-bottom: 10px;

}
.header_social_twitter {
float:left;
margin:0 0 0 0;
border-right: 1px solid #fff;
border-left: 1px solid #000;
padding: 5px 20px ;
}

.header_social_facebook {
float:left;
margin:0 0 0 0;
padding: 5px 20px;
border-left: 1px solid #000;
}

.us {
margin-top: 0px;
margin-left: 22px;
float: left;
}

.us_text {
float: left;
color: #403f44;
font: 1em Helvetica, Verdana, Arial,  sans-serif;
height: 25px;
width: 180px;
padding-left: 13px;
padding-top: 6px;
}

.us_text a:link {
color: #403f44;
}

.us_text a:hover {
color: #403f44;
}
.us_text a:visited {
color: #403f44;
}

.searchform {
	float:left;	
	padding: 0 0 0 0;
	margin: 2px 0 0 10px;
	font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
}

.searchform .s {
	float:left;
	border:1px solid #000000;
	width: 190px;	
	height: 15px;
	padding: 5px;
	background: #ffffff;	
	text-align:left;
}
.searchform .submit {
	float:left;
	border:1px solid #000000;
	width: auto;	
	height: 27px;
	padding: 5px 5px 10px 5px;
	margin: 0 0 0 0;
	background: #ffffff;	
	text-align:left;
}


#page_banner {
width: 960px;
height:322px;
border-bottom: 4px solid #e50000;
overflow:hidden;
clear:both;
}

#content {
float:left;
width: 960px;
padding: 0 0 20px 0;
margin: 0;
background: #ffffff url(images/sidebar_background.jpg) ;
font-size : 1em;
}


.post_author {
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
color:#4f4f4e;
font-style: italic;
}


.post_meta {
float:left;
width: 600px;
margin: 20px 0 0 0;
padding: 10px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;

}
.post_meta a, .post_meta a:visited {
color:#e50000;
font-weight:100;
text-decoration: none;
}
.post_meta a:hover  {
color: #e50000;
text-decoration: underline;
} 
.post_meta_left {
width: 250px;
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
font-weight: bold;
}


.post_meta_right{
float:right;
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.entry {
float:left;
width: 600px;
margin: 0 0 0px 20px;
padding: 0px 0 0 0;
}






.entry_holder {
width: 600px;
min-height: 135px;
margin: 15px 0 0 0;
padding: 0 0 20px 0;
}

.post {
float:left;
width:600px;
margin: 10px 0 0 0px;
padding: 0;
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
}
.post h2 {
font-size:1.1em;
}

.post img 
{
float:left;

margin: 0 20px 20px 0;
border:0;
}

.post a, .post a:visited {
color: #e50000;
text-decoration: none;
}
.post a:hover {
color: #e50000;
text-decoration:underline;
}

.sorry {
margin: 0 0 0 20px;
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
}

/* POST NAVIGATION */
#post_navigation {
float:left;
width: 600px;
text-align: right;
margin: 20px 20px 50px 20px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	font: 0.7em Helvetica, Verdana, Arial,  sans-serif;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #000;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #000;
	background-color: #FFFFFF;
	font: 0.7em Helvetica, Verdana, Arial,  sans-serif;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #999;
	color: #e50000;
	background-color: #FFFFFF;
	font: 0.7em Helvetica, Verdana, Arial,  sans-serif;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #999;
	background-color: #FFFFFF;
	font: 0.7em Helvetica, Verdana, Arial,  sans-serif;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #999;
	background-color: #FFFFFF;
	font: 0.7em Helvetica, Verdana, Arial,  sans-serif;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	font: 0.7em Helvetica, Verdana, Arial,  sans-serif;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	font: 0.7em Helvetica, Verdana, Arial,  sans-serif;
}


/* SIDEBAR */


#sidebar {
 float:right;
 width: 280px;
height:auto;
 padding: 20px 20px;
 }

#sidebar .title {
font: 0.9em Helvetica, Verdana, Arial,  sans-serif;
font-weight: bold;
text-transform:uppercase;
padding: 0 0 10px 0;
margin: 0px 0 10px 0;
border-bottom: 1px solid #000;

}
.tweets {
margin: 0;
padding: 0;
} 
.tweets li{
list-style:none;
padding: 0 0 5px 0;
margin: 0;
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
}

#sidebar_sponsors {
width: 280px;
border-top: 2px solid #999;
padding: 15px 0 0 0;
margin: 5px 0 0 0;
}
#sidebar_videos {
width: 280px;
border-top: 2px solid #999;
padding: 15px 0 0 0;
margin: 5px 0 0 0;
}

#sidebar_video_vimeo {
width: 230px;
height: 32px;
margin: 25px 0 0 0;
padding: 13px 0 0 50px;
background: url(images/icon_vimeo.jpg) no-repeat;

}


#footer {
clear:both;
width:900px;
margin: 0px 0 0px 0;
padding: 10px 30px;
border-top: 4px solid #e50000;
background: #ffffff;
}
.footer_info {
font: 0.7em Helvetica, Verdana, Arial,  sans-serif;
color:#4f4f4e;

}
.footer_info a, .footer_info a:visited {
color:#4f4f4e;
text-decoration:none;
}
.footer_info a:hover {
color: #e50000;
text-decoration: none;
}
.footer_info_right {
float:right;
font: 0.7em Helvetica, Verdana, Arial,  sans-serif;
color:#4f4f4e;


}



ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 margin: 0 15px 0 0;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}


ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
 margin: 0;
}

ul.dropdown ul ul {
 top: 23px;
 left: 0;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 0 0px 5px 12px;
	  
	 background-color: #000;
	 color: #fff;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 
	color: #d10024;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #e50000; }
	ul.dropdown a:active	{ color: #db1f26; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 160px;
	 
	}

		

/* COMMENT SECTION */

.comments {	
	width: 600px;
	margin:0px 0 0 20px;
	padding: 10px 0 0 0;
	
	
}



.commentlist {
	list-style:none;
	margin: 15px 0 0 0;
	padding: 0;
	
font-family: Helvetica, Verdana, Arial,  sans-serif;
}


.commentlist ul { 
padding: 0;
margin: 0;
}
.commentlist li {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #999999;
	color:#000000;
	
	
}

.comment_poster {
font: 0.9em Helvetica, Verdana, Arial,  sans-serif;
text-transform:uppercase;
font-weight: bold;
}

.commentmetadata {
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
color:#4f4f4e;
font-style: italic;
padding: 0 0 5px 0 ;
}
.commentmetadata a, .commentmetadata a:visited{
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
color:#4f4f4e;
font-style: italic;
text-decoration: none;
}

.commentmetadata a:hover {
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
color:#e50000;
font-style: italic;
text-decoration: none;


}

.comment_text {
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
}

.comments_logout {
font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
}
#commentform {
	margin-top: 10px;
	font: 1em Helvetica, Verdana, Arial,  sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label {
	font: 1em Helvetica, Verdana, Arial,  sans-serif;
	color:#000000;
	margin: 0 0 0 10px;
}
#commentform input {
	width: 276px;
	background: #fff;
	border: 1px solid #999999;
	padding: 10px;
	margin-top: 3px;
	cursor: pointer;
}
#commentform textarea {
	width: 596px;
	height: 200px;
	background:#fff;
	border: 1px solid #999999;
	padding: 2px;
	margin-top: 3px;
	cursor: pointer;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit {
	font: 0.8em Helvetica, Verdana, Arial,  sans-serif;
	color: #000000;
	border: 1px solid #999999;
	padding: 5px;
	float:left;
	width: 144px;
	height: 29px;
	cursor: pointer;
}
#commentform #submit:hover {
color:#e50000;
}

ul.tweets a{
	display:inline !important;
	margin: 0px !important;	
	padding: 0px !important;
	color: #e50000;
        text-decoration: none;		 
}


ul.tweets li{
	margin-bottom: 10px !important;
}



ul.tweets a:hover {
color: #e50000;
text-decoration:underline;
}