﻿html { 
	min-width: 800px;
	 }


	/* Helpers and base rules */


	/* Primary layout divisions */

body	{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	background: #ddb url('../images/holder.gif') repeat-y center top;
	color: #663;
		font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}

div#wrapper	{
	color: #663;
	background: transparent url(../images/wrapinner.gif) top left repeat-y;
	background-color:#eed;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border-bottom:solid 1px brown;
	}

div#maincontent 	{
	float: left;
	width: 538px;
	padding: 0;
	margin: 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 6px;
	}

html>body div#maincontent {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 12px;
	min-height: 800px;
	}

div#sidebar	{
	margin: 0px 0 0 558px;
	padding: 0;
	width: 230px;
	border: 0;
	background-color:RGB(204,221,170);
	}

div#footer	{
	clear: both;
	border: 0;
	border-top: 10px solid #eed;
	border-bottom: 10px solid #eed;
	color: #663;
	width: 798px;
	padding: 5px 0;
	margin: 10px 0 0 1px;
	background-color:#C5C496;
	}

	
div#footer p	{
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 50px;
	}
/*Header Styles*/
#header
{
	width:799px;
	height:80px;
	background-color:White;
}
#colophone
{
width:298px;	
height:80px;
background-color:#C5C496;
float:left;
margin-right:0px;
}

#headerImage
{
width:499px;
height:80px;
background-color:#C5C496;
float:left;
}
h1	{
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 776px;
	height: 80px;
	background: #cc9 url(../images/logohed.jpg) top left no-repeat;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	}
	
h1 a:hover	{
	background: #cca url(../images/logohed.jpg) top left no-repeat;
	}
		
		
/* Primary nav 	*/

#globalnav1	
{
	height: 24px;
	width: 798px;
	margin: 0 0px 0 1px;
	padding: 0;
	padding-top:6px;
	border: 0;
	background: #eed;
	border-bottom:3px #C5C496 solid;
	border-top:3px #C5C496 solid;
}
#globalnav1 ul
{
margin: 0;
padding: 0;
/*margin-bottom: 1em;*/
float: left;
font: bold 100% Tahoma;
width: 100%;
border: 0px solid #625e00;
background-color: #EEEEDD;
}

#globalnav1 ul li
{
display: inline;
}

#globalnav1 ul li a
{
float: left;
color: black;
padding: 2px 21px 0px 21px;
text-decoration: none;
background: transparent url(../images/vertical.gif) center right no-repeat;
}



	/* Default links 	*/

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #785;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #530;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #785;
	background: transparent;  
	}

div#maincontent p a:link, div#maincontent p a:visited, 
div#maincontent dd a:link, div#maincontent dd a:visited,
div#maincontent li a:link, div#maincontent li a:visited {
	text-decoration: underline;
	} 

div#maincontent p a:hover,
div#maincontent dd a:hover,
div#maincontent li a:hover {
	text-decoration: none;
	} 


	/* Typography 	*/
	
h2, h3, h4	{
	font-weight: bold;
	line-height: 1.2em;
	margin: 15px 0 7px 0;
	}
h2 .NoImage
{
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px 0 7px 0;
}
p	{
	margin: 0 0 1em 0;
	line-height: 140%;
	}
	
div#maincontent h2	{
	font-size: 18px;
	}

body#home div#maincontent h2	{
	margin-top: 25px;
	}

body#home div#maincontent h2.follow	{
	margin-top: 5px;
	}

div#maincontent h3	{
	font-size: 14px;
	margin-bottom: 5px;
	}


blockquote	{
	padding: 0;
	padding-left: 10px;
	margin-left: 10px;
	border: 0;
	border-left: 1px dotted #785;
	}

blockquote p, dd blockquote	{
	font-weight: normal;
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-align: justify;
	line-height: 18px;
	font-size: 90%;
	}

code, pre	{
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	font-weight: normal;
	font-size: small;
	}




	/*   Sidebar navs and links 	*/
	
#sidebar dl {
	margin: 0;
	padding: 0;
	}

#sidebar dt, #sidebar dd {
	margin-left: 0;
	padding-left: 0;
	line-height: 17px;
	margin-bottom: 2px;
	margin-top: 3px;
	font-size: 95%;
	}

#sidebar dd {
	margin-left: 10px;
	line-height: 17px;
	margin-bottom: 5px;
	font-size: 85%;
	}

body #sidebar h2 	{
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 25px;
	background: transparent;
	color: #ffe;
	padding: 2px 5px 3px 5px;
	background: #ab8;
	text-shadow: 2px 3px 3px #896;
	font-size: small;
	font-weight: normal;
	}

#sidebar dd a:link, #sidebar dd a:visited {
	font-weight : normal; 
	}



/* Sidebar  */


	

	/*  List frippery */

div#maincontent ul 	{
	margin: 3px 0;
	padding: 0 0 5px 0;
	}
	
