/*
Title:      	HOL Screen Styles
Author:     	Rames El Desouki, The Traveller Publishing
*/

/* Basic Structure
================================================== */

body { 	
	font: 75% verdana, arial, sans-serif;
	background: #f1ffd9 url(/images/top_bg.png) repeat-x 0 0;
}

#wrapper { 
	margin: 0 auto;
	width: 954px;
}

#first, #second, #third { 
	float: left;
	margin-bottom: 20px;
}

/* Typography
================================================== */

p { 
	line-height: 1.4;
	word-spacing: 0.05em;
	margin: 1em 0;
}

.justified {
	text-align: justify;
	padding: 0.1em 0.7em 0.1em 1em;
}

abbr, acronym { 
	border-bottom: 1px dotted #666;
	cursor: help;
}

h2, h3, h4, h5 { 
	font-family: georgia, "Times New Roman", times, serif; 
	clear: left;
}

h2 { display: none; }

h3 { 
	color: #775;
	font-size: 1.25em;
	font-weight: normal;
}

#first-top h4 a img { margin-top: 0.5em; }
	
#first-top h3 { font-size: 2em; }
#first-bot dt { font-size: 1.5em; }

#first-top h3 a, 
#first-bot dt a { 
	font-weight: normal;
	border-color: #ccc;
}

#first-top h3, #first-top h3 a { color: #362; }
#first-bot dt, #first-bot dt a { color: #552; }

#first-top h3 a:hover, 
#first-bot dt a:hover { color: #020; }
	
#first-top h4 { 
	margin: 0 0 -0.2em;
	font-size: 1.4em;
	color: #532;
	font-weight: normal;
}
	
#first-top h4 a {
	color: #532;
	font-weight: normal;
	border-color: #997;
}

#first-top h5 { 
	margin: 0.8em 0 -0.3em;
	font-size: 1.3em;
	color: #876;
	font-weight: normal;
}
	
#first-bot h2 { 
	margin-left: 22px;
	font-size: 1.3em;
	font-weight: normal;
	display: block;
	color: #aa7;
}

