/*
Theme Name: Over IT Help - TRL
Description: A customized theme for WordPress
Version: 1.0
Author: trl design
Author URI: http://www.trldesign.com/

*/


/* Reset */


html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.clear {
	clear: both;
}

.hide {
	display: none;
}

a img {
	border: none;
}

/* Reset */

html {
	background: url(ui/body-bg.jpg) repeat-y top center #d7d5d6;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 100%;
}

#wrapper {
	width: 960px;
	margin: 0 auto -203px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
	/*
	border-left: solid 4px #ccc;
	border-right: solid 4px #ccc;
	*/
}

.push {
	height: 203px; /* .push must be the same height as .footer */
}

#header {
	background: url(ui/header-bg.jpg) repeat-x #fff;
	height: 161px;
}

.logo {
	float: left;
	width: 675px;
	height: 115px;
}

#subscribe {
	float: left;
	width: 212px;
	margin-top: 20px;
}

#subscribe .input-field {
	border: 2px #ccc solid;
	width: 210px;
	height: 20px;
	margin-bottom: 8px;
}

#subscribe .submit-btn {
	float: right;
}

.topnav {
	float: left;
	width: 940px;
	height: 45px;
	padding-left: 20px;
}

.topnav ul li {
	display: inline;
	float: left;
}

.topnav ul li a {
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #474747;
	display: block;
	padding: 0px 19px;
	line-height: 45px;
}

.topnav ul li a:hover {
	background: #ccc;
}

#content {
	background: #fff;

}

.side {
	float: left;
	width: 300px;
	padding-left: 15px;
	height: 650px;
	padding-top: 16px;
	background: url(ui/sidebar-bg.jpg) no-repeat #fff;
}

.side .nav {
	margin-top: 55px;
}

.side .nav li {
	text-align: right;
	margin-right: 80px;
	font-size: 20px;
	line-height: 1.9em;
	text-transform: uppercase;
	font-weight: bold;
}

.side .nav li a {
 	text-decoration: none;
 	color: #474747;
}

.side .nav li a:hover {
 	border-bottom: solid 2px #474747;
}


#fadeshow2 {
	width: 600px;
	height: 250px;
	background: url(ui/sliderbg-trans.png) no-repeat #fff !important;
}

.main {
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 0px;
	min-height: 600px;
	width: 620px;
	float: left;	
}

.side-right {
	margin-top: 20px;
	float: right;
	width: 232px;
}

.side-right img {
	margin-bottom: 12px;
}

.cleardiv { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

li.button a{
    background: transparent url('ui/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

li.button a span {
    background: transparent url('ui/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

li.button a:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

li.button a:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


#footer {
	height: 203px;
	background: #333333;
	margin: 0 auto;
}

#footer h3 {
	color: #2cadee;
}

#footer h3.twitter {
	color: #2cadee;
	background: url(ui/twitter.png) no-repeat transparent;
	padding-left: 50px;
	line-height: 55px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.twitter-message {
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 6px;
	padding-left: 12px;
}

#footer p {
	color: #fff;
}



#footer ul.nav li {
	display: inline;
	color: #fff;
	}

#footer a{
	color: #fff;
	text-decoration: none;
	}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
	} 

#footer .foot-left {
	width: 530px;
	margin: 20px 0px 0px 20px;
	font-size: 13px;
	float: left;

}

.foot-left p {
	font-size: 13px;
}


#footer .foot-right {
	width: 310px;
	float: right;
	margin: 0px 20px 0px 0px;
	font-size: 13px;

}

#footer .callouts img {
	margin: 0px 15px 20px 0px;
	float: left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	margin: 9px 0px;
	color: #47662d;
}

h2 {
	font-size: 1.6em;
	margin-bottom: 6px;
	margin-top: 6px;
	font-weight: bold;
	color: #333;
}

.side h2 {
	font-size: 1.2em;
}

.side input#searchsubmit {
	margin-top: 4px;
}

.side li ul li {
	margin-left: 12px;

}

.side li ul {
	margin-top: 4px;
}

