body
{
margin: 15px 0;
padding: 0;
background: #010;
background: -moz-radial-gradient(center 45deg, circle closest-corner, #dfd 0%, #010 100%);
background: -webkit-gradient(radial, center center, 0, center center, 70, from(#dfd), to(#010));
font-family: century gothic, arial narrow, arial;
color: #8A0;
font-size: small;
text-align: justify;
}

#s1, #s2, s3{
position: absolute;
width: 100%;
top: 0px;
left: 0px;
}

div#s1{
z-index: -3;
height: 60px;
background: url(/ssi/s1.png) top left repeat-x;
}

div#s2{
z-index: -2;
height: 90px;
background: url(/ssi/s2.png) top right repeat-x;
}

div#s3{
z-index: 2;
height: 120px;
background: url(/ssi/s3.png) top center repeat-x;
}

div#header
{
text-align: center;
width: 100%;
height: 100px;
padding: 3px 0 0 0;
}

#nav, #footer, .bogitem, .newsitem, h1#news, #bogmenu{
background: #010;
opacity: 0.75;
border-top: 1px #231 solid;
border-left: 1px #231 solid;
border-bottom: 1px #120 solid;
border-right: 1px #120 solid;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-moz-box-shadow: 3px 3px 1px #000;
-webkit-box-shadow: 3px 3px 1px #000;
box-shadow: 3px 3px 1px #060;
}

div#nav
{
background: #240;
height: 20px;
text-align: center;
width: 50em;
margin: 10px auto;
padding: 5px;
}

	div#nav a
	{
	padding: 2px 1px 1px 1px;
	color: #cf0;
	text-decoration: none;
	border-bottom: 1px dotted #af0;
	opacity: 1;
	}

	div#nav a:hover
	{
	color: #af0;
	border-bottom: 1px solid #af0;
	}

	div#nav a:visited
	{
	color: #9c0;
	}

#active
{
color: #000;
}

h1{
margin: 5px auto;
padding: 5px;
line-height: 125%;
}

div#bogmenu{
width: 515px;
height: 300px;
margin: 10px;
overflow: auto;
overflow-y: hidden;
}

	div#bogmenu ul{
	margin: 5px;
	padding: 5px;
	}

	div#bogmenu ul li{
	float: left;
	display: block;
	width: 100%;
	height: 300px;
	margin: 0;
	padding: 0;
	}