small, sub, sup { font-size: 0.8em }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }
strong 		{ font-weight: bold; }
em 		{ font-style: italic; }
.quote 		{ background-color: #e8e8e8; }

.negative	{ color: #ff0000; }
.positive	{ color: #008000; }
.spell		{ color: #0000ff; }
.effects	{ color: #7D26CD; }


/* Links
================================================== */

a { 
	text-decoration: none;
	font-weight: bold;
}

a:link 		{ color: #a30; }
a:visited	{ color: #c87; }
a:hover		{ color: #700; border-bottom: 1px dotted #c52; }

/* Header
================================================== */

#header h1 {
	margin: 0 auto;
	height: 128px;
	width: 954px;
	background: #581 url(/images/logo1.jpg) no-repeat 50% 0;
	text-indent: -9999px;
}

/* Tables
================================================== */

table.twocol, table.twin, table.adminform, table.forum {
	width: 100%;
}

table.twocol tr, table.twin tr {
	vertical-align: top;
}

table.twin td, table.twin th {
	padding: 0 10px;
}

table.twocol td, table.twocol th {
	width: 50%;
	padding: 0 10px;
}

.adminform td, .adminform th {
	padding: 2px 0;
}

.reset a, .mail a { font-weight: normal; }
.reset a:visited, .mail a:visited { color: #a30; }
.reset a:hover, .mail a:hover { color: #a30; border: none; }

.mail td, .mail th {
	padding: 5px 10px;
	line-height: 140%;
}

.mail td.label {
	width: 80px;
	background-color: #DEECC8;
	font-weight: 500;
	font-style: italic;
	text-align: right;
}

.forum {
	margin-bottom: 1em;
	clear: both;
	font-size:   1.2em; 
	line-height: 1.3em;  	
}

.forum td, .forum th {
	font-size: 12px;
	padding: 5px 2px 5px 2px;
}

.list {
	background-color: #DEECC8;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0.5em;
	width: 100%;
}

.list td, .list th {
	vertical-align: middle;
	padding: 3px;
}

.actionlist {
	background-color: #DEECC8;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0.5em;
	width: 100%;
}

.actionlist td, .list th {
	vertical-align: middle;
	padding: 1px;
}

.titlemedium 
{
	background-color:  #CFDBC5;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	color: #08070C;
	font-weight: bold;
	text-align: center;
}

.forumheader
{
	background-color: #775;
	padding: 0px 0px 0px 3px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}

.adminform .headline 
{
	padding: 2px 5px;
	font-size: 1.2em;
	background-color:  #efeab7;
	color: #08070C;
}

.spellbook 
{
	background-color: #E8E8E8;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.sp_damage { background-color:  #EEB4B4; }
.sp_caster { background-color:  #CCFFCC; }
.sp_target { background-color:  #EEB4B4; }

.booktext1 { color:  #8B7E66; }
.booktext2 { color:  #8B7355; }
.booktext3 { color:  #292421; }
.booktext4 { color:  #330000; }
.pale { color:  #A9A9A9; }

.row1 {	background: #f7f7f7; }
.row2 { background: #f0f0f0; }
.row3 { background: #dbe6e0; color: #000000; }
.row11 { background: #f7f7f7; color: #000000; }
.row12 { background: #f0f0f0; color: #000000; }

/* First Column
================================================== */

#first { 
	width: 470px;
	clear: left;
	background: #fff url(/images/first-bg.gif) repeat-y 0 0;
}

#first-top { 
	background: url(/images/first-top.gif) no-repeat 50% 0;
	padding: 20px 20px 20px 22px;
	color: #665;
	position: relative;
}

#first-top p.infobox{ 
	background: #f7f9f5;
}

#first-top img.right { 
	float: right;
	margin: 0 2px 15px 15px;
}

#first-top img.left { 
	float: left;
	margin: 0 15px 15px 0;
}

#first-top img.center { 
	display: block;
	margin: 20px auto;
}

#first-top img.avatar, #second img.avatar { 
	vertical-align: top; 
	float: left;
	margin: 0 10px 5px 0;
	padding: 1px;
	border: 3px solid #ebebbc;
	color: #580;
	font-weight: normal;
	background: #775 url(/images/noavatar.jpg) no-repeat 50% 50%;
}

#first-top img.item { 
	vertical-align: top; 
	float: left;
	margin: 0 10px 5px 0;
	padding: 1px;
	border: 3px solid #ebebbc;
	color: #580;
	font-weight: normal;
	background: transparent;
}

#second img.visitor { 
	vertical-align: top; 
	float: left;
	margin: 0 3px 5px 0;
	padding: 1px;
	border: 3px solid #ebebbc;
	color: #580;
	font-weight: normal;
	background: transparent;
}

#first-top img.pet { 
	vertical-align: top; 
	margin: 8px 2px 2px 2px;
	padding: 3px;
	border: 3px solid #ebebbc;
	color: #580;
	font-weight: normal;
	background: transparent;
}

#first-top img.fwaw { 
	vertical-align: top; 
	margin: 2px 0;
	padding: 3px;
	border: 3px solid #ebebbc;
	color: #580;
	font-weight: normal;
	background: transparent;
}

#first-top .highlight { 
	margin: 25px -20px 20px -22px;
	background: url(/images/updates-bg.gif) repeat-y 100% 0;
	color: #a64;
	padding: 0.5em 20px 0.5em 22px;
}
	
#first-top .highlight .edit_info {
	font-size: 0.9em;
	color: #eba;
}

#first-bot { 
	padding-top: 20px;
	position: relative;
	clear: left;
	color: #775;
	background: #f7f9f5 url(/images/first-bg.gif) repeat-y 100% 0;
}

#first-bot dl { 
	padding: 15px 20px 15px 22px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: url(/images/first-bot.gif) no-repeat 50% 100%;
}

#first-end dl { 
	padding: 15px 20px 15px 22px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: url(/images/first-bot-large.gif) no-repeat 50% 100%;
}

#first-bot dt + dd { 
	margin: 0.5em 0;
	line-height: 1.2;
}

/* First Column Large
================================================== */

.large #first { 
	width: 710px;
	clear: left;
	background: #fff url(/images/first-bg-large.gif) repeat-y 0 0;
}

.large #first-top { 
	background: url(/images/first-top-large.gif) no-repeat 50% 0;
	padding: 20px 20px 20px 22px;
	color: #665;
	position: relative;
}

.large #first-end { 
	background: url(/images/first-bot-large.gif) no-repeat 50% 0;
	padding-top: 27px;
	color: #665;
	position: relative;
}


/* Second and Third Columns
================================================== */

#second { 
	margin-left: -3px; 
}

#second, #third { 
	position: relative;
	width: 227px;
	padding-left: 13px;
}

