/* 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%;}
#page {width:850px; margin:0 auto; overflow:auto; padding-bottom: 230px; }
#header {width:100%; padding:20px 0 10px 0; margin:0; background:#DCE2E4; border-bottom:10px solid #A2ACB4}
#header_content {width:850px; margin:0 auto;}
#content {float:left; width:552px; 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:#A2ACB4; padding: 0; margin:0 0 0 0; padding:0; border-top:10px solid #DCE2E4}
#footer_bot {width:100%; height:50px; background:#7D8790; 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}

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

#nav {background-color:#7D868F; width:100%; height:50px; margin:0px; padding:0; border:0; overflow:hidden;}
#nav ul { list-style-type:none;  margin:0 auto; width:850px;}
#nav li {list-style: none; display: inline;}
#nav a { float:left; overflow: hidden; height: 0px !important; height /**/:50px; /* for IE5/Win only */ margin:0; }
#nav a:hover, #nav a.active {background-position: 0 -50px; }
#films a  {width:86px; padding: 50px 0px 0px 0; background:url('images/nav_films.gif'); background-repeat:no-repeat;}
#news a  {width: 103px; padding: 50px 0px 0px 0; background:url('images/nav_news.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; }

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

p {font:10pt/13pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#666; 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:16pt/18pt 'Helvetica Neue', helvetica, arial, sans-serif; color:#505050; margin:0; font-weight:200px; }
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:#999; margin:5px 0; }

a {color:#5BADDC; text-decoration:none;}  
a:hover {color:#CCC}
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:#505050; background:#DCE2E4; margin:10px 0; padding:1px 0 2px 5px}
.highlight a {color:#505050; display:block}
.highlight:hover {background:#5BADDC}
.sidebar_title {color:#505050; background:#A2ACB4; padding:1px 0 2px 10px; }
.sidebar_title a, .highlight a:hover {color:#505050; display:block;}
.sidebar_title:hover {background:#5BADDC; }

#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; }


#footer_top p {color:#FFF;}
#footer_bot p {color:#DCE2E4;; margin:0}
#footer_top a {color:#FFF}
#footer_top a:hover {color:#DCE2E4}

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

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

#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;}