.side div.gsom_sfi input {
	color: #474747;
	border: solid 1px #ccc;
	margin: 8px 0px;
	padding: 4px;
	width: 180px;
}

.subscribe-box {
	margin: 40px 0px;
	width: 240px;
}

.subscribe-box h2 {
	color: #47662d;
	font-size: 1.3em;
}

#mce-success-response, .mce_inline_error {
	font-size: 0.9em; 
	color: #676767;
	margin-bottom: 8px;
}




h3 {
	font-size: 1.3em;
	margin-bottom: 6px;
	margin-top: 6px;
	font-weight: bold;
	color: #47662d;
}

h4 {
	font-size: 1.2em;
	margin-bottom: 4px;
	margin-top: 6px;
	font-weight: bold;
	color: #333;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-bottom: 8px;
	margin-top: 6px;
	font-weight: bold;
	color: #333;
}


p {
	font-size: 14px;
	color: #474747;
	line-height: 1.5em;
	padding-bottom: 6px;
	
}


.main a{
	color: #47662d;
	text-decoration: underline;
}

.main h2 a {
	text-decoration: none;
}

.main a:hover {
	color: #47662d;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}


.main ol, .main ul {
	margin-bottom: 12px;
	color: #474747;
}

.main ol li {
	list-style: upper-roman;
	margin-left: 45px;
	padding-left: 8px;
	line-height: 1.6em;
	
}


.main ul li {
	list-style: disc;
	margin-left: 45px;
	padding-left: 8px;
	line-height: 1.6em;
	
}

.main ul.post-nav li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 1em;
	
}


.main .blog-heading {
	height: 55px;
	background: #eee;
	border-bottom: #ccc 1px solid;
	border-top: #ccc 1px solid;
	text-align: right;
	margin-bottom: 12px;
}

.main .blog-heading h3 {
	margin: 0;
	padding: 0px 12px 0px 0px;
	font-size: 1.6em;
	padding-top: 18px;
}


blockquote {
  font: 14px/22px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}

ul.mc-sub-badge06 li {
	list-style: none;
}

div.contentBox {
	margin-bottom: 40px;
}

p.tags {
	padding: 25px 0px 0px 0px;
}

td.blacktext {
	padding-bottom: 4px;
	line-height: 1.5em;
}

/* Callout */

.box-item {
	width: 265px;
	margin-right: 16px;
	margin-bottom: 8px;
	margin-top: 8px;
	/* background-color: #F7F7F7;
	border:1px solid #DDDDDD; */
	background: url(ui/corner.png) no-repeat top left;
	float: left;
	padding: 0px 8px 4px 18px;
}


.box-item p {
	font-size: 12px;
	line-height: 1.4em;
}

.box-item img {
	float: left;
	margin-right: 14px;
	margin-top: 20px;
}

/* Begin Typography & Colors */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.center {
	text-align: center;
}

.size-full {
	padding: 12px 0px;
}

.post hr {
	border: none;
	border-top: solid 1px #dadada;
	color: #eee;
	background: #eee;
	height: 3px;
	margin: 25px 0px;
}
/* End Images */


.piclenselink {
	display: none;
}
/* Contact Form */
form.wpcf7-form {
	margin: 30px 0 0 0;
	padding: 0 0 0 0px;
	float: left;
}

form.wpcf7-form div.fieldblock {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 630px;
}

form.wpcf7-form div.fieldblock label {
	float: left;
	display: block;
	margin: 0 ;
	padding: 5px 30px 0 0;
	width: 120px;
	text-align: right;
	color: #242f33;
}

/*
form.wpcf7-form div.fieldblock label.error {
	position: absolute;
	top: -7px;
	right: 8px;
	margin: 10px 0 0 0;
	padding: 4px 0 2px 23px;
	width: 142px;
	outline: none;
	text-align: left;
	z-index: 99;
	line-height: 1.2;
}
*/

form.wpcf7-form div.fieldblock div.input {
	float: right;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #dfe5e7;
	width: 449px;
}

form.wpcf7-form div.fieldblock div.input.active {
	border-left: 1px solid #bcc4c4;
}

