/*
Theme Name: Aggressive Gaming League
Theme URI: Aggressive Gaming League
Description: Not for public use
Version: 1.0
Author: Jake Evans
Author URI: http://aggressivegaming.com
*/

/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}


.clear { clear:both; }

body { 
   background-color:#e6e6e6;
   margin:0px;
}

.page-wrapper { 
   width:968px;
   min-height:500px;
   margin:auto;
}

.header-left { 
   float:left;
   width:305px;
   height:75px;
   background:url('images/bg_header.gif');
   text-align:center;
   padding-right:12px;
   padding-top:4px;
   font:11px Arial;
   color:#CDE2FF;
}

/* HEADER NAVIGATION */
   
#header-nav { 
   float:left;
   width:651px;
   height:79px;
   background:url('images/bg_nav.gif');
}

#header-nav ul { 
   list-style:none;
   margin-top:23px;
}

#header-nav li {
   float:left;
   width:114px;
   height:56px;
   text-align:center;
}

#header-nav a { 
   display:block;
   width:114px;
   height:38px;
   background:url('images/navbtn.png');
   background-position:top;
   padding-top:18px;
   text-decoration:none;
   font:15px Arial;
   color:#aaa;
   font-weight:bold;
}

#header-nav a:hover { 
   color:#8ebbe0;
   background-position:bottom;
}

/* LOGO AREA */

.logo-left { 
   float:left;
   width:113px;
   height:138px;
   background:url('images/logo_left.gif');
}

.logo { 
   float:left;
   width:681px;
   height:138px;
}

.logo-right {
   float:left;
   width:145px;
   height:130px;
   background:url('images/logo_right.gif');
   font:11px Arial;
   padding-right:14px;
   padding-left:13px;
   padding-top:8px;
   text-align:center;
}

/* BODY AREA */

.wrapper-body { 
   width:943px;
   min-height:400px;
   margin:auto;
}

.bodyhead { 
   width:923px;
   height:26px;
   background:url('images/body_head.gif');
   text-align:right;
   padding-right:20px;
   font:11px Verdana;
   color:#666;
}

.body { 
   background-color:white;
   width:941px;
   min-height:400px;
   border-top:1px solid #ddd;
   padding:1px;
   overflow:auto;
   font:12px Arial;
}

/* BODY CONTENT */

.box-leftcol { 
   float:left;
   width:222px;
   border:0px solid #ddd;
   min-height:100px;
   margin:0px; 
   padding:0px;
}

.box-leftcol ul { list-style:none; }
.box-leftcol li { width:202px; height:31px; }
.box-leftcol a { display:block; width:175px; height:23px; padding-left:47px; padding-top:8px; background:url('images/rownav.gif'); background-position:top;}
.box-leftcol a { font:12px Arial; color:#6f6f6f;  }
.box-leftcol a:hover { background-position:bottom; color:#000; }

.category { 
   width:222px;
   height:31px;
   background:url('images/rownav.gif');
}

.catl { 
   margin-top:0px;
   margin-left:13px;
   margin-right:18px;
   float:left;
   font:24px Arial;
   font-weight:bold;
   color:#8ebbe0;
}

.catr { 
   padding-top:5px;
   margin-left:15px;
   font:15px Verdana; 
   color:#6f6f6f;
   font-weight:bold;
}

.box-rightcol { 
   float:right;
   width:710px;
   min-height:600px;
   background-color:white;
}

/* SPAN & OTHER MISC */

.smtitle { 
   font:11px Verdana;
   color:#666;
   font-weight:bold;
}

.esmall { 
   font:10px Tahoma;
}

.thumbr { float:left; }

/* FORM INPUT STUFF */

div.header-left .inputbox { 
   width:125px;
   height:23px;
   background:url('images/bg_input.gif') repeat-x;
   border:1px solid #ccc;
   padding-top:5px;
   padding-left:4px;
   font:15px Arial;
   color:#666;
   font-weight:bold;
}

.inputbutton { 
   width:108px;
   height:20px;
   background:url('images/bg_button.gif');
   border:0px;
   font:11px Arial;
   font-weight:bold;
   color:#999;
}

/* WORDPRESS STYLE */

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.2em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

span.storytitle { font:12px Tahoma; font-weight:bold; }
span.small { font:10px Verdana; color: #4372b3; font-weight:bold;}
span.smallnb { font:10px Verdana; color: #4372b3; }

.fieldsetd span { font:15px Arial; font-weight: bold; color:#666; }

.postseparator { 
   margin-top:7px;
   margin-bottom:7px;
   border:0;
}

div.body fieldset, legend {border:1px solid #CDE2FF; }
div.body fieldset, legend {background:#E6F1FF}
div.body legend { background:#E6F1FF; }

div.body legend { border-bottom:0px; margin-left:10px; padding-left:5px; padding-right:5px;}
div.body fieldset { padding:5px; }

div.body legend a {color:#03387e}
div.body legend a:hover {color:#3065ab;text-decoration:underline}

div.fieldsetd { padding:5px; border:1px solid #CDE2FF; background:#E6F1FF; }

div.footerbox { padding:5px; border:1px solid #CDE2FF; background:#E6F1FF; text-align:center; }

.miscbtn { 
   float:left;
   display:block;
   width:210px;
   height:45px;
   background:url('images/miscbtn.gif');
   background-position:top;
   padding-top:25px;
   text-align:center;
   font:14px Tahoma;
   font-weight:bold;
   color:black;
}

a.miscbtn:hover { 
   background-position:bottom;
   color:black;
}

.wpava { 
   float:left;
   width:50px;
   height:50px;
   border:1px solid #CDE2FF;
   margin-right:5px;
}

.header-left-user { 
   margin-left:18px;
   margin-right:18px;
   text-align:left;
   font:11px Verdana;
   color:#333;
}

.header-left-user a { font:10px Verdana;  color:#6D91C4; font-weight:bold; text-decoration:none; }
.header-left-user a:hover { text-decoration:underline; }

.feedback { 
   background-color:#F2F8FF;
   border:1px solid #EEF5FF;
   color:#999;
}

p.br { 
   margin-top:10px;
   margin-bottom:5px;
}

.eventbox { 
   display:none;
   min-height:200px;
   background:white;
   border:1px solid #FEFEFE;
   padding:5px;
}

#entertournament ul, #purchaseobs ul {
   list-style:square;
}

#entertournament li, #purchaseobs li {
   margin-top:5px;
   margin-left:20px;
}

div.fieldsetd li { 
   margin-top:1px;
   margin-bottom:5px;
   margin-left:20px;
   display:block;
   height:18px;
   background:white;
   border-left:3px solid #9ED2FF;
   padding:3px;
   width:70%;
}

div.fieldsetd ul { margin-left:40px; list-style-type: disc; }

/* 
                                                   REPLAY PARSER STYLE 
*/

#reps h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	font-size: 20px;
	background: #4C5866;
	border-bottom: 1px dotted #738499;
	padding: 5px;
}

#functions {
	padding: 1px 1px 1px 5px;
}

#content {
	width: 700px;
	margin-left: 0px;
	margin-top: 10px;
}

#important {
	background-color: #292F37;
	border: 2px solid #4C5866;
	padding: 10px 10px 0;
	margin: 0 0 2em 0;
	line-height: 1.5em;
}

#important p {
	margin-bottom: 1em;
}

#reps h2, #reps .title {
	font-size: 12px;
	font-weight: bold;
	color: #4C5866;
	text-decoration: none;
	border-bottom: 0px solid #4C5866;
	clear: both;
	margin: 0 0 1em;
}

#reps h3 {
	font-size: 12px;
}

#reps p, #history ul, #reps ol {
	line-height: 1.5em;
	margin-bottom: 2em;
}

#history ul {
	list-style: square;
}

ol li {
	padding: 1.5em 0 1.5em;
	border-bottom: 1px dashed #4C5866;
}

#reps fieldset {
	border: 0;
}

#reps fieldset.events { 
	border:1px solid #CDE2FF;
}