#second-a {
	float: left;
	width: 227px;
	clear: left;
}

#second-b { 
	float: left;
	position: relative;
	width: 227px;
	padding-left: 13px;
}



/* Navigation Bar
================================================== */

#nav-string {
	background: #1D1D1D;
	margin: 0 0 1em 0;
	font-size: 85%;
	font-weight: bold;
	color: #FFF5E6;
	padding: 3px 0px 3px 3px;
	z-index: 2000;
}

#nav-string div {
	padding: 2px 10px 3px 0;
	color: #FFF5E6;

}

#nav-string a {
	color: #FFF5E6;
	padding: 3px;
}

#nav-string a:hover {
	color: #1D1D1D;
	background: #FFF5E6;
	padding: 3px;
	text-decoration: none;
}

/* Form Response Formatting
================================================== */

.failure, .error {
	background: #db9ea6;
	font-size: 12px;
	color: #000;
	margin-top: 1em;
	padding: 5px 20px 5px 20px;
	border-top: 2px solid #ee0000;
	border-bottom: 2px solid #ee0000;
	margin-bottom: 0.5em;
	position: relative;
}

.success {
	background: #bced91;
	font-size: 12px;
	color: #000;
	margin-top: 1em;
	padding: 5px 20px 5px 20px;
	border-top: 2px solid #488214;
	border-bottom: 2px solid #488214;
	margin-bottom: 0.5em;
	position: relative;
}

.info {
	background: #c3e4ed;
	font-size: 12px;
	color: #000;
	margin-top: 1em;
	padding: 5px 20px 5px 20px;
	border-top: 2px solid #00688b;
	border-bottom: 2px solid #00688b;
	margin-bottom: 0.5em;
	position: relative;
}

.book {
	background: #EEDFCC;
	font-size: 12px;
	color: #000;
	margin-top: 1em;
	padding: 5px 20px 5px 20px;
	border-top: 2px solid #CDB38B;
	border-bottom: 2px solid #CDB38B;
	margin-bottom: 0.5em;
	position: relative;
}

.failure ul, .success ul, .info ul {
	list-style: none;
	padding-left: 5px;
}

.failure li {
	background: transparent url(/images/icon_fail.png) no-repeat 4px 0px;
	padding: 0 0 0 30px;
}

.success li {
	background: transparent url(/images/icon_okay.png) no-repeat 4px 0px;
	padding: 0 0 0 30px;
}

.info li {
	background: transparent url(/images/icon_info.png) no-repeat 4px 0px;
	padding: 0 0 0 30px;
}


/* User Links
================================================== */

.userlinks h3 { 
	border-bottom: 1px solid #006400;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.userlinks h4 { 
	border-bottom: 1px solid #006400;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.userlinks dt { 
	clear: left;
	padding-top: 2px;
	color: #aa8;
}

.userlinks dt.darkgrey, .userlinks dd.darkgrey { 
	color: #383838;
}

.userlinks dt.large-grey { 
	color: #383838;
	font-weight: bold;
	font-size: 1.2em;
}

.userlinks dt a { 
	color: #360;
	border-color: #474;
	font-weight: normal;
}
	
