/**********************************************************
	AdvanceWars.net & AdvanceWars.org Basic CSS Stylesheet
					 Based on Orange Star style by XanderX

Thanks for reading my CSS. ^_^

Love, XanderX <3

Version History:
v1.0 (19/03/2006 - 21/03/2006) -
	+ Made initial stylesheet; IE, Firefox and Opera ready!
v1.1 (04/04/2006) -
	+ Added some additional content rules.
v1.2 (07/04/2006 - 09/04/2006) - 
	+ Created backgrounds and added them to the page
	+ Added Last Updated element on page and CSS
v1.3 (12/04/2006) -
	+ Added CSS for all Headings
v2.0 (30/04/2006) -
	+ Split up the main CSS file into several; this is now
		the base template, which contains all the layout
	and other things.  Other CSS files contain the
	styling information such as colours... This is to
	make things easier to edit, customise and maintain.
v2.1 (08/06/2006) -
  + Added CSS to have two columns on some pages.]
v2.2 (25/06/2006) -
	+ Added dropdowns for the top navigation bar!
**********************************************************/

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body { height: 100%; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0px 15px;
}

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.left { text-align: left; }
.centre { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

.strike { text-decoration: line-through; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatNone { float: none; }

.wide { width: 100%; }

.block { display: block; }
.scroll { overflow: scroll; }

.pagecontainer {
	/*min-width: 100%;*/
	min-height: 100%;
}

#pagebody {
	border: #333 solid;
	border-width: 0 1px 0 1px;
	min-height: 100%;
	margin: 0 auto;
	max-width: 70em;
}

#container { clear: both; }


/* Hyperlink CSS */
a { text-decoration: none; }

a:hover { text-decoration: underline; }

a .accesskey { text-decoration: underline; }

/* Content CSS */
#content {
	padding: 0 0 0.5em 2px;
	z-index: 1;
}

p { padding: 0 5px 0.5em 3px; }
p img { vertical-align: top; }
p sup, p sub { line-height: 0em; }
p, li {
	font-size: 1em;
	line-height: 1.3em;
}

