/*
Theme Name: Naturefour 2010
Theme URI: http://www.naturefour.com/
Description: Naturefour 2010 theme
Version: 1
Author: moonlight
Author URI: http://www.naturefour.com
*/

#dhtmltooltip{
position: absolute;
width: 273px;
height: 33px;
border: none;
padding: 5px 10px;
text-align: left;
background: url(images/rss-balloon.png) left top no-repeat ;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/*** default ***/
@charset "UTF-8";

html {overflow-y:scroll;}

div, h1, h2, h3, h4, h5, h6, ul, li {margin:0; padding:0;}
p, pre {margin:15px 0; padding:0;}
body {
	margin:0; 
	padding:0; 
	width:100%; 
	background:url(images/header-bg.jpg) center top no-repeat #f9f4eb;
	font-family:Arial,"新細明體";
	font-size:12px;
	line-height:18px;
	color:#434343;
	}
a:link, a:visited {color:#14b1ef; text-decoration:none;}
a:hover {color:#14b1ef; text-decoration:underline;}
img {border:none;}
.size-full {margin-right:24px;}

/*** container ***/
#header {position:relative; margin:0 auto; width:950px; height:85px; z-index:69;}
#header #logo {position:absolute; left:20px; top:30px; z-index:4;}
#header #rss {position:absolute; right:0; top:7px; background:url(images/rss-bg.png) left top no-repeat; width:332px; height:90px;z-index:99;}
#rss ul {margin:55px 0 0 212px; z-index:9;}
#rss ul li {display:inline; list-style-type:none;}
#rss ul li img {margin-left:3px;}

/*** fade in setting ***/
.fadehover {position:absolute;}
img.a {position:absolute; left: 0; top: 0; z-index: 10;}
img.b {position:absolute; left: 0; top: 0; z-index:9;}

/*** content ***/
#content-wrap {position:relative; margin:0 auto; width:964px; z-index:2;}
#top {position:relative; background:url(images/banner-bg.png) left top no-repeat; width:964px; height:514px;}
#top #banner {position:absolute; left:7px; top:7px; width:950px; height:100%; z-index:3; overflow:hidden;}
#top #menu {position:absolute; z-index:4; right:7px; top:7px;}
#top #menu ul li {list-style-type:none; height:57px;}
#top #menu ul li#start {height:53px;}
/*IE 6 hack */
*html #top #menu {right:0; left:830px;}
*html #top #menu ul li {margin-bottom:-3px;}

#info {position:relative; margin-top:10px; padding:0 5px;}
#info ul {margin-top:5px; padding-left:15px;}
#info ul li {list-style-type:none; list-style-image:url(images/list-dot.png); line-height:22px;}
#info ul li span {color:#9a3194; font-weight:bold;}

#info #pr {position:absolute; right:5px; top:5px; width:500px; text-align:right;}
#info #pr li {list-style-type:none;}
#info #pr li a {color:#434343; text-decoration:none;}

/*** inside page ***/
#inside-menu {position:relative; width:950px; height:45px; margin:0 auto; padding-top:7px; padding-bottom:0;}
#inside {min-height:500px; width:964px; margin:0 auto; background:url(images/inside-bg.png) left 50px repeat-y;}
#inside.noside {background:url(images/inside-bg-noside.png) left 50px repeat-y !important;}
#inside #topbg {background:url(images/inside-bg-top.png) left top no-repeat;}
#inside #topbg.noside {background:url(images/inside-bg-top-noside.png) left top no-repeat !important;}
#inside #topbg #btmbg {padding:20px 12px 10px 20px; background:url(images/inside-bg-btm.png) left bottom no-repeat;}
#inside #topbg #btmbg.noside {background:url(images/inside-bg-btm-noside.png) left bottom no-repeat !important;}
#inside #topbg #btmbg #content {position:relative; padding:0 10px 20px 10px; margin-top:70px; width:640px; text-align:justify;}
#inside #topbg #btmbg #content.noside {width:910px;}
#inside #topbg #btmbg #content a:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}

/*** standard two column page ***/
#content h4 {color:#9A3231; font-size:14px; margin:30px 0 15px 0;}
#content ul {margin-left:15px; list-style-type:square;}
#content ul a {display:block; padding:4px 8px;}
#content ul a:link, #inside #topbg #btmbg #content ul a:visited {color:#9A3231; text-decoration:none;}
#content ul a:hover {color:#434343; background-color:#fbdf9e; text-decoration:none;}
#content ul li {padding:2px 0; border-bottom:1px dashed #f9cb75;}
#content img {border:1px dashed #CCCCCC; padding:1px;}
#content img.nodashed {border:none; padding:0px;}
#content #title {position:absolute; top:-70px; left:-30px; background:url(images/title-bg.png) right top no-repeat; width:690px; height:59px; color:#FFFFFF; line-height:14px;}
#content #title div {padding:10px 40px;}
#content #title div h2 {font:bold 22px Arial;}
#content #title div a:link, #content #title div a:visited {color:#FFFFFF; text-decoration:none;}
#content #title div a:hover {color:#FFBBBB; text-decoration:underline;}
#content #title div #post_comment {position:absolute; left: 610px; top: 22px; width: 68px; height: 26px; font:normal 12px Arial; padding:6px 0; text-align:center;}

/*** comment page ***/
#share_box {margin-top:20px;}
.atclear {clear:none !important;}

#comments {width:640px; margin-top:20px; float:left;}
#comments h3 {margin-top:20px; border-bottom:1px dotted #BDB8B2; padding-bottom:4px; width:640px;}

.commentlist {list-style-type:none; margin:15px;}
.commentlist p {margin:15px 0;}
.commentlist img {border:1px dashed #CCCCCC; padding:1px;}
.commentlist .comment {padding:8px;}
.commentlist .thread-odd {background-color:#FFF6D6; border-bottom:5px solid #FFFFFF !important;}
.commentlist .thread-even {background-color:#F9F4EB; border-bottom:5px solid #FFFFFF !important;}
.commentlist li {list-style-type:none; padding:8px !important;}
.commentlist .children {margin:10px 0 0 15px;}
.commentlist .children li {list-style-type:none; padding:8px !important; border-bottom:none !important;}
.commentlist a {padding:0 !important;}
.commentlist a:hover {background:none !important; text-decoration:underline !important;}

.commentlist .comment-body {position:relative; margin:0; padding:0;}
.commentlist .comment-author {float:left; width:102px; margin:0 20px 10px 0;}
.commentlist .comment-author img {margin-bottom:5px;}
.commentlist .comment-meta a {position:absolute; left:0; bottom:0;}
.commentlist  .comment-edit-link {bottom:15px !important; font-weight:bold;}
.commentlist .comment-body .fn {font-style:normal; font:bold 16px Arial;}
.commentlist .comment-body .fn a {display:inline !important;}
.commentlist .comment-body p {margin-left:120px;}
.commentlist .comment-body .reply {width:100%; text-align:right; border-top:1px dashed #CCC; clear:both; margin-top:10px; padding-top:2px;}

.page-numbers {margin-top:20px;}
.current {}
.next {}
.prev {}

.navigation {clear:left; width:640px; margin-top:10px; background-color:#F9CB75; padding:4px 10px; height:20px;}
.navigation .alignleft {float:left;}
.navigation .alignright {float:right;}
.navigation a {color:#9A3231;}


/*** simple title ***/
#inside #topbg #btmbg #content.simple {margin-top:60px !important;}
#title-simple {position:absolute; top:-45px; padding-bottom:4px; border-bottom:1px dotted #BDB8B2; width:640px; color:#FFFFFF; line-height:14px;}
#title-simple.long {width:890px;}
#title-simple img {border:none;}

/*** profile page ***/
#team {text-align:center; width:910px;}
#team img {border:none; padding:0; margin:0 10px 0 0;}
#team p {margin:18px 0;}
#team div {margin-left:30px; padding:10px 20px; margin-right:20px; background:url(images/char-detail-bg.jpg) left bottom no-repeat #FFFFFF; text-align:left; width:796px; line-height:18px;}


#booklist {background-color:#F8F8F8; border:1px dashed #BABABA;	width:435px; display:block;	float:left;	margin:5px 15px 15px 0;	padding:1px; height:204px;}
#booklist p {margin:0;}
#booklist img {float:left; margin-right:1px; border:1px solid #F8F8F8 !important;}
#booklist table {margin:2px; padding:0;}
#booklist table tr {background-color:#F8F8F8;}
#booklist table tr#trOn {background-color:#F0ECE3;}
#booklist table td span {color:#9A3231;	font-weight:bold;}
#booklist table td a {font-weight:bold;}
#booklist .width40 {width:30px;}

/*** doujin pages ***/
.doujin table {
margin:10px 0 20px 0;
width:640px;
}

.doujin table p {margin:0;}

.doujin table th {
background-color:#333333;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
.doujin #lastupdate {
float:right;
margin:0;
padding:0;
color:#AAAAAA;
font-weight:bold;
font-size:11px;
}
.doujin table td {
border-bottom:1px dashed #CCCCCC;
}
.doujin table td.back {
border-bottom:none;
}
.doujin table td img {
border:none !important;
text-align:center;
}


/*** gallery page ***/
#wallpaper_list {float:left; height:300px; width:320px;}
#wallpaper_list h3 {font-size:14px; color:9A3231; margin-bottom:5px;}
#wallpaper_list #nav { margin-top:5px;}
#wallpaper_list #nav a{margin-right:5px;}
#wallpaper_list #showpic img {border:1px dashed #CCCCCC !important;}

/*** link page ***/
#link_list {}
#link_list p {margin:0;}
#link_list #mylink {background-color:#FBE3A9; padding:4px; width:620px; text-align:left;}
#link_list #mylink a {float:none;}
#link_list h3 {padding:20px 0 5px 0; display:block; clear:left;}
#link_list a#social {float:none; width:auto; margin:10px 0;}
#link_list ul {margin:0; padding:0; list-style-type:none; width:100%; overflow:hidden;}
#link_list ul li {border-bottom:none; margin:0 9px 9px 0; overflow:hidden; float:left; width:204px; height:44px; padding:0;}
#link_list ul li a {padding:0; margin:0;}


/*** side bar ***/
#sidebar {float:right;}
#sidebar #box {width:250px; margin-bottom:10px;}
#sidebar #box #details {background:url(images/right-box-bg.png) left top repeat-y; padding:0 6px 15px 6px;}
#sidebar #box #details ul li {list-style-type:none; }
#sidebar #box #details ul li a {display:block; padding:5px 10px; }
#sidebar #box #details ul li a:link, #sidebar #box #details ul li a:visited {background:none; color:#9A3231; text-decoration:none;}
#sidebar #box #details ul li a:hover {background:url(images/right-box-over.png) left center no-repeat; color:#9A3231; text-decoration:underline;}
#sidebar #box #details ul li.noeffect a:link, #sidebar #box #details ul li.noeffect a:visited {background:none; color:#9A3231; text-decoration:none;}
#sidebar #box #details ul li.noeffect a:hover {background:none; color:#434343; text-decoration:none;}
#sidebar #box #details ul li.highlight {background-color:#f9cb75;}
#sidebar #box #details ul li img {display:block;}

#backtotop {clear:both;}


/*** preorder page ***/
#preorder p {margin:5px 0; padding:0;}

/*** contact us page ***/
#si_contact_form1 {font:normal 12px Arial;}
#si_contact_form1 label {color:#434343;}
#si_contact_form1 input {margin:5px 0; font:normal 12px Arial; width:300px; border:1px solid #F7BE52; background-color:#FBE3A9;}
#si_contact_form1 textarea {font:normal 12px Arial; width:300px; border:1px solid #F7BE52; background-color:#FBE3A9;}
#si_contact_form1 #btn_form {width:100px; border:none; background-color:#9A3231; color:#FFF; padding:2px 15px;}

/*** footer_bg ***/
#footer_index {margin-top:-140px; bottom:0; width:100%; height:273px; background:url(images/footer-index-bg.jpg) left bottom repeat-x #f9f4eb; z-index:1;}
#text {padding-top:247px; width:964px; margin:0 auto; font:normal 10px Arial; color:#FFFFFF;}
#text #sitemap {padding-left:20px;}
#text #copyright {float:right; padding-right:20px;}
#text a:link, #text a:visited {color:#FFFFFF; text-decoration:none; margin:0 2px;}
#text a:hover {color:#FFBBBB; text-decoration:underline;}

#footer {margin-top:-180px; bottom:0; width:100%; height:273px; background:url(images/footer-bg.jpg) left bottom repeat-x #f9f4eb; z-index:1;}