body {margin: 0px; padding: 0px; min-width: 1000px; background: #ffffff;}
body , table , tr , td , div , p , span , ul , li {font-family: Verdana; font-size: 8pt; color: #666666; }

h1 {font-family: Verdana; font-size: 14pt; color: #000000; font-weight: normal; margin: 0px; padding: 0px; line-height: 16pt;}
h2 {font-family: Verdana; font-size: 14pt; color: #000000; font-weight: normal; margin: 0px; padding: 0px; line-height: 16pt;}
h4 {font-family: Verdana; font-size: 14pt; color: #999999; font-weight: normal; margin: 0px; padding: 0px; line-height: 16pt;}

ul									{ margin: 0; padding: 0;  }
ul li 								{ list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }

.topline {width: 100%; height: 22px; background: url(/images/design/topline_bg.jpg) repeat-x top left;}
.topline .links {width: 900px; text-align: left; padding-top: 3px; margin: 0 auto;}
.topline .links a {font-family: Tahoma; font-size: 8pt; color: #ffffff; text-decoration: none; margin-right: 30px; padding: 0px 3px 1px 3px;}
.topline .links a:hover {font-family: Tahoma; font-size: 8pt; color: #ffffff; text-decoration: none; margin-right: 30px;padding: 0px 3px 1px 3px; background: #ff0000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.content {background: url(/images/design/head_background.jpg) repeat-x top left;}

.head {width: 900px; height: 205px; background: url(/images/design/head_image.jpg) no-repeat top left; margin: 0 auto;}
.head .logo {width: 300px; float: left; text-align: left;}
.head .logo img {width: 250px; height: 120px; margin-top: 45px; margin-left:20px; border: 0px;}

.head .search {width: 550px; float: right; text-align: left; margin-top: 105px;}
.head .search .input {width: 400px; height: 30px; border: 2px solid #b0b0b0; font-family: Tahoma; font-size: 14pt; color: #666666; padding: 5px 3px 0px 3px; margin-right: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.head .search .button {width: 110px; height: 34px; border:2px solid #b0b0b0; font-family: Tahoma; font-size: 14pt; color: #666666; background: #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.head .search .example {display: inline-table; font-family: Verdana; font-size: 8pt; color: #666666; text-decoration: none;margin-top: 5px;}
.head .search .example span {padding-bottom: 2px; border-bottom: 1px dashed #666666; cursor: pointer;}
#search_left {float: left; height: 40px;}
#search_right {float: right; height: 40px;}

.middle {width: 900px; margin: 0 auto;}
.middle .background {width: 300px; height: 370px; float: left; margin-right: 50px;}

.middle .items {width: 200px; float: left; margin-right: 50px; text-align: left; padding-top: 30px;}
.middle .items h1 {font-family: Verdana; font-size: 18pt; color: #000000; font-weight: normal; margin: 0px; padding: 0px;}
.middle .items .item {margin-bottom: 20px; font-family: Verdana; font-size: 8pt; color: #666666;}
.middle .items .item img {width: 24px; height: 24px;  margin-right: 10px;}
.middle .items .item a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; padding: 1px 3px 1px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.middle .items .item a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 1px 3px; background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.middle .fullitem {width: 300px; float: left; margin-right: 50px; text-align: left; padding-top: 30px; line-height: 16px;}
.middle .fullitem img {margin-right: 10px;}
.middle .fullitem div {margin-bottom: 20px;}
.middle .fullitem span {font-family: Verdana; font-size: 8pt; color: #000000;}
.middle .fullitem a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; padding: 1px 3px 1px 3px;}
.middle .fullitem a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 1px 3px; background: #000000;}
.middle .fullitem .taglink {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 2px 3px; background: #000000;}
.middle .fullitem .taglink:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 2px 3px; background: #FF0000;}

.middle .fullitem_right {width: 200px; float: right; text-align: left; padding-top: 30px;}
.middle .fullitem_right div {margin-bottom: 20px;}
.middle .fullitem_right a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; padding: 1px 3px 1px 3px;}
.middle .fullitem_right a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 1px 3px; background: #000000;}

.middle .mobimg {width: 100px; float: left; padding-top: 30px; margin-right: 30px}
.middle .mobtags {width: 190px; float: right; text-align: left; padding-top: 30px;}

.middle .mobs {float: left; margin-right: 30px; text-align: left; padding-top: 30px; line-height: 16px;}
.middle .mobs img {margin-right: 10px;}
.middle .mobs div {margin-bottom: 20px;}
.middle .mobs span {font-family: Verdana; font-size: 8pt; color: #000000;}
.middle .mobs a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; padding: 1px 3px 1px 3px;}
.middle .mobs a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 1px 3px; background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.middle .mob1 {width: 240px;}
.middle .mob2 {width: 160px;}
.middle .mob3 {width: 260px;}

.middle .map {width: 530px; float: left; margin-right: 30px; text-align: left; padding-top: 30px; line-height: 16px;}
.middle .mapmobs {float: left; margin-right: 30px; text-align: left; padding-top: 30px; line-height: 16px;}
.middle .mapmobs div {margin-bottom: 20px;}
.middle .mapmobs span {font-family: Verdana; font-size: 8pt; color: #000000;}
.middle .mapmobs a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; padding: 1px 3px 1px 3px;}
.middle .mapmobs a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 1px 3px; background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.middle .results {width: 250px; float: left; margin-right: 50px; text-align: left; padding-top: 30px; line-height: 16px;}
.middle .results div {margin-bottom: 20px;}
.middle .results span {font-family: Verdana; font-size: 8pt; color: #000000;}
.middle .results a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; padding: 1px 3px 1px 3px;}
.middle .results a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 1px 3px; background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.middle .results_tags {width: 250px; float: right; text-align: left; padding-top: 30px; line-height: 20pt;}
.middle .results_tags a {font-family: Verdana; color: #666666; padding: 1px 3px 1px 3px; text-decoration: none; white-space: nowrap; margin-right: 15px;}
.middle .results_tags a:hover {font-family: Verdana; color: #ffffff; padding: 1px 3px 1px 3px; text-decoration: none; white-space: nowrap; margin-right: 15px; background: #ff0000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.middle .mobspage {width: 600px; float: left; text-align: left;}
.middle .mobspage h1 {font-family: Verdana; font-size: 18pt; color: #666666; font-weight: normal; margin: 0px; padding: 0px;}
.middle .mobspage div {width: 150px; float: left; margin-right: 50px; margin-bottom: 50px; text-align: center;}

.middle .mobspage .more {width: 600px; display: inline-table; text-align: center;}
.middle .mobspage .more a {font-family: Tahoma; font-size: 18pt; color: #365a93; text-decoration: none; padding: 0px 0px 3px 0px; border-bottom: 1px dashed #365a93; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.middle .mobspage .more a:hover {font-family: Tahoma; font-size: 18pt; color: #f93a42; text-decoration: none; padding: 0px 0px 3px 0px; border-bottom: 1px dashed #f93a42; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.middle .mobstags {width: 250px; float: right; text-align: left; padding-top: 50px; line-height: 20pt;}
.middle .mobstags a {font-family: Verdana; color: #666666; padding: 1px 3px 1px 3px; text-decoration: none; white-space: nowrap; margin-right: 15px;}
.middle .mobstags a:hover {font-family: Verdana; color: #ffffff; padding: 1px 3px 1px 3px; text-decoration: none; white-space: nowrap; margin-right: 15px; background: #ff0000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.middle .tags {width: 300px; float: right; text-align: left; padding-top: 30px; line-height: 20pt;}
.middle .tags a {font-family: Verdana; color: #666666; padding: 1px 3px 1px 3px; text-decoration: none; white-space: nowrap; margin-right: 15px;}
.middle .tags a:hover {font-family: Verdana; color: #ffffff; padding: 1px 3px 1px 3px; text-decoration: none; white-space: nowrap; margin-right: 15px; background: #ff0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.middle .news {width: 550px; text-align: left; padding-top: 30px; overflow: hidden;}
.middle .news .item {width: 250px; height: 100px; float: left; margin-right: 25px;}
.middle .news .item a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: underline; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.middle .news .item a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none;  background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.middle .newsfull {width: 550px; text-align: left; padding-top: 30px; overflow: hidden; line-height: 14pt;}
.middle .newsfull p {margin-bottom: 20px; }
.middle .newsfull a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: underline; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.middle .newsfull a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none;  background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.size7 {font-size:7pt;}
.size8 {font-size:8pt;}
.size9 {font-size:9pt;}
.size10 {font-size:10pt;}
.size11 {font-size:11pt;}
.size12 {font-size:12pt;}
.size13 {font-size:13pt;}
.size14 {font-size:14pt;}

.undermiddle {width: 900px; margin-top: 50px; text-align: left; margin: 0 auto;}

.undermiddle .items {width: 200px; float: left; margin-right: 50px; text-align: left; padding-top: 30px;}
.undermiddle .items h1 {font-family: Verdana; font-size: 18pt; color: #000000; font-weight: normal; margin: 0px; padding: 0px;}
.undermiddle .items .item {margin-bottom: 20px; font-family: Verdana; font-size: 8pt; color: #666666;}
.undermiddle .items .item a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; padding: 1px 3px 1px 3px;}
.undermiddle .items .item a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 3px 1px 3px; background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.undermiddle .tags {width: 300px; float: right; text-align: left; padding-top: 30px; line-height: 20pt;}
.undermiddle .tags a {font-family: Verdana; color: #666666; padding: 1px 3px 1px 3px; text-decoration: none; white-space: nowrap; margin-right: 15px;}
.undermiddle .tags a:hover {font-family: Verdana; color: #ffffff; padding: 1px 3px 1px 3px; text-decoration: none; white-space: nowrap; margin-right: 15px; background: #ff0000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.undermiddle .news {width: 250px; float: left; margin-right: 100px; padding-top: 30px; line-height: 14pt;}
.undermiddle .news font {font: normal 14pt/16pt Verdana; color: #000000;}
.undermiddle .news .item {margin-bottom: 20px; line-height: 10pt; line-height: 14pt;}
.undermiddle .news .all {font: 8pt/9pt Verdana; color: #000000; text-decoration: underline; padding: 1px 3px 1px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.undermiddle .news .all:hover {font: 8pt/9pt Verdana; color: #ffffff; text-decoration: none; padding: 1px 3px 1px 3px; background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
/*
.undermiddle .news a {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: underline; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.undermiddle .news a:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none;  background: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
*/

.comments {width: 550px; display: inline-table; text-align: left; margin-bottom: 30px; line-height:14pt;}
.comments .addlink {font-family: Verdana; font-size: 8pt; color: #000000; text-decoration: none; padding: 1px 2px 3px 2px; border-bottom: 1px dashed #000000; }
.comments .addlink:hover {font-family: Verdana; font-size: 8pt; color: #ffffff; text-decoration: none; padding: 1px 2px 3px 2px; cursor: pointer; background: #FF0000; border-bottom: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.comments .addform {display: none;}
.comments .addform form {margin-top: 20px;}
.comments input {width: 550px; border: 1px solid #d0d0d0; font-size: 14pt; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.comments textarea {width: 550px; height: 200px; border: 1px solid #d0d0d0; font-size: 14pt; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.comments .button {width: 150px; border: 1px solid #d0d0d0; font-size: 14pt; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.comments .comment {margin-bottom: 30px;}
.comments .comment_gray {margin-bottom: 30px; background: #eaeaea; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.comments_mob {margin-left: 125px;}
.comments_item {margin-left: 350px;}
.comments_map {margin-left: 0px;}


#bg {width: 300px;height: 370px;}
.blacksmith {background: url(/images/background/blacksmith.jpg) no-repeat;}
.dancer {background: url(/images/background/dancer.jpg) no-repeat;}
.gm {background: url(/images/background/gm.jpg) no-repeat;}
.hunter {background: url(/images/background/hunter.jpg) no-repeat;}
.knight {background: url(/images/background/knight.jpg) no-repeat;}
.miyabi {background: url(/images/background/miyabi.jpg) no-repeat;}
.monk {background: url(/images/background/monk.jpg) no-repeat;}
.poring {background: url(/images/background/poring.jpg) no-repeat;}
.sage {background: url(/images/background/sage.jpg) no-repeat;}


.navigation							{ margin: 20px 0 20px 0; }
.navigation	li						{ float: left; }
.navigation	li a					{ font: 18pt Tahoma; color: #767676; text-decoration: none; }
.navigation	li a:hover				{ color: #ffffff; }
.navigation li.backward				{ margin-right: 20px; }

.pager li							{ float: left; margin: 0 5px 0 5px; }
.pager li a							{ display: block; padding: 1px 7px 1px 7px; }
.pager li a:hover					{ background-color: #000000; color: #ffffff; }	
.pager li a.current					{ background: none; color: #f58220 ; text-decoration: none; }
.pager li a.current:hover			{ background: none; color: #f58220; text-decoration: none; }

.footer 							{ width: 900px; height: 40px; margin: 0 auto; padding-top: 20px; }