/*

********************

WebSite: A.V.A Info Site | The Team Tactics Network

Name: style.css

Type: css

Version: 1.0

Author: FireDart

Main layout by: FireDart

Valid: CSS level 2.1

********************

*/



/*

************************************************************

General Site Info

************************************************************

*/

/*

********************

Makeshift CSS Reset

********************

*/

* {

	margin: 0px;

	padding: 0px;

}



/*

********************

Body

********************

*/

body{

	background: #000000 url("../images/bg.jpg") no-repeat top center;

	color: #42423d;

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

	font-size: 13px;

	height: 100%;

	margin: 0px auto;

	padding: 0px;

}





/*

********************

No image border

********************

*/

a img {

	border: 0px;

}



/*

********************

Normal, standard links

********************

*/

a:link {

	color: #666666;

	text-decoration: none;

	outline: none;

}

a:visited {

	color: #666666;

	text-decoration: none;

	outline: none;

}

a:hover, a:active {

	color: #b30000;

	text-decoration: none;

	outline: none;

}







/*

********************

Links

********************

*/

a.links  {

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

	font-size: 15px;

	color: #666666;

	text-decoration: underline;

}



a.links:hover  {

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

	font-size: 15px;

	color: #b30000;

	text-decoration: none;

}





/*

********************

Headers

********************

*/

h1  {

	font-family: "Georgia, serif";

	font-size: 20px;

	line-height: 1.5em;

	font-weight: bolder;

	color: #666666;

}

h2  {

	color: #666666;

	font-size: 18px;

}

h3  {

	color: #666666;

	font-size: 16px;

}

h4 {

	color: #666666;

	font-size: 14px;

}

h5 {

	color: #666666;

	font-size: 12px;

}

h6 {

	color: #666666;

	font-size: 10px;

}





/*

********************

Other Headers

********************

*/

p  {

	color:  #42423d;

	font-size: 13px;

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

}

address {

	font-size: 12px;

	font-style: italic;

}



/*

********************

Clearer

********************

*/

.clearer {

	clear: both;

	display: block;

	font-size: 0px;

	height: 0px;

	line-height: 0px;

	margin: 0px;

	padding: 0px;

	width: auto;

}





/*

********************

Quote Tag | by: http://www.designmeme.com/articles/csscurlyquotes/

********************

*/

/* Use this code to show the <blockquote> Tag

<h1><a href="#" target="_blank">Name</a></h1>

<h2>About:</h2>

<blockquote>

<p>



</p>

</blockquote>

<p style="text-align: right;">

<em>By: Name</em></p>

*/

blockquote {

	display: block;

	padding: 0 15px;

	width: 580px;

}

blockquote:before, blockquote:after {

	color: #b30000;

	display: block;

	font-size: 700%;

	width: 50px;

}

blockquote:before {

	content: open-quote;

	height: 0;

	margin-left: -0.55em;

}

blockquote:after {

	content: close-quote;

	height: 50px;

	margin-top: -70px;

	margin-left: 600px;

}



/*

************************************************************

All Layout Info

************************************************************

*/

/*

********************

Content

********************

*/

.content {

	background: #ffffff;

	margin: 0px; 

	padding: 5px;

}





/*

********************

Rounded Corner

********************

*/

.troundedcorner {

	border-radius: 5px 0px 0px 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-topleft: 5px;

	-webkit-border-top-right-radius:5px;

	-webkit-border-top-left-radius:5px;

	-khtml-border-radius: 5px 0px 0px 5px;

}

.broundedcorner {

	border-radius: 0px 5px 5px 0px;

	-moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	-webkit-border-bottom-right-radius:5px;

	-webkit-border-bottom-left-radius:5px;

	-khtml-border-radius: 0px 5px 5px 0px;

}

.roundedcorner {

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}





/*

********************

Header Wrapper, Body Wrapper, Footer Wrapper

********************

*/

#headerwrapper {

	width: 100%;

	z-index: 3;

}

#bodywrapper {

	margin: 0px auto;

	margin-top: 1px;

	margin-bottom: 10px;

	width: 960px;

}

