#Clock {
	color: #ff0022;
	}

body {
	margin: 0;
	padding: 0; 
	font-size: 10px; /* Resets 1em to 10px */
	font-family: tahoma, Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	background-color:#000022;
	behavior:url("http://www.circleofmyths.com/beta/e107_themes/Andreas02_e107/hover.htc");

}

a {
	color: #06c;
	text-decoration: none;
}

a:hover {
	color: red;
	/*color: #147; */
	text-decoration: none;
}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 1.3em;
	color: #333;
}

h3 {
	font-size: 1.2em;
}

h1, h2, h3 {
	font-family: tahoma, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

.gallery {
        color:white;
}


.ul {
	border-bottom: 2px solid #66A9E0; 
	margin-bottom: 0px;
	text-transform: capitalize;
}

.comment {
	border-top: 2px solid #66A9E0; 
}

td {
    background: none;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#5d6e75;
	padding: 0px;
	text-align:left;
}

table.whoswho {
       width: 100%;
       border: #ededed 1px solid;
       background-color: #fff;
}

td.whoswho {
       margin: 0px 0px 0px 0px;
       padding: 0px;
       color: black;
       border: #ededed 1px solid;
       background-color: #fff;
       height: 50px
}

td.whoswhopm {
       margin: 0px 5px 0px 5px;
       padding: 0px;
       text-align: right;
       vertical-align: center;
       border: #ededed 1px solid;
       background-color: #fff;
       width: 70px;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.hidden{
	display:none;
}

/* BEGIN LAYOUT */	 
#page {
	margin: 20px auto;
	padding: 0;
	width: 800px;
	border: 0px solid #959596;
	text-align: left;
	background-color:#ffffff;
}

#page2 {
	margin: 20px auto;
	padding: 0;
	width: 800px;
	border: 0px solid #959596;
	text-align: left;
	background-color: #ffffff;
}

#search {
        position: relative;
        padding: 10px 0px 0px 587px;
        margin: 0 auto;
        background-color: transparent;
}


#header {
	position:relative;
	padding: 0;
	margin: 0 auto;
	height: 200px;
	width: 100%;
	background: #73a0c5 url("images/header.jpg") no-repeat bottom center; 
}

#header h1{
	position:absolute;
	top:50px;
	left:0px;
	width: 40%;
	padding: 0;
	margin: 0 auto;
	font-size: 3em;
	text-align: center;
}

#header h1 a, #header h1 a:hover{
	color: white;
}

#header h2 {
	position:absolute;
	top:90px;
	left:0px;
	width: 40%;
	padding: 0;
	margin: 0 auto;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
}

/* UL NAVIGATION ADDED BY QUE~ */

ul.dropdown {
 padding-left: 40px;
 margin: 0;
 font-size: 12px;
 background-color: #EBEFF2;
 width: 760px;
}

ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 2px 2px 4px 2px;
 white-space: nowrap;
 font-family: tahoma;
 font-weight: bold;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 0.9em;
 vertical-align: top;
 margin: 3px;
 font-size: 1em;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 margin: 0px;
 padding: 5px;
 top: 100%;
 left: 0;
 z-index: 598;
 width: auto;
 background-color: #EBEFF2;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
 border: 1px;
}

/* END UL NAVIGATION */

#content {
	margin-top:22px;
	font-size: 1.2em
}

#sidebar{

}

#sidebar {
	margin:22px 0px 0px 585px;
	padding: 20px 0 10px 0;
	width: 190px;
	font: 1em tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 490px;
}

.widecolumn {
	padding: 10px 0 10px 0;
	margin: 5px 0 0 5px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.3em;
}

.widecolumn {
	line-height: 1.3em;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	clear: both;
	background-color: #ffffff;
}

#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

/* END LAYOUT  */


/* BEGIN E107 CORE CLASSES MAINTAINER QUE~ */

.button{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
}

.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.spacer {
	padding: 2px 0 2px 0;
}


.indent{
	padding:4px;
	border: 1px solid #06c;
}

.smalltext {font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align:center;

	
}

.mediumtext {
	font: 12px tahoma, Verdana, Arial, helvetica, Sans-Serif;
}

