/*   
Theme Name: Movie Monster
Theme URI: http://ilovemoviemonster.com/
Description: Created by Tommy for Barry and Brock. CSS mostly from scratch. XHTML based on BLANK (v1) by Chris Coyier, http://chriscoyier.net.
Author: Tommy
Author URI: http://iamnotagoodartist.com/
Version: 1.0
*/

/* --- reset --- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;list-style-image:none;list-style-type:none;}
body{line-height:1;color:#000;background:#FFF;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
:focus{outline: 0;}

/* --- basic formatting --- */

body {
	background: #5e2f19 url("/wp-content/themes/moviemonster/images/bg_dumb.jpg") top center no-repeat;
	background:  url("/wp-content/themes/moviemonster/images/bg_gradient.jpg") top center no-repeat, url("/wp-content/themes/moviemonster/images/bg_bg.jpg") top center repeat;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	color: white;
	width: 100%;
}

a {
	color: #ffa800;
	text-decoration: none;
}

a:visited { color: #ff874d; }
a:hover { color: #ffc34d; }

h2,h3,h4,h5,h6,p,ul,ol,hr,pre,blockquote { margin-bottom: 1em; }

h1 { font-size: 34px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	margin-bottom: .5em;
	line-height: 1em;
	clear: both;
}

ul, ol { margin-left: 2em; }
ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }

hr {
	color: black;
	background-color: black;
	border: none;
	height: 5px;
	margin: 0 auto 10px;
	clear: both;
}

blockquote {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 5px solid #401f13;
	margin-right: 25px;
}

strong { font-weight: bold; }
em { font-style: italic; }

code {
	font-family: Courier New, Courier, monospace;
	background: url("/wp-content/themes/moviemonster/images/darkbrown.jpg");
	padding: 2px 5px;
	margin: -2px 0;
}

/* --- wordpress imperatives --- */

p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	margin: 0 0 10px 10px;
	display: inline;
}
.alignleft {
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.navigation div { max-width: 47%; }
.navigation .alignright { text-align: right; }

.hidden { display: none; }
.clear { clear: both; }

/* --- forms --- */

form p { margin-bottom: .5em; }
form { margin-bottom: 1em; }
form label { font-style: italic; }

.wpcf7-form input, .button {
	font-size: 12px;
	padding: 3px 10px;
	background-color: #888888;
	background-image: -moz-linear-gradient(100% 100% 90deg, #888888, #D3D3D3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D3D3D3), to(#888888));
	border: 1px solid #5C5C5C;
	border-left: 1px solid #CCCCCC;	
	border-top: 1px solid #CCCCCC;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #242424;
	text-shadow: 1px 1px 0 #CCCCCC;
	cursor: pointer;
}

.wpcf7-form input:hover, .button:hover {
	background-color: #B8B8B8;
	background-image: -moz-linear-gradient(100% 100% 90deg, #D3D3D3, #ACACAC);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ACACAC), to(#D3D3D3));
}

.wpcf7-form input:active, .button:active {
	background-color: #949494;
	background-image: -moz-linear-gradient(100% 100% 90deg, #D3D3D3, #888888);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888888), to(#D3D3D3));
	border: 1px solid #5C5C5C;
	border-right: 1px solid #CCCCCC;	
	border-bottom: 1px solid #CCCCCC;
	text-shadow: 1px 1px 0 #CCCCCC;
}

.wpcf7-form span input, .wpcf7-form span textarea, .textinput {
	font-size: 14px;
	border: 0;
	background: white url("/wp-content/themes/moviemonster/images/textinput.gif") top left no-repeat;
	padding: 5px;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	max-width: 458px;
	cursor: text;
	text-shadow: none;
}

.wpcf7-form span input:active, 
.wpcf7-form span input:hover {
	border: 0;
	background: white url("/wp-content/themes/moviemonster/images/textinput.gif") top left no-repeat;
	cursor: text;
}

textarea.textinput {
	width: 458px;
	height: 7em;
}

textarea.embedcode {
	font-family: Courier New, Courier, monospace;
	font-size: 11px;
	line-height: 1em;
	overflow: hidden;
}

/* --- layout --- */

#page-wrap {
	width: 956px;
	margin: 0 auto;
	position: relative;
}

#header {
	margin: 20px 0;
}

#content {
	float: left;
	width: 468px;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
	clear: both;
	padding-bottom: 10px;
}

#sidebar {
	float: right;
	width: 468px;
	margin: 385px 0 10px 0;
}

