/*
Theme Name: Simple
Theme URI: http://joshcompston.com
Description: Simple Custom Wordpress Theme
Version: 2 (WP2.6.2)
Author: Josh Compston
Author URI: http://joshcompston.com
Tags: custom, clean, basic

tan: e0bf5c
orange: d6653a 

*/

/*reset*/
* {
	margin: 0px;
	padding: 0px;
} 

html {
	font-size: 62.5%;
	color:	#ffffff;
	font-family: Calibri,Arial,sans-serif;
}

html, body	{
	height: 100%;
}

li {
	list-style: none;
}

a {
	outline: none;
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	background: #140b00 url(images/bg.jpg) no-repeat center top;
	
	width: 100%;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.alignCenter {
	margin:auto;	
}

.clear {
	clear: both;
}

img {
	vertical-align: middle;
}

a img, img {
	border: none;
	padding: 0 10px 0;
}
/*end reset*/


/*typography*/

a {
	color: #d6653a;
}

h1 {
	color: #e0bf5c;
	font-family: Georgia,Times New Roman,sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	padding-bottom: 5px;
}

h2 {
	color: #e0bf5c;
	font-family: Georgia,Times New Roman,sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	padding-bottom: 10px;
}

h3 {
	color: #e0bf5c;
	font-family: Georgia,Times New Roman,sans-serif;
	font-size: 1.6em;
	font-weight: normal;
}

p, #twitter_update_list li, #services li, #footer {
	font-size: 1.4em;
	color:	#ffffff;
	font-family:  Calibri,Arial,sans-serif;
}

.exp {
	padding: 0 15px 0 5px;
	float: left;
}

p strong {
	color: #d6653a;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
}

.copyright, .comments p a {
	font-size: 0.7em;
	color:	#ffffff;
	font-family:  Calibri,Arial,sans-serif;
}

#logo a {
	background: url(images/logo.png) transparent top left no-repeat;
	display:block;
	height: 32px;
	text-indent: -9999px;
	width: 223px;
}

.codeBox {
	color: #000000;
	font-size: 1.4em;
}

#topNav li a, .comments a {
	font-size: 1.4em;
}


/*end typography*/



/*structure*/

.codeBox {
	background: #ffffff;
	padding: 10px;
}
				
#header {
	padding: 0 20px 10px;
}				
				
#pageWrap {
	margin: 0 auto;
	width: 960px;
	margin: 0 auto -50px;
	min-height: 100%;
	height: 100%;
	height: auto !important;
}

#footer {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 960px;
}

#footer .boxB {
	padding: 0;
}

#footer, .push {
	height: 50px;
}

.headlines p, .headlines li h3, #indexPost div h2 {
	padding: 0;
}

.headlines li, p, #twitter_update_list li, .sideBar div {
	padding-bottom: 10px;
}

.sideBar div {
	padding-bottom: 20px;
}

/*boxes*/
.boxT {
	background: url(images/boxT.png) transparent no-repeat;
	height: 10px;
	width: 100%;
}

.boxContent {
	padding: 0 20px;
}
	
.boxC {
	background: url(images/boxCbg.png) transparent repeat;
	width: 100%;
}

.lgRight {
	background: url(images/border.png) transparent repeat-y 320px 0;
}

.lgLeft {
	background: url(images/border.png) transparent repeat-y 640px 0;
}

.boxB {
	background: url(images/boxB.png) transparent no-repeat;
	height: 10px;
	padding-bottom: 20px;
	width: 100%;
}


/*end boxes*/	
.intro, .headlines, .post, .commentForm {
	float: left;
	width: 605px;
}

.tweetBox {
	background: url(images/twtLogo.png) transparent top right no-repeat;
}

#indexPost {
	float: right;
	width: 605px;
}

.headlines, #services {
	float: left;
	width: 285px;
}

#commentRules, .tweetBox, #services, .sideBar {
	float: right;
	width: 285px;
}

.recentWork {
	float: left;
	position: absolute;
}

.work {
	min-height: 270px;
	padding: 50px 0 0 0;
}

.workWrap {
	padding-bottom: 20px;
	position: relative;
}

.work #moreWork {
	float: left;
	position: absolute;
	left: 335px;
}

#moreWork {
	float: right;
	width: 285px;
}

#topNav-wrapper {
	float: right;
}

#topNav li, #btmNav-wrapper li {
	display: inline;
	padding: 0 5px;
}

#topNav li a {
	background: url(images/topNavBg.png) 0px -8px transparent no-repeat;
	display: inline-block;
	padding: 8px 0;
	text-align: center;
	width: 61px;	
}

#topNav li a:hover, #topNav li.current_page_item a {
	background: url(images/topNavBg.png) -62px -8px transparent no-repeat;
}

#header h1 {
	float: left;
}

.copyright {
	float: right;
	padding: 0 5px 0;
	text-align: right;
}

#btmNav-wrapper {
	float: left;
	padding: 5px 0;
}

.wpLogo {
	background: url(images/wpLogo.png) transparent top left no-repeat;
	float: right;
}

#wpLink {
	display: block;
	height: 30px;
	left: 0;
	text-indent: -9999px;
	top: 0;
	width: 30px;
}

.wpVersion {
	text-align: center;
	width: 100%;
}

#moreWork a img{
	padding: 5px 8px;
}

.valid {
	padding: 5px 0;
	float: right;
}

.postBlock {
	padding-bottom: 15px;
}

#comments {
	padding-bottom: 10px;
}

.comments li {
	padding: 10px 0;
}

.avatar {
	float: left;
}


/*end structure*/