/* Chris Hettinger Freelance */
/* Default style; Written by: Chris Hettinger (chris at ch-freelance.com) */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */

/* THANK YOUS */
/* Sane Text Sizing | Typography | CSS influenced by Owen Briggs article*/
/* http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html */
/* Tips and Trick for dealing with browser bugs visit /*
/* http://www.positioniseverything.net/ */

/* ---------- Holly Hack ---------- */
/* http://www.positioniseverything.net/articles/hollyhack.html */


/* ---------- misc ---------- */

body {
	margin:0;
	padding:0;
	font-size: 76%;
	line-height: 120%;
	font-family: arial, tahoma, helvetica, verdana, sans-serif;
	color: #BFA577;
	text-align: left;
	background-image: url('images/background_brickwall.jpg');
	background-attachment: fixed;
	}
	
#custom_background {
	position:relative;
	margin:0;
	padding:0;
	
}
	.custom_background_chaos_16x12 {
		background-image: url('images/background_chaos_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_marauder_16x12 {
		background-image: url('images/background_marauder_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_magus_16x12 {
		background-image: url('images/background_magus_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_zealot_16x12 {
		background-image: url('images/background_zealot_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_dok_16x12 {
		background-image: url('images/background_dok_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_witchelf_16x12 {
		background-image: url('images/background_witchelf_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_sorceress_16x12 {
		background-image: url('images/background_sorceress_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_blackorc_16x12 {
		background-image: url('images/background_blackorc_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_squigherder_16x12 {
		background-image: url('images/background_squigherder_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
	.custom_background_shaman_16x12 {
		background-image: url('images/background_shaman_16x12.jpg');
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}

/* ---------- div ----------- */

#container {
	position: absolute;
	top: 0;
	left: 129px;
	width: 611px;
	background-color: #2f2820;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 7px solid #2f2820;
	}

	#masthead {
		width: 581px;
		margin: 15px 15px 0 15px;
		float: left;
		display: inline; /* corrects IE/win Doubled Margins Bug */
		}
		#news {
			width: 361px;
			height: 150px;
			background-color: #F0F0F0;
			float: left;
			display: inline;  /* corrects IE/win Doubled Margins Bug */
			}

		#image {
			width: 220px;
			height: 150px;
			background-image: url(images/masthead_smphoto.jpg);
			background-repeat: no-repeat;
			float: left;
			display: inline; /* corrects IE/win Doubled Margins Bug */
			}

		#pageheader {
			width: 581px;
			height: 80px;
			float: left;
			display: inline; /* corrects IE/win Doubled Margins Bug */
			}


	#contentBody {
		width: 581px;
		margin: 0 15px 0 15px;
		background-color: #4E4D3A;
		float: left;
		display: inline; /* inline: corrects IE/win Doubled Margins Bug */
		}

		#copy {
			width: 551px;
			min-height: 505px;
			position: relative;
			top: 0;
			left: 0;
			margin: 15px;
			padding: 0;
			display: block; /* inline: corrects IE/win Doubled Margins Bug */
			}

		#navtabs {
			position: absolute;
			top: 145px;
			left: -124px;
			width: 125px;
			}

		#choosen_figure {
			position: relative;
			background-image: url('images/choosen_figure.gif');
			background-repeat: no-repeat;
			width:170px;
			height:285px;
			float:left;
			}
			
		#mailbox_figure {
			position: relative;
			background-image: url('images/mailbox.jpg');
			background-repeat: no-repeat;
			width:68px;
			height:215px;
			float:left;
			}
			
		#primetime_wstandard_figure {
			position: relative;
			background-image: url('images/primetime_holding_std.gif');
			background-repeat: no-repeat;
			width:150px;
			height:400px;
			float:left;
			}

		#parchment {
			position: absolute;
			background-image: url('images/parchment.gif');
			background-repeat: no-repeat;
			top: 245px;
			left: 610px;
			width: 195px;
			padding:45px 25px;
			color: #2f2820;
			}

		#project_list {
			display: block;
			}

		#project_list_leftcol {
			display: block;
			width: 47%;
			float: left;
			text-align: right;
			/*border: 1px dotted red;*/
			}

		#project_list_rightcol {
			display: block;
			width: 47%;
			float: right;
			text-align: left;
			/*border: 1px dotted green;*/
			}

		#project_image {
			display: block;
			width: 259px;
			float: left;
			margin: 0;
			padding: 0;
			/*border: 1px dotted red;*/
			}
			#snapshot {
				}
			#image_tabs {
				display: block;
				position: relative;
				top: -18px;
				left: -28px;
				border: 0;
				display: inline; /* inline: corrects IE/win Doubled Margins Bug */
				}

		#project_specs {
			display: block;
			width: 272px;
			float: right;
			/*border: 1px dotted green;*/
			}

		#project_description {
			display: block;
			clear: both;
			}


	#footer {
		width: 581px;
		margin: 15px 0 0 0;
		padding: 15px;
		font: 10px/1.4em Arial, Tahoma, Verdana, sans-serif;
		color: #9c8761;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		/*background-color: #403521;*/
		float: left;
		display: inline; /* inline: corrects IE/win Doubled Margins Bug */
		}

