*{
	padding: 0;
	margin: 0;
	border: 0;
	}
body{
	font: 100 12px/18px 'arial',sans-serif;
	background: url(../img/background.jpg) top center no-repeat #ffffff;
	color:#333;
	}
h1,h2,h3,h4,h5,h6{
	font-size: 16px;
	font-family: 'arial',sans-serif;
	line-height: 32px;
	}
#page-wrap{
	width: 600px; /* This is where you adjust the fixed width of the site */
	position: absolute;
	left: 50%;
	margin-left: -300px; /* Needs to be negative half of the width (this will center the site in the browser window). If you add padding or margins, you will need to play around with this to center the site. */
	margin-top: 250px;
	}
#content-wrap{
	}
#page-header, #content-utility{
	padding: 0 15px 15px 15px;
	}
#content-main{
	padding: 0 30px 15px 30px;
	}
#page-header{
	background: #000000;
	}
#content-main{
	width: 370px; /* This is where you adjust the width of the main content area */
	float: right;
	background: url(../img/mainBackground.gif) 0% 100% no-repeat #000000;
	}
#content-utility{
	margin-right: 400px; /* This should match or be less than the width of the contain-main div */
	font-size: 10px;
	font-family: 'verdana',sans-serif;
	line-height: 18px;
	padding-bottom: 30px;
	background: url(../img/utilityBackground.gif) 50% 100% no-repeat #000000;
	}
#content-utility li{
	list-style-type: none;
	}
#content-utility a{
	color: #ffffff;
	}
#content-utility #catNavigation a:hover, #content-utility #lastComment a:hover{
	color: red;
	}
/* FORMAT FOR FORMS */
#postFormTable form table, #commentFormTableWrap form table{
	width: 100%;
	padding-bottom: 15px;
	}
#postFormTable form table td, #commentFormTableWrap form table td{
	vertical-align: top;
	color: #cccccc;
	padding: 3px 3px 0 0;
	}
#postFormTable .postFormLabel, #commentFormTableWrap .commentFormLabel{
	}
form input.btn, .viewOriginalPost{
	margin: 3px;
	padding: 5px;
	cursor: pointer;
	font: 100 12px/28px 'arial',sans-serif;
	text-decoration: none;
	border: 1px solid #ffffff;
	background: #ffffff;
	color: #000000;
	}
form input.btn:hover, .viewOriginalPost:hover{
	background: #ffffcc;
	color: #000000;
	border: 1px solid #ff9900;
	}
.viewOriginalPost{
	padding-left: 9px;
	}
form input.delete{
	}
form input.approve{
	}
form input.pending{
	}
.commentApprove{
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	}
.commentApprove td{
	vertical-align: top;
	}
.plain{
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 3px;
	padding: 2px;
	}
.plain:hover{
	border: 1px solid #ff9900;
	background: #ffffcc;
	}
form .disclaimer{
	display: block;
	font-style: italic;
	padding: 0 5px;
	}
.commentApprove .commentActions{
	width: 100px;
	}
.post, .comment{
	padding-bottom: 30px;
	color: #aaaaaa;
	}
.postTitle, .postContent{
	text-align: justify;
	}
.commentMessage{
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	}
.post h2{
	color: #ffffff;
	font-size: 22px;
	font-weight: 100;
	}
.post p{
	text-indent: 45px;
	}
#firstPost, #firstPost h2{
	font-size: 1.25em;
	line-height: 1.5em
	color: #ffffff;
	}
#firstPost p{
	color: #ffffff;
	}
#firstPost .postByline{
	}
#authorPic{
	float: right;
	padding: 0 0 15px 15px;
	}
.comment p{
	font-style: italic;
	}
.postByline, .commentByline{
	color: #999999;
	background: url(../img/byline.gif) bottom center no-repeat #000000;
	text-align: center;
	padding: 15px 0 5px 0;
	font: 100 10px/18px 'arial narrow','helvetica','arial',sans-serif;
	text-transform: uppercase;
	letter-spacing: .5px;
	}
.postByline a{
	color: #000000;
	}
.postAuthor, .postCategory{
	font-weight: 900;
	color: #000000;
	}
.commentCount{
	font: 100 10px/18px 'arial narrow','helvetica','arial',sans-serif;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #666666;
	padding-left: 15px;
	}
.categoryCount{
	font: 100 10px/18px 'arial narrow','helvetica','arial',sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #666666;
	padding-left: 5px;
	}
#content-utility .commentCount{
	display: block;
	text-align: center;
	padding: 0;
	margin-top: -3px;
	}
#commentSectionWrap{
	margin-top: 15px;
	}
#btnAddComment a{
	padding: 0 10px;
	color: #ffffff;
	}
.commentAuthor{
	font-weight: 900;
	color: #000000;
	}
#commentSectionWrap h3{
	display: block;
	text-align: center;
	}
#content-utility #recentNavigation, #content-utility #lastComment , #content-utility #catNavigation{
	font: 100 10px/18px 'arial narrow','helvetica','arial',sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
	}
.postContent a{
	color: red;
	}
#btnMain, #pagingNext{
	text-align: center;
	}
#pagingNext a, #btnMain a{
	color: white;
	}
#pagingNext a:hover, #btnMain a:hover{
	color: red;
	}
#recentNavigation h4{
	background: #000000;
	}
#recentNavigation ul li a{
	font: 100 10px/18px 'arial narrow','helvetica','arial',sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding: 3px 7px;
	display: block;
	margin-right: 11px;
	color: #ffffff;
	}
#recentNavigation ul li a:hover{
	background: url(../img/navHover.gif) bottom right no-repeat yellow;
	}
#recentNavigation ul li{
	border-bottom: 3px solid #000000;
	}
#currentRecentNav{
	background: url(../img/navCurrent.gif) top left no-repeat red;
	padding: 3px 7px;
	display: block;
	margin-right: 11px;
	color: #ffffff;
	}
#content-utility img{
	padding-top: 3px;
	}
.error{
	font: 100 10px/18px 'arial narrow','helvetica','arial',sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
	text-align: center;
	background: url(../img/errorBackground.gif) top left no-repeat red;
	color: #ffffff;
	margin: 0 15px;
	padding: 7px 0 3px 0;
	border-bottom: 1px solid #000000;
	}