div#maincontent ol li		{
	list-style: decimal outside;
	line-height: 140%;
	margin: 0 5px 5px 0;
	padding: 0 0 0 5px;
	}

div#maincontent ul li	{
	line-height: 140%;
	margin-bottom: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-left: 5px;
	list-style:square inside;
	}
	
div#maincontent ul ul li {
	margin-top: 10px;
	list-style: square inside;
	}

div#maincontent ul.inlinelist	{
	padding: 0;
	margin: 0;
	}

div#maincontent .inlinelist li	{
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	border: 0;
	}	

div#maincontent dl	{
	margin-top: 5px;
	padding-top: 0;
	}
	
div#maincontent dl dt {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #cca;
	line-height: 140%;
	}
	
div#maincontent dl dd {
	margin: 0 10px 15px 10px;
	padding: 0;
	text-align: justify;
	}

/* Rotation border */

img.rotc 	{
	border: 1px solid #ccb;
	background: transparent url(../images/bg0432.gif) top left repeat;
	}


html #maincontent p.intro {
	margin-top: 10px; 
	font-style: italic;
	}




.endpost	{
	padding-bottom: 25px;
	border-bottom: 1px solid #ddc;
	margin-bottom: 25px;
	margin-right:10px;
	}

dl.endpost	{
	padding-bottom: 10px;
	}
	
.caps	{
	letter-spacing: 0.1em;
	}
		
    .gameContainer
    {
    	width:400px;
    	height:250px;
    	margin-bottom:2px;
    	margin-top:2px;
    }
    .gameImg
    {
    	float:left;
    	padding-right:4px;
    }
    .gameImgRightNav
    {
    	margin-top:3px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:solid 1px black;
	/*background: transparent url('/images/bg0432.gif') top left repeat;*/
    }
    .gameContent
    {
    	float:left;
    }		
    hr
    {
    	width:80%;
    	margin-left:20px;
    	margin-top:6px;
    }
	
/*Events*/
.event
{
	width:420px;
}
.eventloc
{
	width:400px;
	font-style:italic;
	padding-left:20px;
}
.eventbody
{
	padding-top:4px;
	width:400px;
	padding-left:20px;
}		
.Author
{
	text-align:right;
	font-weight:600;
}
#GameName
{
	width:524px;
	background-color:#DDDDBB;
	padding-top:12px;
	height:30px;
	border:solid 1px silver;
	font-size:22px;
	color:#FFFFFF;
	margin:2px;
}
.backLink
{
		width:524px;
	background-color:#DDDDBB;
	padding-top:12px;
	height:30px;
	border:solid 1px silver;
	font-size:18px;
	color:#FFFFFF;
	margin:2px;
	text-align:right;
}

#playerList
{
	width:530px;
	float:left;
}
#players
{
	width:200px;
	float:left;
	background-color:#DDDDBB;
}
.Person
{
	width:525px;
	margin:2px;
	height:44px;
}

.GameOrder
{
	font-size:16px;
	font-weight:600;
	width:60px;
	float:left;
	height:30px;
	text-align:center;
	padding-top:12px;
	border:solid 1px silver;
	background-color:#CCDDAA;
}
.PersonName
{
	float:left;
	width:400px;
	margin-left:3px;
	background-color:#DDDDBB;
	padding-top:12px;
	height:30px;
	border:solid 1px silver;
}
.GameName
{
	float:left;
	width:342px;
	margin-left:3px;
	background-color:#DDDDBB;
	padding-top:12px;
	height:30px;
	border:solid 1px silver;
}
.NominationName
{
	float:left;
	width:430px;
	margin-left:3px;
	background-color:#DDDDBB;
	padding-top:12px;
	height:30px;
	border:solid 1px silver;
}
.PlayerBox
{
	width:430px;
	margin-left:50px;
	background-color:#DDDDBB;
	padding-top:12px;
	border:solid 1px silver;
	display:none;
	margin-top:5px;
	margin-bottom:5px;
}
.AddButton
{
	float:left;
	width:53px;
	margin-left:3px;
	background-color:#DDDDBB;
	padding-top:12px;
	height:30px;
	border:solid 1px silver;
	text-align:center;
}
.NominateButton
{
	float:left;
	width:40px;
	margin-left:3px;
	background-color:#DDDDBB;
	padding-top:12px;
	height:30px;
	border:solid 1px silver;
	text-align:center;
}
.ChevronButton
{
	float:left;
	width:40px;
	margin-left:3px;
	background-color:#DDDDBB;
	padding-top:12px;
	height:30px;
	border:solid 1px silver;
	text-align:center;
}
/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip 
{
	background:transparent url(/images/tooltip/black_arrow_big.png) no-repeat scroll 0 0;     
	font-size:14px;     
	height:153px;     
	padding:30px;     
	width:310px;     
	font-size:14px;     
	display:none;     
	color:#fff; }  
	/* tooltip title element (h3) */ 
	div.tooltip h3      
	{
		margin:0;     
		font-size:18px;     
		color:#fff;
		
	}
	