/*
Theme Name: Azione
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0.0
Color: Light
Author: Obox Design
Author URI: http://www.obox-design.com/

*-----------------------------*
WARNING! DO NOT EDIT THIS FILE!
*-----------------------------*
To make updates to your theme, do not edit the styles in this file. Rather use 
the custom.css file to add your style changes. By copying a style from this
file and pasting it in custom.css you will override the style in this file.

*/


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{background: #f0f0f0; color: #4c5554;}

a:link {color: #333;}
a:visited {color: #2F3842;}
a:hover {color: #f33;}
a:active {color: #404B58;}

textarea, input{color: #595959;}
input[type=text], input[type=password], textarea{background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset;}

input[type=button], input[type=submit]{background: #f33; border: none; border-bottom: 1px solid #c00; color: #fff !important; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);}
input[type=button]:hover, input[type=submit]:hover{background-position: bottom; box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.3);}
input[type=button]:active, input[type=submit]:active{box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.5); border-bottom: 1px solid #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);}

.no_bg{background-image: none;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{background: #000; border: 1px solid #ccc; border-top: none; border-bottom: none;}
#navigation-container{background: #fff; border: 1px solid #ccc; border-top: none;}

#content-container{background: #fff; border: 1px solid #ccc;}
#right-column{background: #f6f6f6; border-left: 1px solid #f0f0f0;}

#footer-navigation-container{background: #fff; border: 1px solid #ccc;}
#footer-container{background: #000; border: 1px solid #ccc;  border-bottom: none;}

	
/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.wp-caption{background: #f5f5f5; border: 1px solid #ddd;}
.wp-caption img{border: none !important;}

.date{color: #888;}

.post-title{color: #111;}
.post-title a{color: #111;}
.post-title a:hover{color: #f33;}

.section-title{color: #111;}
.section-title a{color: #111;}
.section-title a:hover{color: #f33;}
	
.post-image{background: #fff;}
	

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
		
	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo h1{color: #fff;}
	.logo h1 a{color: #fff;}
	.logo h1 a:hover{color: #f33;}
	.logo .tagline{color: #ccc;}
		
		
	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav li{border-right: 1px dotted #ccc;}
	ul#nav li a{color: #000;}
	ul#nav li:first-child a{border-left: none;}
	ul#nav li a:hover{background: #f33; color: #fff; box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.3); text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);}
	ul#nav li a:active{box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.5); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);}


	/*--------------------------*/
	/*- SUB MENU ---------------*/
	ul#nav ul.sub-menu{background: #fff; border: 1px solid #B8BBC0; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);}
	ul#nav ul.sub-menu li{border: none; border-bottom: 1px dotted #ccc;}
	ul#nav ul.sub-menu li:last-child{border-bottom: none;}
	ul#nav ul.sub-menu li a{border: none;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE STYLING -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
		
	
	/*-------------------------------------------*/
	/*- SLIDER ----------------------------------*/
	.slider{background: #f6f6f6; border-bottom: 1px solid #ccc;}
	
	
		/*---------------------*/
		/*- SLIDER BUTTONS ----*/
		.slider .next, .slider .previous{background: #f33 url(layout/sprite.png) no-repeat; border-right: 1px solid #c00; text-indent: -999px; overflow: hidden;}
		.slider .previous{background-position: 7px 11px; background-color: #FF4949; border-color: #c00;}
		.slider .next{background-position: -33px 11px;}
		.slider .previous:hover, .slider .next:hover{background-color: #000; border-color: #000;}
			
		/*---------------------*/
		/*- SLIDER COPY -------*/
		.slider .post-title{color: #000; border-bottom: 3px solid #f0f0f0;}
		.slider .post-title:hover{border-color: #f33;}
		.slider .post-title a{color: #333;}
		.slider .post-title a:hover{color: #000;}
		
		/*---------------------*/
		/*- SLIDER DOTS -------*/
		.slider-dots .dot{background: url(layout/sprite.png) -0px -260px no-repeat; overflow: hidden; text-indent: -9999px;}
		.slider-dots .dot:hover, .slider-dots .dot-selected{background-position: -40px -260px;}

	
	/*----------------------------*/
	/*- CATEGORY LIST ------------*/
	.category-list a{background: #f0f0f0; color: #595959;}
	.category-list a:hover{background: #f33; color: #fff;}
	

	/*----------------------------*/
	/*- FOUR COLUMN VIDEO LIST ---*/
	.video-list{background: #fff;}
	.video-list .section-title{color: #333;}
	.video-list .section-title a{color: #333;}
	.video-list .section-title a:hover{text-decoration: underline;}
	.video-list .category-details p{color: #777;}	
	
	.video-list .four-column li{background: #f0f0f0 url(layout/sprite.png) -181px 20px no-repeat; border-bottom: 1px solid #ccc;}
	.video-list .four-column li:hover{background: #f33 url(layout/sprite.png) -200px 20px no-repeat; border-bottom: 1px solid #c00; color: #fff;}
	.video-list .four-column li:hover a, .video-list .four-column li:hover .date{color: #fff;}
	
	.video-list .three-column li{background: #f0f0f0 url(layout/sprite.png) -100px 90px no-repeat; border-bottom: 1px solid #ccc;}
	.video-list .three-column li:hover{background: #f33 url(layout/sprite.png) -120px 70px no-repeat; border-bottom: 1px solid #c00; color: #fff;}
	.video-list .three-column li:hover a, .video-list .three-column li:hover .date{color: #fff;}
	
	.video-list a.action-link{background: #F0F0F0; color: #2F3842;}
	.video-list a.action-link:hover{background: #f33; color: #fff;}
	
	/*----------------------------*/
	/*- ONE COLUMN LARGE ---------*/
	.blog-main-post-container .post{border-bottom: 3px solid #f0f0f0;}
	.blog-main-post-container .post:last-child{border-bottom: none;}


	/*----------------------------*/
	/*- WIDGET BLOCK --------------*/
	#widget-block{background: #f6f6f6; border-top: 1px solid #ccc;}
	#widget-block .widget-list .content{background: none;}
	#widget-block .widget-list li.widget:last-child{border-right: none;}
	#widget-block .widget-list li.widget h4.widgettitle{border-top: none;}
	
			
	/*----------------------------*/
	/*- PAGINATION ---------------*/
	.pagination li.page-count{color: #999;}
	.pagination .next a, .pagination .previous a{background: #f33 url(layout/sprite.png) no-repeat; text-indent: -999px;  border-bottom: 1px solid #c00;}
	.pagination .previous a{background-position: 12px 5px; border-radius: 3px 0px 0px 3px;}
	.pagination .next a{background-position: -28px 5px; background-color: #FF4949; border-radius: 0px 3px 3px 0px;}
	.pagination .previous a:hover, .pagination .next a:hover{background-color: #000; border-color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*------------------------------*/
	/*- RELATED VIDEO SLIDER -------*/
	.video-slider{border-bottom: 3px solid #f0f0f0;}
	.video-slider li{border-left: 1px solid #f0f0f0;}
	.video-slider li:hover{background: #f33; border-color: #c00;}
	.video-slider li:hover a{color: #fff;}
	.video-slider .screenshot{border: 3px solid #f0f0f0; background: #000}
	.video-slider li:hover .screenshot{border-color: #c00;}


	/*-----------------------------*/
	/*- NEXT - PREV POST NAV ------*/
	.next-prev-post-nav li a{background: #f33 url(layout/sprite.png) no-repeat; border-right: 1px solid #c00; color: #fff; font-weight: bold; text-indent: -999px; overflow: hidden;}
	.next-prev-post-nav li:last-child a{background-position: 7px 11px; background-color: #FF4949; border-color: #c00;}
	.next-prev-post-nav li:first-child a{background-position: -33px 11px;}
	.next-prev-post-nav a:hover{background-color: #000 !important; border-color: #000 !important;}
	
	
	/*-----------------------------*/
	/*- HD HEADER CONTAINER -------*/
	#hd-container{background: #fff; border-bottom: 3px solid #f0f0f0;}
	#hd-container .post-image{background: #fff;}
	
	.related-videos{background: #f0f0f0 url(layout/sprite.png) 0px -452px no-repeat;}
	.related-videos:hover{color: #333;}
	.related-videos.active{background-position: -0px -384px;}
	

	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.copy a{color: #333;}
	.copy a:hover{color: #f33;}
	.copy blockquote{border-left: 3px solid #f0f0f0;}
	
	
	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.post-meta li.meta-block:first-child a.action-link{color: #111;}
	.post-meta li.meta-block:first-child a.comment-count{color: #999;}
	.post-meta li.meta-block:first-child a:hover{color: #f33;}
	.post-meta li.meta-block:last-child{border-bottom: none;}

		
		/*-------------------------*/
		/*- SHORT URL -------------*/
		.short-url strong{color: #333;}
		.short-url input{background: none; border: none; color: #595959;}
		
		
		/*-------------------------*/
		/*- TAGS ------------------*/
		ul.tags strong{color: #111;}
		ul.tags a{color: #595959; background: #f0f0f0;}
		ul.tags a:hover{background: #f33; color: #fff !important;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{border-top: 3px solid #f0f0f0;}
.comments .section-title{color: #111;}

.comment{border-top: 1px dotted #ccc;}
.comment-avatar{float: left;}
.comment .date{color: #878787;}
	
.comment h4.comment-name{color: #111;}
.comment h4.comment-name a{color: #111;}
.comment h4.comment-name a:hover{color: #6684BF;}


	/*------------------------*/
	/*- THREADED COMMENTS ----*/
	.threaded-comments{border-top: 3px solid #f0f0f0;}
	.threaded-comments li.comment{background: url(images/layout/thread-reply.gif) 0px 5px no-repeat;}
	.threaded-comments li.comment:last-child{border-bottom: none;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FULL WIDTH STYLING ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#full-width .post-title-block{}
	

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives{background: #fff;}
ul.archives_list li{border-bottom: 1px dotted #ddd;}
.archives_list li .archive-post-image{background: #fff;}
.archives_list li .comment-count{color: #999;}	
.archives_list .date{color: #999;}
.archives_list .label a{color: #999;}
.archives_list li .comment-count:hover, ul.archives_list .label :hover{color: #111;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list li.widget li{border-bottom: 1px dotted #ccc;}

.widgettitle{color: #333; border-bottom: 3px solid #ddd;}
	

	/*------------------------------------*/
	/*- SEARCH ---------------------------*/
	.search-form form{background: #fff;}
	.search-form input[type=text]{background: none; box-shadow: none; border-right: none;}


	/*------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ----------*/
	.widget_recent_comments li{background: url(layout/sprite.png) -481px 5px no-repeat;}
	.widget_recent_comments li a{color: #999;}
	.widget_recent_comments li a:hover{color: #f33;}
	
	
	/*------------------------------------*/
	/*- POPULAR/RECENT POSTS -------------*/
	ul.widget-list li.widget_popular_posts ul li{background: url(layout/sprite.png) -481px -325px no-repeat;}
		
		
	/*------------------------------------*/
	/*- LATEST VIDEO LIST ----------------*/
	.latest-videos .widgettitle{border-bottom: none;}
	.latest-videos .pagination{background: #fff; border-bottom: 1px solid #ccc;}
	.latest-videos li{border-bottom: none !important;}
	.latest-videos .video-title{color: #B8BBC0;}
	.latest-videos .pagination .previous a{background-color: #f33; border-radius: 3px 0px 0px 3px; border-bottom: 1px solid #c00;}
	.latest-videos .pagination .next a{background-color: #FF4949; border-radius: 0px 3px 3px 0px; border-bottom: 1px solid #c00;}
	.latest-videos .pagination .previous a:hover, .latest-videos .pagination .next a:hover{background-color: #000; border-color: #000;}
	
	
	/*------------------------------------*/
	/*- TWITTER --------------------------*/
	ul#twitter_update_list li{background: url(layout/sprite.png) -481px -155px no-repeat;}
	ul#twitter_update_list li a{color: #999;}
	ul#twitter_update_list li span a{color: #333;}
	ul#twitter_update_list li a:hover{color: #f33;}


	/*------------------------------------*/
	/*- ADVERTS --------------------------*/
	ul.widget-list li.widget li.advert{background: #f6f6f6; text-align: center;}
	ul.widget-list li.widget .advert a{display: block; margin: auto;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav-footer li{border-right: 1px dotted #ccc;}
	ul#nav-footer li a{color: #000;}
	ul#nav-footer li:first-child a{border-left: none;}
	ul#nav-footer li a:hover{background: #f33; color: #fff; box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.3); text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);}
	ul#nav-footer li a:active{box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.5); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);}


	/*--------------------------*/
	/*- SUB MENU ---------------*/
	ul#nav-footer ul.sub-menu{background: #fff; border: 1px solid #B8BBC0; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);}
	ul#nav-footer ul.sub-menu li{border: none; border-bottom: 1px dotted #ccc;}
	ul#nav-footer ul.sub-menu li:last-child{border-bottom: none;}
	ul#nav-footer ul.sub-menu li a{border: none;}
			
			
	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/
	#footer{color: #999;}
	#footer h4{color: #fff;}
	#footer a{color: #999;}
	#footer a:hover{color: #fff;}
	#footer .content{background: none;}

	#footer ul li.column ul li{border-bottom: 1px dotted #555;}
	
	.footer-text{border-top: 2px solid #595959;}
	.footer-text p{color: #888;}