/* General */
html { /* Force Vertical Scrollbar */
/* IE */
overflow-y:scroll;
/* Moz */
height: 100%;
margin-bottom:1px;
}

* {
padding:0;
margin:0;
}

body {
font:12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
color:#000000;
line-height:140%;
text-align:center;
background:#ddd !important;
background:#ddd;
}

fieldset,select,img {
border:0;
}

hr,#searchform br,.counter {
display:none;
}

a,a:link,a:active,a:visited {
color:#5D8BB3;
text-decoration:none;
}

a:hover {
color:#3465A4;
text-decoration:underline;
}

p {
margin:0 0 10px;
}

ol li {
list-style:decimal outside;
}

acronym,abbr,span.caps {
cursor:help;
font-size:10px;
letter-spacing:.07em;
}

acronym,abbr {
border-bottom:1px dashed #ffcc00;
}

blockquote {
border-left:3px solid #ccc;
margin:20px;
padding-left:10px;
}

cite,ins {
text-decoration:none;
}

code,pre,kbd {
font:14px 'Courier New',Courier,sans-serif;
}

small {
font:10px Arial,Helvetica,sans-serif;
color:#777;
}

strike,del {
color:#777;
text-decoration:line-through;
}

label {
cursor:pointer;
}

h1,h2,h3,h4 {
font-family:"Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
font-weight:700;
}

h1 {
font-size:24px;
text-align:left;
padding:55px 0 5px 20px;
}

h1 a,h1 a:link,h1 a:active,h1 a:hover,h1 a:visited {
color:#000;
background:none;
}

h2 {
margin:5px 0;
font-size:14px;
}

h3,h4 {
margin:20px 0 0;
font-size:14px;
}

/* Structure Divs */
#header {
margin:0 auto;
height:150px;
width:960px;
background:url(http://www.zille.com/wp-content/uploads/2007/09/harold-11.jpg) no-repeat top center;
}

#container {
position:relative;
margin:0 auto;
width:970px;
background:url(images/bg_content.png) repeat-y center top transparent !important;
background:url(images/ie6/bg_content.png) repeat-y center top;
}

#content {
width:960px;
background:#fff;
margin:0 auto;
}

#primary-content {
float:left;
text-align:left;
margin:5px 20px;
width:500px;
display:inline;
background:#fff;
overflow:hidden;
}

#secondary-content {
float:left;
text-align:left;
margin:5px 20px;
width:900px;
display:inline;
background:#fff;
overflow:hidden;
}

#footer {
clear:both;
height:80px;
margin:0 auto;
width:970px;
background:url(images/bg_footer.png) no-repeat top center transparent !important;
background:url(images/ie6/bg_footer.png) no-repeat top center #ddd;
}

#sidebar {
float:left;
margin:20px 0;
width:400px;
text-align:left;
overflow:hidden;
}

/* Config Structure Divs */
	/* Header and Navigation */
	.description {
	font-size:12px;
	text-align:left;
	padding:0 0 5px 20px;
	}

		#header h1 a, .description {
	color:#FFFFFF;
	}
	
	.pagetitle {
	margin-top:25px;
	text-align:center;
	}

	#nav {
	display:block;
	height:32px;
	margin:0 auto !important;
	margin:0;
	padding:0;
	text-align:left;
	letter-spacing:0.15em;
	text-transform:uppercase;
	width:960px;	background:url(images/bg_nav.png) repeat-x left top transparent !important;
	background:url(images/ie6/bg_nav.png) repeat-x left top transparent;
	list-style:none;
	z-index:8;
	}

	#nav li {
	float:left;
	padding:0;
	margin:0;
	}

	#nav li a {
	display:block;
	line-height:32px;
	padding:0 10px;
	color:#fff;
	text-decoration:none;
	}

	#nav li a:hover {
	color:#fff;
	background:#333;
	}

	
	/* Primary Cotent and Entries */
	.content-top {
	background:url(images/bg_content_top.png) no-repeat top center !important;
	background:url(images/ie6/bg_content_top.png) no-repeat top center;
	text-align:right;
	height:15px;
	width:100%;
	}

	.content-top a {
	font-size:10px;
	margin-top:4px;
	margin-right:15px;
	}

	.entry {
	text-align:left;
	padding:20px 8px;
	}

	.entry ul,.entry ol {
	margin:0 0 0 40px;
	}

	.entry li {
	padding-bottom:8px;
	}

	.entry-header {
	background:url(images/bg_entry_header.png) left bottom no-repeat;
	font-size:18px;
	margin:0;
	padding:4px 0;
	}

	.date-header {
	font-size:10px;
	color:#ccc;
	text-align:right;
	margin:0 0 10px;
	padding:0 5px;
	}

	.entry-footer {
	color:#ccc;
	font-size:10px;
	text-align:right;
	background:url(images/bg_entry_header.png) left top no-repeat;
	margin:0 0 20px;
	padding:4px 2px 2px;
	}

	/* Footer */
	#footer p {
	font-size:10px;
	text-align:center;
	line-height:12px;
	margin:0;
	padding:2px 0;
	}

	/* Sidebar */
	#sidebar h2 {
	color:#333;
	font-size:13px;
	text-transform:uppercase;
	margin:15px 2px 0 10px;
	padding:2px 0;
	}

	#sidebar ul {
	color:#777;
	list-style:none;
	}

	#sidebar li {
	width:100%;
	}

	#sidebar ul ul li {
	width:100%;
	margin:0 10px;
	padding:2px;
	}

	#sidebar ul ul li a,#sidebar ul ul li a:link,#sidebar ul ul li a:visited {
	padding:2px 4px;
	}

	.left-sidecolumn {
	clear:left;
	float:left;
	width:55%;
	padding:0 0 0 5px;
	}

	.right-sidecolumn {
	clear:right;
	float:right;
	width:38%;
	padding:0 5px 0 0;
	}

	.intro {
	color:#777;
	width:90%;
	margin:5px;
	padding:5px;
	text-align:left;
	}


	#sidebar ul ul,#toggle ul {
	margin:0;
	padding:0 0 10px;
	}

	/* Footer */
	#footer p {
	text-align:center;
	line-height:18px;
	padding:25px 0 5px;
	}

	#footer p small {
	color:#fff;
	}

