/* Theme Name: Palo Alto 
   Author: +Polymath 
   URI: http://www.andrewbowles.com */



/* ----------------------- STRUCTURE ------------------------*/

* {margin: 0; padding:0;}
html, body {height: 100%;}
/*Opera Fix*/
body:before {content:""; height:100%; float:left;width:0; margin-top:-32767px;}
body {margin:0; padding:0; background:#EFEFEF; }
#wrap {min-height:100%; width:100%}
#page {width:850px; margin:0 auto; overflow:auto; padding-bottom: 230px; }
#header {width:100%; padding:20px 0 10px 0; margin:0; background:#4d73b1; border-bottom:6px solid #dee2e5}
#header_content {width:850px; margin:0 auto;}
#masthead {width:850px; height:42px; margin:20px auto 0 auto;}
#masthead_logo {width:380px; height:42px; margin:0px 20px 0px 0px; float:left;}
#masthead_social {width:150px; height:24px; float:right; padding: 10px 5px 0px 0px;}
#masthead_social li {margin: 0px 0px 0px 10px; float:right;}
#content {float:left; width:552px; min-height:300px; margin:5px 44px 0 0; }
#subcontent {border-top:4px solid #DCE2E4; margin-top:10px}
.sidebar {float:right; width:254px; padding:0 0 10px 0; margin:15px 0 0 0; background:#DCE2E4;}

#footer {width:100%; position:relative; margin-top:-200px; /* negative value of footer height */ height: 200px; clear:both; background:#666}
#footer_top {width:100%; height:140px; background:#7D868F; padding: 0; margin:0 0 0 0; padding:0; border-top:10px solid #dae2e4}
#footer_bot {width:100%; height:50px; background:#4d73b1; padding: 0; margin:0; padding:0; }
.footer_content {width:850px; margin:0 auto;}
.block {float:left; width:254px; margin-right:44px; padding-top:20px;}
.block_right {float:left; width:254px; padding-top:20px;}

.post {float:left; width:100%; padding-bottom:20px; }
.paragraph {float:left; width:100%; margin:10px 0}
.featured {float:left; width:100%; border-bottom:1px solid #999; padding-bottom:10px; }
.event {padding:0 10px 5px 10px; }
#title {float:left; width:100%; margin-top:20px}
#commentform {float:left;}
.postmetadata, .clear { clear: both; }
.navigation {float:left; width:552px; margin-top:10px;  padding-top:5px; border-top:1px solid #7D868F;}

/* ----------------------- NAVIGATION ------------------------*/

#navbar {width:100%; background-color:#7D868F;}
#navsite {width:850px; height:50px; margin:0 auto; padding:0; border:0; }
ul#nav  {/* all lists */ float:left; list-style: none; height:50px; margin:0; padding:0px; }
#nav li {/* all list items */ float: left; display:block; position: relative; margin:0; padding:0}
#nav li ul {/* second-level lists */ display:none; position: absolute; top: 0; left: 0; z-index:999999; right/*\**/: -55px\9;}
#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto;}
#nav li:hover ul { /* lists nested under hovered list items */ display: block; background:#7D868F;  margin-top:50px; margin-left:-20px; padding:10px 0; z-index:999999; width:170px;}
#nav li ul li {width:auto; height:auto; display:block; width:100%; cursor:pointer; }
#nav li ul li:hover {background:#A2ACB4}
#nav li ul li a {background:none; color:#FFF!important; font-size:10pt!important; height:auto!important; width:auto!important; padding:5px 10px!important; text-transform:uppercase}

#nav a {overflow:hidden; font-size:0; color:transparent}
#nav a:hover,  #nav a.active { background-position: 0 -50px; }
#nav a { float:left; overflow: hidden; height: 0px !important; height /**/:50px; /* for IE5/Win only */ margin:0; }
#films a  {width:86px; padding: 50px 0px 0px 0; background:url('images/nav_films.gif'); background-repeat:no-repeat;}
#blog a  {width: 103px; padding: 50px 0px 0px 0; background:url('images/nav_blog.gif'); background-repeat:no-repeat; }
#docschool a  {width: 185px; padding: 50px 0px 0px 0; background:url('images/nav_docschool.gif'); background-repeat:no-repeat; }
#about a  {width: 118px; padding: 50px 0px 0px 0; background:url('images/nav_about.gif'); background-repeat:no-repeat; }
#store a  {width: 109px; padding: 50px 0px 0px 0; background:url('images/nav_store.gif'); background-repeat:no-repeat; }
#donate a  {width: 130px; padding: 50px 0px 0px 0; background:url('images/nav_donate.gif'); background-repeat:no-repeat; }
#contact a  {width: 119px; padding: 50px 0px 0px 0; background:url('images/nav_contact.gif'); background-repeat:no-repeat; }

#subnavigation {float:left; width:100%; background:#DCE2E4;}
ul#subnav {width:850px; margin:0 auto;  list-style-type:none}
#subnav li {float:left; display:inline; margin:10px 20px}
#subnav li a {color:#505050; text-transform:uppercase; font-size:11pt; }
#subnav li a:hover, #subnav li a.active {border-bottom:2px solid #505050}

/* ----------------------- TYPOGRAPHY ------------------------*/

p {font:10pt/13pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#444; margin:10px 0 0 0; }
h1 {font:24pt/28pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#505050;  margin:10px 0 0 0; font-weight:200px; }
h2 {font:13.5pt/20pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#505050; margin:0; font-weight:200px; text-transform:uppercase}
h3 {font:bold 11pt/14pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#505050; margin:10px 0 0 0; }
h4 {font:10pt/12pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#666; margin:5px 0; }

a {color:#4D73B1; text-decoration:none;}  
a:hover {color:#5BADDC}
a:focus {outline:none}
a.dark:hover  {color:#5BADDC;}

ul, ol {list-style-type:none; margin:0; padding:0}
ul li, ol li {font:10pt/12pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#666; margin:5px 0;}
ul li a {color:#666;}

.dark {color:#505050;}
.white {color:#FFF}
.blue {color:#5BADDC}
.underline {border-bottom:1px solid #999}
.alignleft {float:left;}
.alignright {float:right;}
.caps {text-transform:uppercase;}

.highlight {color:#FFF; background:#7D868F; margin:10px 0; padding:2px 0 0 5px}
.highlight a {color:#FFF; display:block}
.highlight:hover {background:#4d73b1}
.sidebar_title {color:#FFF; background:#7D868F; padding:1px 0 2px 10px; }
.sidebar_title a, .highlight a:hover {color:#FFF; display:block;}
.sidebar_title:hover {background:#4d73b1; }
.sidebar_title.noHover:hover {background:#7D868F;}

#searchform {margin-top:10px;}

input#s, input#author, input#email {border:1px solid #DCE2E4; padding:5px; font:10pt/12pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#666; margin:5px 0;}
input#submit, input#searchsubmit {font:16pt/18pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#5BADDC; margin:10px 0; font-weight:200px; }
input.text {border:1px solid #CCC; padding:5px; font:10pt/12pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#666; margin:5px 0}
textarea {width:540px; height:100px; border:1px solid #CCC; font:10pt/12pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#666; padding:5px;}
.desc, #output, .caption {font:11pt/14pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#333; z-index:999; padding:0px 5px 0px 0px;}

#ds_register li {float:left; margin-bottom:5px}
#ds_register li span.label {float:left; width:100px; padding-top:5px; text-align:right;}
#ds_register li input {float:left; width:425px; padding:5px; margin-left:15px; border:1px solid #666; font:10pt/12pt Helvetica, Arial, sans-serif;}
#ds_register li input.submit {width:435px; cursor:pointer; background:#7D868F; color:#FFF; font-size:13pt}
#ds_register li input.submit:hover {background:#4D73B1}

#footer_top p {color:#FFF; margin:0}
#footer_bot p {color:#DCE2E4; margin:0}
#footer_top a {color:#DCE2E4;}
#footer_top a:hover {color:#6cc4ee}
#footer h2 {color:#dae2e4}
#footer .social {margin-top:10px}
#footer .social a {margin-right:10px}

/* ----------------------- IMAGES & MEDIA ------------------------*/

img {border:0}
img.thumbnail {margin:5px 0 10px 0; }
.vvqbox {padding:0;}

.featured_films_caption  {
font-family:lucida grande; font-size:9pt;
z-index: 999;
display: block;
position: absolute;
color: white;
bottom: 0px;
width: 100%;
right: 0px;
padding: 5px 10px 5px 5px;
margin: 0;
background: #7D868F;
filter: alpha(opacity=70);
opacity: .70;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
text-align: right;
}

#stage {float:left; width:850px; height:350px; margin:35px 0 0 0; overflow: hidden;}
.imgteaser, .imgcaption {padding: 0px; margin: 0px; overflow: hidden; position: relative; }
.imgcaption {margin-top:5px}
.imgteaser a  {text-decoration: none; margin-top: -19px; float: left; }
.imgcaption a {text-decoration: none;}
.imgteaser a:hover, .imgcaption a:hover {cursor: pointer;}
.imgteaser a img, .imgcaption a img {float: left; margin-bottom: 0px;}
.imgteaser a:hover .desc {display: block; position: absolute; bottom: 0px; left: 0px; padding: 10px 10px 8px 10px; margin: 0; width: 552px; color:#FFF; background: #7D868F; filter:alpha(opacity=80); opacity:.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.imgteaser a:hover #output  {display: block; width:850px; position: absolute; bottom: 0px; right: 0px; padding: 10px 10px 8px 10px; margin: 0; width:850px; color:#FFF; background: #7D868F; filter:alpha(opacity=70); opacity:.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; font-family:lucida grande; text-align:right}
.imgcaption a:hover .caption  {display: block; position: absolute; bottom: 0px; left: 0px; padding: 2px 10px; margin: 0; width:234px;  color:#FFF; background: #7D868F; filter:alpha(opacity=70); opacity:.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; font-family:lucida grande; font-size:9pt;}
.imgteaser a .desc, .imgcaption a .caption, .imgteaser a #output {display: none; }
#pager {position:absolute; top:355px; left:10px;  z-index:999999; }
#pager a {color:#EFEFEF;  background:#EFEFEF; font-family:lucida grande, sans-serif;  padding:0 5px; margin-right:10px;}