#footerwrapper {

	background: #ffffff;

	margin: 0px auto;

	margin-top: 10px;

	padding: 5px;

}





/*

************************************************************

All Header Info

************************************************************

*/

#header {

	background: url("../images/logo.jpg") no-repeat top left;

	height: 122px;

	margin: 0px auto;

	margin-top: 0px;

	width: 960px;

}





/*

********************

Logo & Slogan

********************

*/

#logo {

	color: #ffffff;

	float: left;

	font-size: 30px;

	height: 85px;

	padding-bottom: 5px;

	text-align: left;

	width: 960px;

}

#logo h1 {

	background: #111;

	color: #ffffff;

	font-family: "Georgia, serif";

	font-size: 40px;

	font-weight: bolder;

	line-height: .2em;

	position: relative;

	padding-top: 15px;

	font-size: 30px;

	padding-left: 25px;

	filter:alpha(Opacity=80);

	opacity:0.8;

	-moz-opacity:0.8;

	-khtml-opacity:0.8;

	height: 30px;

}

#search {

	background-color: #343434;

	color: #ffffff;

	float: right;

	padding-bottom: 6px;

	text-align: center;

	width: 250px;

}

#slogan {

	color: #42423d;

	float: left;

	font-style: italic;

	font-size: 25px;

	margin-top: 20px;

	padding-top: 5px;

	text-align: center;

	width: 400px;

}





/*

********************

Navigation

********************

*/

#navigation {

	background: #343434 url(../images/nav.gif) repeat-x;

	position: relative;	

	width: 960px;

	height: 35px;

	z-index: 2;

}

#navigation #inner {

	margin: 0px auto;

	padding: 0px;

	width: 960px;

}

#navigation #inner ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

	position: absolute;

	z-index: 100;

}

#navigation #inner ul li {

	float: left;

	font-size: 17px;

	font-weight: bold;

	margin: 6px 15px;

}

#navigation #inner ul li a {

	color: #ffffff;

	text-decoration: none;

}

#navigation #inner ul li a:selected {

	color: #0064DB;

	height: 20px;

	left: 0px;

	top: 5px;padding: 1px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}

#navigation #inner ul li a:hover {

	color: #0064DB;

	height: 20px;

	left: 0px;

	top: 5px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}





ul.topnav {

	list-style: none;

	padding: 0 20px;

	margin: 0;

	float: left;

	font-weight: bold;

	width: 920px;

	background: #222;

	font-size: 1em;

	background: #343434 url(../images/nav.gif) repeat-x;

}

ul.topnav li {

	float: left;

	margin: 0;

	padding: 0 15px 0 0;

	position: relative; /*--Declare X and Y axis base for sub navigation--*/

}

ul.topnav li a{

	padding: 10px 5px;

	color: #fff;

	display: block;

	text-decoration: none;

	float: left;

}

ul.topnav li a:hover{

	background: url(../images/topnav_hover.gif) no-repeat center top;

}

ul.topnav li span { /*--Drop down trigger styles--*/

	width: 17px;

	height: 35px;

	float: left;

	background: url(../images/subnav_btn.gif) no-repeat center top;

}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {

	list-style: none;

	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/

	left: 0; top: 35px;

	background: #333;

	margin: 0; padding: 0;

	display: none;

	float: left;

	width: 170px;

	border: 1px solid #111;

}

ul.topnav li ul.subnav li{

	margin: 0; padding: 0;

	border-top: 1px solid #252525; /*--Create bevel effect--*/

	border-bottom: 1px solid #444; /*--Create bevel effect--*/

	clear: both;

	width: 170px;

}

html ul.topnav li ul.subnav li a {

	float: left;

	width: 145px;

	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;

	padding-left: 20px;

}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/

	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;

}



/*

************************************************************

All Body Wrapper and SideBar Info

************************************************************

*/

#breadcrums {

	margin: 0px auto;

	margin-top: 10px;

	width: 960px;

}

/*

********************

2 column layout

********************

*/

