/* 
   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{}
p{
	padding:5px;
	padding-left:0;
	color: #CCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p.nopad{padding:0;}
.floatLeft{float:left;}
.clear{clear:both;}
h1{
	font-size:24px;
	line-height:32px;
	padding-bottom:15px;
	color:#FF0;
	font-family:Trebuchet MS;
	font-weight:normal;
}
h2{
	font-size:24px;
	line-height:28px;
	padding-bottom:0;
	color:#FF0;
	font-family:Trebuchet MS;
	font-weight:normal;
	padding-top:15px;
}
h2 span{color:#ff3300;font-size:12px;line-height:22px;}
h3{
	font-size:18px;
	line-height:22px;
	padding-bottom:15px;
	color:#36c4c6;
	font-family:Trebuchet MS;
	font-weight:normal;
	text-align: left;
	font-style: italic;
}
h3.white{
	color:#fff;
	font-style: normal;
}
h4{font-size:18px;line-height:22px;padding-bottom:15px;color:#999;font-family:Trebuchet MS;font-weight:normal;font-style:italic;}
h5{font-size:14px;line-height:16px;font-weight:normal;}
h5.bold{font-weight:bold;}
h6{font-size:10px;line-height:12px;}
.white{color:#fff;}
.blue{color:#36C4C6;}
.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;
	font-weight:normal;
	font-style:italic;
	color: #FFF;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
	
	/*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;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
}


	/*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;}
#navigation{width:774px;height:96px;background:url('../images/menuBG.jpg') repeat-x;float:left;margin-top:30px;}
#menuEndCap{width:5px;height:96px;background:url('../images/menuEndCap.jpg') no-repeat;position:absolute;right:0;top:0;}
#mainNav{}
#mainNav li{display:block;float:left;}
#mainNav li.first{margin-left:10px;}
#mainNav li a{display:block;height:50px;float:left;padding:25px 35px;font-size:18px;color:#fff;}
#mainNav li.active{background:url('../images/menuRightDoor.jpg') no-repeat right top;}
#mainNav li a:hover{
	background:url('../images/menuRightDoor.jpg') no-repeat right top;
	text-align: left;
}
#mainNav li.active a:hover{
	background-image:none;
	text-align: left;
}
#mainNav li a span{padding:0;margin:0;color:#ccc;font-size:12px;display:block;}


/*Bread crumb and search styles*/
#bread{width:960px;height:45px;background:url('../images/breadBG.jpg') repeat;}
#bread span{
	padding:5px 10px 0 0;
	font-size: small;
}
#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 a{color:#a8c545;}
	/*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;}
	
	/*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:#999;}
	
	/*cateogry styling*/
	.categories li a{padding:5px 5px 5px 10px;display:block;background:url('../images/sideBarLIBG.jpg') repeat;margin-bottom:5px;}
	.categories li a:hover{background:#333;}
	.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*/
#blogPage .blogItem{margin-bottom:30px;position:relative;min-height:220px;}
#blogPage #leftCol .postImage{float:left;margin-right:27px;display:block;width:195px;}
#blogPage #leftCol .blogItem img{width:190px;float:left;display:block;padding:3px;background:#000;}	
#blogPage #leftCol span.description{display:block;width:384px;float:left;}
#blogPage #leftCol p {padding: 10px 0 0 0;}
#blogPage .meta{display:block;margin-bottom:10px;}
#blogPage .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;}
#blogPage .title a:hover{text-decoration:none;}
#blogPage .text{font-style:italic;display:block;padding-top:10px;}
#blogPage .readmore{display:block;margin-top:10px;}
#blogPage .totalComments a{}
#blogPage .totalComments span{}
#blogPage .totalComments {position:absolute;top:205px;left:0;width:100px;}

/*blog single styling*/

#blogPage .text.full{font-style:normal;}
#blogPage #leftCol .text.full p{padding:0px 0 10px 0;}
#blogPage #leftCol .text.full p.start:first-letter{font-size:28px;line-height:32px;}
#blogPage .options{padding:3px;background:#000;display:inline;}
#blogPage .options a{color:#A8C545;padding:5px;}
#blogPage #leftCol .blogItem .singlePost{margin-right:25px;}

/*blog comment styling*/
#blogPage .comments .author{width:110px;float:left;margin-right:10px;}
#blogPage #leftCol .grav img{border:1px solid #252424;width:80px;height:80px;margin:0;}
#blogPage #leftCol .commentText{width:490px;float:left;}
#blogPage #leftCol .commentText.highlight{color:#ccc;}
#blogPage #leftCol .commentText p{padding-bottom:10px;}
#blogPage #leftCol .meta .user a{padding-top:3px;display:block;}
#blogPage #leftCol .meta .date{display:block;line-height:13px;}


/*pagination styling*/
.pagination{float:right;}
.pagination li{display:inline;margin-right:25px;}
.pagination li.last{margin-right:10px;}
.pagination li a{color:#ff3300;}

/*Footer styles*/
#footer{margin:35px 0 10px 0;width:960px;background:url('../images/divider.jpg') repeat-x top;padding-top:25px;}
#footer a{color:#ff3300;}
