/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: 62.5%;
margin: 0px;
text-align: center;
background: #000;
color: #FEF7C0;
font-family: Arial, Helvetica, sans-serif;
}

strong
{
font-weight:bold;
}

.small
{
font-size: 80%;
}

#wrap{
	position: relative;
	margin: auto;
	width: 897px;	
}

	#top-nav{
		position: relative;
		padding: 10px 0 8px 6px;
		overflow: hidden;	
		font-size: 1.2em;
	}
	
		#top-nav li{
			position: relative;
			float: left;	
			padding-right: 16px;	
		}
		
		#top-nav a{
			position: relative;
			float: left;
			color: #FEF7C0;
		}
		
		#top-nav a.current{
			text-decoration: underline;
		}
	
	
	#head{
		position: relative;
		height: 120px;
		background: url(img/header.jpg) top left;
	}
	
	#nav{
		position: relative;
		padding: 4px 0 4px 120px;
		height: 30px;		
		font-size: 1.4em;
		z-index: 20;
	}
	
		#nav li{
			position: relative;
			float: left;	
			height: 30px;
		}
		
		#nav li a{
			position: relative;
			float: left;
			padding: 7px 32px 0 15px;
			height: 23px;
			color:  #FEF7C0;
			text-decoration: none;
		}		
		
		#nav li a.expand{
			background: url(img/tick.gif) right center no-repeat;
		}
		
		#nav li a:hover{
			background: #272727;
		}

		#nav li a.expand:hover{
			background: #272727 url(img/tick-alt.gif) right center no-repeat;
		}

		#nav li a.current{
			background: #272727;
		}

		#nav li a.currenttick{
			background: #272727 url(img/tick-alt.gif) right center no-repeat;
		}
		
		#nav li ul{
			position: absolute;
			display: none;
			top: 30px;
			left: 0;
			width: 139px;	
			text-align: left;
			border-right: 1px solid #000;
			border-top: 1px solid #000;
		}
		
		#nav li ul li{
			position: relative;
			float: none;	
			border-top: 1px solid #000;
		}
		
		#nav li ul li a{
			position: relative;
			float: none;	
			display: block;
			background: #8e3604;
		}
		
		#nav li ul li a.subbed{
			background: #8e3604 url(img/tick2-alt.gif) right center no-repeat;			
		}
		
		#nav li ul li a:hover{
			background: #272727;	
		}
		
		#nav li ul li a.subbed:hover{
			background: #272727 url(img/tick2.gif) right center no-repeat;			
		}
		
		#nav li ul li ul{
			position: absolute;
			top: -2px;
			left: 140px;
		}
		
		
		
		#nav li:hover ul{
			display: block;
		}
		
		#nav li:hover ul li ul{
			display: none;
		}
		
		#nav li:hover ul li:hover ul{
			display: block;
		}

	
	#page{
		position: relative;
		overflow: hidden;
		text-align: left;
		font-size: 1.6em;
		background: url(img/page-bg.jpg) top left;
	}
	
		#sidebar{
			position: relative;
			float: left;
			width: 131px;
			padding: 117px 0 0 37px;
			background: url(img/cap-left.jpg) top left no-repeat;
		}
		
			.widget{
				position: relative;
				padding-bottom: 18px;	
			}
			
				.widget ul{
					position: relative;
					padding-left: 30px;
				}
				
				.widget a{
					color: #FEF7C0;
					text-decoration: none;
					font-size: 85%;
				}
				
				.widget a:hover{
					color: #66adb3;
				}

				.widget a.current{
					color: #66adb3;
				}		
		
		
		
		#content{
			position: relative;
			float: right;
			width: 561px;
			padding: 28px 168px 0 0;
			z-index: 10;
			background: url(img/cap-right.jpg) top right no-repeat;
			
		}
		
			.entry{
				position: relative;
				line-height: 1.3em;	
				overflow: hidden;
				padding-bottom: 12px;
				font-size: 1.0em;
			}
			
				.entry p{
					position: relative;
					padding-bottom: 1em;
				}
				
				.entry ul{
					position: relative;
					line-height: 1.2em;	
				}
				
				.entry img{
					display: inline;
					float: right;					
				}
				
				.entry li{
					position: relative;
					padding-bottom: 10px;

				}
						
				.entry img{
					padding: 4px;
					border: 1px solid #b6b39f;
				}
				
				.entry img.img-left{
					padding: 4px;
					border: 1px solid #b6b39f;
					float:left;
				}
				
				.entry img.img-right{
					padding: 4px;
					border: 1px solid #b6b39f;
					float:right;
				}
				
				.entry img.img-center{
					padding: 4px;
					border: 1px solid #b6b39f;
					float:none;
					display: block;
					margin-left: auto;
					margin-right: auto;
				} 

				.entry-section{
					position: relative;
					float: left;
					overflow: hidden;
				}
								
					#about{
						width: 65%;
						padding-right: 4.9%;	
					}
					
					#news{
						width: 30%;
					}
					
					#news ul{
						font-size: .9em;
					}
					
					#races, #bottom-left{
						width: 45.5%;
						padding-right: 6.7%;
						margin-right: 2%;
					}
					
					#role-play, #bottom-right{
						width: 45.5%;
						
					}
					
					#races-feature, #bottom-feature{
						width: 100%;	
					}
					
					#bottom-feature h1{
						text-align: center;
					}

					#pagecontent p, #pagecontent ul, #pagecontent h3{
						text-align: left !important;	
						display: block !important;
					}					

					#header {
						text-align: center;
						width:561px;
					}
					
			#content h1{
				position: relative;
				font-size: 39px;
				height: 39px;
				margin-bottom: 10px;
				overflow: hidden;
				text-align: center;
			}
			
			#content h2{
				position: relative;
				color: #66adb3;
				font-size: 1.5em;
				text-align: center;
				margin-top: -8px;
				padding-bottom: 12px;
			}
			
		    #content h3{
				text-align: left;
				font-size: 1.2em;
				padding-bottom: 8px;
			}
			
			#content a{
				color: #66adb3;
			}


	#foot{
		position: relative;
		margin-top: -20px;
		font-size: 1.4em;
		background: url(img/foot.jpg) top left no-repeat;
		padding: 120px 18px 18px 18px;	
		line-height: 1.35em;
		overflow: hidden;
		text-align: left;
	}
	
		#contact-info{
			position: relative;
			float: left;
			width: 275px;
			height: 100px;
		}
		
		#foot p{
			position: relative;
			padding-bottom: .50em;	
		}
		
		div#foot a{
			color: #66adb3;
		}
		
		#foot small{
			font-size: .8em;
		}

ul.arrow
{
	list-style:square inside url('images/misc/coppergem10.png');
}