#container {

	width: 100%;

	z-index: 1;

}

#container #main-wrapper {

	display: inline;

	float: left;

	width: 620px;

}

#container #sidebar-wrapper {

	float: right;

	width: 320px;

}

#container #content {

	background: #ffffff;

	width: 620px;

	margin: 0px auto;

	padding: 5px;

}

#container #sidebar-content {

	background: #ffffff;

	padding: 5px;

}



/*

************************************************************

All Footer Info

************************************************************

*/

/*

********************

Footer

********************

*/

#footer {

	width: 100%;

	margin: 0px auto;

	margin-bottom: 10px;

	text-align: right;

}





/*

********************

Ajax Search

********************

*/

fieldset {

	border: none;

}

#ajaxSearch_input {

	border: 1px solid #cccccc;

	font-size: 13px;

	font-weight: bold;

	line-height: 1.2;

	padding: 5px;

	color: #777;

	font-family: Arial, sans-serif;

	outline: none;

	display: inline;

	height: 13px;

	width: 230px;

	margin-top: 10px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}

#ajaxSearch_submit {

}



/*

********************

New News Blog Date

********************

*/

/*Use this html code for showing blog post*/

/*

<div class="nndate">

<div class="nnmonth">Month</div>

<div class="nnday">Day</div>

<div class="nnyear">Year</div>

</div>

*/

.nndate {

   height: 30px;

   width: 30px;

   font-size: 10px;

   color: #ffffff;

   padding: 0px;

   margin: 0px;

   text-align:center;

   float: left;

}

.nnmonth {

   background: #b30000;

   font-size: 10px;

   color: #ffffff;

   padding: 0px;

   margin: 0px;

   text-align:center; 

}

.nnday {

   background: #000000;

   font-size: 10px;

   color: #ffffff;

   padding: 0px;

   margin: 0px;

   text-align:center; 

}

.nnyear {

   background: #000000;

   font-size: 10px;

   color: #ffffff;

   padding: 0px;

   margin: 0px;

   text-align:center; 

}



/*

************************************************************

Home Page CSS

************************************************************

*/

/*

********************

2 column layout

********************

*/

#leftcolumn {

   float: left;

   width: 540px;

   margin-right: 0px;

   margin: 0px auto;

}

#rightcolumn {

   float: right;

   width: 390px;

   margin-right: 10px;

}





/*

********************

HP Boxes

********************

*/

.ibox {

   background: #ffffff;

   width: 100%;

   padding: 5px;

   margin-top: 15px;

   margin-bottom: 15px;

}

.iboxh {

   background: #000000 url(../images/iboxh.png) center center repeat-x;

   color: #ffffff;

   font-size: 15px;

   width: 98%;

   padding: 5px;

   margin-bottom: 10px;

   -moz-border-radius:5px;

   -webkit-border-radius:5px;

   border-radius: 5px;

}





/*

****************************************

Game Page/Database Info

****************************************

*/

#game_page {

	width: 690px;

}

#game_pageleftcolumn {

   float: left;

   width: 300px;

}

#game_pagerightcolumn {

   float: right;

   width: 350px;

}

.gb {

	width: 600px;

	background: #CBCCCB none repeat scroll 0 0;

	float: left;

	margin-right: 10px;

	margin-bottom: 20px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}

.gb .game_image {

	float: left;

	width: 240px;

	padding-top: 10px;

	text-align: center;

}

.gb .game_image img {

	max-width: 240px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}

.gb .game_info {

	float: right;

	padding-left: 10px;

	padding-top: 10px;

	width: 350px;

}

.gb .game_info .row {

	border-bottom: 1px solid #111111;

	font-size: 14px;

	padding: 2px;

	text-align: right;

}

.gb .game_info .row .label {

	float: left;

	font-weight: bold;

}

.gb .game_info .rowlast {

	border-bottom: 0px solid #111111;

	font-size: 14px;

	padding: 2px;

	text-align: right;

}

.gb .game_info .rowlast .label {

	float: left;

	font-weight: bold;

}

