body{
	margin:auto;
	background-color:black;
	font-family: Georgia, Palatino," Palatino Linotype", Times, "Times New Roman", serif;
	font-variant:small-caps;
	line-height:145%;
	font-weight:100;
	cursor:default
	
}

body a {text-decoration:none}

body p{color:#000}

body h3{color:#000;
text-shadow:1px 1px white;
}

body h2 {
	font-size:18px; margin-top:13px; padding-right:10px; color:white
}

#skin{ 
 width:1400px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
  padding: 0;
  margin: 0;
  background: url("skin_basic.jpg") no-repeat center top;
  width: 100%;
  display: table;
} 

#bg{ 
 width:1400px; 
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
  background:  url("bg.jpg") center top;
  background-repeat:repeat-y;
  height:auto
} 

#bgfix{
width:1200px;
text-align:center;
margin-left:auto; 
 margin-right:auto;
}

#main {

  background-repeat:repeat-y;
  background-position:0px -500px;
  overflow-y:auto;
  overflow-x:hidden;
}



#header{
    background:black url("header.jpg") no-repeat top center;
	height:58px;
	position:fixed;
	opacity:0.9;
	filter:alpha(opacity=90);
	z-index:100;
	width:1400px;
	margin-left:-100px;
	cursor:default;
}
	
#header a {cursor:pointer}
	
	
.headerhover{
	width:344px;
	height:94px;
	display:inline;
	float:left;
	margin-left:96px;
	display:block;
	margin-top:0px;
	background:url("logo.png") no-repeat top left;
}
	
.headerhover a{
	width:375px;
	height:55px;
	display:inline;
	float:left;
}

.headerhover span {
	display:none;
}
	
.headerhover a:hover{

	background:url("logo_hover.png") no-repeat top left;
	
}

#logo_bookmark	{width:344px; height:94px}
#logo_bookmark a {display:block}
	
#menu {
	width: 655px;
    line-height: 58px;
    margin-left: 320px;
    color: #7f6dd9;
    text-align: left;
}

#menu a {
	color:#c6b7ff;
	opacity:1;
	filter:alpha(opacity=100);
	font-size:16px;
	text-align:justify;
	font-weight:bold;
}

#search {
	display:inline;
	width:400px;
	float:right;
	margin-top:-51px;
}

#searchinput {
	width:240px;
	height:45px;
	color:#8c81b4;
	font-style:italic;
	margin-left:-185px;
	background-color:transparent;
	border:none;
	font-weight:bold
}

#search a {
		color:#c6b7ff;
	opacity:1;
	filter:alpha(opacity=100);
	margin-top:-35px;
	float:right;
	font-weight:bold;
	font-size:16px;
	margin-right:100px
}

#header a:hover{
	text-shadow:#7F6DD9 0px 0px 10px;
	cursor:pointer;
	color:#387fd7;
}
	
#top{

	overflow:visible;
	margin-top:0px
	}
	
.ad {
	margin-top:20px;
	margin-bottom:20px;
	border:solid #d4d3ff 1px;}
	
.ad:hover {
	border-color:#7F6DD9}
	
/*Content Slider sfsfsfsfsfsdf*/ 

#contentslider {
	width:840px;
	height:430px;
	overflow:visible;
	margin-bottom:20px;
}
   	
	
		ul#slider-one { width: 840px; }
		ul#slider-one > li { width: 200px; }
	
/*Left*/ 

#maincol{
	float:left;
 width:860px;
 overflow-y:visible;
 overflow-x:visible;
 background-repeat:repeat-y;
 }
 
#centercol {
	float:left;
	width:220px;
	overflow-y:visible;
	overflow-x:hidden;

	height:5000px
	}

#categories{
	width:650px;
	padding-top:222px;
	text-align:justify;
	cursor:pointer;
	overflow:hidden
}

.category {
	height:30px;
	line-height:30px;
margin:0px
}

.category span {
	color:#b1a2ff;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	font-size:0.75em;
	width:59px;
	float:left;
	margin:0px;
background: url("categories_bg.png");
}

.category:hover {
}

.category:hover span {
	background: url("categories_bg_hover.png");
	text-shadow:#7F6DD9 0px 0px 10px;
	cursor:pointer;
	color:#c6b7ff;

}

#tab_bookmark {width:156px; height:38px; float:right; margin-top:-40px; overflow:hidden; }
#tab_bookmark:hover {background: url("bookmark_tab.png")}
#tab_bookmark a {display:block; width:156px; height:38px; display:inline}
#tab_bookmark span {display:none}	
	
.posts {
	width:860px;

	padding-top:20px
}
	
.post {
	background: url("post_bg.png");
	width:260px;
	height:385px;
	text-align:center;
	float:left;
	display: inline;
	margin-left:20px;
	margin-bottom:20px;
}