#visual_clear {
	display: block;
	clear: both;
	}

/* ---------- Extra Divs ----------- */

#extraDiv1 {
	position: absolute;
	top: 192px;
	left: 103px;
	width: 24px;
	height: 40px;
	/*background-image: url(images/arrow_prevpage_off.gif);*/
	background-repeat: no-repeat;
	}

#extraDiv2 {
	position: absolute;
	top: 192px;
	left: 742px;
	width: 24px;
	height: 40px;
	/*background-image: url(images/arrow_nextpage_off.gif);*/
	background-repeat: no-repeat;
	}

#extraDiv3 {
	position: absolute;
	top: 0;
	left: 8px;
	width: 122px;
	height: 111px;
	background-image: url(images/tab_home.gif);
	background-repeat: no-repeat;
	}

/* ---------- h1, h2, h3 ---------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic","Lucida Grande",Arial,Tahoma,Verdana,Helvetica,sans-serif;
	}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin: 1.2em 0em 1.2em 0em;
	padding-bottom: .45em;
	border-bottom: 1px solid #555;
	}
	h1.gray {
		color: #CCC;
		}

h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin: 1.2em 0em 1.2em 0em;
	padding-bottom: .45em;
	border-bottom: 1px solid #555;
	}
	h2.gray {
		color: #CCC;
		}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 1.2em 0em 1.2em 0em;
	}
	h3.gray {
		color: #CCC;
		}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
	}
	h4.gray {
		color: #CCC;
		}

h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
	}
	h5.gray {
		color: #CCC;
		}

h6 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
	}
	h6.gray {
		color: #CCC;
		}

#navtabs h3 {
	display: none;
	}

/* ---------- p ---------- */

p {
	line-height: 1.4em;
	}

#masthead p, #footer p {
	margin: 0;
	padding: 0;
	}
#masthead p.chf, #masthead p.about, #masthead p.services, #masthead p.portfolio, #masthead p.contact {
	height: 80px;
	}
#masthead p.chf {
	background-image: url(images/nameplate.jpg);
	background-repeat: no-repeat;
	}
#masthead p.about {
	background-image: url(images/sechdr_about.jpg);
	background-repeat: no-repeat;
	}
#masthead p.services {
	background-image: url(images/sechdr_services.jpg);
	background-repeat: no-repeat;
	}
#masthead p.portfolio {
	background-image: url(images/sechdr_portfolio.jpg);
	background-repeat: no-repeat;
	}
#masthead p.contact {
	background-image: url(images/sechdr_contact.jpg);
	background-repeat: no-repeat;
	}

#news p {
	padding: 10px 10px 2px 10px;
	}

#body p {
	line-height: 1.5em;
	}
	#body p.narrow {
		width: 80%;
		line-height: 1.4em;
		}
	#body p.narrower {
		width: 50%;
		line-height: 1.3em;
		}

#navtabs p {
	margin: 0;
	}

#footer p#author {
	float: left;
	}

#footer p#document-info {
	margin-left: 200px;
	text-align: right;
	}

p.quote {
	font-style: italic;
	}
p.quoted {
	font-size: 85%;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px dotted #AAA;
	}
	
p.quote_lg {
	font-style: italic;
	font-size: 1.1em;
	font-weight: bold;
	color: #BF9347;
	}
p.quoted_lg {
	font-size: 95%;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px dotted #BF9347;
	}
	
.qHighlight {
	background-color: #FFFFDF;
	border: 1px dotted #EEEFA4;
}

#project_image p, #project_specs p {
	line-height: 1.4em;
	margin-top: 0;
	}