/* Search */
li#search {
width:95%;
margin:2px 3%;
}

#searchform {
color:#fff;
line-height:100%;
padding:0 0 5px 0;
display: block;
}

#searchform input {
border:0;
color:#fff;
margin:2px 4px;
}

#searchform input#searchinput {
width:92%;
color:#333;
border:1px solid #ccc;
background:url(images/bg_search.jpg) no-repeat right -24px #fff;
margin:5px 0 2px;
padding:3px;
}

#searchform input#searchinput:focus {
border:1px solid #ffcc00;
background:url(images/bg_search.jpg) no-repeat right 0 #fff;
}

/* Comments and Trackbacks */
#comment-section {
margin:40px 0 0;
text-align:left;
}

#leavecomment {
text-align:center;
color:#ccc;
font-size:18px;
letter-spacing:-2px;
margin:30px 0;
}

#commentform {
margin:15px 0;
padding:10px;
}

input#author,input#email,input#url,textarea#comment {
border:1px solid #ccc;
padding:1px;
background:url(images/bg_input.jpg) repeat-x left top;
}

#commentform input:focus,#commentform textarea:focus {
color:#3377E3;
border:1px solid #ffcc00;
}

textarea#comment {
width:99%;
}

#submit,#previewcomment {
float:right;
margin:0 0 0 10px;
border:1px solid #3465A4;
color:#fff;
background:#5D8BB3;
padding:0 2px;
}

#submit:hover,#previewcomment:hover {
background:#3465A4;
}

.comment-header {
font-size:18px;
color:#ccc;
}

.comment-header a,.comment-header a:active,.comment-header a:visited,.comment-header a:link {
color:#ccc;
background:none;
}

.comment-header a:hover {
color:#ccc;
background:none;
text-decoration:underline;
}

.comment-content {
width:94%;
}

.comment-footer {
font-size:10px;
margin:4px 0;
padding:0;
}

.commentlist,.pinglist {
list-style:none;
margin:10px 0;
}

.commentlist li {
width:94%;
list-style:none;
padding:4px;
}

.commentlist p {
margin:10px;
}

.class-comment1 {
margin:15px 10px;
border:1px solid #5D8BB3;
}

.class-comment2 {
margin:15px 10px;
border:1px solid #ccc;
}

.pinglist li {
width:94%;
border:1px solid #3465A4;
list-style:none;
margin:15px 10px;
padding:4px;
}

.pinglist p {
text-align:left;
padding:8px 10px;
}
#error {
line-height:2.0;
padding:4px;
color:#FF0000;
background-color:#FFFF99;
}

#commentload {
padding-top:3px;
float:right;
vertical-align:middle;
}
/* Images */
p img {
border:0;
max-width:100%;
padding:2px;
}

img.center,img[align="center"] {
display:block;
margin:auto;
}

img.alignright,img[align="right"] {
float:right;
display:inline;
margin:0 0 2px 7px;
padding:2px;
}

img.alignleft,img[align="left"] {
float:left;
display:inline;
margin:0 7px 2px 0;
padding:2px;
}

img.wp-smiley {
border:0;
}

.feedlink img {
float:right;
height:12px;
width:12px;
border:0;
margin:-19px 0 0;
}

/* Text align */
.center {
text-align:center;
}

.alignleft {
text-align:left;
}

.item,.alignright {
text-align:right;
}

/* Float */
div.floatright {
float:right;
}

div.floatleft {
float:left;
}

/* Classes */
.navigation {
display:block;
text-align:center;
padding:15px 0;
}

.alert {
width:90%;
background:#FFFF99;
border-left:4px solid #FFD324;
text-align:center;
margin:10px 0;
padding:5px 10px 5px 0;
}

.metacmt,.metaedit,.metapost {
background:url(images/arrow.png) left center no-repeat;
padding-left:18px;
}

.clear {
clear:both;
}




#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
padding-top: 10px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border-top: 1px solid #bbb;
border-right: 2px solid #bbb;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 5px 2px 5px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
font-weight:bold;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1,
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a,
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }


#game-table { width:97%; margin:15px auto; }
#game-table th { border-bottom:1px solid #ccc; }
#game-table th.acenter { text-align:center; }
#game-table td.acenter { text-align:center; }
