/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0; 
}

html { overflow-y: scroll; }

html, body { height:100%; }

body {
	font-size: .75em; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:1.5em;
	font-weight:normal;
	color:#666;
	background: url(/images/bgHead.png) top center repeat-x #f8f4e5;
}

ol, ul, li { list-style:none }

a { outline:none; text-decoration:none; color:#3366cc;}

a:hover, a:active {text-decoration:underline;}

img { vertical-align: middle; }

table { border-collapse:collapse; border-spacing:0 }

hr {display: none}


/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border: none; } /* Gets rid of IE's blue borders */


/* Utility */

.floatLeft { float:left; }
.floatRight { float:right }
.clear {
	clear:both;
	font-size:1px;
	height:0pt;
	line-height:0px;
}

.hidden { display:none; }




/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 { font-weight:bold } 



/* layout */


/* --------------------------
		colors:
		#f8f4e5 = tan bg
-------------------------- */


br.clearTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */


#pageWrap {
	width:953px; 
	margin: 0px auto 0px;
	min-height: 100%; 
	height: auto !important;
	height: 100%;
}



/* 
header section
 */


#header {
	background: url(/images/bgBlogheader.png) top center no-repeat;
	z-index:10;
	height:270px;
}

#header .golocalblog { margin: 36px 0 0 36px; }
#header .searchBtn {
	background:transparent url(/images/blog.png) no-repeat scroll 0px -70px;
	height:26px;
	width:76px;
}

#search {
	z-index:15;
	margin: 120px 0 0 620px;
}

/* form stuff */

button {
	background-color:#FFFFFF;
	border:medium none;
	cursor:pointer;
	height:26px;
	overflow:hidden;
	padding:0pt 0.25em;
	width:1px;
}

button span { display:none; }

.formText {
	border:1px solid #cecece;
	color:#666666;
	font-size:1.25em;
	/*margin-bottom:10px;  */
	padding:4px 1px;
	width:194px;
}

.formIcon {
	background:#FFFFFF url(/images/blog.png) no-repeat scroll 5px 6px;
	padding-left:25px;
	margin-right:13px;
}



/* 
footer section
 */


#bottom {
	background: url(/images/bgBottom.png) top center no-repeat;
	height:6px;
	margin-top:-31px;
}

#footer {
	clear:both;
	margin:0px 30px;  
	padding-bottom:10px;
}
#footer ul {
	padding-bottom:10px;
	right:0px;
	text-align:right;
}

ul.genlist {
	list-style-image:none;
	list-style-position:outside;
}
ul.genlist li{
	padding-bottom:0.333em;
	line-height:1.333em;
}

#footer ul li {
	border-right:1px solid #CCCCCC;
	margin-right:5px;
	padding-right:5px;
	display:inline;
}
#footer ul li.last {border:medium none;}



/* 
post entries section
 */


#contentWrap {
	background: url(/images/bgBlogcontent.png) top center repeat-y;
	z-index:5;
	top:-31px;
}

#content { 
	position:relative;
	width:918px;   /* 953 - 36 */
	margin:0 0 0 35px;
}

#mainBlog {
	float:left;
	width:580px;
	padding:15px 10px 10px 0;
}
#mainBlog h1,
#mainBlog h2 {
	font-size:26px;
	font-family:Bookman, Baskerville, 'Times, Times New Roman', serif;
	font-weight:400;
	line-height:normal;
	margin: 20px 0 10px;
}

.h1single {
	max-width: 480px;
}

#mainBlog .h1single h1,
#mainBlog .h1single h2 {
	border-bottom:1px dashed #b1b1b1;
	margin-bottom:0;
	color:#000000;
	display:inline;
}

#mainBlog h1,
#mainBlog h2 {     
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#C63326;         
	margin:20px 0 10px;
	font-weight:normal;
	width:520;
}

#mainBlog .postMeat h3 {                     /* available for subheadlines in entries */
	text-align:justify;
	font-variant:small-caps;
	padding:0 0 5px 0;
	font-weight:normal;
	font-size:1em;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif; 
}

#mainBlog h1 a,#mainBlog h1 a:visited,#mainBlog h1 a:active,
#mainBlog h2 a,#mainBlog h2 a:visited,#mainBlog h2 a:active {
	color:#3366cc;
	text-decoration:none;
	border-bottom:1px dashed #b1b1b1;
}
#mainBlog h1 a:hover,
#mainBlog h2 a:hover {
	color:#3366cc;
	text-decoration:none;
	border-bottom:1px solid #b1b1b1;
}

#mainBlog .imageStyle { border:#d1d1d1 thin solid; } /* not used in html, available for entries though */

#mainBlog .tags {
	margin-top:5px; 
	margin-right:10px;
	font-size:11px;
	border-bottom:1px dashed #b1b1b1;
	width:410px;
	padding:0;
}

#mainBlog .comments {
	margin-right:10px; 
	font-size:11px;
	width:310px;
	padding:0;
}

.post {margin-bottom:60px;}
.post p {
	text-align:justify;
	padding:0 0 10px 0;
}

.post ul {margin: 0px 0 10px 35px;}

.post ul li {
	list-style: square outside;
}

#mainBlog .date {
	background: url(/images/blog.png) no-repeat scroll -560px 0px;
	height:70px;
	width:55px;
	float:left; 
	z-index:20;
	font-family:Bookman, Baskerville, 'Times, Times New Roman', serif;
}