/* ---------- Spans ----------- */

#image p span, #pageheader p span {
	display: none;
	}
#pageheader h1 {
	display: none;
	}

#home-quote {
	text-align: center;
}
#home-quote p {
	width: 85%;
	margin: 1em auto;
	font-family: "Century Gothic","Lucida Grande",arial,Tahoma,Verdana,helvetica,sans-serif;
	font-size: 110%;
	font-style: italic;
	}
#home-quote p.morelink {
	width: 100px;
	text-align: right;
	font-size: 75%;
	font-style: normal;
	margin-right: 7em;
	}

/* ---------- img -----------*/

img {
	border: 0;
	}

/* ---------- ol, ul, li ---------- */

ul, ol {
	padding:0 20px;
	}
li {
	line-height: 1.3em;
	margin-bottom:10px;
	}

#bulleted li {
	list-style: none;
	padding-left: 1.5em;
    background-image: url(images/bullet_disk.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
	}
	
.tight li {
	list-style: none;
	padding-left: 1.5em;
    background-image: url(images/bullet_disk.gif);
    background-repeat: no-repeat;
    background-position: -3px;
	line-height: 1.3em;
	margin-bottom:3px;
	}

#newslist li, #sg_newslist li {
	list-style: none;
	padding-left: 1.5em;
    background-image: url(images/bullet_double_arrow2.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
	}

#image_tabs li {
	list-style: none;
	display: inline;
	}


/* ---------- a ---------- */

a {
	font-weight: bold;
	color: #CF3E0C;
	text-decoration: dotted;
	}

#navtabs a {
	display: block;
	width: 125px;
	background-image: url(images/navtab_off.gif);
	background-repeat: no-repeat;
	font-size: .9em;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding: 3px 0 2px 12px;
	}
#navtabs a:hover {
	background-image: url(images/navtab_on.gif);
	background-repeat: no-repeat;
	}

#image_tabs a {
	margin-right: 1px;
	padding: 3px 7px;
	font-size: 85%;
	text-style: bold;
	text-decoration: none;
	background-image: url(images/snapshot_tab.gif);
	background-repeat: no-repeat;
	border: 0;
	}


#extraDiv1 a {
	display: block;
	width: 22px;
	height: 38px;
	background-image: url(images/arrow_prevpage_on.gif);
	background-repeat: no-repeat;
	}
#extraDiv2 a {
	display: block;
	width: 22px;
	height: 38px;
	background-image: url(images/arrow_nextpage_on.gif);
	background-repeat: no-repeat;
	}

#extraDiv3 a {
	display: block;
	margin: 17px 0px 17px 4px;
	width: 118px;
	height: 78px;
	}

a.returnlink {
	font-style: normal;
	font-size: 85%;
	padding-left: 1.5em;
    background-image: url(images/bullet_returnarrow.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
	}

a.toplink {
	font-style: normal;
	font-size: 85%;
	margin-top: .6em;
	padding-left: 1.7em;
    background-image: url(images/bullet_toparrow.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
	}

#project_list a {
	text-decoration: none;
	}


/* ---------- other ----------- */

input, textarea, select {
	background-color: #8F8D6B;
	border:1px solid #2F2820;
}

pre {
	font-family: monospace;
	font-size: 115%;
	padding: 8px;
	background-color: #FAFAFA;
	border: 1px dotted #DDD;
	}
pre.source {
	background-color: #EFF0FF;
	border: 1px dotted #B5B8DF;
	}

hr {
	color: #555555;
	}
	
	
acronym {
	color:#FF6600;
	font-style: italic;
	cursor: help;
	}

.error {
	color:#FF6600;
	font-style: italic;
}

/* Field sets 
----------------------------------------------------------------------------------------*/
fieldset {
	border: thin solid #BFA577;
	font-family: tahoma;
	font-size: 10px;
	line-height: 1.5em;
	padding:10px;
}

legend {
	padding: 0.2em 0.5em;
	border-right:thin solid #BFA577;
	border-left:thin solid #BFA577;
	border-top:thin solid #BFA577;
	color:#BFA577;
	font-size:90%;
	text-align: center;
}
	
/*--------------------------------------------------*/
/* NEWS ITEMS */
/*--------------------------------------------------*/

#NewsNav {
	height:23px;
	margin-bottom:12px;
	background-color:#EEEEEE;
	border-top:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}
#NewsNav span {
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
}

