@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	outline: 0;
}
body {
	color: #666;
	font: normal 0.8em/1.6em Tahoma, Geneva, sans-serif;
	background: url(../images/bg-main-orange.png);
}
img {
	border: 0;
}
a:link {color: #44C8F5; text-decoration: none;}
a:visited {color: #53BFDE; text-decoration: none;}
a:active, a.scnd:active, a.thrd:active {color: #FF0000; text-decoration: none;}
a:hover {color: #94E2F8;}
a.scnd:link {color: #8EBC12;}
a.scnd:visited {color: #A2CC32;}
a.scnd:hover {color: #C9E778;}
a.thrd:link {color: #F06;}
a.thrd:visited {color: #F39;}
a.thrd:hover {color: #F66;}
h1 {
	font: normal 200% Georgia, "Times New Roman", Times, serif;
	color: #44C8F5;
	letter-spacing: 0.1em;
	padding: 0 0 0.3em 0;
}
h2 {
	font: normal 160% Georgia, "Times New Roman", Times, serif;
	color: #FF4646;
	letter-spacing: 0.05em;
	padding: 0 0 0.3em 0;
}

div#header, div#container {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
	background: #FFF;
}
div#header {
	height: 210px;
	background: url(../images/header.jpg) no-repeat;
}
div.wrapper_top {
	width: 970px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/wrapper_top.png) no-repeat;
}
div.wrapper_bottom {
	width: 970px;
	height: 20px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	background: url(../images/wrapper_bottom.png) no-repeat;
}
div#footer {
	width: 970px;
	padding: 20px 0 10px 0;
	margin: 0 auto;
	text-align: center;
	border-top: #111 5px solid;
	background: #FFF;
}

/* Contents */
div#navigation {
	width: 970px;
	height: 65px;
	margin: 0 auto;
	overflow: hidden;
}
div#navigation ul#nav_menu {
	width: 970px;
	height:30px;
	background: #222;
	list-style: none;
}
ul#nav_menu li {
	width: 180px;
	height: 30px;
	float: left;
	background: url(../images/nav_div.png) center right no-repeat;
	padding: 0 10px 0 0;
}
ul#nav_menu li.nobr {
	background: none;
}
ul#nav_menu li a {
	display: block;
	color: #FFF;
	text-align: center;
	font: bold 130%/1.8em Georgia, "Times New Roman", Times, serif;
}
ul#nav_menu li a.home:hover {
	color: #FF0080;
}
ul#nav_menu li a.blog:hover {
	color: #FFFF00;
}
ul#nav_menu li a.member:hover {
	color: #33CCFF;
}
ul#nav_menu li a.gallery:hover {
	color: #9BCB43;
}
ul#nav_menu li a.about:hover {
	color: #FF6820;
}
div#navigation ul.submenu {
	width: 950px;
	padding:  0 10px;
	list-style: none;
	margin: 0 auto;
}
ul.submenu li {
	float: left;
}
ul.submenu li a {
	padding: 10px;
	color: #FFF;
	display: block;
}
ul.submenu li a:hover {
	font-weight: bold;
}
div#container div#news_wrapper, div#container div#recent_wrapper, div#container div#recent_blogs {
	padding: 0 0 10px 0;
	border-bottom: #EEE 2px solid;
	overflow: hidden;
}
div#news_wrapper div#news_headline, div#news_wrapper div#news_detail, div#news_wrapper div#news_recent, div#recent_wrapper div#recent_10th, div#recent_wrapper div#recent_forum, div#recent_blogs div.recent_posts {
	float: left;
	overflow: hidden;
}
div#container div#news_headline {
	width: 550px;
	height: 500px;
	text-align: center;
}
div#container div#news_headline img {
	border: #181818 20px solid;
}
div#container div#news_recent {
	width: 400px;
	height: 470px;
	padding: 10px 0 0 20px;
}
div#news_recent div.shownews {
	margin: 5px 0;
	font-size: 85%;
	overflow: hidden;
}
div.shownews a img.thumb {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: #EEE 1px solid;
}
div.shownews a:hover img.thumb {
	padding: 5px;
	border: #CCC 1px solid;
}
div#recent_wrapper div#recent_10th {
	width: 420px;
	height: 340px;
	padding: 10px 0 10px 10px;
}
div#recent_wrapper div#recent_forum {
	width: 519px;
	height: 340px;
	padding: 10px;
	border-left: #DDD 1px dashed;
}
div#recent_10th ul.news_post, div#recent_forum ul.news_post {
	padding: 10px;
}
div#recent_10th ul.news_post li, div#recent_forum ul.news_post li {
	list-style: none;
	padding: 2px 0;
}
div#recent_10th ul.news_post li.nocolor, div#recent_forum ul.news_post li.nocolor {
	border-bottom: #EEE 1px dashed;
}
div#recent_10th ul.news_post li.color, div#recent_forum ul.news_post li.color {
	background-color: #FCFCFC;
	border-bottom: #EEE 1px dashed;
}
div#container div#slide_show {
	width: 940px;
	padding: 15px;
	background: #181818;
	float: none;
	overflow: hidden;
}
div#slide_show h2 {
	font: italic 160%/1.6em Georgia, "Times New Roman", Times, serif;
	color: #63C6EB;
}
div#recent_blogs div.recent_posts {
	width: 465px;
	padding: 10px;
	float: left;
}
div.recent_posts ul.showlist li {
	color: #CCC;
	border-bottom: #EEE 1px dashed;
	padding: 5px 0 0 0;
	font-size: 85%;
	list-style: none;
}
div.recent_posts ul.showlist li a {
	display: block;
	font-size: 120%;
}
div.recent_posts ul.showlist li a:hover {
	color: #FF5151;
	background-color: #FDFDFD;
}

/* Extra */
a#toTop {
	width: 27px;
	height: 27px;
	display: block;
	position: fixed;
	z-index: 7500;
	text-indent: -7500px;
	overflow: hidden;
	outline: none;
	right: 0px;
	bottom: 50px;
	background: url(../images/totop.gif) no-repeat 0 0;
}
div#slide_box {
	margin: 0 auto;
}
div.go_l_nav {
	display: block;
	cursor: pointer;
	float: left;
	margin: 0 5px 0 0;
	background:  url(../images/arrow_l.png) center no-repeat;
}
div.go_r_nav {
	display: block;
	cursor: pointer;
	float: left;
	background:  url(../images/arrow_r.png) center no-repeat;
}
div.content_slide {
	display: block;
	margin: 10px;
	float: left;
	overflow: hidden;
}
div#content_slide_in {
	display: block;
	margin-left: 0px;
}
div#firefox {
	width: 930px;
	text-align: center;
	padding: 0;
}