/*  
Theme Name: AI
Theme URI: http://www.ai-stormscale.co.uk
Description: Theme for Guild Ad Infinitum Stormscale EU
Version: 1.0
Author: Wac�
Author URI: http://www.ai-stormscale.co.uk

*/

/*-------------Header-------------*/

#wrapper{
margin: 0 auto 0 auto;
width: 800px;
text-align: left;
background: url('images/sitebg.jpg');
overflow:hidden;
}


#header{
float: left;
width: 800px;
height: 200px;
background-image:url('images/ai.jpg');
}

/*-------------Nav Menu-------------*/

#navmenu{
Width: 800px;
height: 21px;
border: thin solid #000000;
background-image: url('images/buttons.gif');
overflow:hidden;
}

#navmenu ul {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	margin: 0; 
	padding: 3px 36px 0 0;
        list-style-type: none; 
	list-style-image: none;
	text-align: center;
        font-weight: bold;
	
}

#navmenu li {
	display: inline;
}

#navmenu ul li a 
	{text-decoration:none;  margin: 4px;
	padding:0; 
	color: #fff; 
}

#navmenu ul li a:hover {
text-decoration: underline;
color: #FFFF00;
}


/*-------------Body-------------*/

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background-image: url('images/body.gif');
color: #ffffff;
}

a:link, a:visited{
text-decoration: underline;
color: #336699;
}

a:hover{
text-decoration: none;
color: #FFFF00;
}

p{
padding: 10px 0 0 0;
}


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p{
margin: 0;
padding: 0;
}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

h5{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size:10px;
color: #996633;
padding: 0 0 12px 0;
}

/*-------------container-------------*/

#container{
float: left;
width: 550px;
}

.post{
padding: 10px 10px 10px 10px;
}

.post h2{
font-family: Georgia, Sans-serif;
font-size: 20px;
color:#336699;
}

.entry{
line-height: 20px;
}

p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;

}
/*-------------sidebar-------------*/

.sidebar{
float: left;
width: 240px;
margin: 0 0 0 10px;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

.sidebar ul li {
padding: 5px 0 5px 0;
font-size: 11px;
}

.sidebar ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
color: #336699;
padding: 10px 0 10px 0;

}

.sidebar ul ul li{
padding: 0;
}

.sidebar p{
font-size: 11px;
}

.latestpost ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

.latestpost ul li {
padding: 5px 0 5px 0;
font-size: 11px;
}

.latestpost ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
color: #336699;

}

.latestpost ul ul li{
padding: 0;
}



/*-------------Footer-------------*/

#footer{
clear: both;
float: left;
width: 800px;
text-align: center;
padding: 10px 0 0 0;
border-bottom: thin solid #000000;
}

#footer p{
	line-height: 18px;
}


/*-------------footer table-------------*/

#wrappper1{
float: left;
width: 800px;
}

#copy{
	float:left;
	width: 610px;
}

#w3c{
	float: left;
	width: 180x:
}
	

/*-------------roster-------------*/

thead td{
		font-weight:bold;
		color:#fff;	}
	td{
		padding:2px;
	}
	table{
		border-collapse: collapse;
		
	}
	h1{
		font-size:12px;
		margin-bottom:0px;
		color: #336699;
	}
	table,h1,p,#ads{
		margin-left:px;
		
	}
	#ads{
		margin-top:20px;
	}
	
	/* These classes are used by the script as rollover effect for table 1 and 2 */
	
	.tableRollOverEffect1{
		background-color:#317082;
		color:#FFF;
	}

	.tableRollOverEffect2{
		background-color:#000;
		color:#FFF;
	}
	
	.tableRowClickEffect1{
		background-color:#F00;
		color:#FFF;
	}
	.tableRowClickEffect2{
		background-color:#00F;
		color:#FFF;
	}