/* CSS Document */
img { border:none; }
#container { }
#header {
position:absolute;
top:0px;
left:0px;
background-color:#3D81EE;
width:1024px;
height:100px;
}
#banner {
position:absolute;
top:10px;
left:350px;
width:468px;
height:60px;
background-color:#FFFFFF;
}

#bar {
position:absolute;
top:100px;
left:0px;
width:924px;
height:20px;
background-color:#66B5FF;
z-index:500;
padding-left:100px;
padding-top:10px;
}
#onlinenow {
position:absolute;
top:105px;
left:3px;
color:#CCCCCC;
font-weight:bold;
z-index:900;
font-size:10px;
}
#menu {
position:absolute;
top:130px;
left:0px;
width:150px;
height:1500px;
background-color:#3D81EE;
}
#menu h2 {
display:inline;
font-size:14px;
color:#FFFFFF;
}
#graphics2 {
display:block;
width:145px;
height:30px;
background-color:#44ff3f;
padding-left:5px;

}

#graphics
	{

		padding: 0px;
		margin-left: 0;
		font: bold 11px Verdana, sans-serif;
		color:#FFFFFF;
		border: 0px solid;
				width: 140px;
	}
	
	#graphics li
	{
position:relative; top:-15px;
margin-left:-40px;
		width:150px;
		list-style: none;
		height:30px;
		color:#FFFFFF;
		text-align: center;
border-bottom:solid;
border-width:1px;
border-color:#FFFFFF;
	}
	
	ul#graphics li.active
	{
		width:135px;
		height:19px;
		list-style: none;
		font-size:11px;
		font-weight: bold;
		color:#00569A;
		padding: 11px 18px 0 0px;
		text-align: right;
	}
	
	#graphics  a  { 
		width:135px;
		height:19px;
		display:block;
		font-size:10px;
		font-weight: bold;
		padding: 11px 8px 0 7px;
		text-align: left;
	    text-decoration: none; 
		color:#FFFFFF;
	}
	
	#graphics  a:hover{ 
		width:135px;
		height:19px;
		display:block;
		color:#FFFFFF;
background-color:#c1ff71;
		padding: 11px 8px 0 7px;
		text-align: left;
	    text-decoration: none; 
	}

#menu hr {
border:none;
height:1px;
position:relative;
top:-5px;

color:#FFFFFF;
background-color:#FFFFFF;
width:150px;
}
#cool2 {
display:block;
width:145px;
height:30px;
background-color:#ff7814;
padding-left:5px; z-index:50; position:relative; top:11px;
}
#cool
	{
		padding: 0px;
		margin-left: 0;
z-index:2;
		font: bold 11px Verdana, sans-serif;
		color:#FFFFFF;
		border: 0px solid;
				width: 140px;
	}
	
	#cool li
	{position:relative; top:-10px;
margin-left:-40px;
		width:150px;
		list-style: none;
		height:30px;
		color:#FFFFFF;
		text-align: center;
border-bottom:solid;
border-width:1px;
border-color:#FFFFFF;
	}
	
	ul#cool li.active
	{
		width:150px;
		height:19px;
		list-style: none;
		font-size:11px;
		font-weight: bold;
		color:#00569A;
		padding: 11px 18px 0 0px;
		text-align: right;
	}
	
	#cool  a  { 
		width:150px;
		height:19px;
		display:block;
		font-size:10px;
		font-weight: bold;
		padding: 11px 8px 0 7px;
		text-align: left;
	    text-decoration: none; 
		color:#FFFFFF;
	}
	
	#cool  a:hover{ 
		width:150px;
		height:19px;
		display:block;
		color:#FFFFFF;
background-color:#ffb128;
		padding: 11px 8px 0 7px;
		text-align: left;
	    text-decoration: none; 
	}
