/*

-----------------------------------------------------------

Theme Name: RHI

Theme URI: http://www.careerjumpstarter.com/

Description:  Heavily Modifed Theme for Wordpress

Version: .5

Author: Derek Thopy

Author URI: http://www.employmentspot.com/

-----------------------------------------------------------

*/

   
/* default styles
   -------------- */
   

body{
margin:0;
padding:0;
line-height: 1.5em;
color: #000000;
background-image: url(images/bg-gradient.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
font: 80% Arial, Helvetica, sans-serif;
}

b{font-size: 110%;}
em{color: red;}
p{line-height:1.5em;}
ul{line-height:1.5em;}


#maincontainer{
width: 850px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #ffffff;
border: 1px solid #000000;
}

#topsection{
background: #ffffff;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background: #ffffff;
background: url(images/top-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#contentcolumn{
margin: 0 195px 0 205px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}

#contentcolumn h1{
	font-size: 110%;
	color: #8B182B;
	padding: 15px 0 0 0;
	background-color: transparent;
}



#leftcolumn{
float: left;
width: 205px; /*Width of left column in pixel*/
margin-left: -850px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
padding-left:5px;
}

#rightcolumn{
float: left;
width: 195px; /*Width of right column*/
margin-left: -195px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;

}

#footer{
clear: left;
width: 100%;
background:#ffffff;
color: #FFF;
text-align: center;


	background-image:url(images/fade-gradient-footer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding: 0 0 0 0;
}

#footer p {
	color:#000000;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: x-small;
padding: 10px 0; 	/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.innertube{
margin: 0; /* 10px Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube-content{
margin: 0 30px 0 25px; /* 10px Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.teasebox {
		width:auto;
		padding:0 0 14px 0;
		margin:10px 0; /* RIGHT WAS AUTO */
		border-bottom:4px solid #AFC5D2;
		border-left:1px solid #d8d8d8;
		border-right:1px solid #d8d8d8;
	}
	.teasebox h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		color: #8B182B;
		border-bottom: 1px dotted #000000;
		font-size: 110%;
		border-top:1px solid #d8d8d8;
		
	}
	.teasebox p, .teaser a.more, .teaser-jump a.more {
		margin:0;
		padding:3px 10px 7px;
		
		border-width:0 1px;
		background:#fff;
	}
	.teasebox a.more {
		display:block;
		text-align:right;
		/* background:url("tsr-a.gif") 410px 50% no-repeat; */
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teasebox a.more:hover {
		text-decoration:underline;
	}

.teaser {
		width:200px;
		padding:0 0 14px 0;
		margin:10px 0; /* RIGHT WAS AUTO */
		background:url("images/teaser.gif") bottom left no-repeat;
	}

.teaser-jump {
		width:200px;
		padding:0 0 14px 0;
		margin:0; /* RIGHT WAS AUTO */
		background:url("images/jumpstart-bg.jpg") repeat-x;
		border:2px solid #78101B;
	}
	
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		color: #8B182B;
		border-bottom: 1px dotted #000000;
		font-size: 110%;
		background:url("images/teaser.gif") top left no-repeat;
	}
	
	.teaser-jump h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		color: #8B182B;
		border-bottom: 1px dotted #000000;
		font-size: 110%;
		
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:3px 10px 7px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	
	.teaser-jump p, .teaser-jump a.more {
		margin:0;
		padding:3px 10px 7px;
		}
		
	.teaser a.more {
		display:block;
		text-align:right;
		/* background:url("tsr-a.gif") 410px 50% no-repeat; */
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover, .teaser-jump a.more:hover {
		text-decoration:underline;
	}
	
.teaseright {
		width:190px;
		padding:0 0 14px 0;
		margin:10px 0; /* RIGHT WAS AUTO */
		background:url("images/teaseright.gif") bottom left no-repeat;
	}
	.teaseright h3 {
		margin:0;
		font-size: 110%;
		color: #8B182B;
		padding:7px 10px 3px 10px;
		border-bottom: 1px dotted #000000;
		background:url("images/teaseright.gif") top left no-repeat;
	}
	.teaseright p, .teaser a.more {
		margin:0;
		padding:3px 10px 7px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaseright a.more {
		display:block;
		text-align:right;
		/* background:url("tsr-a.gif") 410px 50% no-repeat; */
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaseright a.more:hover {
		text-decoration:underline;
	}
	
	.CB-crap-css {
		background: url(images/gradient-search.jpg) left top repeat-x; 
		border: 1px solid #B3C8D4; 
		padding: 10px;
		}
	.CB-crap-css td{
		font-size:12px;font-family:arial, helvetica; margin: 0; padding: 0;
		}
	
	.CB-crap-css label {font-weight: bold;} 
	
	.CB-crap-css li {
		padding-left: 5px;
		text-decoration:none;
	}
	
	.CB-crap-css ul {
		list-style:none;
	}
	
	.CB-crap-css p {margin: 0 0 10px;  padding: 0; }
	
	.CB-crap-css input.btn {	color: #fff; font-weight: bold;	font-size: 12px; border: 1px solid #cc3300;	border-top: 1px solid #ffcc66; width: auto; padding: 0.25em 1.5em; background: #ff7d00 url(http://img.icbdr.com/images/js/elements/buttons/bg_btn.gif) left top repeat-x; }
	
	.CB-crap-css h2 {color: #ffffff; border-bottom: 1px solid #ffffff; margin: 0 0 10px; font-size: 18px;}

/* END TERRIBLE CSS FROM CB */