/*
THEME NAME:AutoFocus
THEME URI:http://www.allancole.com/wordpress/themes/autofocus
DESCRIPTION: Future Perfect hack of the AutoFocus theme.
VERSION:0.1v-be
AUTHOR:Allan Cole / Edits Jan Chipchase
AUTHOR URI:http://www.allancole.com/wordpress
TAGS:photoblogging, fixed-width, one-column, threaded-comments, white

     This theme is released under GNU General Public License (GPL):
     http://www.gnu.org/licenses/gpl.html

     1.0.1: Adds IE6 support (still a work in progress but better than before).

*/

.button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button:hover {
    background-color: #red; 
    color: white;}


/* = tweet jquery specific */

.tweet,
.query {
     font: 120% Georgia, serif;
     color: #085258;
}

.tweet_list {
     -webkit-border-radius: 0.5em;
     -moz-border-radius: 0.5em;
     border-radius: 0.5em;
     list-style: none;
     margin: 0;
     padding: 0;
     overflow-y: hidden;
     background-color: #8ADEE2;
}
    
.tweet_list .awesome,
.tweet_list .epic {
     text-transform: uppercase;
}
    
.tweet_list li {
     overflow-y: auto;
     overflow-x: hidden;
     padding: 0.5em;
     list-style-type: none;
}
         
.tweet_list li a {
     color: #0C717A;
}
         
.tweet_list .tweet_even {
     background-color: #91E5E7;
}
         
.tweet_list .tweet_avatar {
     padding-right: .5em; float: left;
}
         
.tweet_list .tweet_avatar img {
     vertical-align: middle;
}

/* = end tweet jquery specific *


/* =fp specific */

/* = icons */

#blankwidth {position: relative; display: block; width: 800px; height: 2px; overflow:hidden; padding-top: 20px; border: none; border-bottom: #ccc dotted 1px;}

#facebooksubscribe {position: relative; display: block; width: 450px; height: 30px; padding-left: 200px; padding-bottom: 0px; padding-top: 25px; margin-left: 0px; overflow:hidden; padding-right: 0px; border: none; align: center;}

#iconwrapperhome {position: relative; display: block; clear: right; width: 450px; height:30px; margin-bottom: 0px; float: middle; margin-top: 0px; margin-left: 0px; overflow:hidden; padding-right: 0px;}

#icontwitterfollow {position: relative; display: block; width: 130px; height:20px; margin-bottom: 0px; float: left; margin-top: 0px; margin-right: 5px; padding-right: 0px; border: black solid 1px;}

#iconwrapperhomeleft {position: relative; display: block; width: 22px; height:22px; margin-bottom: 0px; float: left; margin-top: 0px; margin-left: 0px; overflow:hidden; padding-right: 0px;}

#iconwrappermeta {position: relative; display: block; width: 100px; margin-bottom: 0px; float: left; clear: both; margin-top: 10px; margin-left: 0px; padding-right: 0px; padding-top: 10px; border-top: #ccc dotted 1px; padding-bottom: 10px; border-bottom: #ccc dotted 1px;}

#iconwrappermetaitem {position: relative; display: block; width: 150px; height:18px; margin-bottom: 0px; float: left; clear: both; margin-top: 5px; margin-left: 0px;  padding-right: 0px; }

#iconmeta {position: relative; display: block; width: 14px; height:14px; margin-bottom: 0px; float: left; margin-top: 3px; margin-right: 5px; padding-right: 0px;}

#iconmetafacebook {position: relative; display: block; width: 14px; height:14px; margin-bottom: 0px; float: left; margin-top: 0px; margin-right: 5px; padding-right: 0px; }

#icontextmeta {position: relative; display: block; width: 33px; height:14px; margin-bottom: 0px; float: left; margin-top: 3px; margin-right: 5px; padding-right: 0px; }

#entryiconwrapper {position: relative; display: block; width: 26px; height:22px; margin-bottom: 0px; float: left; margin-top: 10px; margin-left: 0px; overflow:hidden; padding-right: 0px;}

#img-icon-rss {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_rss_14.png') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 6px; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8;}

#img-icon-more {background:transparent url('xx') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 6px; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8;}

#img-icon-more:hover {background:transparent url('xx') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 6px;; -moz-opacity:1;filter:alpha(opacity=100);opacity:1;}

#img-icon-rss-solid {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_rss_14.png') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 6px; -moz-opacity:1;filter:alpha(opacity=100);opacity:1;}

#img-icon-rss:hover {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_rss_14.png') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 6px;; -moz-opacity:1;filter:alpha(opacity=100);opacity:1;}

#img-icon-services {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_services_14.gif') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 6px; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8; }

#img-icon-services:hover {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_services_14.gif') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 6px; -moz-opacity:1;filter:alpha(opacity=100);opacity:1; }

#img-icon-twitter {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_twitter_14.png') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 5px; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8; }

#img-icon-twitter:hover {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_twitter_14.png') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; margin-right: 5px; -moz-opacity:1;filter:alpha(opacity=100);opacity:1; }

