/*
Theme Name: F8 Lite
Theme URI: http://graphpaperpress.com/themes/f8-lite/
Description: A photography & multimedia portfolio theme for Wordpress
Version: 4.1
Author: Thad Allender
Author URI: http://graphpaperpress.com
Tags: black, red, white, one-column, three-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, microformats, editor-style, photoblogging
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/************************* IMPORT GRID & NAV *************************/
@import url(css/screen.css);
@import url(css/nav.css); 

/************************* DEFAULT STYLES ***************************/
body { color:#222; background:#fff; 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 { color:#ff0000; }
a { color:#ff0000; text-decoration:none; }
a:hover,a:focus { color:#222222; }

/************************* RSS ************************************/
#inside-subscribe { float:right; color:#666; }
#inside-subscribe a { color:#666; }
#inside-subscribe a:hover { color:#000; }
.feed { margin-left:3px; padding:0 0 0 19px; background:url(images/rss.png) no-repeat 0 50%; color:#eee; }

/************************* SLIDESHOW ******************************/
#slideshow-posts { margin-bottom:1em; height:425px; overflow:hidden; }
ul#slideshow-nav { margin:.5em 0; padding:0; }
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; }
#masthead h4 { margin:1em 0; font-weight:bold; text-transform:uppercase; width:100%; }
#masthead h4 a { color:#333; 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 { float:right; line-height:1em; }
#masthead span.contact a:hover { color:#000; }
img.headerimg { margin-bottom:1em; }
.sf-menu ul { list-style:none; padding:0; margin:0 0 20px; background-color:#222; font-size:1em; height:40px; }
.sf-menu ul li { text-align:left; float:left; height:40px; margin:0; background:#222; border-right:1px solid #666; padding:0; }
.sf-menu ul li a { display:block; width:100px; padding:7px 5px 22px 7px; color:#fff; font-size:11px; text-decoration:none; text-shadow:0 0 0 #000; }
#navcontainer>.sf-menu ul li a { width:auto; height:auto; height:8px; }
.sf-menu ul li#active a { background:#eee; color:#222; }
.sf-menu ul li a:hover,.sf-menu ul li#active a:hover { color:#fff; background-color:#000; }
.sf-menu ul li.home { border-left:none; }
.sf-menu ul li li { border:none; border-bottom:1px solid #333; }

/********************************POSTS ************************* */
.post { display:block; clear:both; }
.postmetadata { color:#ccc; }
.postmetadata a { color:#ccc; }
.postmetadata a:hover { color:#000; }
.underlined { border-bottom:1px solid #000; text-transform:uppercase; }
h6.underlined { margin:0 0 1em; }
.navigation { margin:0 auto; text-align:center; display:block; width:300px; }
.nav-image-left,.nav-image-up,.nav-image-right { text-align:center; float:left; width:100px; margin:10px 10px 10px 0; }
.nav-image-left a,.nav-image-up a,.nav-image-right a { padding:2px 48%; text-decoration:none; color:#222; }
.nav-image-left a:hover,.nav-image-up a:hover,.nav-image-right a:hover { color:#000; }
.nav { background:#eee; margin:0 0 1em; }
.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; padding:1em; }
#footer p { text-align:center; color:#ccc; }
#footer a { color:#666; }
#footer a:hover { color:#333; }

/***************************** FLOATS & IMAGES ***************************** */
.right { float:right; }
.left { float:left; }
.middle { margin:0 auto; float:left; }
.clear { clear:both; }
.centered { display:block; margin-left:auto; margin-right:auto; }
.alignright { padding:4px; margin:3px 0 2px 10px; display:inline; }
.alignleft { padding:4px; margin:3px 10px 2px 0; display:inline; }
.alignleft { float:left; }
.alignright { float:right; }
.thumbnail { width:310px; height:150px; background:#eee url(images/x.png) no-repeat center; max-width:310px; max-height:150px; overflow:hidden; }
.smallattachment { margin:0 auto; text-align:center; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption-dd { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }

/***************************** ARCHIVE *****************************/
h6.archive-header { display:block; border-bottom:#000 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 { }
.next { }

/* remember to define focus styles! */
:focus { outline:0; }

/***************************** SEARCH *****************************/
#search { margin:15px 0 0; }
#search #s { background:transparent url(images/search.png) 0 center no-repeat; color:#666; font-size:.9em; margin:0 0 0 10px; padding:3px 0 3px 20px; width:120px; }
#search input { border:1px solid #ccc; }
#search #s:hover { color:#666; }
.search-excerpt { margin:0; }

/************************* WIDGETS ************************************/
#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; 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:#000; background-position:1px .8em; background:#eee url(images/li.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; }

/***************** COMMENTS ********************/
h3#comments { margin:10px 0 0; padding:20px 10px; background:#f5f5f5; }
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:20px 10px; background:#f5f5f5; }
ol.commentlist { list-style-type:none; margin:0; padding:0; }
ol.commentlist li strong { padding-left:1em; }
ol.commentlist li .comment-entry { margin:-135px 0 0; border-bottom:1px dotted #eee; padding:5px 150px 0; line-height:2em; min-height:150px; }
ol.commentlist li .avatar { border:1px solid #eee; padding:1em; margin:2em 1em 1em 0; }
#commentform { margin:0 0 7px; padding:30px 150px 6px; border-top:10px solid #fff; background:#eee; }

/***************** SATISFYING THE WP.ORG UPLOAD REGEX. THESE CLASSES EXIST ABOVE, BUT IN SINGLE LINE FORMAT ********************/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}