/* LAYOUT 
   CSS Styles 
   Author: Chris Fay   
*/
body{background:#141414 url('../images/bg.jpg') repeat;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;color:#999;}
div{position:relative;}
ul{}
ul li{}

a{text-decoration:none;color:#fff;}
a:hover{color:#ff3300;}
a:active {}
a:visited{text-decoration:none;}
img{}
.floatLeft{float:left;}
.clear{clear:both;}

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter {}
.alignleft {}
.alignright {}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
.padTop{padding-top:15px;}

	/* Custom element styling */
	h3.element{display:block;margin:30px 0 0 0;color:#A8C545;font-size:16px;font-style:italic;margin-bottom:0;padding-bottom:5px;}
	/*blockquote*/
	blockquote {margin: 15px 15px 15px 30px;padding-right: 30px;background: url('../images/closeQuote.jpg') no-repeat bottom right;}
	blockquote p {background: url('../images/openQuote.jpg') no-repeat top left;padding-left: 30px !IMPORTANT;font-weight:normal;font-style:italic;}
	
	/*content dividers*/
	.darkDivider{display:block;height:2px;background:url('../images/divider.jpg') repeat-x;margin:30px 0;}
	.darkDivider.smallMargin{margin:15px 0;}
	.darkDivider.tinyMargin{margin:0 0 15px 0;}
	
	/*input styling*/
	label{padding-bottom:5px;display:block;color:#fff;}
	input{border:none;padding:0;margin:0;}
	.input{padding:10px;background:#000;display:block;color:#999;width:450px;margin-bottom:15px;border:1px solid #222;}
	.submit{padding:10px;background:#000;color:#fff;margin-top:10px;cursor:pointer;border:1px solid #222;}
	textarea{background:#000;color:#fff;border:none;padding:7px;width:590px;border:1px solid #222;}
	fieldset{border:none;padding:0;margin:0;}
	input.inputError{border: 1px solid #FF3300;}	/*for form validation*/
	label.inputError{float:none;margin:0;padding:0;border:none;}
	
	/*messages*/
	.infoMessage{display:block;min-height:31px;padding-left:45px;padding-top:12px;width:450px;color:#fff;font-size:16px;margin-bottom:5px;border-left:5px solid #2c1c10;background-position:10px 8px;}
	.infoMessage span{font-weight:bold;}
	.infoMessage.error{background:#222 url('../images/error.jpg') no-repeat;background-position:11px 8px;border-left:5px solid #fff;}	
	.warning{background:#222 url('../images/warning.jpg') no-repeat;background-position:7px 8px;border-left:5px solid #fff;}	
	.message{background:#222 url('../images/message.jpg') no-repeat;background-position:7px 8px;border-left:5px solid #fff;}


	/*table styling*/
	thead th {background-color:#36C4C6;border-bottom:1px solid #000;color:#23140B;}
	table th, table td {padding:6px 10px;text-align:left;vertical-align:top;}	
	tr.accentRecord{background:#222;}
	tr:hover td {background:#000;border-bottom:1px solid #000;color:#fff;}	


/*General styles*/
#page{margin-top:1px;}
#wrapper{width:960px; margin:0 auto;background:url('../images/wrapperBG_39.jpg') no-repeat;min-height:980px;background-position:0 100px;}

/*portfolio image tooltip/fade styling*/
#preview{position:absolute;border:1px solid #000;background:#000;padding:3px;display:none;color:#fff;}

/*Header styles*/
#header{padding-bottom:30px;}
#logo a{display:block;background:url('../images/logo.jpg') no-repeat;width:186px;height:158px;float:left;}
#logo span{margin-left:-99999px;}

/*Bread crumb and search styles*/
#bread{width:960px;height:45px;background:url('../images/breadBG.jpg') repeat;}
#bread span{padding:5px 10px 0 0;}
#trail{padding:10px 10px 0 25px;}
#search{width:325px;position:absolute;right:0;top:0;height:45px;background:url('../images/searchBG.jpg') repeat;}
#search .searchInput{background:none;padding:12px;border:none;font-size:14px;color:#ccc;width:240px;}
#search #searchIcon{background:url('../images/searchIcon.jpg') no-repeat; position:absolute; width:31px;height:30px;right:25px;top:6px;}

/*Main Body Content styles*/
#mainContent{margin-top:25px;width:960px;}
#mainContent #leftCol{width:610px;float:left;margin-right:25px;}
#mainContent #rightCol{width:325px;float:left;}
#mainContent #rightCol .content{width:275px;margin:0 auto;padding:25px 0;}
#mainContent #rightCol #accent{background:url('../images/sideBarAccentBG.jpg') repeat;border:1px solid #383838;}
#mainContent #rightCol .module{background:url('../images/rightColBG.jpg') repeat;margin-top:25px;border:1px solid #333232;}
#mainContent #rightCol .module.noTopMargin{margin-top:0;}
#mainContent #rightCol a{color:#A8C545;}
#mainContent #rightCol a:hover{color:#fff;}

	/*ad styling*/
	#rightCol .ads{}
	#rightCol .ads li{width:125px;height:125px;float:left;margin-bottom:20px;margin-right:25px;}
	#rightCol .ads li.right{margin-right:0;}
	#mainContent #rightCol ul.ads a{color:#A8C545;}
	
	/*recent post styling*/
	.recentPosts li{padding:5px 5px 5px 10px;display:block;background:url('../images/sideBarLIBG.jpg') repeat;margin-bottom:5px;}
	.recentPosts li:hover{background:#333;}
	.recentPosts li.last{margin-bottom:0;}	
	#mainContent #rightCol a.light{color:#ccc;}
	#mainContent #rightCol a:hover.light{color:#fff;}
	
	
	/*cateogry styling*/
	#mainContent #rightCol .categories li a{padding:5px 5px 5px 10px;display:block;background:url('../images/sideBarLIBG.jpg') repeat;margin-bottom:5px;color:#ccc;}
	#mainContent #rightCol .categories li a:hover{background:#333;color:#fff;}
	#mainContent #rightCol .categories li.last{margin-bottom:0;}	

/*portfolio styling*/
#portfolioPage .portfolioItem{margin-bottom:30px;}
#portfolioPage #leftCol a img{width:310px;float:left;margin-right:30px;display:block;}	
#portfolioPage #leftCol span.description{display:block;width:260px;float:left;}
#portfolioPage #leftCol img{padding:3px;background:#000;}
#portfolioPage #leftCol p {padding: 10px 0 0 0;}
#portfolioPage .meta{display:block;margin-bottom:10px;}
#portfolioPage .title{font-size:24px;line-height:28px;padding-bottom:0;color:#fff;font-family:Trebuchet MS;font-weight:normal;padding:0 0 15px 0;display:block;}

/*blog styling*/
.blogItem{margin-bottom:30px;position:relative;min-height:220px;}
.blogItem .postImage{float:left;margin-right:27px;display:block;width:195px;}
.blogItem .postImage a{}
.blogItem img{width:190px;float:left;display:block;padding:3px;background:#000;}	
.blogItem .description{display:block;width:384px;float:left;}
.blogItem p {padding: 10px 0 0 0;}
.blogItem .meta{display:block;}
.blogItem .title a,.blogItemSingle .title a{font-size:24px;line-height:28px;padding-bottom:0;color:#fff;font-family:Trebuchet MS;font-weight:normal;padding:0 0 15px 0;display:block;text-decoration:underline;}
.blogItem .title a:hover{text-decoration:none;}
.blogItem .text{font-style:italic;display:block;padding-top:10px;}
.blogItem .readmore{display:block;margin-top:10px;}
.blogItem .totalComments a{}
.blogItem .totalComments span{}
.blogItem .totalComments {position:absolute;top:205px;left:0;width:100px;}

/*blog single styling*/
.blogItemSingle .text.full{font-style:normal;}
.blogItemSingle .text.full p{padding:0px 0 10px 0;}
.blogItemSingle .options{padding:3px;background:#000;display:inline;}
.blogItemSingle .options a{color:#A8C545;padding:5px;}
.blogItemSingle .singlePostImage{margin-right:26px;width:190px;float:left;display:block;padding:3px;background:#000;margin-bottom:10px;}
.blogItemSingle .meta{margin-bottom:10px;}

/*blog comment styling*/
.comment .author{width:110px;float:left;margin-right:10px;}
.comment .grav img{border:1px solid #252424;width:80px;height:80px;margin:0;}
.comment .commentText{width:490px;float:left;}
.comment .commentText.highlight{color:#ccc;}
.comment .commentText p{padding-bottom:10px;}
.comment .meta .user a{padding-top:3px;display:block;}
.comment .meta .date{display:block;line-height:13px;}
.responseTitle{display:block;margin-bottom:15px;}

/*portfolio styling*/
.portfolioItem{margin-bottom:30px;}
.portfolioItem a img{width:310px;float:left;margin-right:30px;display:block;}	
.portfolioItem .description{display:block;width:260px;float:left;}
.portfolioItem img{padding:3px;background:#000;}
.portfolioItem p {padding: 10px 0 0 0;}
.portfolioItem .meta{display:block;margin-bottom:10px;}
.portfolioItem .title{font-size:24px;line-height:28px;padding-bottom:0;color:#fff;font-family:Trebuchet MS;font-weight:normal;padding:0 0 15px 0;display:block;}
.portfolioItem .title a:hover{color:#fff;text-decoration:underline;}

/*Widgets styles*/
.dynamicWidgets{width:275px;margin:auto;}

/*pagenavi styling*/
.wp-pagenavi {text-align:right;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {color:#ff3300 !important; padding:4px !important;margin-right:4px;}
.wp-pagenavi a:hover {}
.wp-pagenavi span.pages {display:inline;margin-right:25px;background:transparent !important;}
.wp-pagenavi span.current {margin-right:4px;padding:4px !important;}
.wp-pagenavi span.extend {background:transparent !important;}

/*Footer styles*/
#footer{margin:35px 0 10px 0;width:960px;background:url('../images/divider.jpg') repeat-x top;padding-top:25px;}
#footer a{color:#fff;}
#footer a:hover{color:#ff3300;}