#mainBlog .month {
	font-size:16px;
	font-weight:bold;
	color:#666;
	text-align:center;
	padding-top:14px;
	padding-bottom:3px;
	padding-right:7px;
}

#mainBlog .day {
	font-size:34px;
	font-weight:bold;
	color:#c63326;
	text-align:center;
	padding-right:7px;
}

#mainBlog .postContent {
	padding-left:65px;
}

#mainBlog .postdata {
	margin-bottom:20px;
	font-size:11px;
	font-weight:400;
	color:#4e463b;
}

.postMeat {	margin:0 0 0 65px; }



/* 
sidebar
 */


#sidebarTop{
	height:58px;
	min-height:58px;
}
#sidebarContent{
	padding:9px 10px 30px 35px; 
	width:256px;
}
#sidebar{
	width:209px; /* 220px + 2x35px padding */
	position:relative;
	float:left;
	margin:-20px 0 0 -8px;
}
.subcolumn{width:255px;}

.widget{
	width:252px;
	margin-left:4px;
	margin-bottom:20px;
	text-align:left;
	padding-bottom:10px;
	margin-top:10px;}
.widget p{padding-left:5px;}
.widget h2{
	height:43px; /* 65px - 22px padding */
	font-size:22px;
	font-family:Bookman, Baskerville, 'Times, Times New Roman', serif;
	font-weight:normal;
	line-height:normal;
	color:#666;
	margin:0;
	padding:22px 0 0 90px;
}
.widget ul{
	border:none;
	list-style:none;
	padding:5px 0;
}
.widget ul li{
	background: transparent url(/images/blog.png) no-repeat -10px -612px;
	margin:0 0 0 30px;
	padding:0 35px 10px 10px;
	position:relative;
}

#sidebarContent .golocalBox{padding-left:35px;}

.headNotepad1 { background:url(/images/blog.png) no-repeat 35px -140px; }
.headNotepad2 { background:url(/images/blog.png) no-repeat 35px -210px; }
.headNotepad3 { background:url(/images/blog.png) no-repeat 35px -280px; }

.footNotepad1 { 
	background:url(/images/blog.png) no-repeat 35px -350px;
	height:33px;
}
.footNotepad2 { 
	background:url(/images/blog.png) no-repeat 37px -420px;
	height:33px;
}
.footNotepad3 { 
	background:url(/images/blog.png) no-repeat 34px -498px;
	height:25px;
}

.notepad1 ul {
	background: transparent url(/images/bgPaper1.png) top left repeat-y;
	margin-left:35px;
}
.notepad2 ul {
	background: transparent url(/images/bgPaper2.png) top left repeat-y;
	margin-left:35px;
}
.notepad3 ul {
	background: transparent url(/images/bgPaper3.png) top left repeat-y;
	margin-left:35px;
}



/* 
comments
 */

#mainBlog .commentsHeader{padding-top:33px;}

#mainBlog .singleComments h3 {
	border-bottom:1px dashed #b1b1b1;
	color:#000000;
	font-size:20px;
	display:inline;
}

.commentsBox {
	background-color:#f5f5f5;
	padding:20px 15px;
	margin-top:10px;
} 
	
.commentsInfo {
	font-size:11px;
}

.comment {
	background:transparent url(/images/quote.png) top left no-repeat;
	padding:10px 0 0 50px;
	margin-top:10px;
	height: auto !important; /* Firefox, Safari, IE7, etc */
	height: 40px; /* IE6 */
	min-height: 40px; /* Firefox, Safari, IE7, etc */
}



/* 
comments form
 */
 
 
.formIcon {
	background:#FFFFFF url(/images/blog.png) no-repeat scroll 5px 6px;
	padding-left:25px;
	margin-right:13px;
}

#formsWrapper { }

#formsWrapper label {
	font-size:0.917em;
	display:block;
	padding-bottom:1px;
	padding-top:10px;
}

.formElement { }

#formsWrapper .wideActualForm {width:484px;}

.iconName {
	background:#FFFFFF url(/images/blog.png) no-repeat scroll 5px -903px;
	padding-left:25px;
}
.iconEmail {
	background:#FFFFFF url(/images/blog.png) no-repeat scroll 3px -970px;
	padding-left:25px;
}
.iconComment {
	background:#FFFFFF url(/images/blog.png) no-repeat scroll 4px -1045px;
	padding-left:25px;
	width:484px;
}

#formsWrapper .mandatory {
	background:transparent url(/images/blog.png) no-repeat scroll 0px -770px;
	height:18px;
	position:absolute;
	right:1px;
	top:1.667em;
	width:18px;
}

button.send {
	background:transparent url(/images/blog.png) no-repeat scroll 0px -700px;
	width:97px;
	margin-top:10px;
}


/* 
images
 */
 
.alignleft { 
	float:left;
	padding-top:4px;
}

.alignright { 
	float:right; 
	padding-top:4px; 
	text-align:right;
}
 
img.alignleft { 
	padding-right:10px;
}

img.alignright { 
	padding-left:10px;
}

.aligncenter, dl.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.mceIEcenter {
	text-align: center;
}

.wp-caption-text{ 
	font-size:85%; 
	padding-bottom:0 !important;
}

.alignright .wp-caption-text{ 
	padding-left:10px;
}