/* ReDesigned by Everybody, contacts: icq - 35335250 , skype - kagorec*/

body {
  background-color: #fff;
  color: #000;
  font-size: small;
  font-family: sans-serif;
}

fieldset {
  border: 1px solid #737373;
}
form {
  margin: 0px;
}
h1, h2, h3 {
  margin: 0px;
  padding: 0px;
}
hr {
  background-color: #737373;
  border: 0px;
  color: #737373;
  height: 1px;
}

a:link {
  color: #33c;
  text-decoration: underline;
}
a:visited {
  color: #4040ff;
  text-decoration: underline;
}
a:active, a:hover {
  color: #000;
}

div.bottom {
  color: #737373;
  font-size: x-small;
  text-align: center;
}

/* Define some colors */

.darkbg {
  background-color: #737373;
  color: #fff;
}
.mediumbg {
  background-color: #09c;
  background-image: url(grad_bg.png);
  color: #fff;
}
.lightbg {
  background-color: #fff;
  color: #000;
}
.lightbgalt {
  background-color: #f0f0f0;
  color: #000;
}
.highlight {
  background-color: yellow;
  color: #000;
}

/* Top menu */

a.menu {
  background-color: #fff;
  border: 1px solid #737373;
  color: #000;
  font-weight: bold;
  margin-left: 4px;
  margin-right: 4px;
  padding: 3px;
  text-decoration: none;
}
a.menu:hover, a.menu:active {
  color: #fff;
  background-color: #09c;
  background-image: url(grad_bg.png);
}

a.table_top {
  color: #fff;
  text-decoration: underline;
}
a.table_top:hover, a.table_top:active {
  color: #c0c0c0;
}

.join_edit_error {
	background-color: #f0f0f0;
	border: 1px solid #f00;
	padding: 2px;
}

