/* set the page background color and margins. */
body { margin: 0px; background: url('../images/body_bg.jpg') fixed #A8ED75; }

/* set the page font formatting. */
body, p, div, td { font-family: "Trebuchet MS"; font-size: 9pt; color: #4D4D4D; }

/* default link colors - this is the default link color for the page */
a:link { font-weight: bold; text-decoration: none; color: #000000; } /* unvisited link color */
a:visited { font-weight: bold; text-decoration: none; color: #000000; } /* visited link color*/
a:visited:hover { font-weight: bold; text-decoration: none; color: #3D7828; } /* visited link hover color*/
a:hover { font-weight: bold; text-decoration: none; color: #3D7828; } /* hover over an unvisited link color */
a:active { font-weight: bold; text-decoration: none; color: #3D7828; } /* hover over an unvisited link color */

/* default link colors - this is the default link color for the page */
a.sidebar:link { font-weight: bold; text-decoration: none; color: #ffffff; } /* unvisited link color */
a.sidebar:visited { font-weight: bold; text-decoration: none; color: #ffffff; } /* visited link color*/
a.sidebar:visited:hover { font-weight: bold; text-decoration: none; color: #000000; } /* visited link hover color*/
a.sidebar:hover { font-weight: bold; text-decoration: none; color: #000000; } /* hover over an unvisited link color */
a.sidebar:active { font-weight: bold; text-decoration: none; color: #3D7828; } /* hover over an unvisited link color */

ul { margin: 0px 0px 0px 0px; }
li { color: white; }
form, h1, h2, h3, h4, h5 { margin: 0px; }

#outerContainer, #headerContainer, #footerContainer { width: 840px; }
#bottomContainer { width: 840px; text-align: left; background: url('../images/content_bg.gif') #CBE5B8; }

#leftCol { float: left; width: 556px; text-align: center; }
#leftColTop { margin: 0 auto 0 auto; width: 536px; height: 22px; background: url('../images/post_bottom.gif'); }
#rightCol { float: right; width: 284px; background: #CBE5B8; }
#sidebarCol { width: 254px; background: #A8C396; padding: 0px 10px 0px 10px; }
#sidebarContentCol { width: 254px; background: url('../images/sidebar_bg.gif') #A8C496; }

#sidebarQuickLinks, #sidebarByMonth, #sidebarHotTags { padding: 10px; }

#sidebarRandomPhoto { width: 254px; height: 191px; }
#RandomPhotoCover { position: relative; z-index: 10 ; top: 0; left: 0; }
#RandomPhoto { position: relative; z-index: 5 ; top: 0; left: 0; }

.photoGalleryHeader { list-style-type: none; font-size: 12pt; font-weight: bold; margin: 4px;; background: #AAC896; padding: 2px; }
.photoGallery { list-style-type: none; font-size: 9pt; font-weight: normal; background: #C7DEB4; padding: 2px; margin: 2px }


.postContainer { margin: 0 auto 0 auto; width: 536px; text-align: left; background: #DBEDCD; }
.postHeader { padding: 5px 10px 0px 10px; width: 536px; background: no-repeat url('../images/post_top.jpg'); }
.postTitle { color: #30621F; font-size: 13.5pt; }
.postDate {  }
.postCategories {  }
.postSpacer { height: 2px; margin: 3px; }
.postContent { padding: 0px 10px 0px 10px; }
.postBottom { width: 536px; height: 22px; background: url('../images/post_bottom.gif'); }

.sidebarMonth { float: left; width: 31%; }
.sidebarBottom { width: 254px; height: 28px; background: url('../images/sidebar_bottom.gif'); }

.commentShell {
	width: 516px;
	margin: 0 auto;
	background: url('../images/comment_top.jpg') no-repeat #ebf4e1;
}

.openComments {
	margin: 10px 10px 10px 10px;
}

.singleComment {
	border-bottom: 1px solid #B9D3A6;
	padding: 0 0 5px 0;
}

.singleComment p {
	margin: auto auto 0 auto;
}

.singleComment i {
	font-size: .9em;
}

.comments {
	margin: 0 auto;
	background: ;
	margin: 10px;
	display: none;
}

.commentForm {
	margin: 10px 0 0 0;
}

.commentInput {
	width: 300px;
	padding: 0 0 0 12px;
}

.commentForm textarea {
	width: 300px;
	height: 160px;
	padding: 0 0 0 12px;
}

/* div { border: 1px solid #000000; } */

/* tag cloud */
.smallestTag { font-size: x-small; }
.smallTag { font-size: small; }
.mediumTag { font-size: medium; }
.largeTag { font-size: large; }
.largestTag { font-size: x-large; }

/* set input, select and textfield elements sizes */
.stinput { width: 20px; }
.zcinput { width: 45px; }
.phinput { width: 110px; }
.tninput { width: 50px; }
.sminput { width: 75px; }
.mdinput { width: 150px; }
.lginput { width: 225px; }
.xlinput { width: 300px; }
.tntext { width: 350px; height: 40px; }
.smtext { width: 350px; height: 75px; }
.mdtext { width: 350px; height: 150px; }
.lgtext { width: 350px; height: 200px; }
.xltext { width: 350px; height: 300px; }

.thumbnail { height: 165px; text-align: center; }

.white { color: #ffffff; }

legend { font-size: 14pt; color: #ffffff; }
fieldset { padding: 10px; text-align: left; margin: 0 auto 0 auto; color: #000000; width: 500px; }

li.black { color: #000000; }