/* Default CSS Document   #f90*/
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html, body, ul, ol, li, form, p, h1, h2, h3, fieldset {margin:0; padding:0;min-height:100%;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; background:#000 url('img/bg-full.gif') repeat-x; color:#fff; text-align:center;}

a {color:#f90; text-decoration:none;}
a:hover {color:#fff;}
a.utility {color:#999; text-decoration:none;}
a.utility:hover {color:#fff;}

p {margin:10px 0;}
label {font-weight:bold;}
input, textarea, select {padding:2px; margin:5px 0 10px 0;}
textarea {width:450px; height:450px;}
ul, ol, li {list-style:none;}
fieldset {border:0px;}
fieldset input, fieldset textarea, fieldset select {margin:5px 0 10px 0;}
legend {font-size:large; color:#fc3; padding:10px 0;}
img {border:0px;}

#container {background:#000 url('img/bg-bod.jpg') no-repeat; width:1014px;margin-left:auto;margin-right:auto; text-align:left;}
	#header {height:100px; position:relative; top:55px;}
		#logo {background:transparent url('img/logo-main.png') no-repeat; width:207px; height:115px; position:absolute; left:20px; top:25px; z-index:5; cursor:pointer;}
		#userInfo { height:35px; text-align:right; padding:2px 20px; vertical-align:text-top;}
		#headerAvatar {float:right; margin-left:10px;}
		#nav1 {position:absolute; right:40px; top:80px; font-size:large;}
		#header hr {position: relative; top:63px; background:#fff; height:2px; border:0px; width:964px; text-align:center}
	#footer {clear:both; padding:20px 20px 0 20px; position:relative;}
		#footer hr {position: relative; background:#fff; height:2px; border:0px;}
		#footnav {float:right; padding-top:5px;}
		#legal { padding-top:5px;}
		#copy {text-align:center; padding:20px;}

	#container2 { position:relative; top:100px; padding:20px 40px; margin-bottom:100px;}
		#container2 h1 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:x-large; margin:10px 0;}
		#container2 h2 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:large; margin:10px 0; color:#333;}
		
		#container3 {width: 676px; overflow:hidden;}
			#container3 ul, #container3 ol {margin-left:20px; padding:0;}
			#container3 ul li {list-style-type:disc; margin-left:20px}
			#container3 ol li {list-style-type:decimal; margin-left:20px}
			#container3 fieldset ul {margin-left:0; padding:0}
			#container3 fieldset ul li {list-style-type:none; margin-left:20px; padding:0}
			#container3 fieldset ol li {list-style-type:decimal; margin-left:20px}

/*Sidebar*/
	#sidebar {float:right; width:200px; padding:20px 5px 20px 20px; border-left:2px solid #eee; font-size:11px;}
		#sidebar hr {background:#fff; height:1px; border:0px;}
		#sidebar ul li {font-weight:bold; margin:10px 0;}
		#sidebar ul ul {margin:10px;}
		#sidebar fieldset {border-top:1px solid #fff;}
		
		#yourCharacters ul li {margin:10px; list-style-type:none;}
		
		fieldset#gmSidebar {padding:0 10px 10px 10px; border-top:0px solid #000;}
		#gmSidebar ul li {font-weight:bold; margin:10px 0;list-style-type:none;}
		#gmSidebar ul li li {font-weight:normal;}
		#gmSidebar a {color:#fff; text-decoration:none;}
		#gmSidebar a:hover {text-decoration:underline;}
		#gmSidebar a.character {color:#f90; text-decoration:none;}
		#gmSidebar a.character:hover {text-decoration:underline;}
		#gmSidebar #functions ul li {font-weight:normal;}
		
		#charProfile {background:#eee; border:1px solid #999; color:#000; padding:10px;}
		img.profile {float:right; border:1px solid #999; width:60px;}
		
		#affiliates ul li {clear:both; padding-top:10px; font-weight:normal;}
		#affiliates ul li img {float:left; width:40px; margin-right:5px;}

/*Index Page*/
	#intro {padding:20px; border-bottom:2px dotted #fff; margin-right:260px; font-size:larger; color:#fc3;}
		#intro p {margin:10px 0;}
	#news {float:right; width:32%; border-left:2px dotted #fff; padding:20px; overflow:hidden; margin-right:30px;}
	#forum {padding:20px; width:31%; overflow:hidden;}
	#feature h2 {color:#fc3; padding:0 0 10px 0; margin:0;}
	#feature .title {font-weight:bold; font-size:14px; margin-bottom:10px;}
	#feature #featureDesc {margin-top:20px;}
	#feature #featureDesc img {max-width:318px}

/*About Page*/
	#about1 {float:left; width:45%;}
	#about2 {float:right; width:45%;}

/* Game Lists */
	li.gameList {margin:20px 0; padding:20px; border:1px solid #666; background:#fff; display:block; min-height:100px;}
	li.gameList h2 {cursor:pointer;}
	li.gameList h2 img {margin:2px;}
	li.gameList .details {padding:20px; background:#fff; color:#333; width:615px;}
	li.gameList .details img {max-width:615px}
	
	div.gameList {margin:0; padding:20px; border-bottom:2px dotted #ccc; background:#fff; color:#333; display:block; min-height:30px;}
	div.gameList h2 {cursor:pointer;}
	div.gameList h2 img {margin:0px; width:15px;}
	div.gameList .details {background:#fff; color:#333; width:615px;}
	div.gameList .details img {max-width:615px}

/*Open Games*/
	#openGames form {border-bottom:2px dotted #fff; padding-top:10px;}
	#openGamesQ {margin-top:20px;}
	
/* Campaigns */
	#campaigns form {border-bottom:2px dotted #fff; padding-top:10px;}
	#campaignsQ {margin-top:20px;}
	#campaigns ul li li {margin-left:0px;}

/* Characters */
	#characters form {border-bottom:2px dotted #fff; padding-top:10px;}
	#charactersQ {margin-top:20px;}
	#characters ul li li {margin-left:0px;}

	li.characterList {margin:20px 0;}
	#characterCampaign {border:1px solid #ccc; background:#fff; padding:10px; margin:10px; width:300px; color:#000;}
	#characterCampaign ul {margin:0; padding:0;list-style-type:none;}
	#characterCampaign ul li {margin:0; padding:5px 0;list-style-type:none;}
	#characterCampaign a {color:#f90;}
	#characterCampaign a:hover {color:#f90;}

/*Campaign Manage*/
	#campaign-manage fieldset {color:#000;}

/*Campaign View*/
		.campaignView ul, .campaignView ol {margin-left:20px; padding:0;}
		.campaignView ul li {list-style-type:disc; margin-left:20px;}
		.campaignView ol li {list-style-type:decimal; margin-left:20px;}
	
/*Blog*/
		.blogPosts {margin:0 40px;}
		.blogPosts hr {margin:20px 0; background:#fff; height:1px; border:0px;}
		.blogPosts ul, .blogPosts ol {margin-left:20px; padding:0;}
		.blogPosts ul li {list-style-type:disc; margin-left:20px}
		.blogPosts ol li {list-style-type:decimal; margin-left:20px}
	
/*Boards*/
		#messageBoard a:hover {color:#999;}
		.outside {background:#fff; color:#000; padding:5px; width:100%;}
		.inside, .insideMsg {background:#ddd; color:#000;}
		.inside th {background:#000; color:#fff; border-right:1px solid #fff;border-bottom:1px solid #fff; padding:5px; font-weight:normal; font-size:11px;}
		.insideMsg th {background:#000; color:#fff; padding:5px; font-weight:normal; font-size:11px;}
		.inside td, .insideMsg td {padding:5px; border-right:1px solid #999;border-bottom:1px solid #999;}
		.firstTH, .firstTD {border-left:1px solid #fff;}
		.lastTH, .lastTD {border-right:1px solid #fff;}
		.pageination {font-size:11px;}
		.functions {text-align:right;}
		.sticky {background:#eee;}
		.altRow1 {background:#fff; color:#000;}
		.altRow2 {background:#eee; color:#000;}
		.msgTop {vertical-align:bottom; padding:5px; height:50px;}
		.msgBtm {padding:3px;  border-right:1px solid #fff; height:25px; font-size:11px;}
		.msgPoster {padding:5px; vertical-align:top; font-size:11px; line-height:15px;}
		.msgPoster img {margin-top:3px;}
		.msgMid {padding:5px; border-bottom:1px solid #000; border-top:1px solid #000; border-right:1px solid #fff; vertical-align:top;}
		.quote { margin:0 3px 5px 3px; padding:5px; border:1px solid #666; background:#ccc;}
		.topicFuncs {background:#000; color:#fff; padding:10px 5px;}
		.topicSummary {background:#fff; color:#000; padding:3px; border:1px solid #000;}
		.topicSummary td {padding:3px;}
		.topicSummary th {background:#666; color:#fff; padding:3px;}
		.topicSummary .topicSummaryTitle td {background:#000; color:#fff;}
		.spoilerButton span {font-size:10px;}
		.spoilerContent {border:1px dashed #ccc; background:#ffc; padding:5px;}
		.diceResults {background:#cfc; border:1px dashed #ccc;}
		.diceLabel span {font-size:10px;}
	
/*wiki*/
		#wikiMenu {margin:0; margin-bottom:-15px; font-size:11px; width:180px; background:url(img/menuBtm.jpg) no-repeat bottom;}
		#wikiMenu ul {margin:5px 10px 20px 0; padding:10px; border:1px solid #999; background:#eee;}
		#wikiMenu ul ul {margin:0; border:0px; padding:0;}
		#wikiMenu ul li {list-style-type:none; padding:0; margin:3px 0;}
		#wikiMenu ul.cat {padding-left:10px;}
		#wikiMenu li a{color:#f90; text-decoration:none; font-weight:normal;}
		#wikiMenu li a:hover{color:#000;}
		#wikiMenu li a.catLink{color:#000; text-decoration:underline; font-weight:bold;}
		#wikiMenu li a.catLink:hover{color:#f90;}
		#wiki .pageInfo {font-size:11px; text-align:right;}
			

/*CLASSES*/
.addThis {margin:5px;}
.avatar {border:1px solid #fff; width:40px; height:40px;}
.avatar2 {border:1px solid #fff; width:65px; height:65px;}
.btn {border:1px solid #f90; height:28px; background:#000 url('img/buttons/btn-bg.gif') repeat-x; color:#fff; font-weight:bold; padding:5px; cursor:pointer; text-align:center; margin-top:20px;}
.center {text-align:center;}
.clear {clear:both;}
.collapse {background: url('img/icons/arrowToggleDown.png') no-repeat;}
.expand {background: url('img/icons/arrowToggleRight.png') no-repeat; width:20px; height:20px;}
.important {font-size:x-small; color:#c00;}
.floatr {float:right;}
.floatl {float:left;}
.join {float:right;}
.linkopacity {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.linkopacity:hover {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
.openreqs {font-size:11px; color:#999;}
.right {text-align:right;}
.rateThis {text-align:center; position:absolute; top:-20px; right:80px; font-size:11px;}
.small {font-size:10px;}
.whatwho {color:#999;}
.shareChar {border:1px solid #ccc; padding:5px; background:#eee; line-height:1.5; float:right; width:150px;}

/*tabs*/
.tabrow {border-bottom:1px solid #fff; text-align:right; margin-bottom:20px;}
.tab {display:inline; padding:5px; border:1px solid #fff; width:50px;}

/*pagination*/
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #f90;
	color: #fff;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #f90;
		
		font-weight: bold;
		background-color: #f90;
		color: #fff;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;

	color: #999;
}

/*Table Pagination*/
.tablePage div.pagination {
	padding: 3px;
	margin: 3px;
	display:inline;
}

.tablePage div.pagination a {
	padding: 2px;
	margin: 2px;
	border: 0px solid #AAAADD;
	
	text-decoration: none; /* no underline */
}
.tablePage div.pagination a:hover, div.pagination a:active {
	border: 0px solid #f90;
	color: #fff;
}
.tablePage div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 0px solid #f90;
		
		font-weight: bold;
		background-color: #f90;
		color: #fff;
}
.tablePage div.pagination span.disabled, .tablePage div.pagination .previous, .tablePage div.pagination .next {
	display:none;
}

/*Topic Pagination*/
.firstTD div.pagination {
	padding: 0px;
	margin: 0px;
	display:inline;
}

.firstTD div.pagination a, .firstTD div.pagination span.current  {
	padding: 0 2px 0 2px;
	margin: 0px;
	border: 0px;
	
	text-decoration: none; /* no underline */
}

.firstTD div.pagination span.current {
	padding: 0 2px 0 2px;
	margin: 0px;
	border: 0px;
	
	font-weight: normal;
	background-color:transparent;
	color: #f90;
}
.firstTD div.pagination a:hover, .firstTD div.pagination a:active {
	border: 0px;
	color: #fff;
}
.firstTD div.pagination span.disabled, .firstTD div.pagination .next, .firstTD div.single {
	display:none;
}



.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block; background:#fff;}
.b1f {height:1px; background:#fff; margin:0 5px;}
.b2f {height:1px; background:#fff; margin:0 3px;}
.b3f {height:1px; background:#fff; margin:0 2px;}
.b4f {height:2px; background:#fff; margin:0 1px;}
.contentf {background: #fff;}
.contentf div.innerContent {margin-left: 5px; padding:10px; color:#000;}
.contentf div.innerContent a:hover {color:#999;}



/*Main menu*/
.menu {position:relative; z-index:10;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:50px;}
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {width:200px; border:0;visibility:hidden;position:absolute;height:0;top:30px;left:0px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative; margin-left: 30px;}
	.menu li li {margin: 0px;}
	
/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#f90; padding-bottom:0px;}
.menu a.active {color:#fff;}
	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {color:#f90; padding:5px 10px; font-size:16px}
		
		/* style the second level background */
		.menu ul ul a.drop, .menu ul ul a.drop:visited {border:0px;}
		/* style the second level hover */
		.menu ul ul a.drop:hover{border:0px;}
		.menu ul ul :hover > a.drop {border:0px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;}

	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{visibility:visible; }