a{color: blue;}
a:hover{text-decoration: underline;}
.clear{clear:both;}
.transparent{ zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;}
.break{border-top: 1px solid #ccc; padding-top: 10px;}


body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*background: #66cdcc url(../images/top_bg.jpg) repeat-x 0% 0%*/}

/*#bg{background: url(../images/grass2.jpg) repeat-x 0 100%; position: absolute; bottom: 0px; left: 0px; height: 100%; width: 100%;}*/


h1{font-size: 25px;}
h2{font-size: 18px;}
p{font-size: 13px;}

.corner_box{-webkit-border-radius: 20px; -moz-border-radius: 20px; -moz-border-radius: 20px;
border-radius: 20px;


border: 1px solid #ccc; background: #fff; padding: 10px; margin: 10px 0px 0px 0px}
.top_corners{-webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; 

-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;


}
.bottom_corners{-webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;}

#main_container{width: 960px; margin: 0px auto 0px auto; position: relative; z-index: 10;}



/* Common header stuff */

#header{position: relative; padding: 20px 20px 10px 20px;}
	#header h1{color: #555;}
	#header h2{color: #999; margin: 5px 0px 0px 0px;}
	#main_nav{clear: both; height: 30px;  margin: 10px 0px 0px 0px;}
	#main_nav li{float: left; margin: 5px 10px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
	#main_nav li a{border-left: 1px solid #ccc; border-right: 1px solid #ccc;  padding: 0px 10px 0px 10px;}
	#main_nav ol{position: absolute; top: 20px; left: 0px; width: 130px;  border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; z-index: 9999; background: #fff; padding: 10px 0px 10px 0px; display: none;}
	#main_nav ol li{ float: none}
	#main_nav ol li a{border-left: none; border-right:none; }
	
	#countdown_dashboard {height: 55px;position: absolute; top: 20px; right: 20px;}
		.dash {	width: 50px;height: 43px;background: transparent url(../images/dash.png) 0 0 no-repeat;float: left;margin-left: 20px;position: relative;}
		.dash .digit {font-size: 25pt;font-weight: bold;float: left;width: 25px;text-align: center; color: #555;position: relative; margin: 3px 0px 0px 0px;}
		.dash_title {position: absolute;display: block;bottom: -10px;right: 0px;font-size: 8px;color: #555;text-transform: uppercase;letter-spacing: 2px;}
		
		#mytime{position: absolute; top: 85px; right: 20px; color: #555; font-size: 18px;}
		#mytime span{color: 999; font-size: 12px;}
		
/* common content */	
#content_container{clear: both; margin: 0px 0px 0px 0px;}
	
#content{float: left; padding: 10px 0px 0px 0px; width: 740px}

.diary_content{position: relative}

.wide{width: 100% !important;}
	#content h2{margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px solid #ddd}
	#content h3{margin: 10px 0px 0px 20px; font-size: 22px; color: #777; /*clear: both;*/}
	#content h4{margin: 5px 0px 10px 20px; font-size: 14px; color: #999; /*clear: both;*/}
	
	#day_stats{list-style:none !important; margin: 10px  20px 20px 20px !important; position:absolute; top: 00px; right: 10px;}
	#day_stats li{color: #444}
	#day_stats li span{display:inline-block; width: 110px; font-size:11px; color:#555;}
	
	
	#content p{margin: 10px 20px 10px 20px; line-height: 22px; font-size: 16px; clear: both;}
	#content ul{margin: 0px 20px 20px 40px; list-style: circle}
	#content ul li{margin: 5px 0px 0px 0px;}
	#content img{/*border-top: 1px solid #ccc;*/ padding: 0px 0px 0px 0px;}
	.content_box{width: 200px; height: 200px; float: left; margin: 0px 0px 0px 20px;}
	#map_video{margin: 0px 0px 0px 20px;}
	
	.diary_item_image{/*border: 1px solid #ccc;*/ width: 205px; height: 155px; float: right; margin: 10px 10px 10px 10px;}
	.diary_item_image img{border: 1px solid #ccc; padding: 0px !important;}
	
	.diary_item_text{width: 450px;  float: left;}
	.media_container{/*display: none;*/ border: 1px solid #ccc; }
	#media_tabs{/*border-top: 1px solid #ccc; */ margin: 0px 0px 0px 0px;}
	#media_tabs li{float: left;}
	#media_tabs li a{display: block; width: 120px; border-right: 1px solid #ccc; text-align: center; padding: 5px 0px 5px 0px;}
	#media_tabs li a:hover{background: #eee}
	#media_tabs li a.selected{background: #65cdcd; color: #fff}
	#content_video{height: 410px; width: 720px}
	#content_images{border: none;/*border: 1px solid #ccc; height: 400px;*/ }
	
	#content_map{border: 1px solid #ccc; height: 410px; margin: 0px 0px 0px 0px; }
	#content_stats{border: none;}
	#content_stats ul{list-style: disc; color: #65cdcd; border-bottom: 1px solid #ccc; padding: 0px 0px 20px 0px; margin: 0px 20px 0px 40px;}
	#content_stats ul li{padding: 3px 0px 3px 0px;}
	#content_stats ul li em{color: #555; display: inline-block; width: 130px;}
	#content_stats ul li.border{padding: 3px 0px 20px 0px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #ddd;}
	/* jQuery lightBox plugin - Gallery style */

	#gallery {width: 720px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #ccc;}
	#gallery ul {list-style: none; margin: 0px; }
	#gallery ul li {display: inline; margin: 0px 0px 0px 5px;}
	#gallery ul img {border: 1px solid #ccc; padding: 0px;}
	#gallery ul a:hover img {color: #fff;}
	#gallery ul a:hover { color: #fff; }

	
	
	#home_video{margin: 5px 0px 9px 15px;}
	
	
	
	
	.diary_item2{width: 210px; height: 290px; float: left; margin-right: 10px; position: relative;}
	.diary_item2 img{margin-left: 10px;}
	.diary_item2 h3{margin-left: 0px !important; width: 75px; float: left !important;}
	.diary_item2 h4{margin-left: 0px !important; width: 130px; float: right !important; text-align: right; padding-top: 10px; padding-right: 5px;}
	.diary_item2 p{ clear: both; margin-left: 0px !important; font-size: 11px !important;}
	.more{position: absolute; bottom: 0px; right: 10px;}
	
	
	
	.wide .content_box{width: 270px; height: 200px; float: left; margin: 0px 0px 20px 20px; position: relative}
	.wide .content_box img{ border-top: 0px !important}
	.wide .content_box span{position: absolute; bottom: 5px; left: 0px; text-align: center; width: 290px; font-size: 22px;}
	
	.kit_table{ margin: 20px 20px 10px 20px; width: 920px;  clear: both; }	
	.kit_table td{padding: 10px 0px 0px 0px; font-size: 12px;}
	.kit_table tbody td {width: 50px;} 
	.kit_table tbody td + td {width: 150px}
	
	.kit_images li img{border: 0px !important;}
	#kit_bike_large{position: absolute; top: 550px; right: 20px;}
	#kit_front_pannier{position: absolute; top: 1060px; right: 250px;}
	#kit_rear_pannier{position: absolute; top: 1060px; right: 20px;}
	#kit_nallo2{position: absolute; top: 420px; right: 20px;}
	#kit_thermarest{position: absolute; top: 635px; right: 340px;}
	#kit_xero_350{position: absolute; top: 680px; right: 20px;}
	#kit_primus{position: absolute; top: 720px; right: 170px;}
	#kit_gopro{position: absolute; top: 435px; right: 320px;}
	#kit_nikon{position: absolute; top: 430px; right: 80px;}
	
	
	#contact_form, #message_form{margin: 20px; padding: 20px 10px 0px 10px;}
	form{margin: 20px; padding: 20px 10px 0px 10px;}
	form li{margin: 0px 0px 10px 0px;}
	form label{display: inline-block; width: 150px; vertical-align:top; padding: 10px 0px 0px 0px;}
	form input{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;border: 1px solid #ccc; padding: 10px; width: 300px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	form textarea{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border: 1px solid #ccc; padding: 10px; width: 300px; height: 200px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	
	#america_days{font-size: 11px; margin: 0px 20px 0px 20px; width: 920px;}
	#america_days th{text-align: left; border-bottom: 1px solid #ccc; padding: 0px 0px 5px 0px;}
	#america_days td{padding: 3px}
	#america_days tr:hover{background: #eee;}
	#america_days td.break{padding: 0px; margin: 0px; border-top: 1px solid #eee;}
	
	
	#diary_messages{}
	#diary_messages li p{margin: 0px 20px 0px 20px !important;}
	.message_footer{margin: 0px !important; border-bottom: 1px solid #ccc; font-size: 12px !important; color: #999}
	
	
/* rh side */
#side{width: 200px; float: right;}
#side div{position: relative}
#side div a{font-size: 13px; display: block; text-align: center}
#side div em{display: block; font-size: 9px; margin: 2px 0px 0px 0px;text-align: center}
/*#side div span{position: absolute; bottom: 10px; left: 10px; background: #ccc; width: 170px; padding: 5px; }
#side div span em{font-style: normal; font-size: 11px; display: block; margin: 5px 0px 0px 0px;}*/

#side .image_title{margin: 5px 0px 0px 0px; display: block;}


/* footer */
#footer{clear: both; margin: 0px 0px 0px 0px;  position: relative;  width: 100%; height: 620px;}

#bg_img{margin: 0px auto 0px auto; width: 1024px; height: 620px; position: relative;}

#change_bg{display: block; width: 70px; height: 70px;  position: absolute; top: 515px; left: 65px;  z-index: 999; }

#show_login{display: block; width: 50px; height: 50px; position: absolute; top: 430px; left: 480px;  z-index: 999;}
#login_form{display: none; width: 510px; height: 50px; position: absolute; top: 40px; left: 488px; z-index: 999; margin: 0px; padding: 0px;}

#login_form input{width: 150px;color: #555;}
#btn_login:hover{background: #ff9a66; color: #fff;}
#login_username, #login_password{}


.cloud{z-index: 1}
.cloud a{display: block; width: 100%; height: 100%; }
.cloud a:hover{text-decoration: none;}
#cloud1{width: 123px; height: 62px; position: absolute; top: 50%; left: 2%; background: url(../images/cloud.png) no-repeat}
#cloud2{width: 78px; height: 41px; position: absolute; top: 40%; right: 5%; background: url(../images/cloud1.png) no-repeat}
#cloud3{width: 88px; height: 46px; position: absolute; top: 20%; left: 15%; background: url(../images/cloud2.png) no-repeat}
#cloud4{width: 57px; height: 30px; position: absolute; bottom: 15%; right: 2%; background: url(../images/cloud3.png) no-repeat}
#cloud5{width: 78px; height: 41px; position: absolute; bottom: 10%; left: 10%; background: url(../images/cloud4.png) no-repeat}
#cloud6{width: 57px; height: 30px; position: absolute; bottom: 2%; right: 30%; background: url(../images/cloud3.png) no-repeat}
#cloud7{width: 78px; height: 41px; position: absolute; bottom: 4%; left: 50%; background: url(../images/cloud4.png) no-repeat}



#am_off{position: absolute; top: 25px; right: 80px; font-size: 55px; color: red; display: none;}