#reps .info {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 20px .1em 0;
}

#reps th {
	border-bottom: 1px solid #4C5866;
	font-weight: bold;
	text-align: left;
}

#reps .right {
	text-align: right;
}

#reps a {
	text-decoration: none;
	color: #99B0CC;
}

#reps a:hover {
	text-decoration: underline;
}

#reps img {
	border: 0;
	vertical-align: bottom;
}

#reps input, #reps select, #reps option {
	color: #000000;
}

#reps table {
	font-size: 12px;
	margin-bottom: 1em;
}

#reps td {
	padding: 2px;
}

#functions a, #reps .download {
	color: #7C8FA6;
	font-weight: bold;
	padding: 1px 4px 1px 4px;
}

#functions a:hover, #reps .download:hover {
	text-decoration: none;
	color: #000000;
	background-color: #7C8FA6;
}

#reps a.title:hover {
	text-decoration: none;
	color: #8ebbe0;
}

#reps .graph {
	height: 10px;
	background-color: #738499;
}

#reps .section {
	padding-bottom: 2em;
	margin: 1em 0 2em 25px;
	border-bottom: 1px dashed #4C5866;
}
 
#reps a { color:black; }
#reps a:hover { text-decoration:underline; }

#reps { overflow:hidden; }

#reps .details {
	margin-left: 26px;
	border-left: 2px solid #4C5866;
	padding: 3px;
	background:#FFF;
}

#reps .additional {
	background-color: #DDEAF4;
	border-left: 2px solid #738499;
	padding: 10px;
	margin: 5px 0 5px 20px;
	display: none;
}

#reps .red {
	color: #D93636;
}

#reps .blue {
	color: #608FBF;
}

#reps .teal {
	color: #60BFA9;
}

#reps .purple {
	color: #9B60BF;
}

#reps .yellow {
	color: #E4E573;
}

#reps .orange{
	color: #CC8029;
}

#reps .green {
	color: #86E573;
}

#reps .pink {
	color: #D96CB1;
}

#reps .gray {
	color: #BFBFBF;
}

#reps .light-blue {
	color: #79C2F2;
}

#reps .dark-green {
	color: #59B365;
}

#reps .brown {
	color: #BF8F60;
}

#reps .observer {
	color: #FFFFFF;
}

#footer {
	background: #fbfbfb;
	border-top: 1px dotted #738499;
	border-bottom: 1px dotted #738499;
	margin-top: 20px;
	padding: 7px;
}

#footer a { color:darkgray; }

/* RATING BAR */

/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	}

.loading {
	height: 30px;
	background: url('http://aggressivegaming.com/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('http://aggressivegaming.com/images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://aggressivegaming.com/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('http://aggressivegaming.com/images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}


#wr_url { 
   margin-bottom:15px;
}		
