/*		Table Of Contents
=======================================================

summary: Main Stylesheet

- MAIN
- BOTTOM NAV
- FOOTER
- GLOSSARY
- INTRO
- NO FLASH
- PATCH NOTES

=======================================================
*/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
}

body {
	background: url("../images/bg_body.jpg") repeat-x 0 -33px;
	color: #A3A289;
	font-family: Georgia, "Times New Roman", Times, serif;
}

body#intro {
	background: #000;	
}

h1, h2, h3, h4, h5 {
	color: #FFF;
	font-weight: bold;
	padding: 0;
}

h1 {
	font-size: 2em;
	margin: 15px 0 5px 0;
}
h2 {
	font-size: 1.6em;
	margin: 0 0 15px 0;
	padding: 12px 0 0 0;
}
h3 {
	font-size: 1.4em;
	margin: 8px 0;
}
h4 {
	font-size: 1.2em;
	margin: 0 0 5px 0;
}

a, a:visited {
	color: #A3A289;
	text-decoration: underline;
}
a:hover {
	color: #FC0;
}

p {
	font-size: 1.2em;
	margin: 0 0 15px 0;
}

.clear {
	clear: both;
}

#bg-container {
	background: url("../images/bg.jpg") no-repeat top center;
	width: 100%;
}

#container {
	margin: 0 auto;
	position: relative;
	width: 980px;
}

#navigation {
	outline: none;
}

#map {
	display: block;
	height: 480px;
	margin: 0 auto 5px;
	outline: none;
	text-align: center;
	width: 940px;
}
#map a {
	outline: none;
}

#replay-intro {
	margin: 0 0 10px 0;	
	text-align: center;
}
#replay-intro img {
	border: none;	
}

/*-----------------------------------------------------
	FOOTER
-------------------------------------------------------*/
#footer, 
#patch-notes-footer {
	background: url("../images/copyright.gif") no-repeat top center;
	display: block;
	height: 90px;
	margin: 0 auto;
	position: relative;
	width: 920px;
}
#patch-notes-footer {
	margin: 50px auto 30px auto;
}

#footer a, 
#patch-notes-footer a {
	display: block;
	height: 33px;
	outline: none;
	position: absolute;
	text-indent: -9999em;
	top: 10px;
	width: 95px;
}
#footer a.lineage2, 
#patch-notes-footer a.lineage2 {
	left: 0px;
}
#footer a.ncsoft, 
#patch-notes-footer a.ncsoft {
	left: 99px;
}
#footer a.esrb, 
#patch-notes-footer a.esrb {
	height: 73px;
	right: 0;
	width: 158px;
}

/*-----------------------------------------------------
	GLOSSARY
-------------------------------------------------------*/
#glossary {
	background: url("../images/side-nav.png") no-repeat top left;
	display: block;
	height: 320px;
	left: 50%;
	margin: 0 0 0 -482px;
	padding: 30px;
	position: absolute;
	top: 150px;
	width: 170px;
}

#glossary h2 {
	margin: 0 0 8px 0;
	padding: 0;	
}

#glossary li {
	font-size: 1.1em;
	list-style: none;
	margin: 0 0 5px 0;
}
#glossary li.end {
	margin: 0;	
}

#glossary li a {
	font-weight: bold;
	outline: none;
	text-decoration: none;
}

#glossary a, 
#glossary a:visited {
	color: #A3A289;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
#glossary a.active,
#glossary a.active:visited, 
#glossary a:hover, 
#glossary a.top:hover {
	color: #FFCC00;
}

#glossary a.top {
	bottom: 18px;
	font-size: 1em;
	position: absolute;
	text-align: center;
	width: 170px;
}

/*-----------------------------------------------------
	INTRO
-------------------------------------------------------*/
#intro-movie {
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	width: 100%;
}