/*
.userlinks a + a { 
	display: block;
	margin: 5px 0;
	color: #230;
	border: none;
}
*/

.userlinks a + a:hover { color: #674; }

.userlinks dd { 
	color: #775;
	margin-bottom: 2px;
	font-size: 0.9em;
}

.userlinks dd { color: #aa8; }

.userlinks dd + dd { 
	clear: left;
	color: #775;
}

.userlinks { 
	position: relative;
	padding-top: 10px;
}

.userlinks dt img { 
	vertical-align: top; 
	float: left;
	margin: 0 10px 5px 0;
	padding: 1px;
	border: 3px solid #ebebbc;
	color: #580;
	font-size: 10px;
	font-weight: normal;
	background: #775 url(/images/noavatar.jpg) no-repeat 50% 50%;
}

.userlinks dt img.clear { 
	background: transparent;
}

.userlinks dd img.clear { 
	display: inline;
	background: transparent;
	margin: 0 0 0 0;
}

.userlinks dt a:hover img { border-color: #cad78e; }

/* About
================================================== */

.about h3 { 
	border-bottom: 1px solid #006400;
	padding-bottom: 5px;
	width: 90%;
}

.about p { 
	margin: 5px 0 10px;
	color: #997;
}

.about img { 
	float: right;
	margin: -8px 0 5px 5px;
}

.about img.houselogo { 
	width: 200px;
	height: 200px;
	vertical-align: middle; 
	margin-top: 5px;
	padding: 10px;
	border: 3px solid #775;
	color: #580;
	font-size: 10px;
	font-weight: normal;
	background-color: #000;
}

img.personals { 
	width: 16px;
	height: 16px;
	vertical-align: middle; 
	margin-top: 2px;
	padding: 3px 5px;
	border: 0;
}

#third img.deptlogo, #second img.deptlogo, #second-a img.deptlogo { 
	width: 200px;
	height: 200px;
	vertical-align: middle; 
	margin-bottom: 5px;
	padding: 10px;
	border: 3px solid #775;
	color: #580;
	font-size: 10px;
	font-weight: normal;
	background-color: #edeee0;
}

#second img.gihp { 
	width: 220px;
	height: 297px;
	vertical-align: middle; 
	margin-bottom: 5px;
	padding: 0;
	border: 3px solid #775;
	color: #580;
	font-size: 10px;
	font-weight: normal;
	background-color: #edeee0;
}

.about img.icon { 
	float: left;
	width: 16px;
	height: 16px;
	vertical-align: middle; 
	padding: 10px 10px 0 2px;
}

.about img.pointer { 
	float: left;
	width: 11px;
	height: 13px;
	vertical-align: middle; 
	padding: 10px 5px 0 0;
}

.about a { 
	color: #442;
	font-weight: normal;
}

.about a:hover { border-bottom: 1px dotted #997; }

.about ul { 
	padding-left: 10px;
	margin-left: 10px;
	list-style-type: square;
}

.about li { 
	padding-bottom: 3px;
}


/* House Cup
================================================== */

#housecup h3 { 
	border-bottom: 1px solid #006400;
	padding-bottom: 5px;
	width: 100%;
}

#housecup table {
	width: 100%;
	background: #f7f7f7;
	margin-bottom: 1em;
	border-bottom: 1px solid #006400;
}

#housecup table th {
	text-align: center;
	width: 25%;
}

#housecup table td {
	text-align: center;
	width: 25%;
	padding: 5px 0 5px 0;
}

/* Quicklinks
================================================== */

#quicklinks { 
	position: relative; 
}

#quicklinks h3 { margin: 20px 0 10px; }

#quicklinks .ql-list { 
	font-size: 0.9em;
	margin-left: -13px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: #f2eebb url(/images/ql-xfades.gif) repeat-y 0 0;
}

#quicklinks .ql-list li { background: url(/images/ql-yfades.gif) no-repeat 0 100%; }