a.help { color: #f00; font-weight: bold; text-decoration: none; }
a.help:hover { color: #333; }

/* ReDesign */

body 
{
	margin: 0;
	padding: 0;
	background-color: #4a545d;
	font: normal 12px Verdana, Arial, Sans-Serif;
    text-align: left;
}

/* Links */

a:link { color: #273A4D; text-decoration: none;}

a:visited { color: #273A4D; text-decoration: none; }

a:hover, a:active {color:#000000;text-decoration: underline;}

a.menu {
text-decoration: none;
}

h3 a:link { color: #3f4f5c; text-decoration: none; }

h3 a:visited { color: #3f4f5c; text-decoration: none; }

h3 a:hover, a:active {border-bottom:1px dotted #666666; color:#000000;}

/* Html Elements */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 10px 0; padding: 0; }

h1 { font-size: 36px; color: #293138;}

h2 { font-size: 28px; color: #353F47;}

.post-title h2 {color: #3f4f5c; font-weight:bold; text-transform: uppercase; margin-bottom:5px;}

h3 { font-size: 24px; color: #3f4f5c;}

h4 { font-size: 20px; color: #3f4f5c; }

h5 { font-size: 16px; color: #3f4f5c;}

h6 
{ 
	font-size: 13px; 
	text-transform: uppercase; 
	margin: 5px 0; 
	font-weight: bold; 
}

ul { line-height: 1.8em; list-style-type: circle; color: #333333; }

ol { line-height: 1.8em; color: #333333;}

/*#stats, form {
		padding: 10px;
		width: 680px;
		float: left;
        background-color: #F3F2F2;
		border: solid #E6E4E4 2px;
}*/

#stats {
		padding: 10px;
		width: 680px;
		float: left;
        background-color: #F3F2F2;
		border: solid #E6E4E4 2px;
}

#paginado {
		margin: 20px auto;
		padding: 2px;
		width: 300px;
		text-align: center;
        background-color: #F3F2F2;
		border: solid #C9C9C9 2px;
}

#paginado a:hover {
        background-color: #fbc5c2;
		color: #174e19;
}
#paginado font.num {
		font-weight: bold;
		color: #850000;
}

#extended {
		padding: 10px;
		width: 700px;
		float: left;
        background-color: #F3F2F2;
		border: solid #C9C9C9 2px;
}

input.input {
	width: 450px;
}

input.boton {
		font-size: 13px;
		font-weight: bold;
        background-color: #F9F2F2;
		border: solid #C8C8C8 2px;
	
}

blockquote
{
	color: #555555;
	background-color: #eeeeee;
	border: 1px solid #cfcfcf;
	padding: 5px 10px; 
	margin: 10px 20px;
}

code { font-family: Consolas, Verdana, Arial, "Courier New"; }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

em { font-style: italic; }

strong { font-weight: bold; }

del { text-decoration: line-through; color: #555555; font-size: 11px; }

ins { text-decoration: none; color: #679b3c; }

span.servername {
	color: #853333;
}

p em, 
cite
{
	font-family: Consolas, Verdana, Serif;
}

/* Structure */

#container
{
	width: 1002px;
	margin: 0 auto;
	
	
}
/* Header */
#header {
	position: relative; 
	width: 1002px;
	height: 78px;
	background: url(http://mmo-top.com/images/l.png) center center no-repeat; 
}

#navigation
{ 
	height: 37px;
	background-image: url('../images/menu.png');
	text-transform: uppercase;
    font-size: 14px;
}
#wrapper
{
	clear: both;
	float: right;
	width: 1002px;
        background: #ffffff;
        border-left: solid #dde0e1 2px;
        border-right: solid #dde0e1 2px;
        border-bottom: solid #dde0e1 2px;
}

#content-wrapper
{
	width: 780px;
	float: left;
}

#content
{
	float: left;
	padding: 27px;
	line-height: 1.6em;
	text-align: justify;
}

#content .commentbox {
	color: #918E85;
	background-color: #FBF4E2;
	padding: 2px 5px 2px 5px;
	border-top: solid #D4CBB4 1px;
	border-bottom: solid #D4CBB4 1px;
	text-transform: uppercase;
	font-size: 11px;
        margin-bottom: 10px;
}
#comments {
	color: #4A4A4A;
	padding: 0px;
}
#comments .comment {
        padding: 10px;
        background-color: #F6F6F6;
	border-bottom: 20px solid #ffffff;
}
#comments .comment cite {
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
}
#sidebar-wrapper
{
        margin-left: 5px;
        margin-top: 25px;
        margin-bottom: 25px;
	width: 180px;
	float: left;
        background-color: #F3F2F2;
	border: solid #E6E4E4 1px;
}

#sidebar
{
	float: left;
	width: 150px;
	padding: 15px;
    color: #5b5c5c;
	font-size: 9pt;
	text-align: left;
}

#box 
{
	clear: both;
}
#footer
{
	clear: both;
	float: left;
	width: 980px;
	margin: 0px 0;
	color: #555555;
	text-align: center;
	padding: 10px 10px 10px 10px;
	background: #cfcfcf;
}

/* Navigation */

#navigation ul
{
	margin: 0 5px;
	float: left;
	width: 1000px;
	padding: 0px 0;
	list-style-type: none;
}

#navigation li { float: left; margin: 0 0 0 5px; padding: 0; }

#navigation a:hover
{
background-image: url('../images/select2.png');
}

#navigation a:link,
#navigation a:visited
{
	float: left;
	display: block;
	color: #c6c6c6;
	padding: 5px 10px;
	

}

#navigation ul li.current_page_item   a:link,
#navigation ul li.current_page_item   a:visited,
#navigation ul li.current_page_item   a:hover,
#navigation ul li.current_page_item   a:active
{
	background-image: url('../images/select.png');
}


.date {
	margin-left: 3px !important;
	padding: 0;
	color: #ccc !important;
	font-family: Verdana, Arial, Sans-Serif !important;
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 24px;
	text-transform: lowercase;
	display: inline;
	}

h3.post-title {
        display: inline;
        }

h3.post-title a {	
        /*text-transform: lowercase;*/
	color: #3f4f5c !important;
	font-family: Verdana, Arial, Sans-Serif !important;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 24px;
	border-bottom: none !important;
	}

h3.post-title a:hover {
	text-decoration: none!important;
	color: #222 !important;
	background: transparent;
	}

/* Sidebar */

#sidebar h3 { font-size: 12px; color:#5b5c5c; text-transform: uppercase; border-bottom: solid #5b5c5c 2px;}

ul#sidenotes
{
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	list-style-type: none;
}

ul#sidenotes li
{
	padding: 5px;
	border-bottom: 1px dotted #cccccc;
}

ul#sidenotes li:hover
{
	background-color: #eeeeee;
}

ul#sidenotes li .title
{
	display: block;
	font-weight: bold;
}

ul#sidenotes li .date
{
	display: block;
	color: #777777;
	font-size: smaller;
}

ul#sidenotes li .content
{
	display: block;
}

ul#sidenotes li a:link,
ul#sidenotes li a:visited
{
	padding: 0; 
	color: #333333;
}

ul#sidenotes li a:hover,
ul#sidenotes li a:active
{
	background-color: transparent; 
}

/* Footer */

#footer a:hover,
#footer a:active
{
	color: #003355;
	background-color:transparent;
}
#xuxian {
	border-top-width: 1pt;
	border-top-style: dashed;
	border-top-color: #C6C5B7;
	height: 1px;
	width: 736px;
}

/* ReDesign user */

.animatedtabs{
		border-bottom: 1px solid gray;
		overflow: hidden;
		width: 100%;
		font-size: 12px; /*font of menu text*/
	}


	.animatedtabs ul{
		list-style-type: none;
		margin: 0;
		margin-left: 4px; /*offset of first tab relative to page left edge*/
		padding: 0;
	}

	.animatedtabs li{
		float: left;
		margin: 0;
		padding: 0;
	}

	.animatedtabs a{
		float: left;
		position: relative;
		top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
		background: url(../images/tab-blue-left.gif) no-repeat left top;
		margin: 0;
		margin-right: 2px; /*Spacing between each tab*/
		padding: 0 0 0 9px;
		text-decoration: none;

	}

	.animatedtabs a span{
		float: left;
		position: relative;
		display: block;
		background: url(../images/tab-blue-right.gif) no-repeat right top;
		padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
		font-weight: bold;
		color: black;
	}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	.animatedtabs a span {float:none;}
	/* End IE5-Mac hack */


	.animatedtabs .selected a{
		background-position: 0 -125px;
		top: 0;
	}

	.animatedtabs .selected a span{
		background-position: 100% -125px;
		color: black;
		padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
		top: 0;
	}

	.animatedtabs a:hover {
		background-position: 0% -125px;
		top: 0;
	}

	.animatedtabs a:hover span{
		background-position: 100% -125px;
		padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
		top: 0;
	}