#NewsItem {
	margin:0;
	margin-top:12px;
	margin-bottom:12px;
	padding:8px;
	background-color:#5F5E47;
	border-top:1px solid #7F7D5F;
	border-bottom:1px solid #2F2E23;
}

#NewsHeader {
	/*height:52px;*/
}

#NewsHeaderText {
	position:relative;
	top:3px;
	height:40px;
	clear:right;
	
}

#NewsTitle {
	/*font-size:12px;
	line-height:16px;*/
	font-weight:bold;
	/*color:#1a4069;*/
}

#NewsTitle a {
	/*color:#1a4069;*/
}

#NewsSubhead {
	/*font-size:12px;
	line-height:12px;
	color:#333333;*/
}

#NewsText {
	padding:5px;
	background-color:#4F4E3B;
	border-top:1px solid #2F2E23;
	border-bottom:1px solid #7F7D5F;
}

/*--------------------------------------------------*/
/* PROGRAM SCHEDULE ITEMS */
/*--------------------------------------------------*/

#ProgramNav {
	height:23px;
	margin-bottom:12px;
	background-color:#EEEEEE;
	border-top:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}
#ProgramNav span {
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
}

#ProgramItem {
	margin:0;
	margin-top:12px;
	margin-bottom:12px;
	padding:8px;
	background-color:#5F5E47;
	border-top:1px solid #7F7D5F;
	border-bottom:1px solid #2F2E23;
}

#ProgramHeader {
	/*height:52px;*/
}

#ProgramHeaderText {
	position:relative;
	top:3px;
	height:50px;
	clear:right;
	
}

#ProgramTitle {
	/*font-size:12px;*/
	/*line-height:16px;*/
	font-weight:bold;
	/*color:#1a4069;*/
}

#ProgramTitle a {
	/*color:#1a4069;*/
}

#ProgramSubhead {
	/*font-size:12px;
	line-height:12px;
	color:#333333;*/
}

#ProgramText {
	padding:5px;
	background-color:#4F4E3B;
	border-top:1px solid #2F2E23;
	border-bottom:1px solid #7F7D5F;
}

#ProgramOntheAir {
	padding:6px;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	/*background-color:#C2D9EF;*/
	border-left:5px solid #C2D9EF;
	background-color:#DFF0FF;
}

/*--------------------------------------------------*/
/* BULLETIN BOARD AND EVENT ITEMS				    */
/*--------------------------------------------------*/

#itemContainer {
	border:1px solid #424231;
}

#itemContainer a {
	color: #BFA577;
}

#itemTitleBar {
	margin:0 1px;
	padding:8px 10px;
	font-size:1.1em;
	text-decoration:none;
	background-color:#5F5E47;
	border-top:1px solid #7F7D5F;
	/*
	border-bottom:1px solid #7F7D5F;
	*/
}

.itemBody {
	margin:0px 1px;
	background-color:#4a4937;
}
.itemHeaders {
	font-size:.9em;
	padding:6px 15px;
	background-color:#676650;
	border-top:1px solid #7F7D5F;
	border-bottom:1px solid #7F7D5F;
}
.itemText {
	padding:3px 15px;
	border-top:1px solid #424231;
}

/*--------------------------------------------------*/
/* CHARACTER PROFILE ROWS						    */
/*--------------------------------------------------*/

#characters {
	margin-top:0px !important;
	float: left;
	width: 100%;
	}
#characters, #characters * {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#characters li ul {
	padding:10px 20px;
	background-color:#444331;
	border:1px solid #32322b;
	border-top:1px solid #5d624e;
	border-bottom:1px solid #32322b;
	}
#characters li li {
	margin-top:0px !important;
	height:auto;
	border:0px;
	}
.CharacterRow {
	height:1%;
	line-height:18px;
	}
.CharacterName {
	font-weight:bold;
	}
.CharacterGuildRank, .CharacterRace, .CharacterCareer, .CharacterMastery, .CharacterCraft, .CharacterGather {
	width: auto;
	display:inline;
	font-size:10px;
	color:#9F9481;
	margin-right:10px !important;
	padding-right:20px;
	}
#characters a {
	color: #BFA577;
	}

/*--------------------------------------------------*/
/* TIGRA VALIDATOR */
/*--------------------------------------------------*/

.tfvHighlight {
	font-weight:bold;
	color:#CF3E0C;
	}

.tfvNormal {
	font-weight:normal;
	}