#quicklinks .ql-list h4 a { 
	display: block;
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 217px;
	background: url(/images/ql-arrow.gif) no-repeat -999px; 	/* force z-index and preload hover */
	padding: 10px;
	margin-left: 3px;
	color: #333;
	font: 1.2em verdana, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-top: 1px solid #e6dfab;
}

#quicklinks .ql-list .newest h4 a { 
	border-top: none;
	background: url(/images/ql-top-corner.gif) no-repeat 100% 0;
}

#quicklinks .ql-list p {
	position: relative;
	z-index: 1;
	padding: 3em 10px 1em 13px;
	margin: 0;
	line-height: 1.1;
	color: #939273;
}

#quicklinks .ql-list p + p { 
	padding: 0 10px 10px 13px;
	text-align: right;
	color: #b7b38e;
}

#quicklinks .ql-list p a { 
	color: #939273;
	font-weight: normal;
}

#quicklinks .ql-list .newest h4 + p { background: url(/images/ql-yfades.gif) no-repeat 100% 0; }
#quicklinks .ql-list .oldest p + p { background: url(/images/ql-bot-corner.gif) no-repeat 100% 100%; }

#quicklinks .ql-list a:hover { color: #7f5724; }

#quicklinks ul.ql-list li:hover { background: #efeab7 url(/images/ql-arrow.gif) repeat-y 0 50%; }
	
#quicklinks .ql-list li:hover p a { color: #333; }


#quicklinks a:hover, 
#quicklinks abbr, 
#quicklinks acronym { border-bottom: none; }

#quicklinks .ql-list li:hover h4 + p { 
	color: #333;
	background: none;
	}

#quicklinks .ql-list li:hover p + p { color: #767056; }

#quicklinks .ql-list h4 a:focus { outline: none; }

#quicklinks .longtitle h4 + p { padding-top: 4.5em; }


/* Footer
================================================== */

#footer { 
	background: #8aa111 url(/images/foot-bg.jpg) 0 0;
	clear: left;
}

#footer > ul { 
	text-align: center;
	padding-top: 20px;
	padding-bottom: 35px;
	color: #775;
}

#footer > ul li + li { 
	display: inline;
	text-transform: uppercase;
}

#footer > ul li + li + li + li + li + li { 
	text-transform: none;
	color: #775;
}

#footer > ul li + li:after 	{ content: " |"; color: #550; }

#footer > ul li + li + li + li + li + li + li + li:after { content: "" }

#footer > ul a { 
	color: #0000FF;
	text-decoration: underline;
	font-weight: normal;
	border: none;
}

#footer > ul a:hover { text-decoration: none; }

/* Post / Comments
================================================== */

.post #second { 
	width: 470px;
	position: relative;
	color: #775;
}

.post #second #comments { 
	display: block;
	border-top: 3px solid #eaeab7;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #775;
	font-size: 1.3em;
	font-weight: normal;
	background-color: #f1ffd9;
	position: relative;
}

.post #second h2 a {
	color: #cc9;
	font-weight: normal;
	position: relative;
	left: 53px;
	border: none;
}
	
.post #second h2 a:hover { color: #996; }

.post #second #go { right: -50px; top: 0; }

.post #second dl, 
.post #second dl + p { 
	clear: both;
	float: right;
	width: 395px;
}

.post #second dt { 
	margin: -10px 0;
	padding: 38px 20px 0;
	color: #764;
	font-family: georgia, "Times New Roman", times, serif; 
	background: url(/images/com-tops.gif) no-repeat 0 0;
}
	
.post #second .author { 
	background-position: 100% 0;
	padding: 40px 23px 0;
}

.post #second dd { 
	padding: 6px 20px;
	color: #886;
	background: #f3f3c0 url(/images/com-fade.gif) repeat-x 0 100%;
}
	
.post #second dd code { background-color: #e5e5b5; }
.post #second .author + dd code { background-color: #f2f4ec; }

.post #second dd blockquote { 
	margin-left: 10px;
	border-left: 3px solid #dda;
	padding-left: 10px;
	font-style: italic;
}
	
.post #second .author + dd blockquote { border-color: #eee; }