.gameboxtitle {

	background: #000000 url(../images/iboxh.png) repeat-x scroll center center;

	color: #ffffff;

	font-size: 16px;

	margin-bottom: 0px;

	margin-left: -10px;

	padding: 4px 16px 4px 4px;

	text-align: left;

	width: 100%;

	border-radius: 5px 0px 0px 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-topleft: 5px;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-top-left-radius: 5px;

	-khtml-border-radius: 5px 0px 0px 5px;

}

#sr {

	width: 600px;

}

#sr #sr_leftcolumn {

   float: left;

   width: 300px;

}

#sr #sr_rightcolumn {

   float: right;

   width: 300px;

}

.sr_title {

	border-bottom: solid #111111 1px;

	color: #111111;

	font-size: 16px;

	margin-bottom: 0px;

	margin-left: -10px;

	padding: 4px 16px 4px 4px;

	text-align: left;

	width: 100%;

	border-radius: 5px 0px 0px 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-topleft: 5px;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-top-left-radius: 5px;

	-khtml-border-radius: 5px 0px 0px 5px;

}

.sbb {

	width: 310px;

	background: #CBCCCB none repeat scroll 0 0;

	float: left;

	margin-right: 10px;

	margin-bottom: 20px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}

.sbbox {

	background: #ffffff;

	margin-bottom: 20px;

}

.sbbox .sbboxtitle {

	float: right;

	width: 290px;

	background: #000000 url(http://ava.team-tactics.net/assets/templates/ava/images/iboxh.png) repeat-x scroll center center;

	color: #ffffff;

	font-size: 16px;

	margin-bottom: 0px;

	margin-left: -10px;

	padding: 4px 16px 4px 4px;

	text-align: left;

	border-radius: 5px 0px 0px 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-topleft: 5px;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-top-left-radius: 5px;

	-khtml-border-radius: 5px 0px 0px 5px;

}





/*

********************

Tabke Sorter

********************

*/

#table_sorter_search {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	background-color: white;

	padding: 10px;

	position: fixed;

	right:40px;

	display: none;

}

#table_sorter {

	background: #ffffff;

	width: 620px;

	margin: 0px auto;

}

#table_sorter table {

	background-color: white;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	width: 100%;

	padding: 10px;

}

#table_sorter th.sortable {

	color: #666666;

	cursor: pointer;

	font-size: 18px;

	text-decoration: underline;

	text-align: left;

}

#table_sorter th.sortable:hover {

	color: #666666;

}

#table_sorter th.sorted-asc, th.sorted-desc  {

	color: #666666;

}

#table_sorter td {

	border-bottom: solid #252525 1px;

	color: #666666;

	font-size: 14px;

	padding: 2px;

}

#table_sorter td a {

	color: #666666;

}

#table_sorter td a:hover {

	color: #666666;

	text-decoration: underline;

}

#table_sorter td.odd {

	background-color: #ffffff;

	color: #666666;

}

#table_sorter td.odd a {

	color: #666666;

}

#table_sorter td.odd a:hover {

	color: #666666;

	text-decoration: underline;

}

#table_sorter td.hovered {

	background-color: #ffffff;

	color: #666666;

}





/*

********************

Game Datebase Info

********************

*/

.gpinfoh {

   background-color: #000000;

   font-size:18px;

   margin: 0 auto;

   text-align: center;

}

.gpbox {

   background: #ffffff;

   width: 100%;

   padding: 5px;

   margin-bottom: 10px;

}

.gpboxh {

   background: #000000 url(../images/iboxh.png) center center repeat-x;

   color: #ffffff;

   font-size: 15px;

   width: 98%;

   padding: 5px;

   margin-bottom: 10px;

   -moz-border-radius:5px;

   -webkit-border-radius:5px;

   border-radius: 5px;

}



.gamebox {

   background: #ffffff;

   width: 930px;

   padding: 5px;   

}

