BODY { margin: 0px; font: 12px Verdana; text-align: center; background: #d3d6cb; }

A { text-decoration: none; }
A:hover { text-decoration: underline; }

H1 { font: bolder 20px Georgia; margin: 10px 0px 10px 10px; color: #5C3614; }
H2 { font: 18px Georgia bold; margin: 10px 0px 10px 10px; color: #5C3614; }
H3 { font: 16px Georgia bold;  margin: 10px 0px 10px 10px; color: #5C3614; }

PRE { margin: 5px 0; padding: 0; font: 12px Verdana; }

/* ------------------------------ MISC ------------------------------ */
IMG.left  { float: left;  margin: 5px 15px 0px 0px; border: 1px solid #BFC1B6; padding: 2px; }
IMG.right { float: right; margin: 5px 0px 0px 15px; border: 1px solid #BFC1B6; padding: 2px; }


.box { margin: 0 0 5px 0; border: 1px solid #BFC1B6; padding: 10px; background: white; overflow: hidden; }
DIV.box H1 { margin: 0; }
DIV.box H2 { margin: 0; }
DIV.box UL { text-align: left; }
DIV.box P { margin: 10px 0 0 0; font-size: 12px;  }
DIV.box P H2 { margin: 0 !important;  }
DIV.box P UL, DIV.box P OL { margin: 0 !important;  }
DIV.blogDetails { margin: 0; padding: 10px 10px 0 0; text-align: right; font: 12px Georgia; }

.adHeader { font-size: 10px; color: #BFC1B6; text-transform: uppercase; }
IMG.action { border: none; cursor: pointer; float: right; }


DIV#body { margin: 0px auto; border-left: 1px solid #BFC1B6; padding: 0 10px 0 0; width: 950px; text-align: left; background: #f0f0e1 url('images/background.gif') repeat-y; text-align: justify; }
DIV#bodyWide { margin: 0px auto; border-left: 1px solid #BFC1B6; padding: 0 10px 0 0; width: 950px; text-align: left; background: #f0f0e1 url('images/background-wide.gif') repeat-y; text-align: justify; }


/* ------------------------------ MENU ------------------------------ */
UL#menu { margin: 0px 0px 5px 0px; border-bottom: 4px solid #8EA285; padding: 2px 10px; height: 24px; background: #90a985 url('images/menu.gif') repeat-x; }
UL#menu LI { display: inline; margin: 0; padding: 0; list-style: none; background: url('images/menu-.gif') no-repeat right; }
UL#menu LI A { margin: 0 1px 0 0; padding: 4px 10px; line-height: 25px; font-size: 13px; color: #6D5D3E; text-decoration: none; text-transform: uppercase; font-weight: bold; }
UL#menu LI A:hover { background: #8EA285; color: white; }


UL#messages { margin: 5px 10px; border: 1px solid #BFC1B6; padding: 5px 20px; color: #6D5633; background: #ACA785; overflow: hidden; }
UL#messages LI {  }
DIV#body UL#messages { margin: 5px 10px 5px 330px; }


DIV#footer { clear: both; margin: 0px 0px 0px 0px; border-top: 1px solid #8EA285; padding: 10px; background: #ACA785; color: #5C5C5C; text-align: center; font-size: 10px; }





/* ------------------------------ LEFT NAV ------------------------------ */
DIV#leftNav {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 50px 10px;
	width: 300px;
	background: #b3b482;
	text-align: left;
	font: 12px Georgia;
}
DIV#leftNav H2 { margin: 10px 0; border-bottom: 1px solid #BFC1B6; }
DIV#leftNav H3 { margin: 10px 0; border-bottom: 1px solid #BFC1B6; }
DIV#leftNav H3 A { font: 10px Verdana; float: right; }
DIV#leftNav UL { margin: 0px 0px 20px 0px; padding: 0px; list-style: inside circle; }
DIV#leftNav UL LI { display: block; margin: 0px; padding: 0px;  }
DIV#leftNav UL LI A {}
DIV#leftNav IMG { margin: 0px 0px 5px 0px; }

DIV#leftNav DIV#navSignup { text-align: center; }
DIV#leftNav DIV#navSignup IMG { width: auto; }


DIV.rightColumn { margin: 10px 10px 5px 2px; padding: 0; width: 306px; float: right; text-align: center; overflow: hidden; }
DIV.rightColumn DIV.box { margin: 0 0 5px 0; border: 1px solid #BFC1B6; padding: 10px; background: white; }
DIV.rightColumn DIV.box H2 { margin: 0; border-bottom: 1px solid #BFC1B6; text-align: left; }
DIV.rightColumn DIV.box P { margin: 10px 0 0 0; padding: 0; text-align: left; }
DIV.rightColumn IMG { border: 1px solid #BFC1B6; padding: 2px;  }




DIV#main { margin: 0px 0px 0px 320px; }


DIV.content { margin: 0; padding: 10px; line-height: 1.5; overflow: hidden; }




DIV.content UL {
	list-style-position: inside;
}
DIV.content UL LI {
	line-height: 1.5em;
	font-size: 12px;
}




DIV#body DIV.half {
	float: left;
	padding: 0px 10px;
	width: 351px;
}
DIV#body DIV.blog {
	height: 245px;
	overflow-y: hidden;
}
DIV#body DIV.left {
	border-right: 1px solid #90a985;
}







/* ****************************** FORMS ****************************** */
INPUT, TEXTAREA, SELECT { font: 12px Verdana; }
FORM { text-align: center; }
FORM FIELDSET {}
FORM FIELDSET LABEL { text-align: right; display: block; font-size: 12px; }
FORM FIELDSET LABEL INPUT.title { font-size: 16px; }
FORM FIELDSET LABEL.buttons { text-align: center !important; }
FORM FIELDSET LABEL.buttons INPUT  { width: auto !important; font-size: 14px; } 





FIELDSET.login { margin: 10px 210px; padding: 10px; width: 305px; text-align: right; }
FIELDSET.login LABEL { display: block; font-size: 12px; text-align: right;  }
FIELDSET.login LABEL INPUT { font-size: 16px; }


FORM#navLogin { margin: 0px; padding: 0px; }
FORM#navLogin FIELDSET.navLogin { margin: 0px; padding: 5px; text-align: right; }
FORM#navLogin FIELDSET.navLogin LABEL { font-size: 8px; text-align: right;  }
FORM#navLogin FIELDSET.navLogin LABEL INPUT { font-size: 10px; width: 90px; }
FORM#navLogin FIELDSET.navLogin LABEL INPUT.button { width: auto; }

FORM#boardSearch { text-align: center; }
FORM#boardSearch FIELDSET { margin: 0px auto; padding: 10px; width: 350px; }
FORM#boardSearch FIELDSET LEGEND { margin: 0px 0px 5px 0px; font-size: 12px; }
FORM#boardSearch FIELDSET INPUT.text { width: 250px; font-size: 14px; }
FORM#boardSearch FIELDSET INPUT.button { font-size: 13px; }

/* Blog Posts */
FORM.post { margin: 0; padding: 0; text-align: center; }
FORM.post FIELDSET { margin: 0px auto; border: none; padding: 10px; }
FORM.post FIELDSET LEGEND { margin: 0px 0px 5px 0px;  }
FORM.post FIELDSET LABEL { display: block; padding: 2px 0px; text-align: right; }
FORM.post FIELDSET LABEL INPUT { width: 500px; }
FORM.post FIELDSET LABEL INPUT.title { font-size: 16px; }
FORM.post FIELDSET LABEL TEXTAREA { width: 500px; height: 200px; }

/* Board Posts */
FORM.post { margin: 0; padding: 0; text-align: center; }
FORM.post FIELDSET { margin: 0px auto; border: none; padding: 10px; }
FORM.post FIELDSET LEGEND { margin: 0px 0px 5px 0px;  }
FORM.post FIELDSET LABEL { display: block; padding: 2px 0px; text-align: right; }
FORM.post FIELDSET LABEL INPUT { width: 500px; }
FORM.post FIELDSET LABEL INPUT.title { font-size: 16px; }
FORM.post FIELDSET LABEL TEXTAREA { width: 500px; height: 200px; }

/* Registration Form */
FORM.signup { font-size: 12px; }
FORM.signup FIELDSET { margin: 0px auto; padding: 10px; width: 400px; text-align: center; }
FORM.signup FIELDSET LABEL { clear: right; display: block; margin: 3px 50px 3px 0px; width: 350px; text-align: right; }
FORM.signup FIELDSET LABEL INPUT { width: 200px; font-size: 16px; }

/* Email Form */
FORM.email { }
FORM.email FIELDSET { margin: 10px; padding: 10px;  }
FORM.email FIELDSET LABEL { display: block; padding: 2px 0px; text-align: right; }
FORM.email FIELDSET LABEL INPUT { width: 450px; font-size: 16px; }
FORM.email FIELDSET LABEL TEXTAREA { width: 535px; height: 200px; font-size: 14px; }

DIV#emailPreview { width: 100%; text-align: left; overflow: hidden; }


LABEL.error { color: red; }
LABEL.error INPUT { border: 1px solid red; }

FIELDSET LABEL.buttons { margin-top: 5px !important; text-align: center; border: none; }
FIELDSET LABEL.buttons INPUT { font: 10px Verdana; width: auto; }
FIELDSET INPUT.button { font: 10px Verdana; width: auto; }

/* Album Form */
FORM.box FIELDSET { margin: 0 auto; border: none; padding: 5px; width: 400px; text-align: center; }
FORM.box FIELDSET LABEL {}
FORM.box FIELDSET LABEL INPUT { width: 300px; }
FORM.box FIELDSET TEXTAREA { width: 400px; height: 100px; }




/* ****************************** BOARDS ****************************** */
A.reply { float: right; margin: 5px 15px; padding: 0px 0px 0px 18px; background: url('images/comment.png') left no-repeat; }
A.delete { float: right; margin: 5px; padding: 0px 0px 0px 18px; background: url('images/delete.png') left no-repeat; }
DIV.actions { float: right; }
DIV.actions A { float: none; }

UL.boards {}
UL.boards LI.board {}
UL.boards LI.board H2 {}

UL.threads { margin: 0px; border: 1px solid #666666; padding: 0px 0px 2px 0px; overflow: hidden; background: #90a985; list-style: none; clear: both; }
UL.threads LI { display: block; margin: 2px 2px 0px 2px; border: 1px solid #666666; padding: 5px; background: white; }
UL.threads LI.none	{ text-align: center; font-style: italic; }
UL.threads LI.thread { }
UL.threads LI.thread A.reply { margin: 0px 5px; }
UL.threads LI.thread H2 { margin: 5px 0 0 0; padding: 0px; float: left; }
UL.threads LI.thread DIV.details { margin: 0 0 3px 0; padding: 10px 10px 0 0; overflow: hidden; text-align: right; font: 12px Georgia; clear: right; }
UL.threads LI.thread P { clear: both;  margin: 0px; padding: 0px; }


UL.posts { margin: 0px; border: 1px solid #666666; padding: 0px 0px 2px 0px; overflow: hidden; background: #90a985; list-style: none; }
UL.posts LI { display: block; margin: 2px 2px 0px 2px; border: 1px solid #666666; padding: 5px; background: white; }
UL.posts LI.none { text-align: center; font-style: italic; }
UL.posts LI.post {  }
UL.posts LI.post A.reply { margin: 0px 5px; }
UL.posts LI.post H3 { margin: 5px 0 0 0; padding: 0px; float: left; }
UL.posts LI.post DIV.details { margin: 0 0 3px 0; padding: 10px 10px 0 0; overflow: hidden; text-align: right; font: 12px Georgia; clear: right; }
UL.posts LI.post P 	{ clear: both;  margin: 0px; padding: 0px; }



/* ****************************** PHOTO ALBUMS ****************************** */
UL#albums { margin: 0; padding: 0; list-style: none; }
UL#albums LI { margin: 5px; border: 1px solid #BFC1B6; padding: 5px; width: 130px; height: 160px; overflow: hidden; display: block; float: left; text-align: center; }
UL#albums LI DIV.photo { text-align: center; cursor: pointer; }
UL#albums LI DIV.photo TABLE { margin: 0 auto; }
UL#albums LI IMG { border: 1px solid #BFC1B6; padding: 2px;  }
UL#albums LI P { margin: 0; font-size: 10px; line-height: 12px; }

DIV.photos {}
DIV.photos DIV.photo { margin: 5px; width: 120px; display: block; float: left; overflow: hidden; text-align: center; }
DIV.photos DIV.photo TABLE { margin: 0 auto; }
DIV.photos DIV.photo IMG { border: 1px solid #BFC1B6; padding: 2px; cursor: pointer; }
DIV.photos DIV.photo P { margin: 0; font-size: 10px; line-height: 12px; }

DIV.mainPhoto { margin: 0 auto; }
DIV.mainPhoto TABLE { margin: 0 auto; }
DIV.mainPhoto TABLE IMG { border: 1px solid #BFC1B6; padding: 2px; cursor: pointer; }
DIV.mainPhoto P#mainPhotoCaption { margin: 0 0 5px 0; text-align: center; }


/* ****************************** WEATHER ****************************** */
DIV#weather {
	clear: both;
	margin: 15px 0px 0px 0px;
	border: 1px solid #666666;
	padding: 2px; 
	height: 245px;
	background: #90a985;
	text-align: left; 
	font-size: 8px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
DIV#weather DIV.day { float: left; margin: 2px; border: 1px solid #666666; padding: 5px; width: 168px; height: 212px; overflow: hidden; background: white; }
DIV#weather DIV.day H3 { margin: 5px; text-align: center; }
DIV#weather DIV.day DIV.description { margin: 0px 0px 5px 0px; border: 0px solid #90a985; height: 112px; overflow: auto; }
DIV#weather DIV.day P { margin: 0px; padding: 0px; font-size: 7px; }
DIV#weather DIV.day DL { clear: both; text-align: right; }
DIV#weather DIV.day DL DT { float: left; margin: 0px; border: 0px; width: 80px; font-weight: bold; text-align: right; }
DIV#weather DIV.day DL DD { float: right; margin: 0px; border: 0px; width: 80px; }

DIV#weather DIV.today { }
DIV#weather DIV.today H4 { margin: 0px; text-transform: capitalize; }
DIV#weather DIV.today H4 IMG { float: left; margin: 0px 5px 5px 0px; }
DIV#weather DIV.today H4 SPAN.sky { display: block; }
DIV#weather DIV.today H4 SPAN.temp { display: block; }
DIV#weather DIV.today DL { }
DIV#weather DIV.today DL DT { width: 100px; }
DIV#weather DIV.today DL DD { width: 60px; }

DIV#weather DIV.links { padding: 0px 4px; text-align: right; }