/* 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:1750px;

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:0px;

}

#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;

padding-top:-13px;

background-color:#b414ff;

padding-left:5px;

}

#gen

	{
		
		padding-top:-13px;

		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 0px 0px;

		text-align: right;

	}

	

	#gen  a  { 



		width:150px;

		height:19px;

		display:block;

		font-size:10px;

		font-weight: bold;

		padding: 11px 8px 0px 0px;

		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 0px 0px;

		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;

padding-top:6px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

}

#update h1 {

position:absolute;

left:10px;

display:inline;

color:#FF0033;

font-size:12px;

}

#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:310px;

font-size:11px;

color:#333333;

text-align:center;

z-index:1;

}

#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:#3D81EE;

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;

	}

#right {

position:absolute;

top:130px;

left:830px;

width:194px;

height:1750px;

background-color:#3D81EE;

z-index:900;

}

#links {

position:absolute;

top:0px;

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; }