/* Coding by Craddock from StartedWith100 */

* { margin: 0; padding: 0; }
.clear { clear: both; }

body {
background: #454545;
font: bold 11px Arial, Helvetica, sans-serif;
}

#top {
height: 133px;
padding-top: 7px;
background: #FFFFFF;
padding-bottom: 10px;
}
	#top h1 {
	width: 997px;
	height: 133px;
	background: url(../img/text.jpg) no-repeat;
	}
	#top h1 a { height: 133px; display: block; outline: none; }
	#top h1 span { display: none; }

.container {
width: 997px;
margin: 0 auto;
}

#middle {
background: url(../img/grunge.jpg) top right no-repeat #f1f1f1;
padding: 26px 0 26px 0;
}
	#middle .container {
		width: 977px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#left {
	width: 611px;
	float: left;
	}
	
	.container h2 {
	font: bold 19px Arial, Helvetica, sans-serif;
	color: #000080;
	margin-bottom: 14px;
	}
	
	.container p {
	color: #000000;
	line-height: 21px;
	margin-bottom: 20px;
	}
	
	#right {
	width: 350px;
	height: 220px;
	float: right;
	overflow: hidden;
	}
	
	#bar {
	width: 289px;
	height: 45px;
	background: url(../img/bar.jpg) no-repeat;
	border: 0;
	color: #000080;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 36px 36px 0 36px;
	float: left;
	margin-right: 10px;
	}
	
	#letsdoit {
	width: 240px;
	height: 79px;
	background: url(../img/letsdoit.jpg) no-repeat;
	border: 0;
	float: left;
	}

#footer {
margin-top: 20px;
color: #f1f1f1;
}
	#footer a { 
	color: #f1f1f1;
	text-decoration: underline;
	}
	#footer a:hover { color: #f35b00; }
	
	label { display: block; color: #454545; margin-bottom: 3px; }
	
	.mb { margin-bottom: 10px; }
	.mb strong { color: #f35b00; }
	
	.bar2 {
	width: 193px;
	height: 32px;
	background: url(../img/colorbar.jpg) no-repeat;
	border: 0;
	padding: 18px 18px 0 18px;
	font-weight: bold;
	}
	
	.barss { float: left; margin-right: 10px; }
		.barss input { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 14px; }
	
	.preview { margin: 28px 0 14px 0; }
	
	.codes {
	width: 440px;
	height: 32px;
	background: url(../img/bar2.jpg) no-repeat;
	border: 0;
	padding: 18px 18px 0 18px;
	font-weight: bold;
	color: #454545;
	}

/* Code to fake an image on the Create page
   So as not to flood server with requests. */
#preview_tag {
	width: 468px;
	height: 60px;
	position: relative;
	border-width: 1px;
	border-color: #1111de;
	border-style: solid;
	background: #f0eca3;
	cursor: default;
}
	#preview_tag * {
		position: absolute;
		font-family: Arial, Helvetica, sans-serif;
	}
	#preview_tag .orange {
		color: #060f70;
	}
	#preview_tag .grey {
		color: #8a0a8a;
	}
	#preview_tag #preview_author {
		top: 9px;
		left: 7px;
		font-weight: bold;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#preview_tag #preview_text {
		top: 35px;
		left: 7px;
		font-size: 14px;
		font-weight: normal;
	}
	#preview_tag #preview_feederr {
		top: 9px;
		right: 8px;
		font-size: 11px;
		font-weight: normal;
		text-align: right;
	}
	#preview_tag #preview_date {
		top: 35px;
		right: 8px;
		font-size: 11px;
		font-weight: normal;
		text-align: right;
	}