/*
Theme Name: f8 static
Theme URI: http://graphpaperpress.com/2008/06/02/f8-static-portfolio-theme-for-wordpress/
Description: A photography & multimedia portfolio theme for Wordpress
Version: 2.0
Author: Thad Allender
Author URI: http://graphpaperpress.com
License: GPL
*/

/************************* IMPORT BLUEPRINT *************************/
@import url("css/screen.css");

/************************* DEFAULT STYLES ***************************/
body {
/*color:#222;*/
color:#B2B2B2;
/*background:#fff;*/
background: #000  top center no-repeat;
font-family:"helvetica", Arial, sans-serif;
}
.container-inner {width:950px; margin:0 auto;}
/*h1,h2,h3,h4,h5,h6 {color:#000;font-family:"helvetica", Arial, sans-serif;}*/
/*h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {*/
h1,h2,h3,h4,h5,h6 {
/*color:#ff0000;*/
font-family:"Arial Black",Helvetica,sans-serif;
font-size:18px;
font-weight:500;
letter-spacing:-1.5px;
line-height:32px;
text-decoration:none;
text-transform:uppercase;
color:#8c796b;
font-style:normal;
}

h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange {
font-family:"Arial Black",Helvetica,sans-serif;
font-size:18px;
font-weight:500;
letter-spacing:-1.5px;
line-height:32px;
text-decoration:none;
text-transform:uppercase;
color:#77512a;
font-style:normal;
}

a {
/*color:#ff0000;
color:#F0B83B;*/
color:#77512a;
text-decoration:none;
}
a:hover, a:focus {
/*color:#222222;*/
color:#246078;
}

/************************* RSS ************************************/
#inside-subscribe {
float:right;
color:#666;
padding:9px 0;
width:310px;
height:20px;
}
#inside-subscribe a {
/*color:#666;*/
color:#cccccc;
}
#inside-subscribe a:hover {
/*color:#000;*/
color:#ffffff;
}
.feed {
margin-left: 3px;
/*padding: 0 0 0 19px;*/
padding:0px 10px 1px 22px;
background: url("images/rss.png") no-repeat 0 50%;
color:#eee;
float:left;
}

#footer a.feed {
float:none;
}

#inside-widgets {/*margin:4em 0;*/}
#inside-widgets h6.widgettitle {color:#222;border-bottom:1px solid #ccc;text-transform:uppercase;padding:1em .3em .5em;}
#inside-widgets ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#inside-widgets ul li a,ul.txt li{color:#222;height:1%;background:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;}
#inside-widgets ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #222 url(images/li-white.png) no-repeat 3px 10px;}
#inside-widgets ul li a span,ul.txt li,h4 a span{color:#696455;}
#inside-widgets ul li.active a{cursor:default;color:white;}
#inside-widgets ul ul{margin:0;list-style:none;}

.post li, .blogroll li {
list-style-image:url(images/li-white.png);
list-style-position:outside;
}

/************************* SLIDESHOW ******************************/
#slideshow-posts {
/*margin:1em 0;
margin:4.5em 0 1em 0;*/
/*margin:7px 0;*/
margin:0.4em 0;
}
#slideshow-posts .slide {
border:3px solid #aba6a8;
width:944px;
}
.slide-details{
display:none;
}
ul#slideshow-nav {
margin: .5em 0; 
padding: 0;
display:none;
}
ul#slideshow-nav a { padding:5px 9px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius: 12px; background:#ddd; color:#fff; margin:0 12px 0 0; }
ul#slideshow-nav a.activeSlide,ul#slideshow-nav a:hover { background:#aaa; }
.slide { padding:12px; margin: 0; display:block; overflow:hidden;position: relative; padding:0; width: 950px; height: 425px; }
.slide .slide-image { width:950px; float:left; }
.slide .slide-image img {max-width:950px;}
* html .slide-image img {width:950px;}
.slide .slide-image img.attachment-950x425 {margin:0;padding:0}
.slide .slide-details { width:310px; float:right; margin-left:10px;padding: 2em; background: transparent url(images/overlay.png);position:absolute; top:20px; right:20px}
.slide .slide-details h2 { text-transform:uppercase;border-bottom:1px solid #fff;color:#fff; font-weight:normal; margin:0; }
.slide .slide-details .description p { color: #eee; margin-top:10px; font-size:1.1em}
.slide a {color:#fff}
.slide a:hover {color:#eee}

/************************* MASTHEAD ************************************/
.pusher {cursor:pointer;}
#masthead { 
/*background: */
padding: 0;
/*border-top:5px solid #222;*/
border-top:5px solid #77512a;
}
#masthead h4 {
/*margin:1em 0;*/
margin:8px 0 41px 0;
font-weight: bold; 
text-transform: uppercase;
width:100%;
}
#masthead h4 a { 
/*color: #333; */
color:#FFFFFF;
font-size:24px;
text-decoration: none; 
float:left;
} 
/*#masthead h4 a:hover {color:#000;}*/
#masthead span {color:#666;font-size:.8em;text-transform:lowercase;font-weight:normal;}
#masthead span.description {float:left;margin-left: 20px;padding-top:.2em;}
#masthead span.contact, #masthead div.contact {
float:right;
line-height:1em;
margin-top:10px;
}
/*#masthead span.contact a:hover {color:#000;}*/