h1 {
	font-size: 2em;
	margin: 0 0 0.3em -2px;
}
h2 {
	font-size: 1.6em;
	margin: 0.3em 15px;
	padding: 0.2em 10px 0.2em 8px;
	border: 1px solid #aaa;
	background: #ddd;
	clear: right;
}
h2.small {
	font-size: 1.3em;
	padding: 0.1em 10px 0.2em 10px;
}
h3 {
	font-size: 1.2em;
	margin: 0.1em 10px 0.3em 15px;
	padding: 1px 10px;
	border-bottom: dashed 1px #ccc;
}
h4, #content h5, #content h6 { margin-left: 5px; }
h4 { font-size: 1.1em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

img.border, .csc-textpic-border img { border: 1px solid #000; }

ul, ol { padding: 5px 0 5px 15px; margin: 0.5em 0.5em 0.5em 2em; }
ul.nobullet, ol.nobullet { list-style: none; }
ul.noVertMargin, ol.noVertMargin { margin-top: 0; margin-bottom: 0; }
.rightSideSmall ul, .rightSideSmall ol { margin: 0; }
ol li { padding: 3px 0; }

dl { margin: 0.5em 5px; padding: 0.5em 0; }
dt { font-weight: bold; margin-top: 0.3em; }
dd { margin: 0 0 0.3em 5px; }
dt.quote { font-weight: normal; font-style: italic; }

.box, .boxLeft, .boxRight {
	background: #ddd;
	border: 1px solid #bbb;
	padding: 5px;
	margin: 5px;
	text-align: center;
	overflow: hidden;
}
.box.noEm, .boxLeft.noEm, .boxRight.noEm,
.coTag .boxLeft {
	background: #fff;
	border: 1px solid #ddd;
}

.boxLeft { float: left; }
.boxRight { float: right; }

.box.left, .boxLeft.left, .boxRight.left { text-align: left; }
.box.right, .boxLeft.right, .boxRight.right { text-align: right; }

.box p, .box img,
.boxLeft p, .boxLeft img,
.boxRight p, .boxRight img {
	padding: 0;
	margin: 0;
	float: none;
}

.box p + p, .boxLeft p + p, .boxRight p + p { padding-top: 5px; }
.box img + p, .box p + img,
.boxLeft img + p, .boxLeft p + img,
.boxRight img + p, .boxRight p + img { padding: 3px 0 0 0; }

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6,
.boxLeft h1, .boxLeft h2, .boxLeft h3, .boxLeft h4, .boxLeft h5, .boxLeft h6,
.boxRight h1, .boxRight h2, .boxRight h3, .boxRight h4, .boxRight h5, .boxRight h6
{ padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }

.boxLeft.awdsco { width: 160px; height: 385px; }
.boxLeft.aw2co, .boxLeft.aw1co { width: 140px; height: 190px; }
.boxLeft.unitInfo { width: 17.5em; height: 32em; }
.boxLeft.awdsOldArt { width: 268px; height: 230px; }
.boxLeft.awdsIntroWide, .boxLeft.awdsGallery { width: 332px; }
.boxLeft.awdsGallery { height: 222px; }
.boxLeft.awdsIntroLarge, .boxLeft.awdsOtherPortrait { width: 268px; /*height: 286px;*/ }
.boxLeft.awdsOtherWide { width: 492px; }
#AW1COFaces h3 + img, #AW2COFaces h3 + img, #AWDSCOFaces h3 + img { margin-left: 20px; }

.box.featArt { text-align: left; }
.box.featArt .featImg { float: right; border: 1px solid #000; margin-left: 5px; }
.box.featArt p { text-align: justify; }
.box.featArt h3 { font-size: 0.9em; margin-top: 0; padding-top: 0; }

.boxLeft.wallpaper { width: 212px; }
.boxLeft.wallpaper ul { list-style-type: none; padding: 0; margin: 0; }
.boxLeft.wallpaper li { padding: 0; margin: 0; }

.boxLeft.COArtwork { width: 150px; }
.boxLeft.v2artwork { width: 212px; height: 19em; }

#content .box.news {
	margin: 0.5em 15px;
	padding: 5px;
	text-align: left;
}
#content .box.news h3 {
	margin: -5px -5px 0em -5px;
	padding: 5px 5px 12px 5px;
}

.authorTime {
	font-size: 0.8em;
	font-style: italic;
	padding-top: 0;
}
.box.news p.newsMore { font-weight: bold; }

ul.coPlus, li.coPlus { color: #960; }
ul.coMinus, li.coMinus { color: #666; }

table {
	border: 1px solid #ccc;
	border-collapse: separate;
	margin-left: 1px;
	font-size: 0.9em;
	empty-cells: hide;
}
table#AWDSSoundtrack, table#AW2Soundtrack { font-size: 1.0em; }
table th {
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 2px 5px;
	text-align: center;
}
table td {
	border: 1px solid #eee;
	padding: 2px;
}
table#AWDSSoundtrack td+td, table#AWDSSoundtrack td+td+td, table#AWDSSoundtrack td+td+td+td, table#AW2Soundtrack td+td, table#AW2Soundtrack td+td+td, table#AW2Soundtrack td+td+td+td { text-align: right; }
table tr.divider td { border: none; }

/* Form controls CSS */
input, textarea {
	background: #ddd;
	border: 1px solid #bbb;
}
input { padding: 2px; }

/* CO Select CSS */
#content .awdsCOSelect { border: none; }

/* Header CSS */
.header { z-index: 2; }
.header .logo {
	background: url(images/base/HeaderBanner.jpg) top left no-repeat;
	overflow: hidden;
	height: 150px;
}

/* Top Navigation Bar CSS */
#navbar {
	background: url(images/base/navbarBG.gif) repeat-x bottom;
	width: 100%;
}

#navbar-top {
	height: 1.3em;
	width: 100%;
}

del.navbar-centre{
	clear: both;
	text-decoration: none;
}

#navbar ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: table;
	white-space: nowrap;
}

#navbar li {
	display: table-cell;
	padding: 0 0.3em;
	margin: 0;
	position: relative;
	float: none;
	clear: left;
}

#navbar ul li#first{ padding-right: 0.3em; }

#navbar li ul {
	background: #eee;
	border: 1px solid #000;
	position: absolute;
	top: auto;
	left: -999em;
}

#navbar li:hover ul { left: auto; display: block; }

#navbar li li {
	float: none;
	display: block;
	padding: 1px 1em 1px 1em;
	text-align: left;
}
#navbar li li a { display: block; }

#navbar li li:hover, #navbar li li.sfhover { background: #ccc; }

#navbar-breadcrumb {
	float: left;
	height: 1.3em;
	overflow: hidden;
	margin: 0 206px 0 0;
	padding-left: 20px;
	text-align: left;
}
#navbar-search {
	float: right;
	width: 205px;
	margin: 0 0 0 -205px;
	height: 1.3em;
	text-align: left;
}
#navbar-search input { vertical-align: middle; }
#navbar-search .searchBox {
	height: 13px;
	width: 175px;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 11px;
}
#navbar-search input.submit {
	padding: 0;
	border: 0;
	margin: 0;
	background: none;
	font-size: 11px;
}


/* Left Navigation Bar CSS */
#leftCol {
	width: 11em;
	float: left;
	border-right: 1px solid #ddd;
	padding:0;
	margin:0;
}

#leftCol .mainmenu {
	width: 11em;
	position: fixed;
	top: 220px; /*15.3em*/
	bottom: 0;
	overflow: auto;
	padding-right: 1px;
}