.post #second .author + dd { 
	background: #fff url(/images/com-myfade.gif) repeat-x 0 100%;
	border: 3px solid #eaeab7;
	padding: 6px 17px;
	border-top: none;
}
	
.post #second dt a { 
	position: absolute;
	right: 15px;
	margin-top: -0.5em;
	color: #cc9;
	border: none;
}

.post #second dt a.deleterating { 
	position: absolute;
	right: 50px;
	margin-top: 0px;
	border: none;
}

.post #second dd a.deletecomment { 
	position: absolute;
	right: 15px;
	margin-top: 0px;
	border: none;
}

.post #second dt a:hover { color: #885; }

.post #second dt a + a, 
.post #second dt strong { 
	position: static;
	color: #563;
	font-size: 1.2em;
	margin: -0.5em 0.5em 0 -33px;
	padding-left: 33px;
	background: url(/images/com-arrow.gif) no-repeat 0 40%;
}
	
.post #second dt strong { color: #764; }

.post #second dt a + a + strong { display: none; }

.post #second .author a + a { 
	margin-left: -36px;
	padding-left: 36px;
	background-image: url(/images/com-myarrow.gif);
}
	
.post #second dt a + a:hover { color: #230; }
	
.post #second dt img {  
	position: absolute;
	left: 13px;
	margin-top: -18px;
	padding: 1px;
	border: 3px solid #ebebbc;
	color: #580;
	font-size: 10px;
	font-weight: normal;
	background: #775 url(/images/noavatar.jpg) no-repeat 50% 50%;
}

.post #second dt img.delete, .post #second dd img.delete {  
	position: static;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	color: #580;
	width: 18px;
	height: 18px;
	background: transparent;
}

.post #second dt a:hover img { border-color: #cc9; }

.post #second dl + p { 
	margin-top: -10px;
	padding-top: 25px;
	background: url(/images/com-fin.gif) no-repeat 100% 0;
}
	
.post #second dl + p a { 
	padding: 5px 10px 5px 30px;
	color: #443;
	border: none;
	background: #eec url(/images/icon-comadd.png) no-repeat 5px 50%;
}
	
.post #second dl + p a:hover { 
	color: #000;
	background-color: #ddb;
}
	
.nocoms { 	
	padding: 0 22px 20px;
	background: url(/images/first-bot.gif) no-repeat 50% 100%;
	margin-bottom: 0;
}

.admin_area {
	clear: both;
	background: #fee8d6;
	font-size: 12px;
	color: #000;
	text-align: left;
	padding: 5px 20px 5px 20px;
	border-top: 2px solid #FF3300;
	border-bottom: 2px solid #FF3300;
	margin-top: 1em;
}

.admin_ho {
	background-color: #fee8d6;
}

.admin_area h3 { 
	color: #660000;
	margin-bottom: 0.5em;
}

.admin_area a:visited	{ color: #a30; }

.admin_logo {
	background: #fee8d6 url(/images/admin-area.png) no-repeat top right;
}

/* Treasure Box
================================================== */

#tbox, #tbox2 { 
	background: #fbfbfb url(/images/form-fade.gif) repeat-x 0 0;
	width: 300px;
	border: 1px solid #b2b999;
	padding: 5px 4px 10px 4px;
	margin: 0 0 10px -3px;
	float: right;
	clear: left;
	font: 1em verdana, tahoma, arial, sans-serif;
	color: #333;
}

#sbox { 
	background: #fbfbfb url(/images/form-fade.gif) repeat-x 0 0;
	width: 217px;
	border: 1px solid #b2b999;
	padding: 5px 4px 10px 4px;
	margin: 0 0 10px -3px;
	float: right;
	clear: left;
	font: 1em verdana, tahoma, arial, sans-serif;
	color: #333;
}

/* Greenhouse
================================================== */

.greenhouse {
	width: 70px; 
	border: 1px solid #b2b999;
	background: url(/images/greenhouse_empty.jpg) no-repeat 0 0; 
	vertical-align: middle; 
	text-align: center; 
	color: #FFF5E6; 
	font-size: 0.8em;
}

