/*

Theme Name: ZakkaFilms
Author: Matt Giraud and David Gregor
Description: A theme for Zakka Films design by Matt Giraud and developed by David Gregor.

*/

/* preset */

*{margin:0; padding:0;}

/* default styles */

body {
	color: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	background-color: #DDE1C7;
	}
p {
	margin: 0px 0px 6px 0px;
	color: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	}

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

a:hover { color: #DDE1C7;  color: #6E1A14; }
a:hover { text-decoration: underline; }

h1 {
	font-size: 16px;
	line-height: 18px;
	}
	
h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 1px;
	}

h3, h4, h5, h6, h7 {}

img {border: none;}

#wrapper {
	width: 900px;
	margin: auto;
	margin-top: 20px;
	}

#maincontent {
	position: relative;
	width: 866px;
	padding: 17px 17px 122px 17px;
	overflow: auto;
	background: #161616 url(http://www.zakkafilms.com/media/btm_wedge_main.gif) bottom left no-repeat;
	}

#header {
	position: relative;
	height: 116px;
	background: #111;
	border-bottom: solid 4px #C8C695;
	}

#header .nav {
	display:block;
	margin: 0;
	padding: 0;
	height: 24px;
	background: #DDE1C7;
	border-bottom: solid 4px #6E1A14;
	}
	
#header .nav li {
	float: left;
	list-style: none;
	}
	
#header .nav li a {
	display: block;
	font-size: 11px;
	line-height: 24px;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.03em;
	color: #6E1A14;
	}

#header .nav li.home {width: 60px;}
#header .nav li.catalog {width: 150px;}
#header .nav li.releases {width: 152px;}
#header .nav li.news {width: 50px;}
#header .nav li.order {width: 109px;}
#header .nav li.about {width: 75px;}
#header .nav li.contact {width: 175px}
#header .nav li.get_news {width: 190px;}

#header .nav li.catalog a { text-align: left; padding-left: 6px;}
#header .nav li.get_news a {background: #6E1A14;color: #FFF;}

#header .nav li a:hover {background: #6E1A14;color: #FFF;text-decoration: none;}

#header .nav li.contact a {text-align: left; padding-left: 12px; background: url(http://www.zakkafilms.com/media/zakka_jp_nav2.gif) 100px 1px no-repeat;}
#header .nav li.contact a:hover {background-position: 100px -32px;background-color:#6E1A14;}

#header h1 a {
	display: block;
	float: left;
	margin: 12px 0 0 18px;
	width: 157px;
	height: 65px;
	text-indent: -4000px;
	overflow:hidden;
	background: url(http://www.zakkafilms.com/media/zakka_logo_blk.gif) 0 0 no-repeat;
	}
	
#header h2 {
	float: left;
	margin: 25px 0 0 130px;
	width: 330px;
	font-size: 18px;
	line-height: 19px;
	text-align: right;
	text-transform: none;
	color: #DDE1C7;
	}

#header .amazonPaymentsCart {
/*  display:none; */
	position: absolute;
	top: -15px;
	right: 0;
	width: 300px;
	padding-bottom: 10px;
	background: url(http://www.zakkafilms.com/media/zakka_cart.gif) right 0 no-repeat;
	}

#header .amazonPaymentsCart h4 {
	margin: 4px 0 3px 50px;
	margin-left: 160px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	text-transform: uppercase;
	color: #751519;
	}
	
#header .amazonPaymentsCart p {
	margin-left: 160px;
	font-size: 10px;
	line-height: 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	color: #000;
	}
	
#header .amazonPaymentsCart p b {	
	float: right;
	}

#header .amazonPaymentsCart iframe {overflow: hidden;}	
	
#searchform {
	float: right;
	margin: 25px 0 0 10px;
	width: 248px;
	height: 42px;
	background: url(http://www.zakkafilms.com/media/srch_input_rnd_cnr.gif) -1px 0px no-repeat;
	}

#searchform input#s {
	margin-left: 2px;
	width: 205px;
	height: 37px;
	padding-right: 4px;
	font-size: 14px;
	line-height: 37px;
	text-align: right;
	color: #7D8B90;
	background: transparent;
	border: none;
	}

#searchform input#submitBtn {
	margin: 0 0 0 5px;
	width: 13px;
	height: 25px;
	border: none;
	background: url(http://www.zakkafilms.com/media/srch_btn_submit.gif) 0 0 no-repeat;
	}

.welcome {
	float: left;
	width: 385px;
	display: block;
	}

.welcome h3 {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 14px;
	}

.welcome p {
	margin: 0 15px 10px 0;
	font-size: 14px;
	line-height: 18px;
	}