.post img{
	border:solid #1C406C 3px;
	margin-top:40px
}

.post img:hover{
border-color:#387fd7
}

#wrapper {
	position:relative;
	float:left;
	width:240px;
	height:300px;
	margin-left:10px
}

.post_cat {
	text-align:center;
	height:60px;
	width:20px;
	overflow:hidden;
	margin-top:310px;
	margin-left:-10px;
	margin-bottom:-400px;
	background: url("post_cat_bg.png");
}

.post_cat:hover { background: url("post_cat_bg_hover.png");}

.post_cat p {
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	color:#b1a2ff;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	font-size:0.75em;
	margin-top:35px;
	vertical-align:middle
}


.post_cat:hover p {
	
	text-shadow:#7F6DD9 0px 0px 10px;
	cursor:pointer;
	color:#c6b7ff;

}

.post_overlay {
	width:240px;
	height:60px;
	background-color:#c2c7fc;
	opacity:0.4;
	filter:alpha(opacity=40);
	 margin-top:-65px;
	 margin-left:10px;
	 overflow:hidden
	}
	
.post_overlay:hover { 		
opacity:0.8;filter:alpha(opacity=80);}
 	
.post_overlay h2, .post_overlay h3 {float:left; padding-left:10px; opacity:1.0;filter:alpha(opacity=100); width:220px; text-align:left}
.post_overlay h2 {color:#5217e8; text-shadow:1px 1px 1px #FFFFFF; margin-top:8px; font-size:20px}
.post_overlay h3 {color:#0060d7; text-shadow:1px 1px 1px #FFFFFF; font-size:14px; margin-top:-20px}

#index .post_overlay h3, #index .post_overlay h4 {float:left; padding-left:10px; opacity:1.0;filter:alpha(opacity=100); width:220px; text-align:left}
#index .post_overlay h3 {color:#5217e8; text-shadow:1px 1px 1px #FFFFFF; margin-top:8px; font-size:20px}
#index .post_overlay h4 {color:#0060d7; text-shadow:1px 1px 1px #FFFFFF; font-size:14px; margin-top:-20px}
#index .post_overlay h3 span{color:#000000 !important; font-size:20px; font-weight:bold; font-family:Verdana, Geneva, sans-serif}
#index .post_overlay h4 span{color:#2e0d81 !important; font-size:14px}

.greywrapper {

	width:830px;
	height:40px;
	margin-left:15px;
	margin-top:20px;
}

.title {
	width:780px;
	text-align:left;
	padding-bottom:5px;
	padding-top:30px;
	padding-left:50px
}

.title h2{
	margin-top:-24px;
	font-size:18px;
	color:#c794ff;
	float:left;
	text-shadow:1px 1px 1px #242039;
	letter-spacing:2px
}

#paginator {
	display:inline;
	float:right;
	margin-right:10px;
	margin-top:-24px
}

#paginator a{
	text-align:center;
	height:14px;
line-height:14px;
letter-spacing:2px;
word-spacing:5px;
font-weight:bold;
font-size: 12px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
padding:3px 4px 4px 6px;
	background-color:#242039;
	text-decoration: none; /* no underline */
	color: #c794ff;
	margin-right:3px;
	border:solid 1px #1C406C

}

#paginator a:hover {
	background-color:#463e6f;
	text-shadow:none;
	color:#387fd7;
	border-color:#387fd7
}
	

#paginator-bottom {
margin-bottom:10px
}

#paginator-bottom a{
	text-align:center;
	height:14px;
line-height:14px;
letter-spacing:2px;
word-spacing:5px;
font-weight:bold;
font-size: 12px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
padding:3px 4px 4px 6px;
	background-color:#242039;
	text-decoration: none; /* no underline */
	color: #c794ff;
	margin-right:3px;
	border:solid 1px #1C406C
}

#paginator-bottom a:hover {
	background-color:#463e6f;
	text-shadow:none;
	color:#387fd7;
	border-color:#387fd7}

.content_box {
	background-color:black;
	width:820px;
	height:auto;
	padding-top:20px;
	margin-left:20px;
	float:left;
	display:inline;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:10px;
	background: url("content_box_bg.jpg");
	background-repeat:repeat-y;
	border:solid #d8d8d8 2px;
	padding-bottom:20px;
	padding-right:20px
}

.content_box_right {
	background-color:black;
	width:300px;
	height:auto;
	padding-top:20px;
	margin-left:20px;
	float:left;
	display:inline;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:10px;
	background: url("content_box_bg.jpg");
	background-repeat:repeat-y;
	border:solid #d8d8d8 2px;
	padding-bottom:20px;
	padding-right:20px
}

/*Right*/ 


#rightcol{
float:right;
width:340px;
overflow-y:auto;
overflow-x:hidden;

 background-repeat:repeat-y;
}

