/*
Theme Name: Motion Picture
Design Studio: Obox Design http://www.oboxthemes.com/
Version: 1.0
Author: Obox Design
Author URI: http://www.oboxthemes.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: #667373;}

textarea, input{color: #595959; background: #fff; border: none;}
input[type=button], input[type=submit]{background: #6c9; color: #fff; cursor: pointer;}
input[type=button]:hover, input[type=submit]:hover{background: #f33;}

a{color: #4c5554;}
a:hover{color: #333;}

.no_bg{background-image: none;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{background: #333; border-top: 4px solid #DADDE1; border-bottom: 4px solid #DADDE1;}
#navigation-container{background: #fff url(layout/menu-bg.png) bottom repeat-x; border-top: 1px solid #B8BBC0; border-bottom: 1px solid #B8BBC0;}
#right-column{background: #fff;}
#footer-navigation-container{background: #fff url(layout/menu-bg.png) bottom repeat-x; border-top: 1px solid #B8BBC0; border-bottom: 1px solid #B8BBC0;}
#footer-container{background: #333; border-top: 4px solid #DADDE1;}

	
/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.wp-caption{background: #f5f5f5; border: 1px solid #ddd;}
.wp-caption img{border: none !important;}

h5.date{color: #888;}

.post-title{color: #4C5554;}
.post-title a{color: #4C5554;}
.post-title a:hover{color: #333;}

.section-title{color: #4C5554;}
.section-title a{color: #4C5554;}
.section-title a:hover{color: #333;}
	
.post-image{background: #fff;}
	

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
		

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav li a{color: #92A4A5; border-right: 1px solid #f0f0f0; border-left: 1px solid #fff;}
	ul#nav li:first-child a{border-left: none;}
	ul#nav li a:hover{color: #333;}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul#nav ul.sub-menu{background: #fff; border: 1px solid #B8BBC0;}
		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: #fff;}
	
		/*---------------------*/
		/*- SLIDER BUTTONS ----*/
		.slider .next, .slider .previous{background: #333 url(layout/sprite.png) no-repeat; text-indent: -999px; overflow: hidden;}
		.slider .previous{background-position: 12px 5px;}
		.slider .next{background-position: -28px 5px;}
		.slider .previous:hover, .slider .next:hover{background-color: #f33;}
			
			
		/*---------------------*/
		/*- SLIDER COPY -------*/
		.slider .post-title{color: #4c5554;}
		.slider .post-title a{color: #4c5554;}
		.slider .post-title a:hover{color: #333;}


	/*----------------------------*/
	/*- FOUR COLUMN VIDEO LIST ---*/
	.video-list{background: #fff;}
	.video-list .section-title{background: url(layout/dbl-border.png) bottom repeat-x; border-top: 3px solid #f0f0f0;}
	.video-list .section-title:first-child{border-top: none;}
	.four-column li{background: #fff;}
	.four-column .content{border-right: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;}
	.four-column li:nth-child(4n+4) .content{border-right: none;}
	.four-column li:nth-child(-n+4) .content{border-top: none;}

	/*----------------------------*/
	/*- THREE COLUMN -------------*/
	.three-column .content{border-right: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;}
	.three-column li:nth-child(3n+3) .content{border-right: none;}
	.three-column li:nth-child(-n+3) .content{border-top: none;}
	
	/*----------------------------*/
	/*- TWO COLUMN ---------------*/
	.two-column li.column{border-right: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;}
	.two-column li:nth-child(2n+2){border-right: none;}
	.two-column li:nth-child(-n+2){border-top: none;}
	
	
	/*----------------------------*/
	/*- ONE COLUMN LARGE ---------*/
	.blog-main-post-container li.post{background: #fff;}
	.blog-main-post-container .post-title-block{background: url(layout/dbl-border.png) bottom repeat-x;}


	/*----------------------------*/
	/*- WIDGET BLOCK --------------*/
	#widget-block{background: #fff;}
	#widget-block .widget-list .content{border-right: 1px solid #f0f0f0;}
	#widget-block .widget-list li.widget h4.widgettitle{border-top: none; border-right: 1px solid #f0f0f0;}
	#widget-block .widget-list li.widget:nth-child(3n+3) .content{border-right: none;}
	#widget-block .widget-list li.widget:nth-child(3n+3) h4.widgettitle{border-right: none;}
	
			
	/*----------------------------*/
	/*- PAGINATION ---------------*/
	.pagination li.page-count{color: #B8BBC0;}
	.pagination .next a, .pagination .previous a{background: #333 url(layout/sprite.png) no-repeat; text-indent: -999px;}
	.pagination .previous a{background-position: 12px 5px;}
	.pagination .next a{background-position: -28px 5px;}
	.pagination .previous a:hover, .pagination .next a:hover{background-color: #f33;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-----------------------------*/
	/*- NEXT - PREV POST NAV ------*/
	.next-prev-post-nav{border-bottom: 1px dotted #ccc; color: #999;}
	.next-prev-post-nav li a{color: #999;}
	.next-prev-post-nav li a:hover{color: #333;}
	
	/*-----------------------------*/
	/*- HD HEADER CONTAINER -------*/
	#hd-container{background: #fff;}
		#hd-container .post-title-block{background: url(layout/dbl-border.png) bottom repeat-x;}
		.hd-icon{background: url(layout/sprite.png) 0px -135px no-repeat; text-indent: -999px;}
		#hd-container .post-image{background: #fff;}


	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.copy a{color: #244C8B;}
	.copy a:hover{color: #333;}
	.copy blockquote{border-left: 3px solid #f0f0f0;}
	
	.copy textarea, .copy input[type=text]{color: #595959; background: #f5f5f5; border: 1px solid #ccc;}

	.content{background: #fff;}
	
	
	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.post-meta{background: url(layout/dbl-border.png) top repeat-x;}
		.post-meta li.meta-block:first-child{border-bottom: 1px dotted #ccc;}
		.post-meta li.meta-block:first-child a.action-link{color: #244C8B;}
		.post-meta li.meta-block:first-child a.comment-count{color: #B8BBC0;}
		.post-meta li.meta-block:first-child a:hover{color: #333;}
		.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: #777; background: #f0f0f0;}
		ul.tags a:hover{background: #333; color: #fff !important;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{background: #fff url(layout/dbl-border.png) top repeat-x;}

	li.comment{border-bottom: 1px dotted #ccc;}
	
	.comment-avatar{background: #fff; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);}
		
	.comment h5.date{color: #B8BABF;}
	.comment h5.date a{color: #888;}
	.comment h5.date a:hover{color: #333;}

	.comment h4.comment-name a{color: #244C8B;}
	.comment h4.comment-name a:hover{color: #333;}
	
	.reply-to-comment a{color: #244C8B;}
	.reply-to-comment a:hover{color: #333;}
	

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.comment-container ul.children{background: #f5f5f5; border: 1px solid #ddd;}
		.comment-container ul.children li.comment{background: none;}
		.comment-container ul.children li.comment:last-child{border: none;}
		.comment-container ul.children .comment-post{width: auto; background: none; border: none;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#respond, .comment-form-content{background: #333;box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 1);}
.comment-form-content .section-title{color: #fff;}

.logged-in-as{color: #999;}
.logged-in-as a{color: #6c9;}
.logged-in-as a:hover{color: #f33;}

.checkbox{color: #999;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FULL WIDTH STYLING ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#full-width .post-title-block{background: #fff url(layout/dbl-border.png) bottom repeat-x;}

/*-------------------------------------------------------------------------------------------*/
/*- POST GRID STYLING ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#post-grid .post-title-block{background: #fff url(layout/dbl-border.png) bottom repeat-x;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives{background: #fff;}
ul.archives_list li{border-bottom: 1px dotted #ddd;}
.archives_list li .archive-post-image{background: #fff; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);}
.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;}


/*-------------------------------------------------------------------------------------------*/
/*- ADVERTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list li.widget .advert {border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list li.widget li{border-bottom: 1px dotted #ccc;}
ul.widget-list li.widget li:last-child{border-bottom: none;}

h4.widgettitle{color: #333; background: url(layout/dbl-border.png) bottom repeat-x;}
#right-column h4.widgettitle{border-top: 4px solid #f0f0f0;}

#right-column ul.widget-list li:first-child h4.widgettitle{border-top: none;}
	

	/*------------------------------------*/
	/*- SEARCH ---------------------------*/
	.search-form{background: #f5f5f5; border-top: 4px solid #f0f0f0;}
	.search-form form{background: #fff; border: 1px solid #ccc;}
	.search-form input[type=text]{background: none; border: none;}
	.search-form input[type=submit]{background: #333; border: none; color: #fff;
										-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	.search-form input[type=submit]:hover{background: #f33;}


	/*------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ----------*/
	.widget_recent_comments li{background: url(layout/sprite.png) -481px 5px no-repeat;}
	
	
	/*------------------------------------*/
	/*- POPULAR/RECENT POSTS -------------*/
	ul.widget-list li.widget_popular_posts ul li{background: url(layout/sprite.png) -486px -325px no-repeat;}
		
		
	/*------------------------------------*/
	/*- LATEST VIDEO LIST ----------------*/
	.latest-videos li{border-bottom: none !important;}
	.latest-videos li.video-title{color: #B8BBC0;}
	
	
	/*------------------------------------*/
	/*- TWITTER --------------------------*/
	ul#twitter_update_list li{background: url(layout/sprite.png) -481px -157px no-repeat;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------------------------*/
	/*- FOOTER CATEGORY MENU ---------------------*/
	ul#footer-nav li a{color: #92A4A5; border-right: 1px solid #f0f0f0; border-left: 1px solid #fff;}
	ul#footer-nav li:first-child a{border-left: none;}
	ul#footer-nav li a:hover{color: #333;}
			
			
	/*-------------------------------------------*/
	/*- 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: 1px solid #595959;}
	.footer-text p{color: #888;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- DROP SHADOW EFFECTS - I have put them here to improve consistency -----------------------*/
/*-------------------------------------------------------------------------------------------*/
	#widget-block, #full-width, #hd-container, .slider, .video-list, .archives, #left-column .content, #left-column .comments, #left-column .post, #right-column, #post-grid{
		-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);	}


