/*
Theme Name: Jonathan Sumberg Films
Theme URI: http://www.chubbyfish.co.uk
Description: Jonathan Sumberg Films wordpress theme
Version: 1
Author: Patrick Troughton
Author URI: http://chubbyfish.co.uk
Tags: jonathan
*/


img.alignleft {float: left; margin: 0 15px 10px 0}
img.alignright {float: right; margin: 0 0 10px 15px}
.content p.imageParent {margin-bottom: 0}



#hometoppanel #promo1-1 {float: right;}
#slidingpanel #promo1-1 {float: none;}

/* homepage slider */
#hometoppanel h2 a {display: block; cursor: default}
#hometoppanel h2 a.clickable {cursor: pointer}
#hometoppanel h2 a:hover {text-decoration: none;}
#hometoppanel h2 a.clickable:hover {color: #c0a763; text-decoration: none;}
.extended {overflow: hidden;}
#hometoppanel .extended {height: 140px}
#hometoppanel .extended .full {display: none}
#slidingpanel {overflow: hidden; float: right; width: 221px}
#slidingpanel, #hometoppanel, #vidContainer {height: 390px}
#promo1-2 {margin-bottom: 0;}
#promo1-1, #promo1-2 {float: none}





/* reset */
* {margin:0; padding:0;}
img {border: 0; display: block}
a {color: #af8b28; text-decoration: none; outline: none}
a:hover {text-decoration: underline}
ul {list-style: none}
p {font-size: 1.1em; line-height: 140%}
.content p {margin-bottom: 14px; line-height: 140%; }
.content a {color: #6c561a}

body {background: #272727 url(../../../images/bg.gif) repeat-x; font-size: 66%; font-family: Arial, Helvetica, sans-serif}
#page {margin: 0 auto; width: 885px; padding-top: 42px;}
#headerimg {float: left; width: 186px;}
#header {overflow: hidden; width: 100%; margin-bottom: 30px}
.strap {float: right; width: 665px; height: 46px; margin-top: 18px;}

.strap p {float: right;}
.strap p.p1 {color: #b7b7b7; font-size: 20px; text-transform: uppercase; text-align: right; margin-top: 5px}
.strap p.p2 {color: #af8b28; font-size: 26px; margin-left: 7px}


.navstrip {float: right; background: url(../../../images/globnav-bg.gif) no-repeat 0 0; width: 655px;}
.navstripinner {background: url(../../../images/globnav-bg.gif) no-repeat 100% -43px; overflow: hidden; margin-left: 14px}
.navstripinner ul {overflow: hidden; padding-right: 15px}
#gnav li {float: left; margin: 8px 6px; font-size: 1.1em}
#gnav li.last-item {float: right;}
#gnav li.current_page_item {background: url(../../../images/globnav-on.gif) no-repeat 0 0; padding-left: 8px;}
#gnav li.current_page_item a {background: url(../../../images/globnav-on.gif) no-repeat 100% -26px; padding-right: 10px}
#gnav a {color: #999; padding: 5px; display: block}
#gnav li.current_page_item a {color: #222;}
#gnav a:hover {color: #fff; text-decoration: none}

.panel1 {background: #dadada; padding: 8px; overflow: hidden; margin-bottom: 30px}
.panel2 {background: #999999; padding: 8px;  margin-bottom: 40px}

.panel2 .inner {background: #fff url(../../../images/bg2.gif) repeat-y; overflow: hidden; width: 869px}
.page-id-3 .panel2 .inner {background: #fff;}

.style1 {background: #202020 url(../../../images/grad1.gif) repeat-x; color: #fff; padding: 12px 18px 16px; text-transform: uppercase; font-size: 2.4em}
.style2 {font-size: 2.3em}
#sidebar h2 {font-size: 21px; background-position: 0 9px}
#sidebar p {margin-bottom: 10px}
.panel2 .type1 {width: 378px; float: left; }
.type2 {width: 490px; float: right;}
.type1 .content h2 {font-size: 14px}
.type1 h3, .content h2 {color: #333; border-bottom: 1px dashed #666; padding-bottom: 5px; margin-bottom: 5px; font-size: 1.2em}
.content h2.plain {border-bottom: 0; padding-bottom: 0px;}
.content h2 {margin-bottom: 10px; padding-bottom: 7px; font-size: 1.6em}
.content a {font-weight: bold}
.type1 p {color: #444;}
.context {display: none}

.type2 li {overflow: hidden; width: 100%; background: #c1c1c1; margin-top: 1px; font-size: 1.1em}
.type2 li.last {margin-bottom:0}
.type2 img {position: absolute; right: 0}
.type2 a {display: block; overflow: hidden; position: relative; height: 70px; width: 100%}
.type2 a span {display: block; position: relative; padding: 14px 312px 14px 20px; color: #666; height: 42px; z-index: 2; background: url(../../../images/link-overlay.gif) no-repeat -500px 0}
.type2 a:hover, .type2 li.on a {text-decoration: none}
.type2 a:hover span, .type2 li.on a span {color: #333; background-position: right top}
#previous.type2 a span {background: url(../../../images/link-overlay-small.gif) no-repeat -500px 0; padding: 10px 20px 0 222px; height: 46px;}
#previous.type2 a:hover span, #previous.type2 li.on a span {background-position: left top}
#previous.type2 img {left: 0}
#previous.type2 a {height: 56px;}

.content p.intro1, .content p.intro2 {color: #000; font-weight: bold;}
.content p.intro1 {margin-bottom:3px;}

.promo1 {background: url(../../../images/promo1-1.gif) no-repeat 0 0; width: 221px; float: right; margin-bottom: 8px}
.promo1 .inner {background: url(../../../images/promo1-1.gif) no-repeat 100% 100%; padding: 10px;}
#hometoppanel .promo1 .inner {padding-bottom: 0;}

.promo1 h2, .textPromo h2 {text-transform: uppercase; color: #b18a23; border-bottom: 1px dashed #999; background: url(../../../images/arrow1.gif) no-repeat 0 8px; padding: 0 0 5px 14px; margin-bottom: 10px; font-size: 21px}
.promo1 p, .textPromo p {color: #ccc}

.promo {margin-bottom: 8px}
.textPromo {background: url(../../../images/promo1-1.gif) no-repeat 0 0; width: 229px; }
.textPromo .inner {background: url(../../../images/promo1-1.gif) no-repeat 100% 100%; padding: 10px}
#sidebar .textPromo {background-image: url(../../../images/promo2-1.gif); width: 288px}
#sidebar .textPromo .inner {background-image: url(../../../images/promo2-1.gif)}

#vidContainer {float: left; width: 640px; background: #272727}
#vidContainer .error p {color: #ccc; margin: 0 0 10px; text-align: center}
#vidContainer .error a {font-weight: bold}
#vidContainer .error {margin: 50px 0 0;}


#footer {width: 100%; font-size: 1.1em}
#footer .navstripinner {padding: 13px 14px 30px 0}
#footer li {float: left; background: url(../../../images/divider.gif) repeat-y 100% 0;}
#footer li.last-item {background: none;}
#footer a, #footer p {color: #9a9a9a;}
#footer li a {margin: 0 7px}
#footer li.first-item a {margin-left: 0}
#footnav {float: left;}
#footer p {float: right; font-size: 1.1em}


#content {float: left; width: 540px; background: #999;padding: 8px; margin-bottom: 40px}
#sidebar {float: right; width: 288px; background: #c1c1c1; padding: 8px; padding-bottom: 0; margin-bottom: 30px}
.content {background: url(../../../images/bg2-plain.gif); padding: 12px 18px}



#previous.type2 {float: none; width: 100%}
.block {float: left; width: 434px}
.block1 {margin-right: 1px}
#previous h2 {margin-bottom: 1px}

.promo1 .inside h1 {border-bottom: 0; margin-bottom: 2px; padding-bottom: 0; background: 0; padding: 0; font-size: 18px; text-transform: none; color: #b18a23; }
.notHomepage .promo1 .inside h2 {color: #999; background: 0; padding: 0; font-size: 11px; padding-bottom: 10px; margin-bottom: 8px; text-transform: none}
.promo1 .inside p {margin-bottom: 10px; line-height: 140%}
.promo1 .inside a {font-weight: bold}
.notHomepage .promo1 .inside {height: 380px}
.page-id-2 .panel2 ul {}


/* contact form */
body div.wpcf7-response-output {border: 0; background: none; color: #c00; font-weight: bold; margin-left: 0; padding-left: 0;font-size: 11px}
body span.wpcf7-not-valid-tip {display: block; position: static; left: auto; top: auto; border: 0; color: #c00; font-weight: bold; font-size: 11px}
body .wpcf7-form .submit {background: #ccc; border: 1px solid #999; padding: 4px 12px; color: #333; font-size: 12px; cursor: pointer; font-weight: bold; width: auto;}
body .wpcf7-form .submit:hover {background: #bbb;}
body .wpcf7-form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 1px; height: 80px}
body .wpcf7-form-control-wrap input {padding: 1px}
body div.wpcf7 {margin-top: 20px}
body div.wpcf7 input, body div.wpcf7 textarea {border: 1px solid #ccc; width: 300px; padding: 2px; color: #333}


#login {width: 326px; padding: 40px 0; margin-bottom: 50px; background: #333; padding: 30px 90px 20px; margin: 50px auto}
#login label {float: left; width: 70px; font-size: 12px; font-weight: bold; color: #aaa; display: block; padding-top: 3px}
#login input {float: right; width: 226px; padding: 2px; border: 2px solid #333; background: #ddd;}
#login .formitem {overflow: hidden; width: 100%; margin-bottom: 14px;}
#login .submit input {background: #999; font-weight: bold; width: auto; padding: 4px 10px; font-size: 12px; float: right; border: 0; margin-right: 2px; cursor: pointer}
#login .error p {color: #a00; background: #ccc; padding: 8px 13px; font-weight: bold}
.bufferingAlert {color: #aaa; font-weight: bold; font-size: 12px; margin-top: 14px;}