div#page
{
margin: 10px auto 0 auto;
width: 760px;
min-height: 300px;
}

	div#page h1, div#page h2
	{
	line-height: 100%;
	color: #af0;
	text-shadow: 2px 2px 2px #000;
	}

	div#page h1{
	font-size: x-large;
	font-variant: small-caps;
	}

	div#page h2{
	font-size: large;
	}

	div.bogitem
	{
	float: left;
	width: 515px;
	margin: 3px 0;
	padding: 5px;
	}

	div.bogitem img.itemlogo
	{
	align: right;
	height: 60px;
	width: 60px;
	margin: 3px;
	font-size: xx-small;
	border-top: 1px #680 solid;
	border-left: 1px #680 solid;
	border-bottom: 1px #460 solid;
	border-right: 1px #460 solid;
	opacity: 1;
	}

	div.bogitem a{color: #af0; text-decoration: none; border-bottom: 1px dotted #af0;}
	div.bogitem a:hover{color: #cf0;background: #120; border-bottom: 1px solid #af0;}
	div.bogitem a:visited{color: #690;}

	div.breadcrumb
	{
	font-size: x-small;
	}
	
	.bogid
	{
	margin: 0;
	padding: 0;
	font-size: x-small;
	color: #460;
	}

	div.bogitem .bogid a{color: #690;} 
	
	div.bogitem h2, div.bogitem h3{
	Text-transform: capitalize;
	line-height: 100%;
	margin: 4px 0;
	color: #cf0;
	}
	
	div.bogitem .smallnav
	{
	font-size: x-small;
	margin: 3px;
	padding: 2px;
	background: #000;
	border: 1px dotted #af0;
	}

div#news
{
float: right;
padding: 0;
margin: 0 5px 0 0;
width: 220px;
clear: right;
}

	div#news h1#news{
	background: #240;
	height: 20px;
	font-size: medium;
	text-align: center;
	width: 100%;
	color: #cf0;
	}

div.newsitem
{
padding: 5px;
margin: 0 0 5px 0;
width: 100%;
}

	div.newsitem ul
	{
	margin: 2px 0;
	list-style: square;
	}
	
	div.newsitem a, div.newsitem a:active{
	color: #af0;
	}
	
	div.newsitem a:hover{
	text-decoration: none;
	color: #cf0;
	}
	
	div.newsitem a:visited{
	color: #690;
	}

div#clear
{
clear: both;
height: 5px;
font-size: 1px;
}

div#footer
{
background: #240;
text-align: center;
width: 30em;
margin: 0 auto;
padding: 1px;
color: #af0;
font-size: x-small;
}

span.heading
{
width: 25em;
margin: 5px auto;
font-weight: bold;
font-size: medium;
padding: 3px 5px;
}

	span.heading a
	{
	color: #af0;
	text-decoration: none;
	border: 0;
	}
	
span.label
{
width: 80px;
display: block;
font-size: x-small;
text-transform: uppercase;
text-align: right;
}

span.smfoot
{
font-size: x-small;
color: #cf0;
}

span.error{
color: #600;
}

input, textarea, select
{
font-family: century gothic, arial narrow, arial;
color: #8A0;
font-size: x-small;
background: #000;
border: 1px dotted #af0;
}

	select{
	}

input
{
}

textarea
{
}

#sharing{
display: block;
text-align: center;
}

img.sharing{
border: 1px solid #af0;
margin: 3px;
}

/* Gitipedia Specific Styles */
.gitnav, .damnav{
float: left;
text-align: center;
width: 515px;
border: 1px #222 solid;
margin: 5px 0;
padding: 3px;
background: #010;
opacity: 0.75;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-moz-box-shadow: 3px 3px 1px #000;
-webkit-box-shadow: 3px 3px 1px #000;
box-shadow: 3px 3px 1px #060;
}
.gitnav a{padding: 2px;}
	.gitnav a,.damnav a{color: #af0;}
	.gitnav a:hover, .damnav a:hover{color: #cf0;background: #111;}
	.gitnav a:visited, .damnav a:visited{color: #690;}

.gitpage{
text-align: right;
padding: 2px;
font-size: small;
}

/* BogWash Specific Styles */

.Bant{
font-size: small;
margin: 0 0 0 20px;
padding: 0;
}

.BName{
font-weight: bold;
margin-left: -20px;
}

.BTime{
font-size: x-small;
color: #690;
}

/* BogDamus Specific Styles */

.dmonth{
padding: 5px 5px;
}

span.damus{
font-weight: bold;
color: #ac0;
}

/* Insultathon Specific Styles */

.insult{
color: #cf0;
font-weight: bold;
}

.response{
}

.scores{

}

	.scores dfn{
	font-weight: bold;
	}

.break{
margin: 2px 0;
height: 15px;
width: 515px;
font-size: 1pt;
background: url(/insultathon/br.gif) center center no-repeat;
}

.tag{
vertical-align: middle;
height: 15px;
width: 15px;
border: 0; 
margin: 0;
}

/* Pissing Nigel Specific Styles */

#nigelbox{
width: 390px;
padding: 5px;
margin: 15px auto;
border: 1px solid #cf0;
background: #460;
height: 72px;
}

	img#nigel{
	vertical-align: middle;
	margin: 9px -72px 9px 0;
	float: left;
	}
	
	img#victim{
	float: right;
	}
	
	table.nigelgraph{
	font-size: x-small;
	}
	
		table.nigelgraph img{
		vertical-align: middle;
		}
		
		div#archfoot{
		text-align: center;
		margin: 0 auto;
		font-size: x-small;
		width: 400px;
		}
		
		div#nigelarch{
		width: 430px;
		margin: 15px auto;
		}
		
		div#small{
		font-size: x-small;
		width: 100%;
		text-align: center;
		}