#navcontainer {
padding: 0;
font-family:"helvetica", Helvetica, Arial, sans-serif;
text-align: right;
background-color: #222;
height:40px;
/*margin:1em 0 1em;*/
margin:7px 0;
}
#navlist {height:40px}
#navcontainer p	{padding: 7px 7px 0px;font-family:"helvetica", Helvetica, Arial, sans-serif;font-size: 1em;font-weight: bold;}
/* to stretch the container div to contain floated list */
#navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}
#navcontainer img {margin: 0;padding: 0;}
ul#navlist {
list-style: none;
padding: 0;
margin: 0px;
/*background-color: #222;*/
background:url(images/menubg.gif) center bottom repeat-x;
font-size: 1em;
}
ul#navlist li {
text-align: left;
float: left;
height: 40px;
margin: 0;
/*background: #222;*/
border-right:1px solid #666;
padding: 0;
}
ul#navlist li { 
/*width: 105px; */
voice-family: "\"}\""; 
voice-family:inherit; 
/*width: 119px;*/
padding:0px 15px;
}
html>body ul#navlist li { 
/*width: 119px;*/
padding:0px 15px; 
}
ul#navlist li a {
display: block;
/*padding: 7px 5px 25px 7px;
color: #aaa;
font-size: 11px;
text-decoration: none;
height: 1%;
height:40px;
text-shadow: 0 0 0 #000;*/
padding: 3px 5px 29px 7px;
font-family:"Arial Black",Helvetica,sans-serif;
font-size:14px;
font-weight:500;
letter-spacing:-1.5px;
line-height:32px;
text-decoration:none;
text-transform:uppercase;
color:#fff;
text-align:center;
font-style:normal;
}

ul#navlist li:hover, ul#navlist li#active, ul#navlist li.current-cat, ul#navlist li.current_page_item {
background-color:#77512a;
}

#navcontainer>ul#navlist li a {width: auto;height: auto;height: 8px}
ul#navlist li#active a {background: #eee;color: #222;}
ul#navlist li a:hover,ul#navlist li#active a:hover {
color: #fff;
/*background-color: #111;
background-color:#662d91;*/
}
ul#navlist li.home	{border-left: none;}
ul#navlist li#empty	{width: 120px;}

/********************************POSTS ************************* */
.post {
display:block;
/*clear:both;*/
/*width:614px;*/
width:690px;
padding:0 15px;
}

.post-edit-link {
padding-left:15px;
}

.postmetadata {
color:#ccc;
float:left;
/*padding:0 15px;*/
padding:6px 15px 0 15px;
}

.span-8 .postmetadata {
padding:0;
}

.postmetadata a {/*color:#ccc;*/}
.postmetadata a:hover {
/*color:#000;*/
background:url(images/dot.gif) repeat-x 0 12px;
}
.underlined {/*border-bottom:1px solid #000;*/}
h6.underlined {margin:0 0 1em;}

.nav-image-left, .nav-image-up, .nav-image-right {text-align:center;float:left;width:25px;margin:0 10px 0 2px;}
.nav-image-left a, .nav-image-up a, .nav-image-right a {background:#eee;padding:2px 48% 2px 48%;text-decoration:none;color:#000;}
.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {background:#000;color:#fff;}

.nav {/*background:#eee;margin:0 0 1em 0;*/}
.nav:hover {/*background:#ccc;*/}
.prev a, .next a {color:#000;text-decoration:none;/*padding:.2em 1em;*/}

.nav-interior {margin:0;padding:0;clear:both;display:inline;}
.nav-interior .next {color:#000;text-decoration:none;float:right;}
.nav-interior .prev {color:#000;text-decoration:none;float:left;}

/* ************************* FOOTER *********************** */
#footer {
/*margin:1em 0 0;
background:#fff;*/
background:url(images/footer.gif) center bottom repeat-x;
/*padding:1em;*/
height:60px;
clear:both;
position:relative;
top:15px;
color:#FFFFFF;
}
#footer p {
text-align:center;
/*color:#ccc;*/
padding-top:11px;
}
#footer a {
/*color:#666;*/
color:#FFFFFF;
}
#footer a:hover {
/*color:#333;*/
color:#FFFFFF;
}

/* ************************ SLIDESHOW ********************************/
ul#portfolio {padding:0;list-style:none;margin:0 0 1em;overflow:hidden;max-height:435px;}
ul#portfolio li {list-style:none;padding:0;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}
ul#portfolio li img {width:950px;text-align:center;margin:0;}

/* **************************** FLOATS & IMAGES ***************************** */
.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;}
img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;}
img.alignleft{padding: 4px;margin: 3px 10px 2px 0;display: inline;}
.alignleft{float: left;}
.alignright{float: right;}
.thumbnail {
/*width:310px;*/
/*width:349px;*/
width:340px;
height:150px;
background:#eee url('images/x.png') no-repeat center;
/*max-width:310px;*/
/*max-width:349px;*/
max-width:340px;
max-height:150px;
overflow:hidden;
}