.ownunit {
	border-bottom: 1px solid #ee0000;
}

.greenhouse_label {
	text-align: center; 
	font-size: 0.8em;
}

/* Comment Form
================================================== */

#comment_form { 
	padding: 22px;
	margin-top: -0.5em;
	background: url(/images/first-bot.gif) no-repeat 50% 100%;
}

#comment_form .txt { 
	margin: 0 0 10px -3px;
	border: 3px solid #eee;
	border-right-width: 10px;
	float: left;
	clear: left;
}

#comment_form .txt label { 
	position: absolute;
	left: 16em;
	margin-top: 0.3em;
}
	
#comment_form .txt label em { 
	color: #bba;
	font-style: normal;
}

#comment_form .area label { display: none; }
	
#comment_form .txt input, 
#comment_form .txt textarea {
	background: #fbfbfb url(/images/form-fade.gif) repeat-x 0 0;
	border: 1px solid #b2b999;
	padding: 3px 4px 0;
	margin: 0 -7px 0 0;
	float: left;
	font: 1em verdana, tahoma, arial, sans-serif;
	color: #333;
}

#comment_form .txt select {
	background: #fbfbfb url(/images/form-fade.gif) repeat-x 0 0;
	border: 1px solid #b2b999;
	padding: 3px 4px 0;
	margin: 0 -7px 5px 0;
	float: left;
	font: 1em verdana, tahoma, arial, sans-serif;
	color: #333;
	width: 425px;
}

#comment_form .txt input { 
	height: 1.5em;
	width: 12.5em;
	vertical-align: middle;
}
	
#comment_form .txt textarea { width: 415px; }

#comment_form .txt input:focus, 
#comment_form .txt textarea:focus { background: #fff; }

#comment_form fieldset { margin-bottom: 0.6em; }
#comment_form legend { padding-bottom: 10px; font-weight: bold; }
#comment_form fieldset input { margin: 0 5px 10px 1px; float: left; clear: left; }
#comment_form fieldset label { float: left; }

#comment_form .guidelines {
	position: absolute;
	right: 20px;
	margin-top: -35px;
	width: 260px;
}

#comment_form fieldset, 
#comment_form p { clear: left; }

#grav-prev { 
	position: absolute;
	top: 0;
	right: 3px;
	padding: 20px 60px 0 0;
}
	
#grav-prev img { 
	padding: 1px;
	border: 3px solid #eee;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	background: #b2b999 url(/images/noavatar.jpg) no-repeat 50% 50%;
}

#grav-prev a:hover img { border-color: #ddc; }

#grav-prev a:hover { border: none; }

a.comments_admin { 
	color: #EE6A50;
	font-size: 0.8em;
	font-weight: normal;
}


/* Accordion
================================================== */

.accordion {
	width: 227px;
	border-bottom: solid 1px #d6cd99;
	margin-bottom: 1em;
}

.accordion h3 {
	background: #efeab7 url(/images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #d6cd99;
	border-bottom: none;
	cursor: pointer;
}

.accordion h3:hover {
	background-color: #d6cd99;
}

.accordion h3.active {
	background-position: right 5px;
}

.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 10px;
	border-left: solid 1px #d6cd99;
	border-right: solid 1px #d6cd99;
}

