@import "reset.css";
@import "960.css";

body {
	background: #bbab8c url('../img/body_top.png') repeat-x top left;
	font: normal 62.2% "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}
a {
	color: #000;
	text-decoration: none;
}
#wrapper {
	font-size: 1.2em;
}
#header {
	background: transparent url('../img/header.png') no-repeat top center;
	height: 94px;
	margin-top: 6px;
	position: relative;
}
#header #logo {
	background: transparent url('../img/logo.png') no-repeat top center;
	height: 60px;
	margin: 0px 5px 0px;
	padding: 0;
	width: 252px;
}
#header #logo span { display: none; }
#header #search {
	height: 60px;
	position: absolute;
	right: 10px;
	top: 10px;
}
#header #search input[type="text"] {
	background-color: #5f4f36;
	border: none;
	border-top: 1px rgba(255,255,255,0.1) solid;
	border-bottom: 1px rgba(0,0,0,0.3) solid;
	color: #b6a371;
	font-size: 1.2em;
	margin: 4px 0px 0px;
	opacity: 0.8;
	padding: 8px;
	width:250px;
	-webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.3);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.3);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#header #search input:focus {
	color: #fff;
	opacity: 1.0;
}
#header #search input[type="submit"] {
	background-color: #81724a;
	border: none;
	border-top: 1px rgba(255,255,255,0.1) solid;
	border-bottom: 1px rgba(0,0,0,0.3) solid;
	color: #fff;
	font-size: 1.2em;
	margin: 4px 0px 0px;
	opacity: 0.8;
	padding: 8px;
	-webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.3);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.3);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#header #mast-navigation {
	background: transparent url('../img/navigation_base.png') no-repeat top center;
	font-family: Georgia, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	height: 36px;
	margin-top: -1px;
}
#header #mast-navigation .site-links {
	padding-left: 10px;
}
#header #mast-navigation .app-links {
	padding-right: 5px;
}
#header #mast-navigation span.separator {
	display: none;
}
#header #mast-navigation a img {
	opacity: .5;
	vertical-align: middle;
}
#header #mast-navigation > div a {
	color: #e4d3b2;
	letter-spacing: 0.07em;
	line-height: 32px;
	margin-right: 5px;
	padding: 5px 0px 5px 0px;
	text-shadow: #000 1px 1px 3px;
	vertical-align: baseline;
}
#header #mast-navigation > div a:hover {
	color: #fff;
}
#header #mast-navigation > div a:hover img { opacity: 1.0; }

#content {
	background-color: #ffffff;
	margin-top:4px;
	padding: 10px;
}

#content a:link {color:rgb(96,79,53); text-decoration:underline;}      /* unvisited link */
#content a:visited {color:rgb(96,79,53); text-decoration:underline;}  /* visited link */
#content a:hover {color:rgb(96,79,53); text-decoration:none;}  /* mouse over link */
#content a:active {color:rgb(96,79,53); text-decoration:none;}  /* selected link */

#content2 {
	background-color: #ffffff;
	margin-top:2px;
	padding: 10px;
}

#content2 a:link {color:rgb(96,79,53); text-decoration:underline;}      /* unvisited link */
#content2 a:visited {color:rgb(96,79,53); text-decoration:underline;}  /* visited link */
#content2 a:hover {color:rgb(96,79,53); text-decoration:none;}  /* mouse over link */
#content2 a:active {color:rgb(96,79,53); text-decoration:none;}  /* selected link */

#content .news_table{
border: 1px dotted #333;
margin-bottom:5px;
}

#content .quest_table{
margin-left:auto;
margin-right:auto;
width:98%;
border:1px solid #333;
}

.skill_table{
margin-left:auto;
margin-right:auto;
width:98%;
border:1px solid #333;
}

#footer {
	padding-top:4px;
	padding-bottom: 4px;
	text-align: center;
}

table.datatable{
align: center;
text-align: center;
color: #fff;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}
table.datatable td{
background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;
}
table.datatable td.head{
background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;
}

/* Global classes */
.rounded-box-shadow {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.f-l {
	float: left;
}

.f-r {
	float: right;
}
ul.tools{
font-family: Georgia, sans-serif;
font-size: 1em;
text-transform: uppercase;
list-style-type: none;
margin-left:-2em;
}