/*
Theme Name: Cinemixtape
Description: A Very Cinematic Wordpress Theme
Author: Daniel Laughland
Author URI: http://daniel.laughland.com
Version: 2.0
*/

h1 { color: #000;}
a { color: #F02021; }

/*** Navigation ***/
#navigation { border: 0; border-radius: 0px; background:#F8F7F6; margin-bottom: 0; }
.navbar-form { margin-top: 10px; }
.navbar-text .fa-stack.fa-lg {
	margin-top: -14px;
	margin-bottom: -13px;
}

/*** Header ***/
#header { margin-top: 20px; margin-bottom: 20px; }
.wf-loading #header h1 { color: white; } /* Hide FOUC */
#header h1 { margin: 0; text-align:center; font-weight: 700; letter-spacing: -0.01em; position: relative; top: -8px; z-index:-1 }
#logo img { margin: 1em auto 1.25em; }

@media (min-width: 768px) {
	#header h1 { padding-top: 0.5em; font-size: 475%; margin-left: 1.4em; }
	#logo img { position: absolute; margin: 0; }
	#main { border-left: 48px solid white; border-right: 48px solid white; }
}
.social-icons a:hover {
	text-decoration: none;
}

/*** Star Ratings **/
.star-rating {
	white-space: nowrap;
}
.star-rating .fa-stack {
	width: 1.28571429em;
	height: 2.15em;
}
.star-rating .fa-star-half {
	margin-left: -4.2px;
}
.star-rating .on {
	color: #F02021;
}
.star-rating .off {
	color: #B8B8B8;
}

/*** Featured Banner **/
.featured-banner { margin-top: 18px; margin-bottom: 18px; }
.featured-banner a { text-decoration: none; }
.featured-banner .featured-info {
		background: linear-gradient(to bottom, rgba(3,3,3,0) 0%,rgba(3,3,3,1) 68%,rgba(3,3,3,1) 100%);
		padding: 40px 18px 10px;
		position: relative;
		margin-top: -73px;
}
.featured-banner .movie-title { color: white; font-size: 24pt; text-decoration: none; }
.featured-banner .rating-stars { margin-left: 1.25em; vertical-align: text-bottom; }

/*** Featured Posters **/
#featured-posters { margin-top: 18px; margin-bottom: 18px; }
.feat-item {
	background-color: #F8F7F6;
	background-image: url('images/feat-header.png');
	background-repeat: no-repeat;
	padding-top: 8px;
}
#featured-posters div:nth-child(1) .feat-item { background-position: 0px 0px; }
#featured-posters div:nth-child(2) .feat-item { background-position: -189px 0px; }
#featured-posters div:nth-child(3) .feat-item { background-position: -378px 0px; }
#featured-posters div:nth-child(4) .feat-item { background-position: -567px 0px; }
#featured-posters div:nth-child(5) .feat-item { background-position: -756px 0px; }

.feat-item { text-align: center; }
.feat-item img { margin-bottom:16px; }
.feat-item img.movie-poster { width: 100%; }
.feat-item h3 { font-size:21px; font-weight:700; padding:0 20px 0 20px; margin: 10px 0; line-height:26px; }
.feat-item h3 a { color:#222; }
.feat-item h3 a:hover { color:#d95b43; text-decoration:none; }
.feat-item .date { font-family: 'Droid Serif', sans-serif; color:#999; text-shadow: 1px 1px 1px #FFF; text-transform:uppercase; line-height:21px; display:block; }
.feat-item p { padding-bottom: 10px; margin-bottom: 5px; }

/*** Posts ***/
.post-title { color:#222; font-size:28px; font-weight:700; margin-top: 0.5em; margin-bottom:22px; }
.post-title a { color:#222; }
.post-title a:hover { color:#d95b43; text-decoration:none; }

.post-content p, .post-content div {
	font-size: 18px;
	letter-spacing: -0.063px;
	line-height: 1.58;
	margin-top: 1em;
}

.post-content p.oneliner {
	font-weight: 700;
	font-size: 30px;
	line-height: 1.15;
}

.news .post-title { margin-top: 0; }
.news-item { background-color: #F8F7F6; margin-bottom: 20px; padding: 18px 20px 20px 20px; }
.news-item h3 { margin: 0; margin-bottom: 20px; }
.news-item h3 a, .review-item h3 a { font-size: 16pt; color: #222; }
.news-item p { margin: 0; }
.news-item .post-img { margin-bottom: 0; }
.news-item .post-img, .review-item .post-img { margin-right: 12px; }

.review-item.row { margin: 20px 0; }
.review-item h3 { margin-top: 0; font-size: 85%; }

.post-meta span { display:block; margin-bottom:2px; color:#999; letter-spacing:0.1em; line-height:21px; text-transform:uppercase; font-size:11px; }
.post-share { margin-top:12px; background:url(images/line.gif) no-repeat top left; padding-top:20px; }
.post-tags { clear:both; float:right; width:450px; margin-top:10px; }
.post-tags a { background:#e3e3e3; padding:6px; margin-right:12px; color:#888; text-shadow: 1px 1px 1px #FFF; }
.post-tags a:hover { background:#d9d9d9; text-decoration:none; color:#666; }

.review-meta { background:#F8F7F6; border:1px solid #DDD; margin-bottom:24px; padding:10px 0px; }
.review-meta .overall { text-align:center; padding-top:12px; margin-bottom:2px; }
.review-meta .byline { font-size: 90%; font-weight: 300; margin: 1em auto 2em; }
.review-meta .byline img { float: left; margin-right: 1em; }
.review-meta .byline p { padding-top: 0.9em; }
@media (max-width: 767px) {
    .review-meta .byline img { display: none; }
}

	/* post styles */
	.post-content hr { border:0; background-color: #DDD; height:1px; margin-bottom:18px; color:#DDD; }
	.post-content ul { padding-left: 30px; margin-bottom:20px; font-size:13px; line-height:20px; }
	.post-content ul li{ background:url(images/ul-dot.png) no-repeat; padding-left:16px; margin-bottom:10px; }
	.post-content ol { padding-left:46px; margin-bottom:20px; font-size:13px; line-height:20px; }
	.post-content ol li { list-style-type: decimal; margin-bottom:6px; }
	.post-content .alignright { float:right; margin:0 0 4px 10px; }
	.post-content .alignleft { float:left; margin:0 10px 4px 0; }
	.post-content blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; padding-top:3px; margin-left:25px; color:#777; font-style:italic; }
	.wp-caption, .gallery-caption  { margin-bottom:20px; text-align: center; }
	p.wp-caption-text { margin-bottom:2px; }
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.gallery img { width:120px; height:120px; }
	.gallery-icon { margin-bottom:-30px; }

/*** Related Posts ***/
.related-posts { margin-bottom:30px; padding-bottom:30px; overflow:hidden; border-bottom:1px dashed #DDD; }
.related-posts h5 { font-family: 'Droid Serif', sans-serif; font-size:16px; text-transform:uppercase; color:#888; margin-bottom:20px; }
.related-posts li { float:left; }

/*** Comments ***/
.comments { margin-bottom:50px; }
.comments h5 { font-family: 'Droid Serif', sans-serif; font-size:16px; text-transform:uppercase; color:#888; margin-bottom:20px; }
.comment-item { background:#eee; padding:14px; overflow:hidden; margin-bottom:14px; }
.comment-item .avatar { float:left; margin-right:14px; }
.comment-item .comment-author { margin-bottom:8px; }
.comment-item .comment-author .author { color:#777; font-family: 'Droid Serif', sans-serif; font-weight:700; text-shadow: 1px 1px 1px #FFF; margin-right:4px; }
.comment-item .comment-author .date { color:#999; font-family: 'Droid Serif', sans-serif; text-shadow: 1px 1px 1px #FFF; font-size:11px; }
.comment-item .comment-author .reply { font-family: 'Droid Serif', sans-serif; text-shadow: 1px 1px 1px #FFF; float:right; font-size:11px; }
.comment-item .comment-text { overflow:auto; }
.comment-item .comment-text p { margin:0 0 0 0; }
.children { margin: 20px 0 0 83px; }
.children li.comment { margin: 0 0 20px 0; }
#respond { margin-top:40px; overflow:hidden; }
#respond-content { width:640px; }
#comment-input { float:left; margin-right:20px; }
#comment-input input { border:0; margin-bottom:17px; color:#666; }
#comment-input input:focus, textarea:focus { outline:none; }
#comment-input label { display:block; margin-bottom:8px; }
#comment-input label .req { color:#999; }
.input-name { background:#E9E9E9; width:250px; height:24px; padding:8px; }
.input-email { background:#E9E9E9; width:250px; height:24px; padding:8px; }
.input-website { background:#E9E9E9; width:250px; height:24px; padding:8px; }
#comment-textarea { float:right; }
.textarea-comment { background:#E9E9E9; border:0; width:308px; height:168px; padding:14px; color:#666; }
#comment-textarea label { display:block; margin-bottom:8px; }
#comment-textarea-admin { float:none; margin-bottom:16px; }
#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }
#comment-submit { clear:both; float:right; margin-bottom:10px; }
#comment-submit-admin { clear:both; margin-bottom:10px; }
.comment-submit { background:#53777a; border:0; color:#fff; padding:10px; cursor:pointer; }
.comment-submit:hover { background:#374f51; }
.side-comment { color:#222; display:block; margin-bottom:6px; }
.bypostauthor .comment-item { border:1px solid #DDD; }

/*** Pagination ***/
.pagination { margin-bottom:50px; overflow:hidden; }
.pagination a { color:#FFF; }
.pagination a:hover { text-decoration:none; }
.pagination .next a { float:right; background:#53777a; padding:10px; font-family: 'Droid Serif', sans-serif; color:#FFF; text-transform:uppercase; font-size:12px; }
.pagination .prev a { float:left; background:#53777a; padding:10px; font-family: 'Droid Serif', sans-serif; color:#FFF; text-transform:uppercase; font-size:12px; }
.pagination .prev a:hover { background:#374f51; }
.pagination .next a:hover { background:#374f51; }

/*** Sidebar & widgets ***/
#sidebar .widget a { color:#555; }
#sidebar .widget a:hover { color:#d95b43; text-decoration:none; }
.widget { margin-bottom: 20px; }
.widget h3 { display: none; font-family: 'Droid Serif', sans-serif; font-size:16px; text-transform:uppercase; color:#777; border-bottom:1px dashed #DDD; padding-bottom:6px; margin-bottom:20px; }
.widget p { font-size:12px; color:#777; }
.widget li { color:#555; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px; }
.widget li .righttext { color:#999; margin-left:10px; font-size:11px;}

/*** social widget **/
.widget .social { padding-left:24px; width:64px; display:inline-block; padding-top:2px; font-size:12px; color:#555; }
.widget .social.face { background:url(images/facebook.png) no-repeat left; width:75px; }
.widget .social.twitter { background:url(images/twitter.png) no-repeat left; width:61px; }
.widget .social.rss { background:url(images/rss.png) no-repeat left; width:54px; }

/*** banner widget ***/
.widget .banners li { float:left; border:0;}
.widget .banners li.last { float:right; }

/*** widget item ***/
.widget .widget-item { overflow:hidden; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px;}
.widget .widget-item img { float:left; margin-right:14px; }
.widget .widget-item h4 { margin-bottom:3px; line-height:17px; }
.widget .widget-item h4 a { color:#555; }
.widget .widget-item .date { color:#888; font-size:11px; }
.widget .widget-item .score {display:block;float:right;}

/* Flickr widget */
.flickr_badge_image { float:left; margin-right:15px; margin-bottom:13px; }
.flickr_badge_image img { }
#footer .widget .flickr_badge_image { margin-right:12px; margin-bottom:12px; }
#footer .widget .flickr_badge_image img { width:60px; height:60px; background:#FFF; }

/* Twitter widget */
#twitter_update_list li { background:url(images/twitter_small.png) no-repeat top left; padding-left:26px; line-height:20px; }
#footer #twitter_update_list li { background:url(images/twitter_small.png) no-repeat top left; padding-left:26px; line-height:20px; color:#666; text-shadow: 1px 1px 0 #000;  }
#twitter_update_list a { color:#999 !important; }
#twitter_update_list span a { color:#d95b43 !important; }

/* Tags widgets */
.tagcloud a { background:#e3e3e3; padding:6px; margin-right:10px; color:#888; text-shadow: 1px 1px 1px #FFF; font-size:12px !important; display:inline-block; margin-bottom:10px; }
.tagcloud a:hover { background:#d9d9d9; text-decoration:none; color:#666 !important; }

/*** footer random posts ***/
#footer-posts-wrapper { background:#f4f4f4 url(images/footer-bg.png) repeat; overflow:hidden; padding: 30px 0 45px 0; }
#footer-posts { width:960px; margin:0 auto;  }
#footer-posts h3 { font-family: 'Droid Serif', sans-serif; font-size:16px; text-transform:uppercase; color:#777; text-shadow: 1px 1px 1px #FFF; margin-bottom:20px; }
#footer-posts li { float:left; margin-bottom:-3px; }

/*** footer ***/
#footer { background:#151515; padding:18px 0 14px 0; overflow:hidden; }
#footer { color:#444; text-shadow: 1px 1px 0 #000; }
#footer .social-icons { margin-top: -2px; }
#footer .social-icons a { color: #444; }

/*** Archive box ***/
.browsing { background:#eee; padding:20px 20px 20px 16px; margin-bottom:50px; font-family: 'Droid Serif', sans-serif; text-shadow: 1px 1px 1px #FFF; }
.browsing span { font-size:12px; text-transform:uppercase; color:#888; margin-bottom:8px; display:block; }
.browsing h1 { font-size:24px; }


/*** Shortcodes ***/

	/* Video shortcode */
	.video-shortcode { margin-bottom:20px; }

	/* button shortcode */
	.button { padding:9px 10px 9px 10px; display:inline-block; margin:0 10px 20px 0; cursor:pointer; }
	.button a:hover { text-decoration:none; }
	.button.black a { color:#FFF; }
	.button.black {
	 background: #333;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#333');
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
    background: -moz-linear-gradient(top,  #555, #333);
    border:1px solid #111;
	}
	.button.black:hover {
	 background: #444;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#444');
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
    background: -moz-linear-gradient(top,  #666, #444);
    border:1px solid #111;
	}

	.button.green a { color:#FFF; }
	.button.green {
	 background: #3ba323;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b928', endColorstr='#3ba323');
    background: -webkit-gradient(linear, left top, left bottom, from(#43b928), to(#3ba323));
    background: -moz-linear-gradient(top,  #43b928, #3ba323);
    border:1px solid #2c8816;
	}
	.button.green:hover {
	 background: #3ba323;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ac82d', endColorstr='#42b528');
    background: -webkit-gradient(linear, left top, left bottom, from(#4ac82d), to(#42b528));
    background: -moz-linear-gradient(top,  #4ac82d, #42b528);
    border:1px solid #2c8816;
	}

	.button.red a { color:#FFF; }
	.button.red {
	 background: #a80d0d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c31010', endColorstr='#a80d0d');
    background: -webkit-gradient(linear, left top, left bottom, from(#c31010), to(#a80d0d));
    background: -moz-linear-gradient(top,  #c31010, #a80d0d);
    border:1px solid #990c0c;
	}
	.button.red:hover {
	 background: #a80d0d;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80f0f', endColorstr='#b40e0e');
    background: -webkit-gradient(linear, left top, left bottom, from(#c80f0f), to(#b40e0e));
    background: -moz-linear-gradient(top,  #c80f0f, #b40e0e);
    border:1px solid #990c0c;
	}

	.button.blue a { color:#FFF; }
	.button.blue {
	 background: #0f57a2;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1062b5', endColorstr='#0f57a2');
    background: -webkit-gradient(linear, left top, left bottom, from(#1062b5), to(#0f57a2));
    background: -moz-linear-gradient(top,  #1062b5, #0f57a2);
    border:1px solid #0a447f;
	}
	.button.blue:hover {
	 background: #0f57a2;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1268c1', endColorstr='#105eaf');
    background: -webkit-gradient(linear, left top, left bottom, from(#1268c1), to(#105eaf));
    background: -moz-linear-gradient(top,  #1268c1, #105eaf);
    border:1px solid #0a447f;
	}

	.button.orange a { color:#FFF; }
	.button.orange {
	 background: #cd460a;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e24e0c', endColorstr='#cd460a');
    background: -webkit-gradient(linear, left top, left bottom, from(#e24e0c), to(#cd460a));
    background: -moz-linear-gradient(top,  #e24e0c, #cd460a);
    border:1px solid #bc400a;
	}
	.button.orange:hover {
	 background: #cd460a;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1530d', endColorstr='#dc4b0b');
    background: -webkit-gradient(linear, left top, left bottom, from(#f1530d), to(#dc4b0b));
    background: -moz-linear-gradient(top,  #f1530d, #dc4b0b);
    border:1px solid #bc400a;
	}

	.button.light a { color:#777; }
	.button.light {
	 background: #DDD;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#DDD');
    background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));
    background: -moz-linear-gradient(top,  #F1F1F1, #DDD);
    border:1px solid #CCC;
	}
	.button.light:hover {
	 background: #DDD;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#E5E5E5');
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#E5E5E5));
    background: -moz-linear-gradient(top,  #F7F7F7, #E5E5E5);
    border:1px solid #CCC;
	}

	/*     10.2. Dropcap    */
	.dropcap { font-size:36px; margin-right:6px; padding-top:4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#888; }

	/*     10.4. Highlight    */
	.highlight1 { background:#f6f67a; }
	.highlight2 { background:#222; color:#CCC; }

	/*     10.9. Columns    */
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; font-size:13px; line-height:20px; margin-bottom:20px; }
	.one_half { 	width: 48%; }
	.one_third { width: 30.6666%; }
	.two_third { width: 65.3332%; }
	.one_fourth { width: 22%; }
	.three_fourth { width: 74%; }
	.last { margin-right: 0 !important; clear: right; }
	.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }

	/* Tabs shortcode */
	.tabs-wrapper ul.tabs { margin-left:-17px; height:36px; padding-left:17px; overflow:hidden; margin-bottom:0; }
	.tabs-wrapper ul.tabs li { background:none; float:left; margin-right:5px; border-top:1px solid #E8E8E8; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8; padding:10px; text-transform: uppercase; }
	.tabs-wrapper ul.tabs li.active { background:#efefef; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; text-shadow: 1px 1px 1px #FFF; }
	.tabs-wrapper ul.tabs li a { color:#888; }
	.tabs-wrapper .tab_content { padding:16px 14px 0 14px; display:none; border:1px solid #E8E8E8; margin-bottom:20px; }

		/* Tabs widget */
		#sidebar .widget .tabs-wrapper ul.tabs { margin:0 0 20px 0; padding:0; border-bottom:1px dashed #ddd; height:25px;  }
		#sidebar .widget .tabs-wrapper ul.tabs li { background:none; float:left; margin:0 14px 0 0; padding:0; border:none; text-transform: uppercase; font-family: 'Droid Serif', sans-serif; font-size:16px; text-transform:uppercase; color:#888; }
		#sidebar .widget .tabs-wrapper ul.tabs li.active a { color:#777; }
		#sidebar .widget .tabs-wrapper ul.tabs li a { color:#b8b8b8; }
		#sidebar .widget .tabs-wrapper ul.tabs li a:hover { text-decoration:none; color:#777; }
		#sidebar .widget .tabs-wrapper .tab_content { padding:0; display:none; border:none; margin-bottom:0; }

	/*     10.8. Toggles    */
	.toggle-wrapper { margin-bottom:20px; }
	.toggle { background:#EEE; border:1px solid #CCC; padding:10px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; cursor:pointer; margin-bottom:6px; }
	.toggle:hover { background:#F3F3F3; }
	.toggle a { background:url(images/toggle-arrow.png) no-repeat; padding-left:16px; color:#FFF; text-decoration:none; text-shadow: 1px 1px 1px #FFF; color:#444; font-size:13px; }
	.toggle-content { display:none; background:#F7F7F7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:10px; border:1px solid #DDD; font-size:13px; line-height:18px; text-shadow: 1px 1px 1px #FFF; margin-bottom:20px; }
	.toggle-content .block {padding:0px;}

/*** 404 ***/
.content-404 { text-align:center; margin-top:20px;}
.content-404 p { color:#a5a5a5; margin-top:-15px; margin-bottom:40px; }
.text-404 { font-size:140px; font-family: 'Droid Serif', sans-serif; color:#999; }

img#wpstats { display: none; }