#gen2 {
display:block;
width:145px;
height:30px;
background-color:#b414ff;
padding-left:5px;
}
#gen
	{
		padding: 0px;
		margin-left: 0;
z-index:2;
		font: bold 11px Verdana, sans-serif;
		color:#FFFFFF;
		border: 0px solid;
				width: 140px;
	}
	
	#gen li
	{position:relative; top:-13px;
margin-left:-40px;
		width:150px;
		list-style: none;
		height:30px;
		color:#FFFFFF;
		text-align: center;
border-bottom:solid;
border-width:1px;
border-color:#FFFFFF;
	}
	
	ul#gen li.active
	{
		width:150px;
		height:19px;
		list-style: none;
		font-size:11px;
		font-weight: bold;
		color:#00569A;
		padding: 11px 18px 0 0px;
		text-align: right;
	}
	
	#gen  a  { 

		width:150px;
		height:19px;
		display:block;
		font-size:10px;
		font-weight: bold;
		padding: 11px 8px 0 7px;
		text-align: left;
	    text-decoration: none; 
		color:#FFFFFF;
	}
	
	#gen  a:hover{ 
		width:150px;
		height:19px;
		display:block;
		color:#FFFFFF;
background-color:#ff45e7;
		padding: 11px 8px 0 7px;
		text-align: left;
	    text-decoration: none; 
	}

#adbox {
position:absolute;
top:160px;
left:150px;
width:350px;
height:300px;
background-color:#FFFFFF;
z-index:200;
}
#update {
position:absolute;
top:160px;
left:510px;
width:310px;
height:300px;
padding-left:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#update h1 {
position:absolute;
left:10px;
display:inline;
color:#FF0033;
font-size:12px;
}
#right {
position:absolute;
top:130px;
left:830px;
width:194px;
height:1500px;
background-color:#3D81EE;
z-index:900;
}
#welcome {
position:absolute;
top:130px;
left:150px;
width:680px;
height:30px;
background-color:#e4ff68;
}
.welcom {
position:absolute;
left:20px;
top:5px;
color:#7bbe90;
font-size:15px;
font-weight:bold;
}
#content {
position:absolute;
top:460px;
left:150px;
width:674px;
height:1110px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#f3fbff;
padding-left:6px;
}
#content textarea {
border:solid;
border-width:2px;
border-color:#FF0000;
}
#content a { color:#001280; }
#laybar {
position:relative;
width:650px;
height:25px;
left:-6px;
background-color:#ff2c2c;
padding-left:30px;
padding-top:5px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
}
#starpen {
position:absolute;
top:1110;
width:70px;
height:320px;
left:-6px;
padding-left:30px;
padding-top:5px;
}
#random {
position:absolute;
top:710px;
left:440px;
width:235px;
height:400px;
background-color:#ddeeff;
text-align:center;
padding-left:5px;
}
#top {
position:absolute;
top:710px;
left:210px;
width:235px;
height:400px;
background-color:#f4ffdc;
text-align:center;
padding-left:5px;
}
#recent {
position:absolute;
top:840px;
left:0px;
width:210px;
height:270px;
background-color:#c5ffd7;
text-align:center;

}
#footer {
position:absolute;
top:1570px;
left:150px;
width:680px;
height:60px;
background-color:#94bdff;
font-size:11px;
color:#333333;
text-align:center;
}
#cbar {
position:absolute; 
left:0px; 
top:0px; 
width:660px; 
height:26px; 
background-color:#5a008d; 
color:#FFFFFF; font-weight:bold;
padding-left:20px; padding-top:4px;
}
#cbar a {
color:#FFFFFF; text-decoration:none; }
#rand {
position:absolute;
left:400px;
top:30px;
}
#rate {
position:absolute;
top:2px;
left:860px;
width:130px;
height:98px;
background-color:#99CCFF;
z-index:620;
font-size:10px;
}
.rhead { font-weight:bold; }
#gen
	{
		padding: 0px;
		margin-left: 0;
z-index:2;
		font: bold 11px Verdana, sans-serif;
		color:#FFFFFF;
		border: 0px solid;
				width: 140px;
	}
#links {
position:absolute;
top:630px;
left:0px;

padding-left:5px; z-index:50; 

}
#links2 { 
margin-left:-5px;
display:block;
width:140px;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
height:30px;
background-color:#ff1111;
padding-left:5px;
}
		
	#links  a  { 
font-weight:bold;
		   text-decoration: none; 
		color:#FFFFFF;
	}
	#links a:hover { text-decoration:underline; }