/***************************** ARCHIVE *****************************/
h6.archive-header {
display:block;
/*border-bottom:#000 1px solid;*/
border-bottom:#faeb01 1px solid;
margin:0 0 .5em;
}
.archive-stack {width:100%; /*height:1em;*/}

/***************************** ETC *****************************/
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
.prev { float:left; }
.next { float:left; }
/* remember to define focus styles! */
:focus {outline: 0;}

/***************************** SEARCH *****************************/
#search {
float: left;
margin:15px 0 0;
}
#search #s {
background: transparent url('images/search.gif') 0px center no-repeat;
color: #666;
font-size: 0.9em;
/*margin:0 0 0 10px;*/
margin:0 0 0 7px;
padding: 2px 0 2px 17px;
/*width: 100px;*/
width:140px;
}
#search input {
/*border:1px solid #222;*/
border:1px solid #444444;
}
#search #s:hover {color: #666;}
.search-excerpt {margin: 0;}

#inside-subscribe #search {
float:right;
margin:0;
}

/***************** COMMENTS ********************/
h3#comments{
margin: 10px 0 0;
/*padding: 20px 10px;
background: #f5f5f5;*/
padding: 10px;
background: #121212;
}
h3#comments span.comments-subscribe {float:right;font-size:.7em;margin-left: 3px;padding: 0 0 0 19px;background: url("images/rss.png") no-repeat 0 50%;color:#cccccc;}
h3#respond{
margin: 10px 0 0;
padding: 5px 10px;
/*background: #f5f5f5;*/
background: #121212;
}
ol.commentlist{list-style-type: none;margin: 0;padding: 0;border-top: 5px solid #eee;}
ol.commentlist li strong{padding-left:1em;}
ol.commentlist li .comment-entry{
/*margin: -135px 0 0;*/
border-bottom: 5px solid #eee;
/*padding: 5px 150px 0;*/
padding:0 0 15px 105px;
line-height: 2em;
min-height:77px;
}
ol.commentlist li .avatar{
border:1px solid #eee;
/*padding:1em;
margin:2em 1em 1em 0;*/
padding:5px;
/*margin:4px 1em 3em 0;*/
float:left;
}
ol.commentlist li {
min-height:106px;
}
#commentform{
margin: 10px 0 7px;
padding: 30px 150px 6px;
/*border-top: 10px solid #fff;
background: #eee;
background:url(images/box_transparent.png);*/
background: #121212;
}



#right {
float: right; 
border-left:1px solid #faeb01; 
padding-left:15px;
/*width:290px;*/
width:210px;
}

.widgetright {
/*width:270px;*/
width:200px;
padding:0 0 15px 0;
}


.content img {
max-width:614px;
height:auto;
margin:0;
padding:0 15px 0 0;
}

img.alignnone {
float: none;
}

div.comment_body {
}

iframe.FB_SERVER_IFRAME {
padding:10px 40px;
background:#f7f7f7;
}

.FB_comments {
margin-top:-100px;
}

iframe div.comment_body div.wallkit_posts {
border:none;
}

.postheading {
/*width:610px;*/
width:690px;
padding:0 15px;
}

#breadcrumb {
width:610px;
padding:0 0 11px 15px;
color:#FFFFFF;
text-transform:uppercase;
font-size:10px;
}

#breadcrumb a {
color:#FFFFFF;
text-transform:uppercase;
font-size:10px;
}

.logo {
margin-top:6px;
float:left;
}

img.fbconnect_userpics, img.fb_profile_pic_rendered {
width:56px;
height:auto;
}

.fbconnect_userpics a {
width:56px;
height:56px;
}

#commentswrap {
width:690px;
margin:0 16px;
float:left;
}

p.post-time {
font-size:9px;
position:relative;
top:-16px;
margin:0;
padding:0;
float:right;
}

a.twtr-join-conv {
font-size:11px;
}

.widgetright select {
width:195px;
background:#000000;
color:#FFC806;
}