.gamebox .gn {

   background: #000000 url(../images/iboxh.png) center center repeat-x;

   color: #ffffff;

   font-size: 15px;

   width: 100%;

   padding: 5px;

   margin-bottom: 5px;

   -moz-border-radius:5px;

   -webkit-border-radius:5px;

   border-radius: 5px;

}

a.gn {

   color: #ffffff;

   font-size: 15px;

}

.gamebox .overview {

   background: #ffffff;

   padding: 5px;

   wdith: 660px;

}

.gamebox .gimg {

   border: 10px solid rgb(32, 32, 32);

   float: left;

   margin-right: 10px;

   width: 150px;

}

.gamebox .overview .readmore {

   text-align: right;

}



/*

********************

Game Datebase New Game

********************

*/

#gdbinfo {

	width: 960px;

	margin-bottom: 10px;

}

#gdbinfo #new {

	float: left;

	width: 400px;

}

#gdbinfo #comment {

	float: right;

	width: 400px;

}

.gameboxnew {

   padding: 5px;   

}

.gameboxnew .gn {

	border-bottom: 1px solid #111;

	color: #ffffff;

	font-size: 15px;

	width: 100%;

	padding: 5px;

	margin-bottom: 5px;

}

a.gn {

   color: #ffffff;

   font-size: 15px;

}

.gameboxnew .gimg {

   border: 10px solid rgb(32, 32, 32);

   float: left;

   margin-right: 0px;

   width: 150px;

}

.gameboxnew .overview .readmore {

   text-align: right;

}





/*

************************************************************

Button Code - From: http://www.zurb.com/article/266/super-button-buttons-with-css3-and-rgba

************************************************************

*/

/*

********************

Global Code for Buttons

********************

*/

a.button, .button:visited {

	background: #222 url(../images/alert-overlay.png) repeat-x; 

	display: inline-block; 

	padding: 5px 10px 6px; 

	color: #fff; 

	text-decoration: none;

	-moz-border-radius: 5px; 

	-webkit-border-radius: 5px;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	border-bottom: 1px solid rgba(0,0,0,0.25);

	position: relative;

	cursor: pointer;

}



/*

********************

Size

********************

*/

a.button:hover{

	background-color: #111;

	color: #fff;

}

a.button:active {

	top: 1px;

}

a.small.button, .small.button:visited {

	font-size: 11px;

	padding: ;

}

a.button, .button:visited, .medium.button, .medium.button:visited {

	font-size: 13px;

	font-weight: bold;

	line-height: 1;

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

}

a.large.button, .large.button:visited {

	font-size: 14px; padding: 8px 14px 9px;

}

/*

********************

Colors

********************

*/

.green.button, .green.button:visited {

	background-color: #91bd09;

}

.green.button:hover {

	background-color: #749a02;

}

.blue.button, .blue.button:visited {

	background-color: #2daebf;

}

.blue.button:hover {background-color: #007d9a;

}

.red.button, .red.button:visited {

	background-color: #e33100;

}

.red.button:hover {

	background-color: #872300;

}

.magenta.button, .magenta.button:visited {

	background-color: #a9014b;

}

.magenta.button:hover {

	background-color: #630030;

}

.orange.button, .orange.button:visited {

	background-color: #ff5c00;

}

.orange.button:hover {

	background-color: #d45500;

}

.yellow.button, .yellow.button:visited {

	background-color: #ffb515;

}

.yellow.button:hover {

	background-color: #fc9200;

}



/*

************************************************************

All Contact Info

************************************************************

*/

/*

********************

Contact Style

********************

*/

#contact input, #contact textarea {

	padding: 5px;

	width: 471px;

	font-family: Helvetica, sans-serif;

	font-size: 1.4em;

	margin: 0px 0px 10px 0px;

	border: 2px solid #ccc;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}

#contact textarea {

	height: 90px;

}

#contact textarea:focus, #contact input:focus {

	border: 2px solid #0064db;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}

#contact input.submit-button {

	width: 100px;

	float: right;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

}

#contact label {

	float: left;

	text-align: left;

	margin-right: 15px;

	width: 100px;

	padding-top: 5px;

	font-size: 1.4em;

}