#leftCol span.header {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 1.6em;
	font-weight:bold;
	display:block;
}

#leftCol ul {
padding:0;
margin:0;
}

#leftCol li {
list-style: none;
padding:0;
margin:0;
}

#leftCol li a {
	display: block;
	width: 100%;
}

#leftCol li.level1-act, #leftCol li.level2-act, #leftCol li.level3-act {
	font-weight: bold;
}

#leftCol li.level2-no, #leftCol li.level2-act {
	margin: 0;
	padding: 0 0 0 8px;
}

#leftCol li.level3-no, #leftCol li.level3-act {
	font-size: 0.8em;
	margin: 0;
	padding: 0 0 0 16px;
}

/* Right Column CSS */
#rightCol {
	margin: 0 0 0 11.1em;
}

#contentFooter {
	padding: 5px;
	border-top: 1px solid #ddd;
}

#lastUpdated {
	font-size: 0.9em;
}

/* Footer CSS */
#footer {
	border-top: 1px solid #333;
	margin: 0;
	font-size: 0.8em;
	padding: 5px 15px;
}

/* Two-Column CSS */
.twoCol {
	width: 100%;
	float: right;
	clear: right;
	padding: 0;
	margin: 0 0 0.2em 0;
}

.topRule {
	border-top: 1px solid #ddd;
	margin-top: 10px;
	padding-top: 10px;
}
.bottomRule {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.twoCol .leftSide, .twoCol .leftSideSmall, .twoCol .leftSideBig {
	float: left;
	width: 49%;
	overflow: hidden;
}

.twoCol .rightSide, .twoCol .rightSideSmall, .twoCol .rightSideBig {
	float: right;
	width: 48%;
	overflow: hidden;
	border-left: 1px solid #ddd;
	padding-left: 10px;
}

.twoCol .leftSideSmall, .twoCol .rightSideSmall { width: 37%; }
.twoCol .leftSideBig, .twoCol .rightSideBig { width: 60%; }

.twoCol .leftSide h3 {
	margin-top: 0;
	padding-top: 0;
}

.box .twoCol { width: 100%; padding: 0; margin: 0; float: none; clear: none; }
.box .twoCol .leftSide { width: 49%; }
.box .twoCol .rightSide { width: 49%; border: none; padding: 0; }
.twoCol textarea { width: 100%; }

#userbars .leftSide, #userbars .rightSide { text-align: center; }

#content .coTag .leftSideSmall { text-align: center; }
#content .coTag .rightSideBig { text-align: left; }
#content .coTag .bottomRule { width: 100%; clear: right; float: right; }
#content .coTag .boxLeft { width: 150px; height: 6em; text-align: left; }
#content .coTag .boxLeft.medium { width: 300px; }
#content .coTag .boxLeft.large { width: 410px; }
#content .coTag .boxLeft.medium p.comment { float: right; width: 130px; }
#content .coTag .boxLeft.large p.comment { float: right; width: 240px; }
#content .coTag .boxLeft p.power { width: 100%; text-align: center; }
#content .coTag .boxLeft.medium p.power, #content .coTag .boxLeft.large p.power,
#content .coTag .boxLeft .coImg { width: 150px; text-align: center;}
/*#content .coTag .boxLeft .coImg * { vertical-align: middle; }*/

/* Damage Chart CSS */
.damageChart th em { /* Use this to display the text vertically */
	display: block;
	font-style: normal;
	line-height: 1.0em;
	
}
.damageChart td { text-align: center; }
.damageChart .priWeap { font-weight: bold; }
.damageChart .secWeap { color: #666; }
.damageChart .hiddenAtk { color: #f00; }
.damageChart .dataChange { font-style: italic; }

/* Poll CSS */
.poll {
	margin: 5px;
	padding: 5px;
	border: 1px solid #aaa;
	background: #ccc;
}
.poll * p { margin: 0; padding: 0; }
.pollQuestion { font-style: italic; }
.pollAnswers, .pollResults {
	font-size: 0.8em;
	margin-left: 10px;
}
input.pollanswer { border: none; background: none; }
.pollAnswer { padding: 1px 0 1px 0; }
.pollSubmit { text-align: center; }
.poll .pollResults .pollResult { padding-top: 2px; margin-top: 2px; border-top: 1px dashed #aaa; }
.pollResultPercentage { font-weight: bold; }
.pollResultVotes { color: #444; }

/* Page Nav CSS (Previous/Next) */
.pageNav {
	width: 100%;
	border-top: 1px dashed #ddd;
	padding: 5px 0 0 0;
	margin-top: 2px;
	text-align: center;
}
.pageNavPrev { margin-left: 10px; }
.pageNavNext { margin-right: 10px; }

/* Special Credits page CSS */
#credits .wide { margin-bottom: 20px; }

/* Search page CSS */
#content .searchResult p.resultRating {
	font-size: 0.9em;
	padding-bottom: 2px;
}