* {
	padding: 0;
	margin: 0;
}
html {
	height: 100%;
}
body {
	background-color: #FFF;
	color: #666;
	font-size:12px;
	font-family:"Lucida Grande", verdana, helvetica, arial, sans-serif;
	height: 100%;
	line-height: 1.4em;
}
h1, h2, h3, h4, h5, h6, .subtitle {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:normal;
  font-style:italic;
}
h1  {
	margin:0;
	padding:0;
	line-height:1.1em;
	color: #333;
	font-size:1.6em;
}
h1 a {color: #333;}
h2 {
	background: url(../../img/h2.gif) no-repeat top left;
	margin:0;
	padding-left:30px;
	line-height:1.1em;
	color: #333;
	font-size:1.59em;
}
h2:hover { background-position:0 -21px;}
h2 a{ color:#333; text-decoration:underline; }
h2 a:hover { color:#ff5500;}
h3{
	margin:0; 
	padding:0;
	line-height:1.1em;
	color: #333;
	font-size:1.39em;
}
h4{
	margin:1.2em 0 0.8em 0;
	padding:0;
	line-height:1.1em;
	color: #333;
	font-size:1.39em;
} 
h5, .subtitle {
	margin:5px 0 0 0;
	padding-bottom:10px;
	font-size:1.29em;
	color: #ADADAD;
	border-bottom:1px solid #ff7700;
}
p, .pagetext {
  	margin:1em 0;
	text-align:justify;
	color: #666;
}
 .pagetext a {
    color: #666;
    text-decoration: none;
 }


.pagetext:first-letter {
color: #E67300;
font-family: Mistral;
font-size: 25px;
float: left;
text-transform: uppercase;
padding-right: 2px;
padding-left: 15px;
}
.pagetext p {
  margin-bottom: 1px;
  text-indent: 1.5em;
  margin-top: 0px }

.subtitle, .listbox {
	border-bottom:1px dotted #999; 
}
.path { float:right; color:#ADADAD; display:inline; white-space:nowrap; }
.path a { color:#ADADAD; }

a {
	text-decoration: none;
	color:#FF6600; 
}
a:hover{
	color:#000;
}
a.more { color:#333; text-decoration:underline; background:url(../../img/more.gif) no-repeat left top; padding-left:14px; }
a.more:hover { text-decoration:underline; color:#FF6600; background-position:1px -13px;}
/*
HEADER BLOCK
----------------*/
#top {
	width: 100%;
	background: #fff url(../../img/hid-back.gif) repeat-x bottom;
}
#hidden, #hidden2 {
     display:none;
     text-align:center;
     height:100px; /* bug fix */
	 padding:10px;
}
#hidden2 table td {vertical-align:top;}

#header {
	width: 100%;
	height: 138px;
	background: #F48231 url(../../img/header.jpg) repeat-x;
	border-top: 3px solid #F3F1F1;
	border-bottom: 3px solid #F3F1F1;
}
.content {
	width: 870px;	
	margin: 0 auto;
	min-width:45em;
	max-width:85em;
	position:relative;
}
.content2 {
	width: 550px; min-height:500px; 
	margin: 0 auto;
	position:relative;
}
#label {
	display: block;
	width:117px;
	height:178px;
	position: absolute;
	top:-18px;
	left:-5px;
	background: url(../../img/label.png);
	z-index:10;
	cursor:pointer;
    padding-left: 0px;
}
#name {
     display: block;
     width:270px;
     height:70px; /*46*/
     position: absolute;
     top:47px;
     left:0px;
        left: 110px;
     background: url(../../img/name.png) no-repeat;
     z-index:10;
     cursor:pointer;
     text-indent:-9999px;
}

#logo {
	width: 100%;
	height: 58px;
	background: #484747 url(../../img/logo-back1.png);
}
#logotype {
	width:236px;
	height:34px;
	position: relative;
	background: url(../../img/logo.gif) no-repeat;
	top:13px;
	left:0;
}
.whos_online {
  position: absolute;
  right: 5px;
  text-align: right;
  top: 150px;
  font-size: 90%;
  color: #6E6E6E;
  overflow: auto;
}
.mini-chat {
  position: absolute;
  right: 0;
  text-align: right;
  top: 28px;
  font-size: 90%;
  color: #6E6E6E;
  width: 305px;
  vertical-align:top;
  height: 100px;
  overflow: auto;
  border:1px solid #d44b00;
  z-index:2000;
  background:#fff;
  padding-top:5px
}
.chatHover {height: 400px;padding-top:40px}
.chatHoveroff{height: 100px;}
#gm3i{display:none;width:230px;text-align:center;padding:2px;  position: absolute; right: 70px; top: 29px; z-index:4000; background:#fff}
#gm3i input {width:150px;float:left}
.mini-chat-post,#loading,.mini-chat-update,.mini-chat-postoff {
  position: absolute;
  right: 18px;
  text-align: center;
  top: 29px;
  font-size: 90%;
  color: #6E6E6E;
  width: 18px;
  vertical-align:top;
  height: 18px;
  overflow: auto;
  background:#ffffff;
  border:1px solid #ff7700;
  border-top:none;
  cursor:pointer;
  z-index:3000;
}
.mini-chat-postoff{display:none;}
.mini-chat-update {
  right: 37px;
}
#loading {  
  color: #6E6E6E;
  width: 120px;
  vertical-align:middle;
  height: 18px;
  position: fixed;
  border:1px solid #ff7700;
  margin:2px;
  top:0;
  right:0;
  padding: 3px;
  text-align:center;
  z-index:1000;
  background: #ffffff;
  display:none;
}
.plus_button{ display:none;}
#usonlinelist {
  clear:both;
  z-index:6;
  display:none;
  position: absolute;
  right: 200px;
  top: 170px;
  font-size: 90%;
  color: #6E6E6E;
  width: 180px;
  vertical-align:top;
  overflow: auto;
  background:#ffffff;
  border:1px solid #ff7700;
  padding:5px;
}
.fade {
  float: right;
  vertical-align:top;
}
.pm {
  position: absolute;
  right: 340px;
  top: 35px;
  width: 130px;
}
/*
LIGHT BLOCK
---------------*/
.light { background:#fff; }
.light-top {
	height: 36px;
	background: url(../../img/light-top.gif) repeat-x;
}
.light-bot {
	height: 36px;
	background: url(../../img/light-bot.gif) repeat-x; position:relative;
}
/*
TWO COLLS
---------------*/
.primary{
	float:left;
	width:65%;
	padding:0px 0 0 0;
}
.secondary{
	float:right;
	width:30%;
	margin-left:3%;
	padding:10px 0 0 0;
	padding-top:0em;
	display:inline;
}
/*
LIST
----------------*/
.listbox{
	padding:15px 0;
	/*background: url(../../img/list.gif) no-repeat top right;*/
	margin-top:0px;
}
/*
COMMENTS
----------------*/
.commentos {
	padding:2.2em 1.8em 0 1.8em;
	border-left:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	background: url(../../img/comm.png) repeat-x top left;
	margin:15px 0 50px 0;
	min-width:300px;
}
.commentos2 {
	padding:2.2em 1.8em 0 1.8em;
	border-left:1px solid #BDBDBD;
	border-right:1px solid #BDBDBD;
	background: url(../../img/comm2.png) repeat-x top left;
	margin:15px 0 50px 0;
	min-width:300px;
}
/*
THREE COLLS
----------------*/
.block{
	float:left;
	width: 30%;
	margin:0 0 0 5%;
}
* html .block{
	margin-left:35px;
}
.first, * html .first{
	clear:both;
	margin:0;
}
*:first-child+html .block { width: 29.9%; } /* IE7.0 Hack */
.block-separator{
	clear:both;
	height:2.0em;
}
/*
UL - LI
--------------*/
ul { list-style-type:square; margin:1.5em 0 1.5em 3em; }
ul.dates, ul.counts, ul.blogroll {
	list-style-type:none;
	margin:0 0 20px 0; background-color:#FAFAFA;
}
ul.dates li, ul.counts li, ul.blogroll li {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	color:#ccc; 
	border-bottom:1px solid #ff7700;
	width:100%; white-space:nowrap;
}
.dates li a, .counts li a, .blogroll li a {
	list-style-type:none;
	display: block;
	padding:0.4em 1.0em;
	border:none;
	text-decoration:none; color:#000;
} 
.dates li a:hover, .counts li a:hover, .blogroll li a:hover { background-color:#333; color:#fff; }
.dates .date { float:right; padding:0.4em 1.0em; }
ul.counts .count { float:left; padding:0.4em 1.0em;}
ul.blogroll { margin-top:0;}
ul.blogroll li { list-style-type: none; margin:0;}
ul.dates .ico { float:left; padding:0.56em 1.0em 0em 0.5em; }
/*
NAVIGATON
------------------*/
#nav { 
	float:right;
	line-height: normal;
	font-size: 1.0em; 
}
#nav ul.nvg { list-style: none; padding:0; margin:0; }
#nav ul.nvg li { display: inline; }
#nav a {
	float: left;
	background: url(../../img/nav_left0.png) no-repeat left bottom;
	text-decoration: none;
}
#nav a span {
	float: right;
	display: block;
	background: transparent url(../../img/nav_righ0.png) no-repeat right bottom;
	padding: 1px 12px 7px 13px;
	color: #000;
	font: bold 1.0em "Lucida Grande", "Trebuchet MS", verdana, helvetica, arial, sans-serif; 
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {
	float: none;
}
/* End IE5-Mac hack */
#nav a:hover {
	border: 0px;
	margin-top: 0px !important; /* Firefox */
	margin-top: -1px;    /*  IE  */
}
#nav a:hover span {
	padding-top: 5px; color: #ff3300;
}
/*
USER NAV
---------------*/
#user {
	font: bold 1.0em verdana, helvetica, arial, sans-serif; 
	padding:12px 0px;
	width:100%;
	margin-left:300px;
}
#user ul {
	margin:0;
	padding:0;
	float:right;
}
* html #user ul { 
	margin-bottom:1px;
}
#user li {
	display:inline;
	float:left;
	list-style:none;
	margin-bottom:10px;
}
#user li a { 
	display:block;
	color:#999;
	border:1px solid #ddd;
	padding:5px 7px; 
	margin-left:2px;
	text-decoration:none;
	background:#fefefe;
}
#user li a:hover{ 
	color: #FF6600;
}
/*
OTHER
---------------*/
a.thickbox:link img, a.thickbox:active img, a.thickbox:visited img {
	margin: 0px;
	border: 6px solid #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
a.thickbox:hover img {
	border: 6px solid #FF7700;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
img { border:none; text-decoration:none; vertical-align:middle; }
.clear { clear:both; height:0px; font-size:0px; line-height:0px; }
hr {height:0px; border:none;  border-bottom: 2px solid #dddddd}
.colleft	{ float:left; margin:0px 20px 8px 0px; }
.colright	{ float:right; margin:0px 0px 8px 20px; }
#message { display:block; text-align:center; padding:60px 80px; margin:60px 0; }
#adminmenu { margin:1.2em auto; padding:1.2em 0; border-bottom:1px dotted #999; border-top:1px dotted #999; }

#add a,#duel a, #rss a, #print a, #best a, #note a , #alm a {display:block; width:258px; height:41px;}
#add a { background:url(../../img/add.png) no-repeat right top;}
#duel a { background:url(../../img/duel.png) no-repeat right top;}
#rss a { background:url(../../img/rss.png) no-repeat right top;}
#print a { background:url(../../img/print.png) no-repeat right top;}
#best a { background:url(../../img/best.png) no-repeat right top;}
#note a { background:url(../../img/note.png) no-repeat right top;}
#alm a { background:url(../../img/almanac.png) no-repeat right top;}
#rss a:hover, #add a:hover, #duel a:hover, #print a:hover, #note a:hover, #alm a:hover, #best a:hover { background-position:0 -42px;}

.bar_front 	{ background-color:#FF8800; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:14px; }
.bar_back 	{ background-color:#FAFAFA; border:1px solid #333333; margin:0 7px 0 7px; height:14px; }
.pagenav { margin:10px 0px 10px 0px; font-size:1.1em; }
.pagenav_prev, .pagenav_next, .pagenav_first, .pagenav_last, .pagenav_pages   
{ padding:3px 8px; background:#F5F5F5; margin:1px; border:1px solid #d5d5d5;}
.pagenav_current { padding:3px 8px; font-weight:bold; text-decoration: none; background:#ededed; margin:1px; border:1px solid #c8c7c7;  }
.error { color:red; font-weight:bold; font-size:1.1em; padding:1em 0; }
.codetitle, .code { color:#666; }
.code { border-left:3px solid #ff9900; background-color:#F3F3F3; padding:20px; margin:10px 0; overflow: auto; }
.colleft	{ float:left; margin:0px 20px 0px 0px; }
.colright	{ float:right; margin:0px 0px 0px 20px; }
/*
FOOTER BLOCK
--------------*/
#footer {
	clear:both;
	background-color:#3E3E3E;
	border-top:3px #FF7700 solid;
	border-bottom:3px #FF7700 solid;
	position:relative;
}
#footer-flow {
	display: block;
	width:350px;
	height:365px;
	position: absolute;
	bottom:0px;
	right:0px;
	background: url(../../img/footer-flow.gif);
	z-index:1;
}
#footer-top { 
	height: 50px;
	background: url(../../img/footer-top.gif) repeat-x;
}
#footer h2 {
	background:none;
	margin:0;
	padding-left:30px;
	line-height:1.1em;
	color: #ff7700;
	font: italic 1.59em Georgia, "Times New Roman", Times, serif; 
	background: url(../../img/h2f.gif) no-repeat center left;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color: #eee;
}
#footer a.copy  { color:#666; }
#footer .copyblock { padding:2.0em 0; border-top:solid 1px #555;}
#footer ul.blogroll { background-color:#3A3A3A;}
#footer ul.dates { background-color:#3A3A3A;}
div#box { background: #FF9966 url(/red.jpg) repeat-x; -khtml-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

/*
FORMS
--------------*/
input.search, .srchbut, .submit, label.login {
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	color: #888;
	font-size: 1.1em;
}
.submit, .srchbut, .submit-l {
	font-weight:bold; 
	cursor:pointer;
	border-right: 1px solid #4F4F4F;
   	border-bottom: 1px solid #4F4F4F;
}
.srchbut { 
	background:url('../../img/srchbut.gif') no-repeat top left;
	width:260px; height:34px; padding:2px 5px;
}
.submit {
	background:url('../../img/submit.png') no-repeat left top;
	color:#F0F0F0; height:26px; width:130px; padding:0px 5px 2px 5px;
}
.submit-l {
	background:url('../../img/submit-l.png') no-repeat left top;
	height:26px; width:260px; padding:0px 5px 2px 5px; color:#F0F0F0;
}
input.search {
	background: #3E3E3E url('../../img/srchbck.gif') repeat-x left top;
	background-attachment: inherit !important;
	background-attachment: fixed;
	border: 1px solid #555;
	padding: 5px 10px 3px 10px;
	width: 238px;
	height:21px;
}
* html input.search { padding:6px 10px 2px 10px; }
input.search:hover { border: 1px solid #777; }
input.search:focus { border: 1px solid #ff7700; }
fieldset { padding: 5px 20px; border:1px solid #eaeaea; }
legend { padding:0 1em; font-weight:bold; }
.form-item { margin: 1em 0; }
#top-form { float: left; padding: 0 5px 0 5px}
.form-item label { display: block; padding:0.5em 0; }
.form-required { color: #ff6600; }
legend { color:#999; }
input.text, textarea, .password {
	background: #fff url(../../img/form.gif) repeat-x left top;
	background-attachment: inherit !important;
	background-attachment: fixed;
	border: 1px solid #ccc;
	padding: 4px 10px;
}
.textboxer { padding:0 40px 0 212px; font-size: 1.1em; }
input.text, .password { width: auto; height:16px; }
textarea { width:360px; }
input.text:hover, input.reset:hover, textarea:hover, .password:hover { border: 1px solid #999; }
input.text:focus, input.reset:focus, textarea:focus, .password:focus { border: 1px solid #ff9900; }
select { height:26px; vertical-align:bottom; }
label.login {
	font-weight:bold;
	padding:0 1.0em;
	margin-top: 2px !important; 
	margin-top: 4px; 
	text-align: right; display: inline;
}
/*
Table
---------------*/
table.flat		{ width:100%; margin:0; padding:0; border-collapse:collapse; }
table.flat td 	{ padding:0; margin:0}
table.main 		{ width:100%; margin:0; padding:4px; }
table.main td 	{ padding:4px;}
table.cells 	{ width:100%; margin-top:15px; padding:0; border: 1px solid #ebebeb; }
table.cells td	{ padding:2px; background-color:#f3f3f3; margin:0; }
table.cells i	{ font-style:normal; font-weight:bold; padding-left:5px; }
table.list 		{ width:100%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }
.coltop { background:#000!important; text-align:center; color: #fff; font-weight: bold; font-size: 1.1em; font-family: "Lucida Grande", "Trebuchet MS", verdana, helvetica, arial, sans-serif;}

blockquote { display:block; padding:20px; border-left:3px solid #FF9900; background-color:#F3F3F3; }
blockquote hr { height:0px; margin:10px 0; border:none; border-bottom:1px dotted #000;}
/*
Forum board
---------------*/
table.boards td { padding:4px; font-size: 1.0em; color:#666;}
.boards { background-color: #ffffff; border: 2px solid #dddddd; border-bottom:10px solid #dddddd; margin-bottom:10px; }
.normalname { color: #003; font-size: 11px; font-weight: bold; text-decoration: underline; }
.normalname a:link, 
.normalname a:visited, 
.normalname a:active { font-size: 12px; text-decoration: underline }
.normalname2 {color: #666; text-decoration: none;} 
.cat_title a:link,
.cat_title a:active,
.cat_title a:visited, 
.cat_title a:hover { color: #fff; text-decoration: underline; }
.cat_bottom { background-color: #ddd; }
.row1 { background-color: #dddddd; }
.row2 { background-color: #eeeeee; }
.row3 { background-color: #fafafa; }
.row4 { background-color: #f2f2f2; }
.row5 { background-color: #fcfcfc; }
table.cells td.even { background-color: #fafafa; }
table.cells td.odd { background-color: #F1F1F1; }
table.cells td.new { background-color: #DADADA;}

.graystyle { background-color: #f2f2f2; color:#111; font-size: 1.1em; border:1px solid #dfdfdf; padding:0 10px; margin:10px 0;}
table.graystyle td { padding:0 10px; }
.cat_title { background:#000; font-weight: bold; color:#fff; }
#avatar {
  border: 2px solid #DFDFDF;
}
.desc {
font-size : 75%;
color : #6E6E6E;
}
*:first-child+html .anchors { display: inline-block; }
*:first-child+html .anchors a { float: left; }
img { max-width:560px; -khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#loading3{float:right}