/*
Theme Name: J Fletcher Design
Description: A custom theme based on multiple themes by graphpaperpress.com
Version: 1.1
Author: Dwarf Dog Chuck
Author URI: http://dwarfdogchuck.com
*/

/* general layout */
body { background: #000; }
#page-wrap { width: 100%; background: #fff; padding-bottom: 50px; }
#page { width: 950px; margin: 0 auto; padding:0 10px; }

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.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;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin:0;}

.append-1 { padding-right: 40px; }

div.last { margin-right: 0; }
div.colborder { padding-right: 24px; margin-right: 24px; border-right: 1px solid #000; }

/* typography */
body { font-size: 75%; line-height: 1.5;  color: #000000; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, .page-content .headline { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.65em; line-height: 1; margin-bottom: 1em; }
.page-content .headline { line-height: 1.2em; }
.page-content h3 { color: #cccccc; font-size: 3em; font-weight: bold; margin-bottom: .25em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000000 !important; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #868686 !important; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
.section-header { margin: 0 0 .75em 0; padding: 0 0 .2em 0; border-bottom: 1px solid #000000; text-transform: uppercase; font-size: 1.1em; letter-spacing: .1em; font-weight: bold; }
.latest-news .news-title, .archive .news-title { font-size: 1.25em; }
.news-title, .work-title { margin-bottom: 3px; }

p { margin: 0 0 1em 0; }
p img { padding: 0; max-width: 100%; }
.clear { clear: both; }

blockquote { margin: .5em 0 .5em 1em; padding: 0 1.25em; font-family: Georgia, "Times New Roman", Times, serif; border-left: 1px solid #868686;font-size: 1.1em; color: #777; font-style: italic; }

strong { font-weight: bold; }
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

.byline, .postmetadata { line-height: 1.4em; margin: 0 0 .25em 0; padding: 0; }
.postmetadata { font-size: .9em; clear: both; }

.sidebar, .sidebar a, .byline, .byline a, .postmetadata, .postmetadata a, .pagination { color: #868686; }
.sidebar a:hover, .byline a:hover, .postmetadata a:hover { color: #000000; }
.sidebar ul, #footer ul#recentcomments { margin: 0 0 1em 0; /*font-size: 1em;*/ }
.sidebar ul li, #footer ul#recentcomments li.recentcomments { display: block; padding: 0 0 .25em 0; }
.sidebar ul li a, #footer ul#recentcomments li.recentcomments a { /*border: 0; background-image: none;*/ }
.sidebar ul li a:hover, #footer ul#recentcomments li.recentcomments a:hover { color:#ffffff; /*background-position: 1px 0.8em;*/ background-color: #111111; padding: .1em 0; }
.sidebar ul li a span, #footer ul#recentcomments li.recentcomments a span{ color: #696455; }

.sidebar, .latest-news { width: 270px; }
.sidebar p { margin-top: 0; padding-top: 0; }
.latest-news .headline { margin-bottom: 1em; }
.latest-news .last { margin-bottom: .75em; }
	.latest-news .headline p { margin: 0; padding: 0; }
.sidebar .more-news { margin-top: -5px; }

/* header */
#header { position: relative; width: 100%; }
#header h1 { margin-bottom: 10px; }
#header h2 { display: none; }
#header h1 a { position: relative; display: block; background: url(images/header.jpg) no-repeat 0 0; width: 450px; height: 80px; font-size: .8em; text-indent: -9999em; }
	#header h1 a .description { display: none; }

/* navigation */
#nav { padding: 8px 12px 6px 12px; position: absolute; top: 30px; right: 0; background: #000; font-size: .8em; }
#nav ul, #nav ul li { margin: 0; padding: 0; }
#nav ul li { font-weight: normal; list-style: none; float: left; position: relative;color:#999; background: url(images/dots.png) no-repeat right center; padding: 0 15px 0 10px; text-transform: uppercase; }
#nav ul li:hover { cursor: pointer; }
#nav ul li.contact { background: none; }
#nav ul li.last { background: none; padding-right: 0; }

#nav ul li ul { display: none; text-align: left;}

/* Sub-navigation */
#nav ul li ul { position: absolute; top: 0; left: 0; padding: 16px 0 0 0; z-index: 9999; width: 150px; }
	#nav ul li.work ul { width: 75px; }
#nav ul li ul li { margin-right: 0; float: none; font-weight: normal; background: none; text-transform: capitalize; background-color: #1a1a1a; padding: 5px 10px; }
	#nav ul li.contact ul li { text-transform: lowercase; padding: 5px 0; }
#nav ul li ul li a { display: block; color: #999; }
#nav ul li ul li a:hover { text-decoration: underline; }
#nav ul li ul li a.icon { padding-left: 30px; }
#nav ul li ul li a.entries { background: #1a1a1a url(images/rss.png) 5px 50% no-repeat; }
#nav ul li ul li a.comments { background: #1a1a1a url(images/chat.png) 5px 50% no-repeat; }
#nav ul li ul li a.phone { background: #1a1a1a url(images/phone.png) 5px 50% no-repeat; }
#nav ul li ul li a.email { background: #1a1a1a url(images/email.png) 5px 50% no-repeat; }
#nav ul li ul li a.entries:hover { background: #000 url(images/rss.png) 5px 50% no-repeat; }
#nav ul li ul li a.comments:hover { background: #000 url(images/chat.png) 5px 50% no-repeat; }
#nav ul li ul li a.phone:hover { background: #000 url(images/phone.png) 5px 50% no-repeat; }
#nav ul li ul li a.email:hover { background: #000 url(images/email.png) 5px 50% no-repeat; }

#search { position: relative; float: none; margin: 0; background-color: #000; padding: 5px; width: 250px; }
	#nav #search { padding: 0; width: auto; }
#search div { background: #000 url('images/search.gif') no-repeat 0 center; padding-left: 14px; }
#search #s { background-color: #444; font-size: 0.9em; width: 99%; color: #eee; margin: 0; padding: 1px; border: none; }
	#nav #search #s { width: 100px; }

/* Footer */
#foot-wrap { position:relative; width:100%; background:#000; border-top: 1px solid #444; padding-top: 5px; }
#foot { position:relative;width:950px;padding:1.5em 0;margin:0 auto;color:#999;text-align:left}
#foot p { color:#999;text-align:left}
#foot a:hover {color:#fff}
#foot h4 {margin:0;padding:0 0 .6em 0; border-bottom:none; color:#999;text-transform:uppercase;font-size:1.1em;font-weight:bold}
#foot .item {margin:0 0 4em 0}
#foot ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #444; }
#foot ul li a {color:#eee;height:1%;line-height:1.2em;border-bottom:1px solid #444;display:block;padding: 6px 0;}
#foot ul li a:hover{color:#fff;background-position:1px 0.8em;background-color: #111;}
#foot ul li a span{color:#696455;}
#foot ul li.active a{cursor:default;color:white;}
.feed {margin-left: 3px;padding: 0 0 0 19px;background: url(images/rss.png) no-repeat 0 50%;color:#eee;}

#foot .item { margin-bottom: 15px; }
#foot .textwidget a.social { margin-right: 5px; }

/* home */
.portfolio-image-wrapper { position: relative; margin: 0 0 6px; padding: 0 0 5px 0; }
	.featured { padding-bottom: -10px; }
.portfolio-image-wrapper div.title-overlay { text-transform: uppercase; background: #000; padding: 4px; top: 127px; left: 0; bottom: 0; display: block; height: 15px; width: 302px; overflow: hidden; position: absolute; max-width: 302px; z-index: 101; /*filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;*/ opacity: 0.5; filter: alpha(opacity=50); }
.portfolio-image-wrapper div.title-overlay a { color: #ccc; text-decoration: none; margin-bottom: 0; }
.portfolio-image-wrapper div.title-overlay a:hover { color: #fff; }

.portfolio-image-wrapper a.slide span { text-transform: uppercase; background: #000; padding: 0 4px; position: absolute; width: 302px; left: 0; bottom: 5px; overflow: hidden; /*filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;*/ opacity: 0.5; filter: alpha(opacity=50); display: none; color: #ccc; /*font-size: 13px;*/ line-height: 24px; }
.portfolio-image-wrapper a.slide:hover span { color: #fff; }

/* work/news */
.post, /*.category-work,*/ .archive { margin-bottom: 50px; }
.pagination { margin-top: -30px; }
.archive .post, /*.category-news .post,*/ .comment-entry { margin-bottom: 10px; }
.archive .byline { margin-bottom: 0; }
.comment-entry .byline { margin-top: -1em; }

.category-work .span-16 { float: none; }
.category-work .page-title, .archive h2.page-title { display: none; }

#the-work { position: relative; }
#the-work-nav { position: absolute; right: 0; bottom: -25px; }
#pager a, #output { margin-left: 3px; }
	#pager a.activeSlide { color: #000; }
#the-work-return { margin-left: 10px; }

#portfolio { width: 950px; height: 425px; margin: 0 0 10px 0; padding: 0; overflow: hidden; }
	#portfolio li { text-align: center; }
	#the-work #portfolio { height: 600px; }


/*#post-response */
input[type=text], textarea, input[type=submit] { font-size: 11px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; margin: 1px 0; padding: 3px 5px;  }
input[type=text], textarea { border: none; background-color: #dcdcd7; color: #868686; width: 300px; }
textarea { height: 82px; }
input[type=submit] { font-weight: normal; background-color: #000; color: #999; border: none; cursor: pointer;  }

/* the details */
.page-content .page-title { display: none; }

#post-comments, #post-response { margin-top: 50px; }