.accordion a:visited	{ color: #a30; }

/* Page Numbers
================================================== */

.pages {
	padding: 10px 0 15px 0;
	border-top: 1px solid #775;
	margin: 20px 0 20px 0;
	clear: left;
	font-size: 90%;
}

.pages a, .pages span {
	display: block;
	float: left;
	color: #404040;
	padding: 5px 7px 5px 7px;
	margin-right: 3px;
	border: 1px solid #807a73;
	background: #bfb8ac;
}

.pages span.current {
	border: 1px solid #807a73;
	font-weight: bold;
	background: #cde472;
	color: #000;
}

.pages a {
	border: 1px solid #807a73;
	text-decoration: none;
}

.pages a:hover {
	border-color: #807a73;
	background: #cde472;
	color: #000;
}

.pages a.nextprev {
	font-weight: bold;
}

.pages span.nextprev {
	border: 1px solid #807a73;
	color: #404040;
}

/* Tabbed Navigation
================================================== */

.sub-nav {
	/*overflow: auto;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.sub-nav ul {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	list-style: none;
	font-size: 100%;
}

.sub-nav li {
	margin: 0 2px 0 0;
	padding: 0 0 0 0;
	float: left;
	border: 1px solid #1d1d1d;
}

.sub-nav li.active {
	border: 1px solid #1d1d1d;
	background: #efeab7;
}

.sub-nav li a, .sub-nav li span {
	display: block;
	padding: 5px 8px 5px 8px;
	text-align: center;
	color: #efeab7;
	background: #1d1d1d;
	text-decoration: none;
	/*min-height: 14px; fixes FX/Mac issue */
}

.sub-nav li a:hover {
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	color: #000;
	background: #d9d0c3;
	border: 0;
}

.sub-nav li.active a, .sub-nav li.active span {
	padding: 5px 8px 5px 8px;
	background: #efeab7;
	color: #000;
}

.sub-nav li span {
	color: #000;
}

.sub-nav br {
	clear: both;
}

/* Blog Tabs
================================================== */

.blog-nav {
	/*overflow: auto;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.blog-nav ul {
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	list-style: none;
}

.blog-nav li {
	margin: 0 2px 0 0;
	padding: 0 0 0 0;
	float: left;
	border: 1px solid #d9d0c3;
	font: 12px tahoma, verdana, arial, sans-serif;
	font-weight: normal;
}

.blog-nav li.postdate {
	background: #efeab7 url(/images/meta-date.png) no-repeat 4px 4px;
	padding: 0 0 0 22px;
}

.blog-nav li.readmore {
	background: #f1ffd9 url(/images/meta-read.png) no-repeat 4px 4px;
	padding: 0 0 0 22px;
}

.blog-nav li.category {
	background: #f1ffd9 url(/images/meta-cat.png) no-repeat 4px 4px;
	padding: 0 0 0 22px;
}

.blog-nav li.comnts {
	background: #f1ffd9 url(/images/meta-coms.png) no-repeat 4px 4px;
	padding: 0 0 0 22px;
}

.blog-nav li a, .blog-nav li span {
	display: block;
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: #000;
	background: #f1ffd9;
	font: 12px tahoma, verdana, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	/*min-height: 14px; fixes FX/Mac issue */
}

.blog-nav li a:hover {
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	color: #000;
	background: #d9d0c3;
	font: 12px tahoma, verdana, arial, sans-serif;
	font-weight: normal;
	border: 0;
}

.blog-nav li.postdate a, .blog-nav li.postdate span {
	padding: 5px 8px 5px 8px;
	background: #efeab7;
	color: #000;
}

.blog-nav li span {
	color: #000;
}

.blog-nav br {
	clear: both;
}

/* Buttons
================================================== */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
button.general, .buttons a.general{
    border:1px solid #9ac0cd;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
    border:1px solid #c6d880;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#e6efc2;
    border:1px solid #c6d880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* HINT BOX
================================================== */

#hintbox { /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #f1ffd9;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

.hintanchor { /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	color: #000080;
	margin: 3px 8px;
}

input, textarea, select {
	padding: 2px;
	font-family: Helvetica, sans-serif;
	margin: 0px 0px 2px 0px;
	border: 1px solid #ccc;
}

textarea:focus, input:focus, select:focus {
	border: 1px solid #006400;
}

#chatwindow { 
	border:1px solid #aaaaaa; 
	padding:4px; 
	background:#f7f7f7; 
	color:000000; 
	width:658px; 
	height:auto; 
	font-family: "Courier new", courier, monospace;
}


/* Live Form Validation
================================================== */

.LV_validation_message{
	font-weight: normal;
	margin:0 0 0 5px;
}

.LV_valid {
	color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	border: 1px solid #CC0000;
}