.list {
	width:320px;
	margin-right:20px;
	border-bottom:solid 1px #242039;
	margin-bottom:20px;
	overflow:hidden
}

.list h2 {
	color:#387fd7;
	text-align:left;
	line-height:31px;
	font-size:20px;
	border-bottom:solid 1px #242039;
	width:260px;
	margin-left:50px;
	margin-top:0px;
	padding:0px
}

.list h4 {
	color:#7F6DD9;
	text-align:justify;
	width:260px;
	margin-left:60px;
	margin-top:-20px;
}

.list img {
	float:left;
	margin-left:25px;
	margin-right:10px
}

.list ul{
	list-style-image:url("bigyo_list.png");
	text-align:left;
	margin-left:20px;
	letter-spacing:3px;

}

.list h3, .list h5 {
	color:#7F6DD9;
	padding-bottom:3px;
	font-weight:100;
	margin:0 !important;
	padding:0 !important;
	font-size:14px;
	display:inline;
	text-shadow:none}
	
.list a {
	color:#7F6DD9;
	padding-bottom:3px;
	font-weight:100}
	
.list a:hover {
	color:#387fd7;
	text-shadow:#7F6DD9 0px 0px 10px;
	}
	
.list h3:hover, .list h5:hover {
	color:#387fd7;
	text-shadow:#7F6DD9 0px 0px 10px;
	}
	
.list li:hover {
	list-style-image:url("bigyo_list_hover.png");
}

#tournamentbox {
	width:320px;
	height:339px;
	background: url("tournament.jpg");
	border:solid #d8d8d8 2px;
	margin-left:10px
}

/*Footer*/ 
#mainrankeds{
	background: url("mainrankeds_bg.jpg");
    background-repeat:repeat-y;
	border:solid #d8d8d8 2px;
	width:1160px;
	overflow-y:auto;
	text-align:center;
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}

#mainrankeds h2 {color:white}

#mainrankeds img {margin-right:20px}

.ranked {
	border:solid #424242;
	border-width:1px;
	padding:5px;
	background-color:#262626
}

.ranked:hover {
	border-color:#8c8c8c;
	background-color:#595959;
}

#footer{
	background: url("footer.jpg") center;
 height:382px;
 width:1400px;
 overflow:visible; 
 clear:both;
 margin-left:-100px
 } 

#footer ul {float:left; margin-top:140px; margin-left:130px; line-height:40px; text-align:left; letter-spacing:3px; list-style-image:none}
 
#footer a h6 {
	color:#7f6dd9; font-weight:bold; margin:0; padding:0; font-size:14px; line-height:40px
	  }
	  
#footer h6.disclaimer {
	color:#242039; font-weight:bold; font-size:12px; font-weight:bold; letter-spacing:1px
	  }
	 
	  
#footer a {
	color:#7f6dd9; font-weight:bold
	  }
	  
#footer li {list-style-image:none; line-height:normal}
	  
	  
#footer a:hover {color:#387fd7}
#footer a h6:hover {color:#387fd7}
 
 
 .content_box {
	background-color:black;
	width:820px;
	height:440px;
	padding-top:20px;
	margin-left:20px;
	float:left;
	display:inline;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:10px;
	background: url("content_box_bg.jpg");
	background-repeat:repeat-y;
	border:solid #d8d8d8 2px;
}

.content_box img {float:left; }

.content_box a {color:white}

.content_box a:hover {color:red}

.content_box h2 { line-height:31px; color:white; font-weight:bold; text-align:center; font-size:20px; margin-bottom:20px; border-bottom:solid 1px #999; padding-bottom:10px; margin-top:0px}

.content_box h3 { text-align:right; color:white; font-size:18px; line-height:12px; color:#CCC}

.content_box h4 { text-align:right; color:white; font-size:16px; line-height:10px; color:#999}

.content_box p { color:white; text-align:justify; font-weight:bold; font-size:14px; height:80px}

.desc {width:330px; margin-right:20px; float:right}
.desc_right {width:300px; margin-top:30px; margin-left:20px}
.desc_right h4 {margin-right:20px; margin-left:0px; margin-top:20px}

.button {
	background: url("button_hover.jpg");
    background-repeat:repeat-x;
	height:26px;
	width:165px;
	border:solid #999 1px;
	float:right;
	display: inline;
	margin-top:20px}	

.button h5 {font-size:16px; line-height:26px; color:white; margin-top:0px}

.button td {line-height:26px; margin-top:0px}

.button:hover {
	background: url("button.jpg");
	border-color:white;
}

.button:hover h5{
	color:red;
}


#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url("ui.totop.png") no-repeat left top;
}

#toTopHover {
	background:url("ui.totop.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	filter:alpha(opacity=100);
	-moz-opacity: 0;
}

#toTop:active, #toTop:focus {
	outline:none;
}