/*
Name: tinyBlog
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.1.2
Author: Obox Design
Author URI: http://www.obox-design.com/
*/


@import url(reset.css);
@import url(social.css);	
@import url(clearfix.css);


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; background: #efefef;
		font-family: Arvo, Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #656565; line-height: 1.6em;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 5px; font-weight: lighter; font-family: Arvo, Georgia, "Times New Roman", Times, serif;}

p{margin-bottom: 12px;}
.subscribe{position: absolute; right: 45px; top: 20px;}

/*a{color: #86C045; text-decoration: none; cursor: pointer; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}*/
a{
color: #2299cc; 
text-decoration: none; 
cursor: pointer; 
-moz-transition: all 0.1s ease-in-out; 
-webkit-transition: all 0.1s ease-in-out; 
transition: all 0.1s ease-in-out;
}

a:hover{color: #000;}
a:active{text-decoration: #333;}

u{text-decoration: underline;}
strong{font-weight: bold;}
em{font-style: italic;}

textarea, input{border-style: none; padding: 8px;  font-size: 12px; color: #595959; border: 1px solid #ccc;
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
input[type=text]{border-style: none; width: 280px; border: 1px solid #ccc;}
textarea{width: 400px;}
input[type=button], input[type=submit]{background: #333; color: #fff; padding: 4px 8px;  cursor: pointer; border-style: none;
										-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
input[type=button]:hover, input[type=submit]:hover{background: #86C045;}

input.email{background: none repeat scroll 0 0 #86C045;}
/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*#header-container{width: 750px; margin: 0px auto 30px; background: #333;}*/
#header-container{width: 1140px; margin: 0px auto 30px; background: #333; position:relative;}
#header{min-height:160px; padding: 0 10px; border-bottom: 1px solid #555; background:url(http://roadstories.ru/wp-content/uploads/2015/03/eight_horns.png) repeat 50% 50%}
/*#content-container{width: 750px; margin: 0px auto 30px;}*/
#content-container{width: 1140px; margin: 0px auto 30px;}
/*#left-column{float: left; width: 500px;}*/
#left-column{float: left; width: 880px;}
#right-column{float: right; width: 220px; margin: 0px auto 60px; position: relative;}
#full-width{width: 750px; margin: 0px auto;}
/*#footer-container{clear: both; width: 750px; margin: 0px auto; overflow: hidden; background: #333;}*/
#footer-container{clear: both; width: 1140px; margin: 0px auto; overflow: hidden; background: #333;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{clear: both; padding: 0px; margin: 0px 0px 0px 10px; padding:20px 0; text-align: left; font-size: 40px; text-transform: uppercase;}
	.logo a{color: #333;}
		

	/*--------------------------*/
	/*- PAGES ------------------*/
/*	#page_menu{width: 750px; margin: auto;}*/
	#page_menu{width: 1140px; margin: auto;}
	.page-menu{clear: both; text-align: left; font-family: Arvo, Georgia, "Times New Roman", Times, serif; font-size: 12px; }
	.page-menu li{float: left; position: relative; border-right: 1px dotted #595959;}
	.page-menu a{display: block; padding: 5px 20px; margin: 0px 0px; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}
	.page-menu a:hover{background: #86C045;}
	
	.sub-menu{display: none; position: absolute; z-index: 2; background: #222;}
	.sub-menu li{clear: both; width: 160px; border-right: none; border-bottom: 1px dotted #595959;}
	.sub-menu li:last-child{border-bottom: none;}
	.sub-menu .sub-menu{left: 160px; top: 0px;}
	

/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*-------------------------*/
/*- SLIDER ---------------*/
.slider{float: left; width: 500px; margin: 0px 0px 30px 0px; position: relative;}
					
.feature{width: 500px; overflow: hidden; margin: auto; position: relative;}
						
.feature .gallery-container{width: 9999px; position: relative;}
.feature .gallery-container li{display: block; float: left;}
.feature .gallery-container p {margin-bottom: 0px;}
.feature .gallery-image img{display: block;}

.slider a {float: left; display: block; width: 500px; height: 300px; overflow: hidden;}

.slider .copy{clear: both;  width: 420px; padding: 20px 40px; background: #111; color: #ccc; line-height: 1.4em;}
.slider .copy li {list-style: none;}
.slider .copy p{padding: 0px; margin: 0px;}
.slider .copy a{color: #fff; border-bottom: 1px dotted #ccc;}
.slider .copy a:hover{border-bottom: 1px dotted #fff;}
							
.controls{float: right; width: 30px; padding: 0px; position: absolute; right: 10px; top: 10px;}
.controls a{display: block; clear: both; width: 30px; height: 30px; background: #111 url(images/layout/sprite.png) no-repeat; text-indent: -9999px; overflow: hidden;}
.controls a.next{margin-bottom: 1px; background-position: 0 -224px;}
.controls a.previous{background-position: 0 -255px;}
.controls a:hover{background-color: #86C045;}


/*-------------------------*/
/*- POSTS ----------------*/
.post-container{clear: both; margin-bottom: 42px; position: relative;}
h3.section-title {clear: both; color: #333; font-size: 15px; margin-bottom: 20px;}
		
			
	/*----------------------------*/
	/*- POST CONTAINER -----------*/
	/*.post{width: 420px; padding: 40px 40px 30px; min-height: 70px; background: #fff; border-top: 3px solid #86C045;}*/
	.post{width: 800px; padding: 40px 40px 30px; min-height: 70px; background: #fff; border-top: 3px solid #86C045;}
	#full-width .post{width: 670px; position: relative;}

		a.post-type{padding: 3px 7px; font-size: 12px; position: absolute; top: 0px; left: 40px; z-index: 100; background: #86C045;
						color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
						font-family: Arvo, Georgia, "Times New Roman", Times, serif;}
		a.post-type:hover{padding-top: 5px;}
			

		.post .video:first-child, .post .woo-image{display: block; margin: -40px 0px 40px -40px; position: relative; border: none;}
		
		.post h4.date{margin-bottom: 10px; padding: 0px; font-size: 12px; color: #888;}
		.post h3.title{padding: 0px; margin: 30px 0px; font-size: 20px;}
		.post h3.title a{font-weight: lighter; font-weight: normal; color: #333;}
		
		/*-------------------------*/
		/*- POSTS CLASSES ---------*/
		.post p{clear: none;}
		.post ol, .post ul{list-style: disc; margin: 0px 0px 10px 30px;}
		.post ol li, .post ul li{padding-bottom: 7px;}
		.post ol{list-style: decimal;}
		.post h1{font-size: 25px; font-weight: bold;}
		.post h2{font-size: 20px;}
		.post h3{font-size: 13px; font-weight: bold;}
		.post h4{font-size: 13px;}
		.post h5{font-size: 12px; font-weight: bold;}
		.post h6{font-size: 12px;}
		.post blockquote{display: block; padding: 0px 0px 0px 20px; margin: 20px 0px 20px; border-left: 3px solid #ccc; font-style: italic; color: #777;
							font-family: Arvo, Georgia, "Times New Roman", Times, serif;}
		
		/*------------------------------*/
		/*- POST PAGE META -------------*/
		.post-meta{padding: 20px 40px 30px; background: #fff; border-top: 1px dotted #ccc;}
			.post-meta li.meta-block:first-child{padding-bottom: 10px; margin: 0px 0px 15px; overflow: hidden; border-bottom: 1px solid #ddd;}
			.post-meta li.meta-block:first-child a.action-link{float: left;}
			.post-meta li.meta-block:first-child a.comment-count{float: right;}
			.post-meta li.meta-block:last-child{padding-bottom: 0px; margin-bottom: 0px; overflow: hidden;}
			
		
			/*-------------------------*/
			/*- SOCIAL ----------------*/
			.social li{clear: none; float: left; height: 20px; margin: 0px 10px 0px 0px; overflow: hidden;}
			
			
			/*-------------------------*/
			/*- SHORT URL -------------*/
			.short-url{float: right; height: 20px; font-size: 12px; line-height: 1em; display:none;}
			.short-url input{width: 140px; padding: 3px 0px 0px; margin: 0px; font-size: 12px; text-align: right;
								background: none; border: none;}
			
			
			/*-------------------------*/
			/*- TAGS ------------------*/
			ul.tags{float: left; width: 325px; overflow: hidden; text-transform: uppercase; font-size: 10px; font-family: Arvo, Georgia, "Times New Roman", Times, serif;}
			ul.tags li{display: inline; margin-right: 5px;}
			ul.tags a{color: #777;}
			ul.tags a:hover{color: #000;}
					
		
		.shadow{display: block; float: right; margin-right: 10px; width: 480px; height: 8px; background: url(images/layout/sprite.png) 0px 0px no-repeat;}
		.comment-shadow{display: block; margin: 0px 0px 0px 40px; width: 480px; height: 8px; background: url(images/layout/sprite.png) 0px 0px no-repeat;}

			
		/*-------------------------*/
		/*- LINK ------------------*/
		.link-post-link a{display: block; padding: 4px 0px 4px 35px; margin: 30px 0px; background: url(images/layout/sprite.png) -454px -189px no-repeat; color: #333;
							font-size: 20px; font-family: Arvo, Georgia, "Times New Roman", Times, serif;}
		.link-post-link a:hover{background-position: -454px -228px;}


		/*-------------------------*/
		/*- QUOTE -----------------*/
		.post-quote blockquote{padding: 0px; border: none; line-height: 1.3em; font-size: 25px; font-style: normal; color: #86C045;}
		
		cite a{color: #333; font-family: Arvo, Georgia, "Times New Roman", Times, serif;}
		cite a:hover{color: #777;}
		
		.post-quote-tags{background: #111; border-top: 1px dotted #444;}
		.post-quote-tags a:hover{color: #fff;}
		
		.post-quote-tags.meta a.comment-count, .post-quote-tags.meta a.aside-count{color: #ccc;}
		.post-quote-tags.meta a.comment-count:hover,  .post-quote-tags.meta a.aside-count:hover{color: #fff;}
		
		
	/*----------------------------*/
	/*- PAGINATION ---------------*/
	.pagination{clear: both; text-align: center; margin-bottom: 60px;}
		.pagination li{display: inline-block; vertical-align: middle; margin: 0px 10px;}
		.pagination li.page-count{font-weight: bold; font-family: Arvo, Georgia, "Times New Roman", Times, serif; font-size: 10px; text-transform: uppercase;}
		.pagination a{display: block; clear: both; width: 30px; height: 30px; background: #111 url(images/layout/sprite.png) no-repeat; text-indent: -9999px; overflow: hidden;}
		.pagination .next a{background-position: 0 -224px;}
		.pagination .previous a{background-position: 0 -255px;}
		.pagination .next a:hover, .pagination .previous a:hover{background-color: #86C045;}


/*-------------------------------------------------------------------------------------------*/
/*- AUDIO -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post-audio p {margin-top: 20px;}

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives_list{width: auto;}
.archives_list li{padding: 20px 0px; margin: 0px; border-bottom: 1px dotted #ddd;}

.archives_list li .archive-post-image{float: left; width: 50px; height: 50px; margin-right: 10px; position: relative; overflow: hidden;}
.archives_list li .archive-post-image img{display: block; position: relative;}
	
.archives_list li a{font-weight: bold; font-size: 15px;}
.archives_list li .comment-count{margin-left: 20px; font-weight: lighter; color: #999; font-size: 11px;}
.archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase; color: #999;}

.archives_list .date sup{position: relative; top: -3px; text-transform: lowercase; font-size: 8px;}
.archives_list .label{float: right; display: inline-block;}
.archives_list .label a{font-weight: lighter; color: #999; font-size: 11px;}
.archives_list li .comment-count:hover, ul.archives_list .label :hover{color: #111;}

.archives_list li:last-child{ margin-bottom: 30px;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{width: 420px; padding: 5px 40px 0px; background: #fff; border-top: 2px solid #333;}
					
.comments .section-title{padding-top: 40px; margin-bottom: 30px; font-size: 20px;}

ul.comment-container{margin-bottom: 0px;}
li.comment{padding-bottom: 30px; margin-bottom: 30px; position: relative; border-bottom: 2px solid #ccc; overflow: hidden;}
	
.comment-avatar{float: right; padding: 5px; background: #f0f0f0;}
.comment-avatar img{display: block; width: 40px; height: 40px;}
	
.comment h5.date{float: left; font-size: 12px; color: #888;}
.comment h4.comment-name{font-size: 15px; font-weight: bold;}

.reply-to-comment{float: right; padding: 1px 6px; margin-bottom: 20px; background: #ccc;
						color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}
.reply-to-comment:hover{background: #333; color: #fff;}

.comment-post{float: left; width: 370px;}

li.comment:last-child{padding-bottom: 0px; margin-bottom: 0px;}
	

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{clear: both; padding: 20px 0px 0px 20px; background: url(images/layout/thread-reply.gif) 0px 24px no-repeat;}
	.threaded-comments li.comment{padding: 0px 0px 20px; margin: 0px 0px 20px; border-bottom: 1px dotted #ccc;}
	.threaded-comments li.comment:last-child{border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
	.threaded-comments .comment h4.comment-name{font-size: 13px; font-weight: bold;}
	.threaded-comments .comment h4.comment-name a{color: #333;}
	.threaded-comments .comment h4.comment-name a:hover{color: #86C045;}
	.threaded-comments .comment-post{width: auto; padding: 0px; margin: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{width: 500px; padding: 20px 0px 40px;}

.comment-form-content .section-title{padding-top: 0px; font-size: 23px;}
	
.logged-in-as{margin-bottom: 10px;}
	

/*-------------------------------------------------------------------------------------------*/
/*- SIDEBAR ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.widget h4 {color: #333; font-size: 14px;}
.widget-list{margin-bottom: 30px; background: #fff;}
.widget-list li.widget{padding: 20px 20px 20px; border-bottom: 1px dotted #ccc; white-space: normal; color: #595959;}
.widget-list li.widget:last-child{border-bottom: none;}
.widget-list ul li{margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
.widget-list ul li:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
.widget-list ul li a{color: #86C045;}
.widget-list ul li a:hover{color: #111;}

	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-form input.search{float: left; width: 112px; height: 18px; padding: 3px 8px; margin: 0px; background: #eee; border: none;}	
	.search-form input.search_button{float: right; display: block; height: 24px; margin: 0px; padding: 0px 4px 0px; background: none; border: none; line-height: 1em; color: #fff; font-size: 11px; cursor: pointer; background: #86C045; text-align: center; font-family: Arvo, Georgia, "Times New Roman", Times, serif;}
	.search-form input.search_button:hover{color: #fff; background: #000;}
								
	/*-------------------------*/
	/*- FLICKR ----------------*/
	.flickr{margin-top: 10px; background: #333;}
	
	#flickr_badge_wrapper{padding: 10px 0px 0px 0px;}
	#flickr_badge_wrapper .flickr_badge_image{float: left; margin: 0px 10px 10px 0px; width: 50px; height: 50px;}
	#flickr_badge_wrapper .flickr_badge_image:hover{background: #777;}
	#flickr_badge_wrapper .flickr_badge_image a{display: block; width: 50px; height: 50px; overflow: hidden; text-align: center;}
	#flickr_badge_wrapper .flickr_badge_image a img{text-align: center;}
	
	
	/*-------------------------*/
	/*- FLICKR ----------------*/
	#twitter_update_list li{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
	#twitter_update_list li:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
	
			
	/*-------------*/
	/*- FOOTER ---*/
	a.obox-logo {margin-left: 52px;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
			
			
	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/
	#footer{color: #999;}
	#footer h4{margin-bottom: 10px; font-weight: 600; font-size: 14px; color: #fff;}
	#footer a{font-weight: 600;}
	#footer a:hover{color: #fff;}

	#footer ul{padding: 40px 40px 0px; overflow: hidden;}
	#footer ul li.column{float: left; width: 210px; margin-right: 20px;}
	#footer ul li.column:last-child{margin-right: 0px;}

	#footer ul li.column ul{padding: 0px;}
	#footer ul li.column ul li{padding: 0px 0px 3px; margin: 0px 0px 3px; border-bottom: 1px dotted #595959;}

	.footer-text{clear: both; padding: 20px 40px; margin-top: 30px; border-top: 1px solid #595959;}
	.footer-text p{float: left;  font-weight: 600; font-size: 11px;}
	.footer-text .obox-logo{float: right; margin-top: 5px;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- CSS3 EFFECTS ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.controls a, textarea, input, .reply-to-comment, .pagination a, .link-post-link a, .widget-list{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#header-container, .slider .copy, .post-meta, a.post-type, .comments{-moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;}
#footer-container{-moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}

.page-menu li:first-child a{-moz-border-radius: 0px 0px 0px 3px; -webkit-border-radius: 0px 0px 0px 3px; border-radius: 0px 0px 0px 3px;}
.page-menu li:last-child a{-moz-border-radius: 0px 0px 3px 0px; -webkit-border-radius: 0px 0px 3px 0px; border-radius: 0px 0px 3px 0px;}