#footer {
	float: none;
	clear: both;
	background: #d6beb6 url("/wp-content/themes/moviemonster/images/footer.jpg") top center repeat;
}

/* --- header --- */

#header h1 { margin-bottom: 5px; }

#header h1 a {
	display: block;
	width: 599px;
	height: 165px;
	background: url("/wp-content/themes/moviemonster/images/logo.png");
	text-indent: -500px;
	overflow: hidden;
}

#header ul { margin: 0; }

#header ul li {
	list-style-type: none;
	display: inline;
	float: left;
}

#header ul li a {
	display: block;
	font-weight: bold;
	font-size: 24px;
	margin: 0 25px 20px 0;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
}

#header ul a.current {
	background: url("/wp-content/themes/moviemonster/images/darkbrown.jpg");
	margin: -5px 15px -5px -10px;
	padding: 5px 10px;
	text-shadow: none;
}

#header a:visited { color: #ffa800; }
#header a:hover { color: #ffc34d; }

/* --- movie monsters --- */

#mm {
	background: url("/wp-content/themes/moviemonster/images/mm_01.jpg");
	width: 607px;
	height: 568px;
	position: absolute;
	z-index: -1;
	top: 10px;
	left: 378px;
}

body.archive #mm {
	background: url("/wp-content/themes/moviemonster/images/mm_02.jpg");
	width: 968px;
	height: 594px;
	top: -15px;
	left: 191px;
}

body.category-videos #mm {
	background: url("/wp-content/themes/moviemonster/images/mm_03.jpg");
	width: 860px;
	height: 579px;
	top: -1px;
	left: 299px;
}

body.page-id-126 #mm {
	background: url("/wp-content/themes/moviemonster/images/mm_04.jpg");
	width: 806px;
	height: 585px;
	top: -7px;
	left: 315px;
}

body.page-id-2 #mm {
	background: url("/wp-content/themes/moviemonster/images/mm_05.jpg");
	width: 619px;
	height: 589px;
	top: -11px;
	left: 337px;
}

body.page-id-23 #mm,
body.single #mm {
	background: url("/wp-content/themes/moviemonster/images/mm_06.jpg");
	width: 835px;
	height: 574px;
	top: 16px;
	left: 292px;
}

/* --- video stuff --- */

#frontvideo {
	position: relative;
	width: 468px;
	height: 288px;
	margin-bottom: 20px;
}

p.smalltitle {
	font-style: italic;
	margin: 0 0 -2px 1px;
}

#frontvideo object, #frontvideo embed {
	z-index: 1;
	position: absolute;
}

#infobox {
	background: url("/wp-content/themes/moviemonster/images/infobox.png") top right no-repeat;
	padding: 15px 50px 15px 25px;
	position: absolute;
	width: 351px;
	height: 225px;
	top: 10px;
	left: 458px;
	left: 77px;
	z-index: 0;
}

#infobox h2 { font-size: 18px; }

#infobox #a_info {
	position: absolute;
	right: 16px;
	top: 26px;
	width: 12px;
	height: 37px;
	background: url("/wp-content/themes/moviemonster/images/moreless.gif") top left no-repeat;
}

#infobox #a_info:hover { background-position: -12px 0; }
#infobox #a_info.less { background-position: -24px -1px; }
#infobox #a_info.less:hover { background-position: -36px -1px; }

ul.gallery { margin: 15px 0 0 0; }

ul.gallery li {
	list-style-type: none;
	float: left;
	display: inline;
}

ul.gallery li a {
	display: block;
	width: 109.3px;
	height: 68px;
	margin: 0 10px 10px 0;
	position: relative;
	overflow: hidden;
	color: white;
}