/*-----------------------------------------------------
	NO FLASH
-------------------------------------------------------*/
#intro-movie #no-flash {
	background: url("../images/main-no-flash.jpg") no-repeat top center;
	display: block;
	height: 500px;
	left: 50%;
	margin: -250px 0 0 -425px;
	position: relative;
	top: 50%;
	width: 850px;
}

#no-flash a {
	display: block;
	position: absolute;
	text-indent: -9999em;
}
#no-flash a.get-flash {
	height: 24px;
	left: 40px;
	top: 333px;
	width: 268px;
}
#no-flash a.patch-notes {
	height: 24px;
	left: 40px;
	top: 357px;
	width: 202px;
}
#no-flash a.lineage2 {
	height: 33px;
	left: 326px;
	top: 414px;
	width: 95px;
}
#no-flash a.ncsoft {
	height: 33px;
	left: 432px;
	top: 414px;
	width: 95px;
}

#navigation div.no-flash {
	background: url("../images/navigation.jpg") no-repeat top center;
	display: block;
	height: 150px;
	position: relative;
	width: 980px;
}

div.no-flash a.hunting-grounds, 
div.no-flash a.patch-notes {
	display: block;
	height: 50px;
	outline: none;
	position: absolute;
	top: 71px;
	width: 180px;
}

div.no-flash a.hunting-grounds span, 
div.no-flash a.patch-notes span {
	margin-left: -9999em;
}

div.no-flash a.hunting-grounds {
	left: 74px;
}
div.no-flash a.patch-notes {
	right: 74px;
}

/*-----------------------------------------------------
	PATCH NOTES
-------------------------------------------------------*/
#patch-notes-top {
	background: url("../images/content-top.jpg") no-repeat top center;
	clear: both;
	display: block;
	height: 230px;
	margin: 0 0 0 248px;
	width: 727px;
}
#patch-notes-bottom {
	background: url("../images/content-bottom.jpg") no-repeat top center;
	clear: both;
	display: block;
	height: 45px;
	margin: 0 0 15px 248px;
	width: 727px;
}

#patch-notes {
	background: url("../images/content-mid.jpg") repeat-y top center;
	margin: 0 0 0 248px;
	text-align: center;
	width: 727px;
}
#patch-notes a.top {
	font-size: 1.1em;	
	font-weight: bold;
	outline: none;
	text-decoration: none;
}

#patch-notes div.content {
	float: left;
	margin: -215px 15px 15px;
	min-height: 215px;
	padding: 0 15px;
	text-align: left;
}

#patch-notes-content {
	margin: 0 0 0 250px;
}

div.update {
	background: #101010;
	border: 1px solid #000;
	clear: both;
	line-height: 1.4;
	margin: 0 0 25px 0;
	padding: 15px;
}

div.update ul, 
div.update ol {
	font-size: 1.2em;
	margin: 0 0 15px 15px;
	padding: 0;
}
div.update ol {
	list-style: decimal inside;
}
div.update li {
	margin: 0 0 5px 0;
}
div.update li ul {
	font-size: 1em;
	margin: 3px 0 0 15px;
}

div.update table {
	border-collapse: collapse;
	clear: both;
	font-size: 1.2em;
	margin: 5px 0 20px 0;
	width: 100%;
}
div.update table th {
	background: #000;
	border: 1px solid #222;
	color: #FFF;
	font-weight: bold;
	padding: 20px 10px;
	text-align: left;
}
div.update table td {
	background: #191919;
	border: 1px solid #222;
	color: #DDD;
	padding: 10px;
}
div.update table tr.even td {
	background: #101010;
}

div.update table tr.blue td, 
div.update table td.blue {
	background: #313B45;
}
div.update table tr.yellow td, 
div.update table td.yellow {
	background: #4A4A3C;
}
div.update table tr.red td, 
div.update table td.red {
	background: #452A2A;
}

div.image {
	background: #111;
	border: 2px solid #222;
	float: right;
	margin: 0 0 15px 30px;
}
div.image p {
	color: #DDD;
	margin: 5px 0 4px 5px;
}