/* treme treme '08 | tremetreme.net */

@import 'reset.css';

/* BEGIN universal */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
.clearfix { display: inline-block; }
* html .clearfix { height:1%; }
.clearfix { display: block; }
/* END universal */


/* Begin forms */
form input.txtFld { height:14px; line-height: 12px; padding: 5px 4px; font-size:12px; font-family: Helvetica, Arial, sans-serif; border: 0; background-color: #FFF; color: #112328; }
form textarea { height:156px; line-height: 18px; padding: 6px 4px; font-size:12px; font-family: Helvetica, Arial, sans-serif; border: 1px solid #D9D9D9; background-color: #112328; color: #666; }
form input.sbmtBtn { }
form input.imgBtn { }

form#newsSubs { float: right; margin-top: 30px; width: 380px; }
form#newsSubs fieldset { border: 0; }
form#newsSubs legend { margin: 0; padding: 0 0 10px 0; font-size: 14px; font-weight: bold; color: #57B6DD; line-height: 14px; text-align: left; *margin: 0 -8px; *display: inline-block; }
form#newsSubs input.txtFld { float: left; width: 120px; margin-right: 4px; }
form#newsSubs input.imgBtn { float: left; background: url(../img/layout/searchSbmtBtn.png) top left no-repeat #112328; }
form#newsSubs input.imgBtn:hover { background-position: left -24px; }

form#newsSubs p { padding: 0 0 0 22px; display: block; height: 18px; clear:both; line-height: 18px; background: #112328 top left no-repeat; }
form#newsSubs p#hurray { background-image: url(../img/layout/smileHurray.png); }
form#newsSubs p#oh { background-image: url(../img/layout/smileOh.png); }
form#newsSubs p#loading { background-image: url(../img/layout/loader.gif); }
/* END forms */


/* BEGIN standard elements */
body { font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 12px; color: #FFF; background-color: #112328; }

p { line-height: 18px; margin-bottom: 18px; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
em.emphasis { color: #57B6DD; }

h1 { float: left; }
h2 { font-size: 30px; font-weight: bold; color: #57B6DD; line-height: 36px; margin-bottom: 18px; }
h3 { font-size: 18px; font-weight: bold; color: #FFF; line-height: 18px; margin-bottom: 18px; }

ul { margin-bottom: 18px; }
ul li { line-height: 18px; background: url(../img/layout/blueArrRgtBlt.png) center left no-repeat; padding-left: 14px; }

a, a:visited { color: #FFF; text-decoration: none; background: url(../img/layout/bluePx2x1.png) bottom left repeat-x; }
a:hover { color: #112328; text-decoration: none; background-image: none; background-color: #57B6DD; padding: 3px; }
/* END standard elements */


/* BEGIN layout */
	
	/* BEGIN wrapper */
	#wrapper {
		width: 820px;
		padding: 0 20px; 
		margin: 0 auto;
	}
	/* END wrapper */
	
	/* BEGIN header */
	#wrapper #header {
		width: 100%;
		height: 126px;
		margin-bottom: 18px;
	}
	/* END header */
	
	/* BEGIN content */
	#wrapper #content {
		width: 100%;
		margin-bottom: 18px;
	}
	
	#wrapper #content .col {
		width: 380px;
	}
	
	#wrapper #content .left {
		float: left;
	}
	
	#wrapper #content .right {
		float: right;
	}
	
	* html #wrapper #content .right {
		margin-left: -3px;
	}
	/* END content */
	
	/* BEGIN footer */
	#wrapper #footer {
		border-top: 18px solid #172F35;
		padding: 18px 0;
		width: 100%;
		float: left;
	}
	
	#wrapper #footer address {
		text-align: right;
		font-size: 11px;
	}
	/* END footer */
	
/* END layout */