.tbox{
	background-color: #F4F7FA;
	border: #5e5d63 1px solid;
	color: #000000;
	font: 12px tahoma, verdana, arial, helvetica, sans-serif;
}

.helpbox {
	border: 0px;
	background-color: transparent;
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.fborder {
	border: #ededed 1px solid;
	background-color: #fff;
	
}

.forumheader{
	background-color: #EBEFF2;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
        font-size: 12px;
	color:#000;
	padding: 4px;
	border: 1px solid #ededed;
}

.forumheader2{
	background-color: #fff;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	padding: 4px;
	border: #ededed 1px solid;
}

.forumheader3{
	background-color: #fff;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	padding: 4px;
	border: #ededed 1px solid;

}

.forumborder{
	border:  #000080 1px solid;
	background-color: transparent;
}

.fcaption {
	height:35px;
	border: #ededed 1px solid;
	padding: 2px 0 2px 8px;
	background-color: #000066;
	font: 12px tahoma, verdana, arial, helvetica, sans-serif;
	color:#fff;
	font-weight:bold;	
	text-align: left;
	background-image: url("images/tileage.jpg");

}
.fcaption a{
	padding-right:4px;
	color:#fff;

}

/* NICETITLE ADDED BY QUE~*/

.nicetitle {
	font-weight: bold;
	color: #3C3C3C;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 35em;
	z-index: 20;
	max-width: 60%;
}
.nicetitle-content{
	overflow: hidden;
	background: white;
	border: 1px solid #333;
	padding: 7px;
	opacity: 0.9;
}
.nicetitle p{
	margin: 0;
	line-height: 120%;
}
.nicetitle p.destination {
	font-weight: normal;
	font-size: 12px;
	color: #5E7743;
}
.newsAbout {
        font-size: 10px;
	margin-bottom: 10px;
}
.newsIconTheme {
        float: right;
        font: bold 9px arial, helvetica, sans-serif;
        margin: 0;
}

.newsImageTheme {
	float: right;
	font: bold 9px arial, helvetica, sans-serif;
        margin: 0;
	padding: 10px;
}

div.nicetitle p span.accesskey {
	color: #FF7200;
}

div.embossbox {
        border: solid thin #cc0000;
}

table.embossbox {
        border: solid thin lightgrey;
}

td.red {
        padding-right: 1px;
        font-weight: bold;
        color: #ff0000;
}

td.upcoming {
        padding-right: 1px;
}

td.signuptotals {
        padding-right: 1px;
	text-align: left;
	text-color: black;
	border-above: 1px;
}

td.signupheader {
        padding-right: 1px;
	text-align: left;
	text-color: black;
	border-below: 1px;
}

td.signups {
        padding-right: 1px;
	text-align: center;
}

th.upcoming {
        text-align: center;
        padding-bottom: 5px;
}


a.info{
	position:relative; /*this is the key*/
	z-index:24; 
	background-color: #fff;
	color: #06c;
	text-decoration:none
}

a.info:hover {
	z-index:25; 
	background-color: #000066;
}

a.info span {
	display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #000066;
	background-color: #EBEFF2; 
	color:#000;
	text-align: center
}

th.upcoming {
        text-align: center;
        padding-bottom: 5px;
}

/* BBCODE tune-up */

ul.bbcode {
        margin: 10px 5px 0px 10px;
	padding: 0px 5px 0px 10px;
	left: 15px;
}

ol.bbcode {
        margin: 10px 5px 0px 10px;
        padding: 0px 5px 0px 10px;
        left: 15px;
}


li.bbcode {
        margin: 0px 2px 2px 2px;
	padding: 0px 2px 0px 2px;
	left: 5px;
}

/* Content Page tune-up */

/* User details fiels */
.userdetails {
	font-family: tahoma, arial;
	font-size: 12px;
	width: 100%;
	height: 250px;
}
/* End User details*/

/* Item quality tweak */

.Uncommon {
	color: green;
}

.Rare {
	color: blue;
}

.Epic {
	color: purple;
}

td.professions {
	text-transform: capitalize;
}


.proftags {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	font-size: 0.8em;
}

td.progress {
	width: 100%;
	height: 200px;
	text-align: left;
	font-size: 1.6em;
	padding-left: 250px;
}

/* End item quality tweak*/