.home .leftColWrap {float: left;width: 402px;}

.leftCol1, .leftCol2 {
	float: left;
	margin-right: 17px;
	padding: 14px 13px 20px 13px; 
	width: 158px;
	background: #222 url(http://www.zakkafilms.com/media/btm_wedge_dkgry.gif) bottom left no-repeat;
	border-top: solid 4px #6E1A14;
	}

.leftCol1 h3, .leftCol2 h3 {
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	}
	
.leftCol1 h4, .leftCol2 h4 {
	margin: 10px 0 5px 0px;
	font-size: 13px;
	line-height: 14px;
	color: #D4B766;
	}

.leftCol1 h4 a, .leftCol2 h4 a {color: #D4B766;}

.leftCol1 span.date, .leftCol2 span.date {
	display: block;
	margin: 0 0 5px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 13px;
	font-style: italic;
	color: #8A8A8A;
	}

.leftCol1 li, .leftCol2 p {
	margin: 13px 0 0 0;
	font-size: 11px;
	line-height: 15px;
	}

.leftCol1 ul, .leftCol2 ul {
	margin: 10px 0 20px 0;
	padding: 0;
	}
	
.leftCol1 li, .leftCol2 li {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	line-height: 14px;
	list-style: none;
	}
	
.leftCol1 li a, .leftCol2 li a {color: #D4B766;}

.leftCol1 li span, .leftCol2 li span {
	display: block;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	}

.leftCol1 li span a,
.leftCol2 li span a {color: #FFF;}

p.seeAll {
	margin: 0 0 10px 0;
	font-size: 13px; 
	line-height: 14px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	}

p.more {
	font-size: 9px; 
	line-height: 13px;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

p.more a, p.seeAll a {color: #DDE1C7;}

.leftCol1 .notice {
	margin: -18px -13px 10px -13px;
	padding: 0px 13px 5px 13px; 
	background-color:#6E1A14;
	}

.leftCol1 .notice h4 {
	margin-top: 0;
	padding-top: 10px;
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
	text-transform: uppercase;
	}
	
.leftCol1 .notice p {
	color: #FFF;
	text-transform: uppercase;
	}
	
.leftCol1 .notice a {
	font-size: 12px;
	color: #FFF;
	}

.film .leftCol2 {
	padding: 0 3px 0px 3px; 
	width: 171px;
	border-top: none;background: none;
	}

.film .leftCol2 h3 {
	margin: -3px 0 5px 0;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	}

.film .leftCol2 h4 {
	font-size: 14px;
	line-height: 15px;
	text-transform: uppercase;
	}
	
.film .leftCol2 span.tagline {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	}
	
.film .leftCol2 img {
	float: left;
	margin: 0 8px 12px 0;
	}

.film .leftCol2 .item {margin-bottom: 3px;}
.film .leftCol2 .item_title {display: none;}
.film .leftCol2 .item_quantity {display: none;}

.film .leftCol2 .pricing {
	display: block;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 5px;
	}
	
.film .leftCol2 .pricing strong {font-weight: normal;color: #CFA634;}

.film .leftCol2 .buyLinks {
/*	display: none;	*/
	clear: left;	
	margin-top: 10px;
	padding: 10px 10px 3px 10px;
	background: #263D45;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
	}

.film .leftCol2 .buyLinks.btns {display: none;}

.film a.buyNow {
	display: block;
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
	color: #D4B766;
	text-decoration: underline;
	}

.film .mainCol {color: #FFF;}

.mainCol {float: left;float: right;width: 462px;}

.film .mainCol a, .film .leftCol2 a {color: #D4B766;}
.mainCol a {color: #6E1A14; text-decoration: none;}
.mainCol a:hover {text-decoration: underline;}

.mainCol h3 {
	margin-bottom: 10px;
	font-size: 11px; 
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #D4B766;
	}

.mainCol .movieWrap {margin-bottom: 15px;}

.mainCol a.filmBaby {float: right;margin: 0 15px 10px 10px;}

.mainCol h4 {
	margin: 10px 0 10px 0;
	font-size: 12px;
	line-height: 13px;
	text-transform: uppercase;
	}

.film .mainCol ul, .film .mainCol li  {margin-left: 5px;color: #FFF;}
.mainCol ul {margin: 5px 0 5px 20px; padding: 0;}
.mainCol ol {margin: 5px 0 5px 27px; padding: 0;}

.mainCol li {
	margin: 0 0 0 10px;
	font-size: 11px;
	line-height: 15px;
	text-indent: -10px;
	list-style: none;
	color: #161616;
	}

.mainCol ol li {list-style: decimal;padding-left: 8px;}

.home .mainCol li {color: #FFF;}
.home .mainCol {color: #FFF;}
.home .mainCol a {color: #D4B766;}

.post .mainCol .post {
	float: left; 
	margin-bottom: 10px;
	margin-right: 20px;
	padding-bottom: 5px; 
	border-bottom: solid 2px #EEF0E3; 
	}
	
.page .mainCol .post {
	float: left; 
	margin-bottom: 5px;
	padding-bottom: 10px;
	}

.market #post-260.post {border-bottom: none;}

.page .mainCol, .post .mainCol {
	padding: 20px 17px 50px 17px;
	width: 629px;
	background: #DDE1C7 url(http://www.zakkafilms.com/media/btm_wedge_page.gif) bottom left no-repeat;
	}
	
.page .mainCol h3, .post .mainCol h3, .post .mainCol #post-260.post h3 {
	margin: 0 0 25px 0;
	font-size: 16px;
	line-height: 17px;
	letter-spacing: 0.05em;
	color: #161616;
	}
	
.page .mainCol h4, .post .mainCol h4 {
	clear: left;
	margin-right: 80px;
	font-size: 18px;
	line-height: 20px;
	text-transform: none;
	color: #6E1A14;
	}

.page .mainCol p, .post .mainCol p {
	margin-right: 30px;
	font-size: 11px;
	line-height: 15px;
	color: #161616;
	}

.page .mainCol img {
	float: right; 
	margin: 10px;
	}

.page .directors .mainCol h2, .post .mainCol .post h3, .page .news .post h3 {
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	color: #263D46;
	}

.page .directors .mainCol h4, .post .mainCol h2, .post .mainCol h4 {
	margin-top: 15px;
	margin-right: 20px;
	padding-bottom: 5px;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	border-bottom: solid 2px #D4B766;
	}
	
.post .mainCol h2 {color: #6E1A14;}	
.page .directors .mainCol .entry h4, .post .mainCol h4 {
	margin-top: -3px;
	font-size: 13px;
	}
	
.page .directors .mainCol .entry hr,
.page .directors .mainCol .entry .black_rule {
	display: block;
	margin: 12px -17px -5px -17px;
	height: 10px;
	width:  663px;
	color: #000;
	border: 0;
	background-color: #000;
	}

.page .directors .mainCol h4.available {
	}

.mainCol .post .entry p.thumbnail img {float:left; margin: 0 10px 10px 0;}
.mainCol .post .entry .price {display: block;}

.market {padding: 20px 17px 50px 17px;width: 629px;}

.navigation {clear: both; padding-top 15px;font-size: 12px;}

#taglinehead {
	padding: 90px 15px 30px 20px;
	color: #DDE1C7;
	font-weight: bold;
	font-size: 18px;
	line-height: 19px;
	}

#lefttexthome {
	margin: 0px;
	padding: 10px 15px 0px 20px;
	}
	
#lefttexthome p {
	padding-bottom: 0px;
	}

#lefttexthome h2 {
	margin-bottom: 6px;
	}
	
#centermenu {
	text-align: right;
	padding-right: 20px;
	margin-top: 30px;
	}

#centermenu h2 {
	color: #FFF;
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0;
	margin-bottom: 8px;
	}
		
#centermenu a {
	color: #E9DBB2;
	}

#centertexthome {
	padding: 0px 20px 0px 13px;
	min-height: 525px;
	overflow: visible;
	background-color: #222;
	text-align: right;
	margin: 60px 0px 0px 0px;
	}
	
#centertexthome img {
	padding-top: 4px;
	}

#featurecolumn {
	display: block;
	padding: 0px 20px 0px 0px;
	margin: 5px 0px 0px 0px;
	}
	
#featurecolumn img {
	margin: 0px;
	padding-top: 10px;
	background-color: #000;
	border-bottom: 6px #222 solid;
	}

#latesthead {
	margin-bottom: 5px;
	color: #FFF;
	letter-spacing: 2px;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	}

#contactbutton {
	float: right;
	margin-top: -25px;
	width: 190px;
	background-color: #6e1a14;
	letter-spacing: 1px;
	font-size: 10px;
	text-transform: uppercase;
	padding: 5px 10px 0px 0px;
	text-align: right;
	}

#contactbutton a {
	color: #FFF;
	}

#fineprint {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #111;
	line-height: 10px;
	margin: 6px 0px 0px 10px;
	}

#fineprint a:hover {
	color: #6e1a14;
	}

.footer {
	float: right;
	margin: 0 0 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	text-align: right;
	color: #6E1A14;
	}

/************************************************
*	Wordpress Suggestions						*
************************************************/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}