form.wpcf7-form div.fieldblock div.input input {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 250px;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: #ffffff;
	outline: none;
}

form.wpcf7-form div.fieldblock div.input select {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 262px;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: #ffffff;
	outline: none;
}


form.wpcf7-form div.fieldblock div.input textarea {
	margin: 0 115px 0 0;
	padding: 5px;
	width: 337px;
	min-height: 180px;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: #ffffff;
	outline: none;
	line-height: 1.5;
}


form.wpcf7-form div.fieldblock div.input span {
	position: relative;
	top: 4px;
	font-size: 12px;
	color: #ff3716;
}


form.wpcf7-form div.fieldblock div.checkboxes {
	float: right;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #dfe5e7;
	width: 449px;
	
	
}

form.wpcf7-form div.fieldblock div.checkboxes span.wpcf7-list-item {
	float: left;
	width: 250px;
	padding-bottom: 6px;
	font-size: 13px;
	color: #474747;
}

form.wpcf7-form div.fieldblock div.input label.error {
	position: relative;
	top: 4px;
	font-size: 11px;
	color: #ff3716;
	float: left;
}

form.wpcf7-form input.submit { margin: 0 0 30px 181px; }




#s3slider { 
   width: 232px; 
   height: 100px; 
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider ul li{ 
   margin:0;
}

#s3slider ul { 
   padding: 0px;
   margin: 0px;
}

#s3sliderContent {
   width: 232px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
  
   width: 232px;
   display: none;
   
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments{clear: both; margin: 30px 0px; padding-top: 30px;}
	.comment{margin: 0px 0px 0px;}
		.comment h3{display: block; margin-bottom: 10px; font-weight: bold; font-size: 14px;}
			.comment h3 a{}
			.comment h3 a:hover{}
			.comment h3 .comment-date{float: right; padding: 3px 0px 0px; font-weight: lighter; font-size: 10px;}

		.user{float: left; width: 78px;}
			.user img{width: 40px; padding: 10px; margin-right: 10px;}
			.user a.reply-link{display: block; width: 60px; height: 18px; padding: 7px 0px 0px; margin: 10px 0px 0px; overflow: hidden; text-align: center; font-size: 11px; font-weight: bold;}
				.user a.reply-link:hover{background-position: bottom;}
				
		.comment-post{float: right; width: 522px; margin-bottom: 20px;}
			.comment-content{ padding: 1px 20px; font-size: 13px;}

	.comment-odd{}
	
	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{width: 522px; margin-left: 78px; clear: both; margin-top: 20px;}
		.threaded-comments .thread-comment{clear: both; }
			.threaded-comments .last{}
			
			.threaded-comments .user{}
				.threaded-comments .comment-post{ width: 444px; margin-bottom: 20px;}
					.threaded-comments .comment-post blockquote{}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{clear: both; margin: 0px 0px 0px 0px; padding-top: 30px;}
	.comment-form-content h2{margin: 0px 0px 20px;}
	.comment-form-content .comment_form label{float: left; display: block; width: 100px; height: 50px; margin: 15px 0px 5px; font-size: 15px; font-weight: bold; text-align: right;}

	.comment-input{float: right; width: 432px; height: 50px; margin-bottom: 20px; overflow: hidden;}
		.comment-input input{width: 360px; height: 16px; padding: 3px 0px; position: relative; top: 9px; left: 0px; background: none; border: solid 2px #eee; font-size: 15px; color: #474747;}
		
	.comment-texarea{float: right; width: 432px; height: 220px; margin-bottom: 20px; overflow: hidden;}
		.comment-texarea textarea{width: 360px; height: 190px; padding: 3px 0px; position: relative; top: 9px; left: 0px; background: none; border: solid 2px #eee; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #474747;}
		
	.checkbox{clear: both; margin: 0px 0px 20px 150px; font-size: 15px; font-style: italic;}
	input.submit_button{clear: both; margin: 0px 0px 0px 150px;}

/*-------------------------------------------------------------------------------------------*/
/*- Payment Form --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


table.payment-form tr {
	height:32px;
}