/*
THEME NAME: Presence
THEME URI: http://www.harringtonwritingpros.com
DESCRIPTION: David W. Harrington's modifications for Presence Chicago of Wordpress theme: Freiraum - Paperwall 2 Designed by Artis Cordobo, based on Sandbox by Andy Skelton and Scott Allan Wallick
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.0
AUTHOR: <a href="http://www.harringtonwritingpros.com">David W. Harrington</a> based off the badass theme by<a href="http://cordobo.com/">Artis Cordobo</a>, which was in turn based on the excellent work of <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI: http://www.harringtonwritingpros.com
*/

body {*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#CCC;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* CLEARFIX
------------------------------------------------------------------ */

html .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}


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

html, body {padding: 0;	margin: 0;}
body {
  font: 75%/1.231 "Gill Sans", "Gill Sans MT", GillSans, HelveticaNeue, Helvetica, Arial, Verdana, Geneva, clean,sans-serif;
  font-smooth: always;
  color: #333;
  background: #CCC;}
#uberwrapper {margin: 0 auto;width: 1128px; background: #fff url('http://www.presencechicago.com/wp-content/uploads/2009/10/Optimized.backgroundpink-smaller.jpg') top center;}
#wrapper {width: 928px;margin: 0 auto;}
div#container {float: right; margin: 10px 0 0 -200px; width: 100%;}
div#content {margin: 0 0 0 200px; background-color: #FEFCF2; padding-bottom: 40px;}
div.sidebar {margin-top:10px; float: left; width: 168px; padding: 0 16px; overflow: hidden; background: transparent url('cpw2/bg_sidebar.png') top left repeat;color:#CCC;}
div#secondary {clear: left;}
div#footer {clear: both; width: 928px; margin: 20px 0 20px 0; padding: 20px 0;}


/* GLOBAL
------------------------------------------------------------------ */

a {text-decoration: none;}
a:link, a:visited {color: #B4421C;}
a:hover, a:active {color: #f60;}

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

h1 {font-size: 1.0em;}
h2 {font-size: 0.8em; margin: 0 0 4px 0;}
h3 {font-size: 0.75em; margin: 15px 0 5px;}

p, ul, ol {line-height: 1.5em; margin: 10px 0;}


/* HEADER
------------------------------------------------------------------ */
#header h1#blog-title {display: block; height: 62px; width: 304px;}
#header h1#blog-title span a {display: block; height: 62px; width: 304px; background: transparent url('http://www.presencechicago.com/wp-content/uploads/2009/10/presence.png') top left repeat; text-indent: -9999em;}
#header div#blog-description {position:relative;top:180px;left:38px;font-size:14px;margin:3px;padding:3px;max-width:400px;}
pn#access {display: none;}
#freiraum {position: relative; clear:both;}
#freiraum a.spielplatz {position: absolute; bottom: 0; right: 24px; height: 28px; width: 80px; background: transparent url('cpw2/bg_sidebar.png') top left repeat; text-align: center; vertical-align: middle; line-height: 28px; font-weight: bold; color: #fff;}
#freiraum div#spielraum {position: absolute; top: 0; right: 24px; padding: 0; margin: 0; z-index: 3000; width: 232px;}
#freiraum div#spielraum form {padding: 0; margin: 0;}
#freiraum div#spielraum ol.fast_access {padding: 10px 20px; margin: 0; background-color: #52473D; color: #FEFCF2;}
#freiraum div#spielraum ol.freiraum_meta {padding: 7px 20px; margin: 0; background-color: #797066; text-align: right;}
.form_row {display: block; margin-bottom: 3px;}
.form_row label {display: block; float: left; padding-right: 10px; text-align: right; font-size: 0.75em; text-transform: uppercase;}
input.inputtext, input.inputpassword {display: block; float: left; background-color: #E9E7CF; border: 0px; padding: 2px;}
input.inputsubmit {display: block; float: left; background-color: #352B22; border: none; padding: 2px; width: 120px; height: 20px; color: #fff; font-size: 0.8em; text-transform: uppercase;}
input.inputcheckbox {background-color: #E9E7CF; border: none /*1px solid #E9E7CF;*/}


ol.fast_access li.form_row label {width: 62px; height: 16px;}
ol.fast_access li.form_row input.inputtext, ol.fast_access li input.inputpassword {width: 116px; height: 16px;}
ol.fast_access li.forgetmenot label {width: auto;}
ol.fast_access li.forgetmenot input {margin-left: 72px;}
ol.fast_access li.form_row_submit input.inputsubmit {margin-left: 72px;}

.freiraum_meta a {background-color: #52473D; color: #FEFCF2; padding: 1px 2px; font-size: 0.75em; text-transform: uppercase;}
.freiraum_meta a:after {content: "  \00D7"}

/* ENTRY
------------------------------------------------------------------ */

.post {position: relative; padding: 0 150px 30px;}
.page {position: relative; padding: 0 30px 30px;}
.hentry { }
.hentry a:hover {background-color: #FFF7E4;} 
.entry_firstpost { }

h2.entry-title {font-size: 1.75em; font-weight: normal;}

div.entry-date-extra {position: absolute; top: 0px; left: 16px; width: 88px; height: 40px; padding: 63px 0 10px; background-color: #41352B; text-align: center;}
div.entry-date-extra abbr.published {color: #FEFCF2; font-size: 1.1em; text-transform: lowercase;}
div.entry-date-extra abbr.published span {display: block; color: #BEB47F; font-size: 1.3em; font-weight: normal;}

.comments-link {position: absolute; top: 120px; left: 16px; font-size: 0.8em; width: 88px; text-align: center;}
.comments-link a {font-weight: bold; text-transform: uppercase;}

div.entry-date {color: #7A716A; font-size: 0.75em;}

div.entry-content {margin: 5px 0; color: #4A2B01;}
  div.entry-img {float: left; margin: 8px 12px 8px 0; padding: 0 5px 5px 0; border-right: 4px solid #E7E2D2; border-bottom: 4px solid #E7E2D2;}
  div.entry-img img {border: 1px solid #DFDBBE;}
  div.entry-content a {font-weight: bold;}
  div.entry-content h3 {font-size: 1.45em; color: #333;}

div.entry-meta {clear: left; color: #7A716A; font-size: 0.75em; border-top: 1px solid #E7E2D2; padding-top: 4px;}
div.entry-meta a:link {color: #7A716A; border-bottom: 1px dotted #ddd;}

div#nav-below {height: 1em; padding: 20px 150px 20px;}
div.nav-previous {float: left;}
div.nav-next {float: right;}

.comments {font-size: 0.95em;}

.comment {position: relative; padding: 20px 150px 15px;}
.comment-author {font-weight: bold;}
.comment-author img {position: absolute; top: 10px; left: 63px; padding: 0 5px 5px 0; border-bottom: 4px solid #DFDBBE; border-right: 4px solid #DFDBBE;}
.comment-meta {}

#comments h3 span {}
#comments-list {}
#comments-list h3 {padding-left: 150px; font-weight: bold; font-size: 1.45em;}

.comment-meta {padding: 0px 0; border-bottom: 1px solid #E7E2D2;}


#respond {padding-left: 150px;}


/* SIDEBAR
------------------------------------------------------------------ */
.sidebar p {color:#FEFCF2;}
.sidebar a {color: #FEFCF2;font-weight:400;}
.sidebar a:hover {border-bottom: 1px dotted #ddd;}
.sidebar ul li h3 {color: #FEFCF2; font-size: 1.45em; font-weight: bold;}

/* Just some example content */

div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}


.alignleft {float: left;}
.alignright {float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{/*margin:0 0 3.5em;*/}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div, div.sidebar h3, div.sidebar ul, div.sidebar li {margin:0;padding:0;}
div.sidebar input#s{width:7em;}
div.sidebar li {list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center; position:relative; top:20px; background: transparent url('http://www.presencechicago.com/wp-content/uploads/2009/10/whitishspace.png') top left repeat;}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}
#nav {float:right;
clear:both;
width:320px;
height:200px;
background: transparent url('cpw2/bg_sidebar.png') top left repeat;
}
#nav ul {
height:30px;
float:right;
}
#nav li {
text-align:right;
display:inline;
width:auto;
}
#nav li a {
color: #FFF;
font-size:14px;
font-weight:400;
display:block;
padding:5px;
margin-right:4px;
border-bottom:none;
}
#nav li a:hover {
color:#CCC;
}
#nav li.current_page_item a, {
color:#CCC;
}
#nav li.current_page_item, {
color:#CCC;
}