/*
Theme Name:Brian With An Eye
Theme URI:http://sicwebdesign.com/
Description:Photo-Blog-JQuery-FX
Version:1.4.2
Author:Kent
Author URI:http://sicwebdesign.com/
*/

*{margin:0;padding:0;list-style:none;outline:none;border:none;text-decoration:none;vertical-align:baseline}
html{background-color:#0f0f0f}
body{color:#bbb;font-size:.8em;line-height:1.5em;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;height:100%}
.container{width:950px;margin:24px auto 0}
h1,h2,h3,h4,h5,h6{color:#aaa}
blockquote{color:#777;font-style:italic;font-size:1.2em}
a{color:#777}
a:hover{color:#fff}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6{font-weight:normal;color:#999}
h1{font-size:2em;margin-bottom:0.5em}
h2{font-size:2em;margin-bottom:0.75em}
h3{font-size:1.5em;margin-bottom:1em}
h4{font-size:1.2em;margin-bottom:1.25em}
h5{font-size:1em;font-weight:600;margin-bottom:1.5em}
h6{font-size:1em;font-weight:600}
p{margin:0 0 1.5em}
p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em}
.small{font-size:.85em}

/* CLEARS */
.post:after,.postmetadata:after,#footer-wrap:after,#home:after{display:block;visibility:hidden;clear:both;height:0;content:"."}	
.post,.postmetadata,#footer-wrap,#home{display:inline-block}
.post,.postmetadata,#footer-wrap,#home{display:block}

/* CURVES */
.postmetadata{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#submit,.comment-reply-link{-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}


/* NAV */
#nav{float:right;margin-top:4px;padding:2px;font-size:.9em;background:#000;width:auto}
#nav li{float:left;margin-right:1em;text-transform:uppercase}
#nav a{display:block;padding:5px 9px 4px}
.postmetadata ul a{display:block;padding:5px 0 4px}
#nav a:hover,#nav a:active{color:#cf0}
#nav .current_page_item a,#home .on{color:#fff}
/* Dropdown Menus */		
#nav ul, .postmetadata ul{position:absolute;left:-999em;height:auto;width:174px}
#nav li li, .postmetadata li li{width:172px;background:#000;border:1px solid #111;text-transform:none}
#nav li li:hover, .postmetadata li li:hover{background:#111;border:1px solid #222}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul, .postmetadata li:hover ul,.postmetadata li.sfhover ul{left:auto;z-index:999}

#step-nav{text-align:center;color:#777}
#step-nav a{margin:0 1em 1em}
a .post-nav-prev,a .post-nav-next{color:#777}
a .post-nav-prev:hover,a .post-nav-next:hover{color:#fff}

/* SEARCH */
#searchform{margin:5px -4px 5px 8px}
#searchform #s{border:1px solid #222;background:#000 url(images/search.gif) no-repeat right center;color:#999;padding:2px}
#searchform #s:focus{background:#111 url(images/search.gif) no-repeat right center}

/* MASTHEAD */
#masthead{margin:12px 0 24px;height:30px;display:block;clear:both}
#masthead h1, #branding h1{float:left;text-transform:uppercase;margin:12px 0}
#masthead h1 a,#branding h1 a{color:#fff}
.description{float:left;color:#999;margin:12px;padding-left:12px;border-left:1px solid #999}

/* HOME */
.thumbs,#brand-wrap,.bottom-thumbs{width:960px;margin:0 auto}
.thumb-big,.thumb{float:left}
.thumb-big{width:320px;height:320px}
.thumb{width:160px;height:160px}
#branding{background:#000;color:#777;height:40px;padding:40px 0;width:100%;clear:both;display:block}
#home-footer{text-align:center;color:#333;margin:1em 0;font-size:.8em;text-transform:uppercase}
#home-footer a{color:#333}
#home-footer a:hover{color:#777}

/* GRID */
.column{float:left;margin-right:10px;padding-right:20px}
.last, div.last{margin-right:0;padding-right:0}
.span-1{width:30px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}
.span-7{width:270px}
.span-8{width:310px}
.span-9{width:350px}
.span-10{width:390px}

/* FOOTER */
#footer-wrap{background:#000;padding:24px 0}
#footer{width:950px;margin:0 auto;color:#777;text-align:left}
#footer ul{margin:0 0 10px;border-top:1px solid #333}
#footer ul li{border-bottom:1px solid #333}
#footer ul li a{padding:1px;display:block}

/* POSTS */
#content{display:block;clear:both;margin:2em 0}
.page{display:block;clear:both;margin:0 0 2em}
#content h2, .post h2{text-align:center;text-transform:uppercase;border:1px solid #333;border-width:1px 0;padding:10px 0;background:url(images/stripe.png) repeat}
.sub{text-transform:uppercase}
.page ul,.post ul{margin:20px}
.page li,.post li{list-style-type:circle}
.postmetadata{background:#000;margin:0 0 2em 0;padding:1em;color:#999;font-size:11px;display:block}
.ui-icon{margin:-8px 5px 0 0;position:absolute;left:.2em;top:50%}
.post-nav{float:right}
.post-nav-next span.ui-icon{margin:-8px 5px 0 0;position:absolute;left:46px;top:50%}
.post-nav-prev,.post-nav-next, .dialog_link,.icon,.closed{float:left;margin:0 25px 0 0;padding:0 0 0 20px;position:relative;color:#999}
.closed{color:#333}

/* FLOATS & IMGS */
.right{float:right}
.left{float:left}
.middle{margin:0 auto;float:left}
.clear{clear:both}
img.centered{display:block;margin-left:auto;margin-right:auto;max-width:950px}
.alignright{padding:4px 0 4px 4px;margin:3px 0 2px 10px;display:inline;max-width:950px}
.alignleft{padding:4px 4px 4px 0;margin:3px 10px 2px 0;display:inline;max-width:950px}
.alignnone{padding:4px 4px 4px 0;margin:3px 10px 2px 0;display:block;max-width:950px}
.alignleft{float:left}
.alignright{float:right}
.aligncenter,div.aligncenter{display:block;clear:both;margin-left:auto;margin-right:auto}
.thumbnail{margin:0 1.5em 1.5em 0;float:left}
.attachment-medium{max-width:950px;overflow:hidden;display:inline}
.attachment-large{max-width:950px;overflow:hidden;display:inline}

/* ICONS */
.ui-icon{width:16px;height:16px;background-image:url(images/ui-icons.png)}
.ui-icon-pencil{background-position:-64px -112px}
.ui-icon-folder-open{background-position:-16px -96px}
.ui-icon-clock{background-position:-80px -112px}
.ui-icon-signal-diag{background-position:-16px -176px}
.ui-icon-comment{background-position:-128px -96px}
.ui-icon-arrowthick-1-e{background-position:-32px -48px}
.ui-icon-arrowthick-1-w{background-position:-96px -48px}
/*share icons*/
.ui-icon-share{background-position:-32px -80px}
.ui-icon-digg{background-position:-193px -112px}
.ui-icon-face{background-position:-209px -112px}
.ui-icon-twit{background-position:-224px -112px}
.ui-icon-delicious{background-position:-16px -112px}
.ui-icon-stumble{background-position:-64px -144px}

/* GALLERY */
.gallery{margin:auto}
.gallery-caption{margin-left:0}


/* CAPTIONS */
.wp-caption{text-align:center}
.wp-caption .wp-caption-text{padding:5px 5px 0}

/* COMMENTS */
.commentlist li{border-top:4px solid #ccc;margin:0 0 10px;padding:5px 7px 5px 45px;position:relative}
.comment-author{padding:0 170px 0 0}
.vcard{font-weight:600;color:#777}
.vcard img.avatar{position:absolute;left:0;top:5px}
.comment-meta{font-size:.9em;position:absolute;right:0;text-align:right;top:0;padding:6px 4px 4px 4px}
#respond .cancel-comment-reply a{color:#cf0;font-size:.9em}
#respond .cancel-comment-reply a:hover{color:#ccc}
ol.commentlist li ul.children{margin:1em 0 0}
li.depth-2{margin:0 0 .25em}
li.depth-3{margin:0 0 .25em}
li.depth-4{margin:0 0 .25em}
ol.commentlist li.pingback div.vcard{padding:0 170px 0 0}
#comments{margin:4px 0}
#respond{margin:30px 0;padding:10px 0;border-top:5px solid #ccc}
.comment-reply-link{color:#fff;text-transform:uppercase;background:#222;font-size:9px;padding:5px 10px;margin:5px 0;border:1px solid #444;text-align:center}
.comment-reply-link:hover{background:#444}

/* FORMS */
#shout-out{margin:0 0 2em}
label{font-weight:600;display:block}
#commentform input,#shout-out input{width:250px;padding:2px;margin:0 0 10px;font-size:1.2em}
textarea{margin:0 0 10px;width:98%;padding:2px;font:1.2em "Helvetica Neue", Arial, Helvetica, sans-serif}
input,textarea{background:#ccc}
input:focus,textarea:focus{background:#fff}
#submit{margin-top:5px;padding:5px;font-weight:600;font-size:1.3em;background:#222;border:1px solid #444;color:#999}
#submit:hover{background:#333;color:#fff}
#bot img, #bot input{display:inline;margin:5px 0;vertical-align:middle}
#notice{color:#cf0;margin:1em 0;font-style:italic}
.formerror{border:1px solid #cf0 !important;padding:5px;background:#cf0}

/* MODAL */  
#simplemodal-overlay{background:#000}
#simplemodal-container{height:500px;width:600px;color:#bbb;background:#111;border:4px solid #333;padding:10px;opacity:.9}
#simplemodal-container a{color:#ddd}
#simplemodal-container a.modalCloseImg{background:url(images/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer}
#simplemodal-container #dialog{padding:8px}

/* ARCHIVE BLOCK */
.archive{overflow:hidden}
#archive_info p{text-transform:uppercase;letter-spacing:2px}
#archive_info h2{font-size:3em}
.archivel{width:30%;float:left}
.archiver{width:60%;float:right}