/*
Theme Name: Codefor
Theme URI: http://codefor.com/
Description: A wordpress theme created by Adam Foster for use on Codefor.com only.
Version: 2.1
Author: Adam Foster
Author URI: http://codefor.com/
Tags: custom header, fixed width, two columns, green, HTML, CSS, developer

	CODEFOR v2.1
	http://codefor.com/

	This theme was designed and built by Adam Foster,
	whose site you can find at http://codefor.com/

*/

/* RESET STYLES */

* {	margin: 0; padding: 0; text-indent: 0; border:0; outline:0; list-style:none; line-height:1; font-size:100%; border-collapse:collapse; border-spacing:0; word-wrap:break-word; quotes:none; background:transparent; vertical-align: baseline; font-weight: normal; }
:focus, a { -moz-outline-style: none; outline: none !important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* GLOBAL LAYOUT STYLES */

body { background: #e6e9cb url(_include/img/bg-body.gif) top repeat-x; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px; color: #000; }
#header { width: 526px; margin: 24px auto 0; height: 131px; padding-left: 40px; }
#content-holder { width: 952px; overflow: hidden; margin: 0 auto 40px; }
#content { width: 912px; padding: 0 0 0 40px; }
#footer { width: 912px; margin: 0 auto; height: 35px; padding-left: 40px; }

#nav-box { position:fixed; top: 171px; left: -16px; width: 314px; height: 265px; background: url(_include/img/bg-nav.png); z-index: 10; }
#nav { margin: 22px 0 0 35px; padding: 0; }
#nav li a { background-image: url(_include/img/bg-nav.gif); padding: 6px 0 5px 0; display: inline-block; background-repeat:no-repeat;  }

#nav .nav-i-5 a { background-position: 0 0px; width: 84px; }
#nav .nav-i-7 a { background-position: 0 -30px; width: 146px; }
#nav .nav-i-8 a { background-position: 0 -60px; width: 195px; }
#nav .nav-i-6 a { background-position: 0 -90px; width: 77px; }
#nav .nav-i-9 a { background-position: 0 -120px; width: 169px; }

#nav .nav-i-5 a:hover, #nav .current.nav-i-5 a { background-position: 0 -150px; }
#nav .nav-i-7 a:hover, #nav .current.nav-i-7 a { background-position: 0 -180px; }
#nav .nav-i-8 a:hover, #nav .current.nav-i-8 a { background-position: 0 -210px; }
#nav .nav-i-6 a:hover, #nav .current.nav-i-6 a, #nav .parent.nav-i-6 a { background-position: 0 -240px; }
#nav .nav-i-9 a:hover, #nav .current.nav-i-9 a { background-position: 0 -270px; }

#nav li span { padding-right: 30px; display: inline-block; overflow: hidden; text-indent: -9999px; width:inherit; height: 19px; }
#nav li a:hover span { background: url(_include/img/icon.png) no-repeat right -97px; }
#nav li.current span, #nav li.parent span { background: url(_include/img/icon.png) no-repeat right 3px!important; }

.social-nav { margin: 38px 0 0 35px; }
.social-nav li { float: left; margin-right: 5px; }
.social-nav a { display: block; width: 29px; height: 28px; background: url(_include/img/icon-socials.png); overflow: hidden; text-indent: -9999px; }
.social-nav a.flic { background-position: -29px 0; }
.social-nav a.su { background-position: -57px 0; }
.social-nav a.face { background-position: -86px 0; }
.social-nav a.rss { background-position: -115px 0; }

/* GENERAL STYLES */

h1 { background: url(_include/img/logo-codefor.png) 0 0 no-repeat; }
h1 a { display:block; height:99px; overflow:hidden; text-indent:-9999px; width:526px; }
h1 a:hover { background: url(_include/img/bg-star.png) top right no-repeat; }
h2, .h2 { background: url(_include/img/bg-titles.gif) 0px 0px no-repeat; width: 100%; height: 29px; margin-bottom: 30px; text-indent: -9999px; overflow: hidden; }
h2 a { width: 100%; display: block; height: 29px; text-indent: -9999px; overflow: hidden; }
h2 a:hover { background: url(_include/img/icon.png) 100% -56px no-repeat; }
h3 { }
h4, h5, h6 { padding: 0 0 12px 0; margin: 0; font-size: 14px; line-height: 18px; font-weight: bold; }
p { padding: 0 0 12px 0; margin: 0; font-size: 14px; line-height: 18px; }
img { margin: 0; padding: 0; border: 0 none; }
strong { font-weight: bold; }
em { }
ul { padding: 0 0 12px 0; margin: 0; font-size: 14px; line-height: 18px; }
ul li { margin: 0; padding: 0; list-style-type: none; }	
dl { padding: 0 0 12px 0; margin: 0; font-size: 14px; line-height: 18px; }
dt { display: inline; font-weight: bold; width: 50px; }
dd { margin: 0; padding: 0; }
small { margin: 0; padding: 0; font-size: 11px; }		
abbr, acronym { cursor: help; }
q { font-style: italic; }
q:before { content: no-open-quote; content: ""; }
q:after { content: no-close-quote; content: ""; }

a { color: #77852d; text-decoration: none; }
a:hover { color: #000; }
p a, .star a { background: url(_include/img/bg-link.png) no-repeat 100px 100px; }
p a:hover, .star a:hover { color: #fff; background-repeat: repeat-x; background-position: top left; *background-color: #a0b242; }	

/* COMMON STYLES */

.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important; }
.end { border: none!important; margin-right: 0!important; }
.last { margin-bottom: 0!important; }

/* CUSTOM STYLES */
#websites, #photos { padding-top: 15px; }
#photos h2 { background-position: 0 -44px; width: 354px; }
#photography h2 { background-position: 0 -88px; }
#WTF h2 { background-position: 0 -556px; width: 225px; margin: 0 auto 20px; }
.col-inner-r h2 { background-position: 0 -131px; margin: 0 auto 18px; width: 124px; }
.col-inner-r h3 { background-position: 0 -175px; margin: 40px auto 18px; width: 124px; }
.col-inner-r .flickr-h3 { background-position: 0 -218px; }
#portfolio h2 { background-position: 0 -262px; }
#about-portfolio .history-h2 { background-position: 0 -305px; width: 154px; }
body .hi-h2 { background-position: 0 -643px; width: 135px; }
#about-portfolio .awards-h2 { background-position: 0 -348px; width: 156px; }

#codefor-about { float: left; background: url(_include/img/icon.png) -65px 2px no-repeat; padding-left: 24px; width: 700px; }
#copyright { float: right; background: url(_include/img/icon.png) 0px -27px no-repeat; padding-left: 20px; }

.col-inner { width: 356px; background: url(_include/img/bg-col-01.png) top center no-repeat; padding: 40px 40px 19px; }
	#photos .col-inner { padding-right: 2px; width: 394px; background: url(_include/img/bg-col-02.png) top center no-repeat; }
.col-bot { height: 31px; width: 436px; background: url(_include/img/bg-col-bot-01.png) top center no-repeat; }
	#photos .col-bot { background: url(_include/img/bg-col-bot-02.png) top center no-repeat; }

.web-link { position: relative; display: block; margin-bottom: 38px; width: 357px; height: 240px; }
.web-link span { position: absolute; background: url(_include/img/bg-border-web.png); display: block; width: 357px; height: 243px; top: -1px; left: 0; }
.web-link:hover span { background-position: 0 -243px; }

.photo-link { position: relative; display: inline-block; margin: 0 29px 37px 0; width: 162px; height: 240px; }
	#photography .photo-link { margin: 0 76px 37px 46px; display: block; float: left; }
.photo-link span { position: absolute; background: url(_include/img/bg-border-photo.png); display: block; width: 162px; height: 241px; top: 0; left: 0; }
.photo-link:hover span { background-position: 0 -241px; }

.land-link { position: relative; display: block; margin: 42px 36px 75px 6px; width: 241px; float: left; height: 160px; }
.land-link span { position: absolute; background: url(_include/img/bg-border-land.png); display: block; height: 162px; width: 241px; top: 0; left: 0; }
.land-link:hover span { background-position: 0 -162px; }

.col-top-l { height: 30px; width: 618px; background: url(_include/img/bg-col-top-01.png) bottom center no-repeat; padding-top: 15px; }
.col-inner-l { width: 575px; background: url(_include/img/bg-col-03.png) top center repeat-y; padding: 10px 0 20px 40px; }
.col-bot-l { height: 30px; width: 618px; background: url(_include/img/bg-col-bot-03.png) top center no-repeat; }

.col-top-r { height: 30px; width: 281px; background: url(_include/img/bg-col-top-02.png) bottom center no-repeat; padding-top: 15px; }
.col-inner-r { width: 239px; background: url(_include/img/bg-col-04.png) top center no-repeat; padding: 10px 0 20px 40px; }
	.col-inner-r p, .col-inner-r h3, .col-inner-r h2, .col-inner-r ul { padding-right: 40px; }
.col-bot-r { height: 30px; width: 281px; background: url(_include/img/bg-col-bot-04.png) top center no-repeat; }

.col-inner-r p { text-align: center; }
.star li { background: url(_include/img/icon.png) -65px 1px no-repeat; padding: 0 0 4px 24px; }
.star li span { color: #999999;}
.flickr-thumbs { padding-right: 0!important; }
.flickr-thumbs li { float: left; margin: 12px 40px 28px 0; width: 79px; height: 79px; }
.flickr-thumbs li a { display: block; position: relative; }
.flickr-thumbs li img { height: 75px; width: 75px; color: #fff; }
.flickr-thumbs li span { background: url(_include/img/bg-border-flickr.png); display: block; width: 79px; height: 79px; position: absolute; top: -2px; left: -2px; }
.flickr-thumbs li a:hover span { background-position: 0 -79px; }

.row { width: 100%; margin: 0 0 38px 0 }
.row h4 { background: url(_include/img/icon.png) -66px 2px no-repeat; padding-left: 20px; text-transform: uppercase; font-size: 14px; width: 150px; float: left; margin-top: 40px; }
.row p { color: #999999; font-size: 11px; width: 150px; float: left; }
.row a.arrow-link { font-size: 14px; color: #000; float: left; padding: 2px 45px 2px 0; }
.row a.arrow-link:hover { background: url(_include/img/icon.png) right -97px no-repeat; float: left; }
.row .web-link { float: left; margin: 0 20px 0 0; }

.blog-sub-header { background: url(_include/img/icon.png) -66px 2px no-repeat; padding-left: 20px; text-transform: uppercase; font-size: 14px; }

#blog { width: 615px; }
#blog .col { margin-bottom: 30px; }
#blog .col-inner-l, #WTF .col-inner-l { background: url(_include/img/bg-col-05.png) top repeat-y; }
#blog .post { position: relative; }
#blog .date { position: absolute; top: 0px; right: 40px; color: #000; }
#blog .entry { width: 525px; overflow: hidden; }
#blog .category { color:#999999; font-size:11px; width: 525px; }
.post h2 { background: url(_include/img/icon.png) -66px 2px no-repeat; padding-left: 20px; text-transform: uppercase; font-size: 14px; width: auto; text-indent: 0; height: auto; margin-bottom: 4px; }
.post h2 a { text-indent: 0; display: inline-block; color: #000; padding: 2px 35px 2px 2px; width: auto; max-width: 375px; height: auto; }
.post h2 a:hover { background:transparent url(_include/img/icon.png) no-repeat scroll right -97px; }
.post h2 span { padding: 2px; color: #000; display: inline-block; }
#content .blog-h2 { background-position: 0 -599px; padding-right: 11px; }
.cat-item { color: #999999; }
#sidebar .archives { background-position: 0 -436px; width: 182px; }
#blog #post-1 { margin-bottom: 0; }
#comments h3 { background-position: 0 -480px; }
#respond h3 { width: 180px; background-position: 0 -480px; }
#respond .form-line input { border: 1px solid #999; width: 244px; padding: 4px; display: block; color: #666; margin-top: 4px; font-family:Georgia, "Times New Roman", Times, serif; }
#respond .form-line textarea { border: 1px solid #999; width: 244px; padding: 4px; display: block; color: #666; margin-top: 4px; height: 131px; font-family:Georgia, "Times New Roman", Times, serif;  }
#respond #submit { background:transparent url(_include/img/bg-titles.gif) no-repeat 0 -523px; width: 85px; margin-right: 20px; font-size: 0; overflow: hidden; display: block; color: #fff; height: 18px; cursor: pointer; margin-top: 20px; }
#respond #submit:hover { width: 105px; margin-right: 0px; }
.commentrow { position: relative; width: 525px; overflow: hidden; }
.commentrow  p { font-size:11px; }
.commentdate { position: absolute; top: 0px; right: 0px; font-size:14px!important; }
.commentdata strong { text-transform:capitalize; font-weight: bold!important; font-size:14px!important; }
#WTF { margin:0 auto; width:616px; text-align: center; }
#WTF .col-inner-l { padding-right: 40px; width: 535px; }
.more-link { display:block; margin-top:30px; width:175px;  }
.entry img { border: 2px solid #000; }
.entry p strong a:hover { background: 0 none; }
.entry li { font-size: 14px; line-height: 18px; list-style: disc inside; }
.post-left-img { float: left; margin: 0 20px 0 0; }

#sidebar .filter { background-position:0 -392px; }
#sidebar .social-nav { margin: 18px 0 0 18px; }

/* WITH JS */
.js #nav-box { left: -270px; }