ul.gallery li a.last { margin-right: 0; }

ul.gallery li span {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.66);
	padding: 5px;
	line-height: 1em;
	width: 100px;
}

ul.gallery a:hover span { background-color: rgba(0,0,0,.5); }

.video_thumb {
	float: left;
	margin: 0;
	clear: left;
}

.video_thumb a {
	display: block;
	width: 120px;
	height: 68px;
	margin: 0 10px 0 0;
	position: relative;
	overflow: hidden;
	text-indent: -500px;
}

.video_text {
	float: right;
	width: 330px;
	margin: 0 0 1em 0;
	font-size: 12px;
	line-height: 1.4em;
	clear: right;
}

.video_text p, .video_text h3 { margin-bottom: 6px; }

.p_moreorless { clear: both; }
.a_moreorless { -moz-box-shadow: none; }

/* --- content --- */

.post {
	margin-bottom: 2em;
	clear: both;
}

.category-videos .post { margin-bottom: 10px; }

p.meta {
	font-size: 12px;
	font-style: italic;
	line-height: 1.4em;
}

/* --- comments  --- */

.commentlist li { margin-bottom: 15px; }

.commentlist li .avatar {
	float: left;
	border: 1px solid white;
	padding: 2px;
	margin: 0 10px 10px 0;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-size: 16px;
}

.commentlist p { clear: both; margin-bottom: 5px; }

/* --- sidebar --- */

#sidebar .widget {
	background: url("/wp-content/themes/moviemonster/images/darkbrown.jpg");
	margin: 0 20px 20px 0;
	width: 194px;
	padding: 15px;
}

#sidebar ul { margin: 0 0 -.5em 0; }

#sidebar li {
	list-style-type: none;
	margin-bottom: .5em;
}

#sidebar li li ul { margin: .5em 0 0 2em; }
#sidebar li .textwidget { margin-bottom: -10px; }

#sidebar .sidebar_1 { float: left; }
#sidebar .sidebar_2 { float: right; margin-right: -20px; }

#sidebar h2, #footer h2 { font-size: 22px; }

#sidebar .widget ul li {
	line-height: 1em;
}

#sidebar .widget_search {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding: 0;
}

#searchform label, #searchsubmit { display: none; }
#searchform input {
	width: 214px;
	font-size: 14px;
	border: 0;
	background: url("/wp-content/themes/moviemonster/images/textinput.gif") top left no-repeat;
	padding: 5px;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
}

#sidebar .widget.soc { padding-bottom: 0; }

.soc ul { height: 16px; }
.soc li { float: left; }

.soc a {
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -500px;
	margin: 0 15px 15px 0;
}

.soc li a.youtube { background: url("/wp-content/themes/moviemonster/images/soc/youtube.gif"); }
.soc li a.twitter { background: url("/wp-content/themes/moviemonster/images/soc/twitter.gif"); }
.soc li a.facebook { background: url("/wp-content/themes/moviemonster/images/soc/facebook.gif"); }

/* --- footer --- */

#footer_inner {
	width: 956px;
	margin: 0 auto;
	color: #382116;
	text-shadow: 1px 1px 0px rgba(255,217,199,.6);
}

#footer li { list-style-type: none; }

#footer ul {
	margin: 20px 20px 0 0;
	float: left;
	width: 305px;
}

#footer ul.footer_3 { margin-right: 0; }

#footer ul ul {
	width: 100%;
	margin: 0;
}

#footer ul ul ul {
	display: block;
	margin-left: 1em;
}

#footer #copyright {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px 0;
	text-align: center;
}

#footer a { color: #382116; text-decoration: underline; }
#footer a:visited { color: #382116; }
#footer a:hover { color: #382116; text-decoration: none; }

/* --- shadows --- */

#header .current, .widget, #content img, ul.gallery li a, embed, .button, .video_thumb a, code {
	box-shadow: 2px 2px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
}

/* --- hacks :( --- */

* html #header h1 a {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/wp-content/themes/moviemonster/images/logo.png');
}

* html #infobox {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/wp-content/themes/moviemonster/images/infobox.png');
}