#img-icon-facebook {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_facebook_14.png') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; padding: 0px; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8; margin-right: 6px;}

#img-icon-facebook-meta {display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; padding: 0px; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8; margin-right: 6px; text-decoration:none;}

#img-icon-facebook:hover {background:transparent url('http://www.janchipchase.org/fp/wp-content/uploads/2010/03/subscribe_to_facebook_14.png') center center no-repeat;display:inline; position: relative; float: left; width:14px; height: 14px; z-index:2; padding: 0px; -moz-opacity:1;filter:alpha(opacity=100);opacity:1; margin-right: 6px; text-decoration: none;}

#feedlistwrapper {float: left; position: relative; float: left; clear: both; height: 22px;}

#feedlisticon {float: left; text-align: left; position: relative; float: left; height: 24px; width: 22px;}

#feedlisttext {float: left; position: relative; float: left; height: 24px;}

.number {color: #888;}
.red {color: #C80000;}

/* =fp home */

#hometext {display: block; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding: 0px; text-decoration: none; font-size: 2.6em; clear: both; float: left; width: 800px;}

#hometextsubs {text-decoration: none; font-size: 1.8em; font-style: italic; float: left;}

#hometextform {text-decoration: none; font-size: .5em; font-style: normal; padding: 6px;}


#homeimg {position: relative; float: left; margin: 0px;}

#homecoltext {display: block; width:150px; position: relative; float: left; margin-top: 20px;}

#homefpmeta {display: block; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding: 0px; text-decoration: none; font-size: 1em; clear: both; float: left; width: 150px;}

#homecol1 {display: block; padding-right: 33px; width:150px; position: relative; float: left; margin-bottom: 40px;}

#homecol2 {display: block; padding-right: 33px; padding-left: 33px; width:150px; position: relative; float: left; border-left: #ccc 1px dotted;}

#homecol3 {display: block; padding-right: 33px; padding-left: 33px; width:150px; position: relative; float: left; border-left: #ccc 1px dotted;}

#homecol4 {display: block; padding-left: 32px; width:150px; position: relative; float: left; border-left: #ccc 1px dotted;}

.bullet {color: #444;}

img.fplogo {
     margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 15px;
     background-color: #FFFFFF;
        float: left;  
        font-size: small;
}

img.fpheader {
     margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
     background-color: #FFFFFF;
        float: right; 
        align: right;
}

img.category {
     margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
     background-color: #FFFFFF;
        float: left; 
        clear: both;
}

#book {padding:0; width:130px; float: right; height: 230px; text-align: right; position:right; border: none;}

#split {padding:0; margin-top: 10px; width:800px; position:relative; clear: both;}
#splitleft {padding:0; margin: 0; width:400px; position: relative; float: left;}
#splitright {padding:0; margin: 0; width:400px; position: relative; float: left; }


#category {display: block; position:relative; clear: both; float: left; width: 580px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding-bottom: 10px; font-size: 1.2em; border-bottom: 1px dotted #ccc;}

#categoryleft {display: block; padding:0; margin: 0; width:580px; position: relative; float: left;}

#categoryright {display: block; padding:0; margin: 0; width:190px; position: relative; padding-left: 20px; float: left;}

#categoryfirst {display: block; position:relative; clear: both; float: left; width: 800px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px;}

#categoryfirstexcerpt {display: block; padding:0; margin: 0; width:580px; position: relative; float: left; padding-bottom: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 20px; color: rgb(136, 136, 136); outline-style: none; font-size: 1.2em;}

#categoryfirstmeta {display: block; padding:0; margin: 0; width: 190px; position: relative; float: left; padding-left: 20px;}

#col1 {display: block; padding-right: 13px; margin: 0; width:179px; position: relative; float: left; }

#col2 {display: block; padding-left: 13px; padding-right: 13px; margin: 0px; width:180px; position: relative; float: left; border-left: #ccc 1px dotted;}

#col3 {display: block; padding-left: 13px; padding-right: 13px; margin: 0px; width:179px; position: relative; float: left; border-left: #ccc 1px dotted;}

#col4 {display: block; padding-left: 13px; margin: 0px; width:180px; position: relative; float: left; border-left: #ccc 1px dotted;}

#coltitle1 {display: block; padding-right: 13px; margin: 0; width:179px; position: relative; float: left;}

#coltitle2 {display: block; padding-left: 13px; padding-right: 13px; margin: 0px; width:180px; position: relative; float: left;}

#coltitle3 {display: block; padding-left: 13px; padding-right: 13px; margin: 0px; width:179px; position: relative; float: left;}

#coltitle4 {display: block; padding-left: 13px; margin: 0px; width:180px; position: relative; float: left;}

#footer a:hover{text-decoration:none;color:#006699;}
#footer a{color:#888;display:inline;}

#spacer {width:800px; height:20px;position: relative; float: left;}

.quote {color: #ccc;}

#fpdate {display: block; margin-bottom: 16px; margin-left: 0px; margin-right: 0px; margin-top: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; font-size: 2.2em; clear: both; float: left; width: 190px; letter-spacing: -1px;}

#fpmeta {display: block; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding: 0px; text-decoration: none; font-size: 1em; clear: both; position: relative; width: 190px;}

#fpsidebar {display: block; margin-bottom: 5px; margin-left: 20px; margin-right: 0px; margin-top: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding: 0px; text-decoration: none; font-size: 1em; float: left; width: 170px;}


#fpbootnote {display: block; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 5px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding: 0px; text-decoration: none; font-size: 0.85em; clear: both; float: left; width: 580px;}

#listnote {display: block; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; margin-top: 0px; outline-width: 0px; padding: 0px; text-decoration: none; font-size: 0.85em; clear: both; float: relative;}

#fpnavpost {display: inline; margin: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding: 0px; text-decoration: none; font-size: 2.6em; text-align: right; line-height: .1em; clear: right; position: relative; border: #blue 1px solid;}

#fplist ul {margin-left:1em;list-style:disc;padding-bottom:1em;}

#fplist ul li ul {margin-left:2em;list-style:disc;padding:0}

#relateditems ul {margin-left:1em;list-style:none; padding-left: 1em; padding-top :1em; padding-bottom:1em; text-indent: -1em;}

#readmore {text-align: right; display: block; width: 580px;}

h2.title {font-size: 50px; letter-spacing: -2px; display: block; height 120px; line-height: 1.2em; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 25px; width: 800px; background: transparent; font-size: 3.6em; font-weight: 100; letter-spacing: -0.01em; margin: 0.5em 0px 0.25em; padding: 0px;}

h3 {font-size: 1.2em; letter-spacing: 0px; display: block; height 120px; line-height: 60px; width: 600px; margin-bottom: 2px; background: transparent; font-weight: 100; letter-spacing: -0.02em; line-height: 1.2em; padding: 0px; float: left; clear: both;}

h3.title {font-size: 2.6em; letter-spacing: 0px; display: block; height 120px; line-height: 60px; width: 600px; margin-bottom: 10px; background: transparent; font-weight: 100; letter-spacing: -0.02em; line-height: 1.2em; padding: 0px; float: left; clear: both;}

h3.sidebartitle {font-size: 1.8em; letter-spacing: -1px; display: block; height 120px; line-height: 60px; margin-bottom: 18px; width: 800px; background: transparent; font-weight: 100; letter-spacing: -0.05em; line-height: 1.2em; padding: 0px; float: left; clear: both; color: rgb(136, 136, 136);}

h3.coltitle {width:180px; font-size: 1.8em; letter-spacing: -1px; display: block; height 120px; line-height: 60px; margin-bottom: 18px; background: transparent; font-weight: 100; letter-spacing: -0.02em; line-height: 1.2em; padding: 0px; float: left; clear: both;}

h4.coltitle {width:180px; font-size: 1.4em; letter-spacing: -1px; display: block; height 120px; line-height: 60px; margin-bottom: 18px; background: transparent; font-weight: 100; letter-spacing: -0.02em; line-height: 1.2em; padding: 0px; float: left; clear: both;}

p.divide {font-size: 2.6em; letter-spacing: 0px; display: block; align: center; height 110px; line-height: 30px; margin-bottom: 10px; width: 800px; background: transparent; font-weight: 100; letter-spacing: -0.01em; line-height: 1.2em; padding: 0px; float: left; clear: both;}

p.essaydivide {font-size: 2.6em; letter-spacing: 0px; display: block; text-align: center; height 110px; line-height: 30px; margin-bottom: 10px; width: 800px; background: transparent; font-weight: 100; letter-spacing: -0.01em; line-height: 1.2em; padding: 0px; float: left; clear: both;}

p.essaydivide2 {font-size: 2.6em; letter-spacing: 0px; display: block; text-align: center; height 110px; line-height: 30px; margin-bottom: 10px; width: 600px; background: transparent; font-weight: 100; letter-spacing: -0.01em; line-height: 1.2em; padding: 0px; float: left; clear: both;}

li.essay {letter-spacing: 0px; margin-left: 15px;}

#essay {width: 800px; float: left; clear: both;}

blockquote.essay {text-align: center; font-style: italic; border: none; font-size: 2.6em;}

.pullquote {font-size: 2.6em; font-style: italic; letter-spacing: 0px; width: 300px; display: block; text-align: center; line-height: 30px; margin-bottom: 10px; margin-left: 10px; margin-top: 20px; font-weight: 100; letter-spacing: -0.01em; line-height: 1.2em; padding: 0px; float: right; clear: both;}

.endnotes {font-size: 0.9em;}

#superscript {font-size: 2.6em;}

/* image overlay */

#imgwrapper {position: relative; float:left; width:800px; padding: 0px; clear:both; overflow:hidden; height: 533px;}

#randompostcontainer {position: relative; display: block; float: left; width: 800px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #ccc dotted;}

#overlay800 {position: relative; float:left; width:800px; height: 533px; z-index:2; padding: 0px; -moz-opacity:0;filter:alpha(opacity=0);opacity:0;}

#overlay800:hover {position: relative; float:left; width:800px; z-index:2; padding: 0px; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8;}

#underlay800 {position: relative; float:left; width:800px; padding: 0px; z-index:1; top:-533px;}

#overlaybackground {width: 800px; background:#FFF; padding-bottom: 10px;}

#overlaytitle {font-size: 1.2em; font-style: normal; text-transform: none;  padding-top: 10px; margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; color: #888; width: 780px;}

#overlaytext {font-size: 1em; font-style: normal; text-transform: none; margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; color: #888; width: 780px;}

/* =structure */
body{background-color:#FFF;color:#444;font:1.3em/1.5 "ff-meta-serif-web-pro",serif;;margin:0;padding:0;}
#wrapper{padding:0;margin:0 auto;width:800px;position:relative;display:block;}


/* =miscellaneous */
.clear{clear:both;}
img,img.alignnone {margin: 0 0 1em 0;clear:both;float:none;display:block;}
img.alignleft {margin:0 10px 1em 0px;clear:left;float:left;}
img.alignright {margin:0 0 1em 10px;clear:right;float:right;}
img.aligncenter{margin:0 auto;position:relative;clear:none;}
.bigdate{text-shadow:#666 1px 1px 3px}
a{color:#444;display:inline;}
a:hover{text-decoration:none;color:#006699;}
h2 a:hover{text-decoration:none;}
h2.post-content a{text-decoration:none;}
img{border:none;}
p{margin-bottom:1em;}
.edit-link {display:block;}
.comment-edit-link, .edit-link a, .required, .unapproved{color: #444;}
img#wpstats{position:fixed;left:10px;bottom:10px;}
abbr, acronym, abbr[title], acronym[title], dfn[title] {text-transform:none;border:none;letter-spacing:inherit;cursor: default;}

/* =header */

#headerwrapper {padding:0; margin: 25px auto; width:800px; height: 57px; position:relative; display:block; clear both;}
#headerwrapper a{color: #444;}
#headerwrapper a:hover{color: #006699;}
#headerwrapper a#highlight {color: #black;}

#headertop {width:800px; height: 28px; position:relative;display:block;float:left;font-size: 1.1em;}

#headertopleft {background: #ffffff; padding:0;margin:0 auto;width:82px; height: 28px; position:relative;display:block;float:left;}

#headertopmiddle {background: #ffffff;padding:0;margin:0 auto;width:86px;height:28px;position:relative;display:block;float:left;filter:alpha(opacity=70);opacity:0.7;visibility:visible;}

#headertopright {background: #ffffff;padding:0;margin:0 auto;width:632px; height: 28px; position:relative;display:block;float:left;}

#headerbottom {width:800px; height: 28px; position:relative;display:block;float:left; border-top: 1px dotted #666; margin-bottom:20px; font-size: 1em;}

#headerbottomleft {background: #ffffff;padding:0;margin:0 auto;width:82px; height: 28px; position:relative;display:block;float:left;}

#headerbottommiddle {background: #ffffff;padding:0;margin:0 auto;width:86px; height: 28px; position:relative;display:block;float:left;filter:alpha(opacity=50);opacity:0.5;visibility:visible; }

#headerbottomright {background: #ffffff;padding:0;margin:0 auto;width:632px; height: 28px; position:relative;display:block;float:left;}

#headernavleft {padding-left: 0px; padding-top: 5px; margin:0 auto; position:relative;display:block; text-align: left;}

#headernavright {padding-right: 0px; padding-top: 5px; margin:0 auto; position:relative;display:block; text-align: right;}

#headerbottom a{color: rgb(145, 145, 145);}

#headerbox1 {width: 219px; height: 28px; float: right;}
#headerbox2 {width: 83px; height: 28px; float: right;}

#headerbottom a:hover{text-decoration:none; color:#006699}

.divider {color: #ccc;}

.divider2 {color: #444;}

/* =presentations */

#presentationwrapper {position: relative; display: block; float: left; width: 800px; margin-bottom: 30px;}
#presentationimg {position: relative; float: left; width: 150px; height: 100px; margin-right: 20px;}
#presentationcontent {position: relative; float: left; width: 580px;}

#presentationdownloads {display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; text-decoration: none; font-size: 1em; clear: both; float: left; width: 400px; ; padding-left: 0px;}

#presentationmeta {display: block; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 3px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; text-decoration: none; font-size: 1em; clear: both; float: left; width: 580px; padding-left: 0px;}

#presentationcoltext {display: block; width:150px; position: relative; float: left; margin-top: 20px;}

#presentationfpmeta {display: block; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; color: rgb(136, 136, 136); outline-style: none; outline-width: 0px; padding: 0px; text-decoration: none; font-size: 1em; clear: both; float: left;}

#presentationcol1 {display: block; padding-right: 33px; width:150px; position: relative; float: left; margin-bottom: 40px;}

#presentationcol2 {display: block; padding-right: 33px; padding-left: 33px; width:150px; position: relative; float: left; border-left: #ccc 1px dotted;}

#presentationcol3 {display: block; padding-right: 33px; padding-left: 33px; width:150px; position: relative; float: left; border-left: #ccc 1px dotted;}

#presentationcol4 {display: block; padding-left: 32px; width:150px; position: relative; float: left; border-left: #ccc 1px dotted;}


#header {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 55px; height:110px; text-transform:normal; width:800px; clear:none; float:right; align="center; border: #red 1px solid;"}
#header a:hover{text-decoration:none;color:#888;}
#header h1 {font-size:1.8em;line-height:0.8em;padding:5px 0 0;}
#header h1 a{font-weight:100;letter-spacing:-0.05em;position:relative;}
#header #blog-description {color:#888;}
#access {display:table;height:160px;vertical-align:middle;width:200px;float:right;border:#red solid 1px;}
#access #menu {vertical-align:middle;display:table-cell;font-size:0.8em;}
#access #menu ul {vertical-align:middle;display:block}
#access #menu ul li ul {margin-left:10px;}
#access #menu a{font-weight:800;}

/* =nav */
#nav-above{display:none;}
#nav-below{clear:both;float:right;margin:3em 0 0;padding:0px;width:100%;color:#888;}
#nav-below a {font-weight:800;}
.archive .nav-next, .archive .nav-previous, .search .nav-next, .search .nav-previous{color:#888;}
.browse h3{color:#888;font-size:1.8em;left:0em;position:relative;top:0px;text-transform:normal;width:100%;font-weight:100;}

.nav-excerpt{color:#888;display:block;padding:0 20px 0 0;position:relative;font-size:0.8em;}

#navwrapper {display: block; position:relative; clear: both; float: left; width: 800px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px;  outline-style: none; outline-width: 0px; padding-bottom: 0px; text-decoration: none; border-bottom: 1px #ccc dotted; border-top: 1px #ccc dotted; padding-top: 10px;}

#navwrapper-below {display: block; position:relative; clear: both; float: left; width: 580px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; margin-top: 0px;  outline-style: none; outline-width: 0px; padding-bottom: 0px; text-decoration: none; border: none; padding-top: 0px;}

#navwrapper-below-single {display: block; position:relative; clear: both; float: left; width: 580px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; margin-top: 0px;  outline-style: none; outline-width: 0px; padding-bottom: 0px; text-decoration: none; border-top: 1px #ccc dotted; padding-top: 20px;}

.nav-next{background:transparent;float:right;font-size:1em;padding:0;position:relative;margin:0;width: 260px; text-align: right;}

.nav-next-below{background:transparent;float:right;font-size:1em;padding:0;position:relative;margin:0;width: 290px; text-align: right; color: #888;}

.nav-middle{background:transparent;float:left;font-size:1em;padding:0;position:relative;margin:0;width:280px; text-align: center; color: rgb(136, 136, 136); height: 28px; }

.nav-previous{background:transparent;float:left;font-size:1em;padding:0;position:relative;margin:0;width:260px;}

.nav-previous-below{background:transparent;float:left;font-size:1em;padding:0;position:relative;margin:0;width: 290px; text-align: left; color: #888;}

.archive .nav-next, .home .nav-next {text-align:right;}

/* =home */
.home #container #nav-above {display:block;position:fixed;}
.home #container #nav-above .nav-previous a, .home #container #nav-above .nav-next a {display:block;color:#efefef;padding:0 20px;}
.home #container #nav-above a:hover, .home #container #nav-above a:hover {color:#888;text-decoration:none;}
.home #container #nav-above .nav-previous {position:absolute;display:block;width:100px;top:50%;left:-100px;text-align:right;line-height:4em;font-size:5em;}
.home #container #nav-above .nav-next {position:absolute;display:block;width:100px;top:50%;right:-900px;text-align:left;line-height:4em;font-size:5em;}
.home #container #nav-below {display:none;}
.home #content {clear:both;margin-bottom:1em;}
.home .featured.post{background:transparent url('img/loading.gif') center center no-repeat;display:inline;float:left;height:300px;margin:0;overflow:hidden;position:relative;width:200px;}
.home .featured.post.p1 {border-bottom:5px solid #FFF;width:800px;}
.home .featured.post.p1 .post-content{width:795px;}
.home .post-content{background:#FFF;bottom:0;left:0;font-weight:200;padding:10px;position:absolute;visibility:hidden;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;}
.home .post-content p {padding:0;margin:0;}
.home .post-content a{font-weight:800;}
.home .post-content-title{position:absolute;top:0;display:block;line-height:1em;margin:0;padding:0;width:100%;height:100%;z-index:99;}
.home .post-content-title a {display:block;height:100%;}
.home .post-content-title a span {visibility:hidden;}
.home .post-content-excerpt{display:block;font-size:0.8em;font-weight:normal;width:90%;/*cursor:pointer;*/}
.home .post-content:hover, .home .post:hover .post-content {-moz-opacity:0.7;filter:alpha(opacity=70);opacity:0.7;visibility:visible;}
.home .post .bigdate{color:#fff;font-size:3.6em;font-weight:100;letter-spacing: -0.05em;position:absolute;text-transform:normal;left:0;top:0;padding:5px 0 0 15px;visibility:visible;z-index:60;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;}
.home .post {background:#999;height:300px;margin:0;overflow:hidden;width:400px;}
.home #footer {margin-top:3em;}

/* =index template */
#content.index {width:800px;clear:both;float:none;;}
#content.index .post {background:transparent;width:800px;height:inherit;clear:both;float:none;margin-bottom:3em;overflow:visible;}
#content.index .post h2.entry-title {width:800px;font-size:3.6em;line-height:1.2em;margin:0.0em 0 0.25em;font-weight:100;letter-spacing: -0.05em;}
#content.index .post .entry-content {width:580px;padding:0 10px 3em 0;float:left;font-size:1.2em;color:#888; border: 1px solid #red;}
#content.index .post .entry-content h1 {font-size:2.2em;padding:0.125em 0;}
#content.index .post .entry-content h2 {font-size:2em;padding:0.125em 0;}
#content.index .post .entry-content h3 {font-size:1.8em;padding:0.25em 0;}
#content.index .post .entry-content h4 {font-size:1.6em;padding:0.25em 0;}
#content.index .post .entry-content h5 {font-size:1.4em;padding:0.5em 0;}
#content.index .post .entry-content h6 {font-size:1.2em;padding:0.5em 0;}
#content.index .post .entry-content img {max-width:580px;height:inherit;}
#content.index .post .entry-content blockquote {padding:1em 1em 0;margin-bottom:1em;font-style:italic;font-size:1.2em}
#content.index .post .entry-content ul {margin-left:1em;list-style:disc;padding-bottom:1em;}
#content.index .post .entry-content ol {margin-left:1em;list-style:disc;padding-bottom:1em;}
#content.index .post .entry-content ul li ul {margin-left:2em;list-style:disc;padding:0}
#content.index .post .entry-content ol li ol {margin-left:2em;list-style:disc;padding:0}
#content.index .post .entry-content ul li, .single .post .entry-content ol li {font-size:1em;}
#content.index .post .entry-content pre {width:585px;overflow:auto;padding:1em 0;color:#444;}
#content.index .post .entry-content code {padding:1em 0;display:block;color:#444;}
#content.index .post .entry-meta {color:#888;width:200px;float:right;font-size:1em;line-height:1.4em;padding:5px 0 0;position:relative;z-index:11;display:block;}
#content.index .post .entry-date {width:200px;font-size:3.6em;line-height:1em;letter-spacing: -0.05em;;margin-bottom:3px;float:right;color:#888}
#content.index .post .entry-meta span {display:block;}
#content.index .post .entry-meta a {background:none;}
#content.index #nav-below{margin:3em 0;}
.home #content.index #primary, .home #content.index #secondary {display:block;}

/* =single */
.single #container {float:left;width:800px;position:relative;margin-bottom:3em;overflow:visible;}
.single #container #nav-above {display:block;position:fixed;}
.single #container #nav-above .nav-previous a, .single #container #nav-above .nav-next a {display:block;color:#efefef;padding:0 20px;}
.single #container #nav-above a:hover, .single #container #nav-above a:hover {color:#888;text-decoration:none;}
.single #container #nav-above .nav-previous {position:absolute;display:block;width:100px;top:50%;left:-100px;text-align:right;line-height:4em;font-size:5em;}
.single #container #nav-above .nav-next {position:absolute;display:block;width:100px;top:50%;right:-900px;text-align:left;line-height:4em;font-size:5em;}
.single #container #nav-below {margin-bottom:3em;}
.single .post h2.entry-title, .single .attachment h2.entry-title{background:transparent;font-size:3.6em;font-weight:100;letter-spacing:-0.05em;line-height:1.2em;margin:0.5em 0 0.25em;padding:0;}
.single .post, .single .attachment {float:left;margin:0;padding:0;position:relative;width:800px;overflow:visible;}
.single .post .full-photo, .single .attachment .full-photo {margin:0;background:transparent;}
.single .post .full-photo .photo-credit, .single .attachment .full-photo .photo-credit{color:#FFF;visibility:hidden;font-size:1.2em;font-weight:100;position:absolute;padding:20px;text-transform:normal;left:0;display:block;width:760px;height:70%;background:transparent;z-index:5;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;}
.single .post .full-photo:hover .photo-credit, .single .attachment .full-photo:hover .photo-credit {color:#FFF;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;visibility:visible;cursor:default;}
.single .post .entry-content, .single .attachment .entry-content {background:#FFF;color:#888;font-size:1.2em;float:left;padding:0 10px 0 0;margin:0;width:590px;position:relative;z-index:10;min-height:200px}
.single .post .entry-content h1 {font-size:2.2em;padding:0.125em 0;}
.single .post .entry-content h2 {font-size:2em;padding:0.125em 0;}
.single .post .entry-content h3 {font-size:1.8em;padding:0.25em 0;}
.single .post .entry-content h4 {font-size:1.6em;padding:0.25em 0;}
.single .post .entry-content h5 {font-size:1.4em;padding:0.5em 0;}
.single .post .entry-content h6 {font-size:1.2em;padding:0.5em 0;}
.single .post .entry-content img {max-width:585px;height:inherit;}
.single .post .entry-content blockquote {padding:1em 1em 0;margin-bottom:1em;font-style:italic;font-size:1.2em}

// main bulleted lists
.single .post .entry-content ul {margin-left:1em;list-style:disc;padding-bottom:1em;}

#pagelist ul {margin-left:1em;list-style:none;padding-bottom:1em; font-size: 1.2em;}

.single .post .entry-content ol {margin-left:1em;list-style:disc;padding-bottom:1em}
.single .post .entry-content ul li ul {margin-left:2em;list-style:disc;padding:0}
.single .post .entry-content ol li ol {margin-left:2em;list-style:disc;padding:0}
.single .post .entry-content ul li, .single .post .entry-content ol li {font-size:1em;}
.single .post .entry-content pre {width:585px;overflow:auto;padding:1em 0;color:#444;}
.single .post .entry-content code {padding:1em 0;display:block;color:#444;}
.single .post .entry-meta, .single .attachment .entry-meta {color:#888;width:200px;float:left;font-size:1em;line-height:1.4em;padding:5px 0 0;position:relative;z-index:11;}
.single .post .entry-meta .bigdate, .single .attachment .entry-meta .bigdate {position:relative;color:#888;font-size:3.6em;line-height:1em;letter-spacing: -0.05em;margin-bottom:3px;display:block;visibility:visible;text-shadow: 0em 0em #333;}
.single .post .entry-meta a, .single .attachment .entry-meta a {background:none;}
.single .attachment .entry-meta .attachment-title {font-size:1.8em;line-height:1.2em;display:block;clear:both;float:none;width:100%;}

/* =page */
.page #container {float:left;width:800px;}
.page .post {float:left;margin:2px 0 0;position:relative;width:800px;}
.page .post .full-photo {margin-bottom: 2em;}
.page .post .bigdate {color:#FFF;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;visibility:hidden;font-size:3.6em;font-weight:100;position:absolute;text-transform:normal;left:0;top:-0.2em;display:block;width:100%;height:70%;background:transparent;z-index:5}
.page .post .full-photo:hover .bigdate {color:#FFF;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;visibility:visible;cursor:default;}
.page .post .entry-content {background:#FFF;color:#888;font-size:1.2em;float:left;padding:0 5px 5px 5px;margin:0;width:594px;position:relative;z-index:10;min-height:200px;}
.page .post .entry-meta {color:#888;width:190px;float:right;font-size:0.8em;padding-left:5px;position:relative;z-index:11;}
.page .post .entry-meta a{background:none;}
.page h2.entry-title {-moz-opacity:0.95;filter:alpha(opacity=95);opacity:0.95;background:#FFF;font-size:3.6em;font-weight:100;letter-spacing:-0.05em;line-height:1.2em;margin:0.5em 0 0.25em;padding:0;width:800px;position:relative;z-index:12;}

.page {width:800;clear:both;float:none;}
.page .page {background:transparent;width:800px;height:inherit;clear:both;float:none;margin-bottom:3em;}
.page .page .entry-title {font-size:3.6em;line-height:1.2em;width:800px;font-weight:100;margin:0.5em 0 0.25em;padding:0;}
.page .page .entry-date {width:200px;font-size:3.6em;float:left;color:#888}
.page .page .entry-content {width:580px;float:left;font-size:1.2em;color:#888;}
.page .page .entry-meta {color:#888;width:200px;float:right;font-size:0.8em;padding:5px 0 0;position:relative;z-index:11;}
.page #container {margin-bottom:3em;}

/* =archives page */
div.archive-content {clear:both;float:none;display:table;width:600px;padding:0 0 3em;}
div.archive-content ul li {width:600px;clear:both;margin-bottom:5px;display:block;float:none;background:transparent}
div.archive-content .sidebar {display:block;}
div.archive-content ul h3 {line-height:1.2em;font-weight:100;float:left;margin:0;width:200px;background:transparent;font-size:1.8em;position:relative;text-transform:normal;z-index:2;color:#888;}
div.archive-content ul li ul, div.archive-content ul li p, div.archive-content ul li #searchform{background:#EAEAEA;float:left;margin:0;padding:5px;width:385px;border-bottom:5px solid #FFF;}
div.archive-content ul li ul li {width:385px;margin:0;padding:0;}
div.archive-content ul li ul li ul {width:385px;margin:0 0 0 20px;padding:0;border:none;width:inherit;background:transparent}
div.archive-content a{font-weight:800;}
div.archive-content #primary, div.archive-content #secondary {width:600px;clear:both;margin:0;padding:0;display:block;float:none;background:transparent}

/* =archive, category, & search pages */

.archive #container, .search #container {float:left; width:800px;}

.archive .comment-count, .search .comment-count{background:transparent;font-size:1.8em;position:relative;text-transform:normal;width:100%;z-index:2;color:#888;}

.archive .comment-count h2, .search .comment-count h2 {font-weight:800;left:0;position:relative;top:0;}

.archive .post, .search .post, .search .page{display:block;float:left;margin:0px;position:relative;width:800px;color:#444;}

.archive .preview, .search .preview{background:#ccc url('img/loading.gif') center center no-repeat;float:left;margin:0px; max-height:300px;min-height:200px;overflow:hidden;width:580px;}

.archive .preview .bigdate, .search .preview .bigdate{color:#fff;font-size:3.6em;line-height:1.2em;left:0.1em;position:absolute;text-transform:normal;top:0.2em;}

.archive .preview a .bigdate, .search .preview  a .bigdate {color:#fff;font-weight:100;}

.archive .preview .post-content, .search .preview .post-content, .search .page .post-content{-moz-opacity:0;filter:alpha(opacity=0);opacity:0;background:#FFF;position:absolute;left:0;bottom:0;display:inline;float:none;margin:0px;padding:0px;width:580px;}

.archive .post .preview:hover .post-content, .search .post .preview:hover .post-content, .search .page .preview:hover .post-content {-moz-opacity:0.7;filter:alpha(opacity=70);opacity:0.7;background:#FFF;}

.archive .post a:hover, .search .post a:hover {text-decoration:none;color:#444;}

.archive .preview .post-content p, .search .preview .post-content p {padding:0;margin:0;}

.archive .preview .post-content-title, .search .preview .post-content-title {position:absolute;top:0;display:block;width:580px;height:100%;z-index:99;clear:both;float:none;line-height:1em;font-weight:800;}

.archive .preview .post-content-title a, .search .preview .post-content-title a {display:block;width:580px;height:100%;}

.archive .preview .post-content-title a span, .search .preview .post-content-title a span {visibility:hidden;}

.archive .preview .post-content-excerpt, .search .preview      .post-content-excerpt{display:block;font-size:0.8em;font-weight:normal;width:100%;}

.archive .entry-meta, .search .entry-meta, .search .entry-meta{color:#888;float:left;font-size:0.8em;display:block;background:none;width:200px;border-left:0px solid #FFF;}

.archive .entry-meta a, .search .entry-meta a{background:none;}

.archive .entry-meta a:hover, .search .entry-meta a:hover {color:#888;}

/* =attachment */
.exif-data ul {color:#444;}
.exif-data ul .exif-title {color:#888;}
.attachment-link {display:block;}

/* =404 */
.four04 {width:800;clear:both;float:none;}
.four04 .post {background:transparent;width:800px;height:inherit;clear:both;float:none;margin-bottom:3em;}
.four04 .post .entry-title {font-size:3.6em;line-height:1.2em;width:800px;font-weight:100;margin:0.5em 0 0.25em;padding:0;}
.four04 .post .entry-date {width:200px;font-size:3.6em;float:left;color:#888}
.four04 .post .entry-content {width:580px;float:left;font-size:1.2em;color:#888;}
.four04 .post .entry-meta {color:#888;width:200px;float:right;font-size:0.8em;padding:5px 0 0;position:relative;z-index:11;}
.four04 #container {margin-bottom:3em;}


/* =comments */
#comments {display:block;margin:36px 0;}
#comments-list h3 {font-size:1.8em;margin:3em 0;clear:both;float:none;font-weight:100;}
#comments-list {padding: 0;text-align:left;width:585px;color:#888;}
#comments-list li {margin: 15px 0 10px 0;padding:0;list-style: disc;position:relative;display:block;background:#FFF;}
#comments-list li.alt {background:#FAFAFA;padding:10px;margin: 0;}
#comments-list .children li {padding:10px;}
#comments-list li .comment-author {font-size:1em;line-height:3.6em;}
#comments-list li .comment-author img {float:left;padding:0 10px 0 0;margin:0;}
#comments-list li .comment-author .fn {font-size:1.8em;}
#comments-list li .comment-meta {position:absolute;top:0;right:0;padding:10px 10px 0 0;display:inline;}
#comments-list li ul li {margin-right:0;margin-left: 50px;}
#comments-list p {margin: 10px 5px 10px 0;}
.children {padding: 0;}
.children li div {position:relative;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
#respond {clear:both;float:none;display:table;}
#respond h3 {margin:1em 0 0;clear:both;float:none;font-size:1.8em;font-weight:100;}
#respond, #respond textarea {width:585px;color:#888}

/* =links */
#links-page a{font-weight:normal;}
li#linkcat-7, li#linkcat-21{clear:both;}
li.linkcat{background:#eaeaea;display:inline;float:left;margin:2px;padding:5px;width:137px;}

/* =footer */
#footer{clear:both;float:left;font-size:1em;margin-top:30px;padding:4px 0 36px;width:800px;color:#666666; border-top: 1px dotted #ccc; text-align: right;}
#footer #footer-credit {font-size:0.8em;}

/* Wordpress 2.5+ Shortcode Styles
------------------------------------------ */
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#comments{clear:both;}

/* =hidden */
.home .entry-meta, .page .sidebar, .category .sidebar, .archive .sidebar, .search .sidebar, #access .skip-link, .archive-meta {display:none;}

/* =remove smiley face from wp stats */

img#wpstats{width:0px;height:0px;overflow:hidden}