/*  
Theme Name: Hyou2
Theme URI: http://www.hyouzan.net
Description: WP theme redesigned by Hyouzan for use on <a href="http://www.hyouzan.net">Hyou2: A Tale of Two Hyous</a>.
Version: 1.6
Original Author: Template Panic
Original Author URI: http://www.templatepanic.com

This theme was redesigned by Hyouzan.
By downloading and using this theme, you agree to the following terms:

- You are NOT allowed to sell this design.
- A link back to Hyou2: A Tale of Two Hyous and Template Panic (either modified or unmodified).
- You can use this design for personal projects.
- You can modify, translate or distribute this theme
*/

/* -------------------- GENERAL -------------------- */


body { 
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
        background: #000;
        /* background: #000 url(images/wall10-1600x1200.jpg); */
        /* background-attachment: fixed; */
	margin: 0;
	padding: 0;
	color: #f2f2f2;
}

#bigbox {
         background: url(images/bg.png) repeat-y top center;
         width: 1020;
}

#box { 
	width: 940px;
	margin: 0 auto;
	padding: 0px;
}

#top { 
	width: 940px;
	background: #000;
	height: 208px;
	margin: 0;
	padding: 0;
}

a, a:link {
	text-decoration: none;
	color: #f7941d;
}

a:hover { 
	text-decoration: underline;
	color: #0072bc;
}

hr { 
	border: none;
	border-top: 1px solid #ccc;
}


/* -------------------- HEADER -------------------- */


#header {
	float: left;
	width: 880px;
	margin: 160px 0 0 10px;
	padding: 0;
}

#header h1 {
	font-family: Georgia, Tahoma, Verdana;
	margin: 0;
	padding: 0;
	color: #fbaf5d;
	font-size: 26px;
	font-weight: normal;
	font-style: italic;
	text-align: right;
}

#header h1 a, #header h1 a:link {
	color: #fad00a;
}

#header h1 a:hover {
	color: #fff;
	text-decoration: none;
}

#description {
	text-align: right;
	color: #fff;
	width: 880px;
	font-size: 12px;
	padding: 0 0 0 10px;
}


/* -------------------- SEARCH HAS BEEN DEACTIVATED FOR THIS THEME -------------------- */


/* -------------------- NAV -------------------- */


#navbox {
	background: url(images/nav.jpg) no-repeat top center;
	height: 42px;
	margin: 0px auto;
}

#nav {
	width: 940px;
	height: 25px;
	line-height: 35px;
	float: left;
	padding: 0;
}

#nav img {
          padding: 5px 5px 5px 5px;
}

ul.nav {
	height: 35px;
	line-height: 25px;
	float: left;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

ul.nav li {
	float: left !important;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.nav li ul {
	float: left;
	margin: 0;
	padding: 0;
}

ul.nav li a, ul.nav li a:link, ul.nav li a:visited {
	border-left: 0;
	color: #999;
	float: left;
	display: block;
	text-decoration: none;
	padding: 10px 10px 0 10px;
	height: 42px;
}

ul.nav li a:hover, ul.nav li a:active {
	background: url(images/nav-hover.jpg) repeat-x;
	color: #ccc;
	text-decoration: none;
	height: 42px;
}

ul.nav li.current_page_item a {
	text-decoration: none;
	height: 42px;
	background: url(images/nav-hover.jpg) repeat-x;
	color: #f2f2f2; }


/* -------------------- POST -------------------- */


.post {
	width: 520px;
	float: left;
	margin: 5px auto;
	padding: 10px;
}

h2 {
	font-size: 24px;
	font-weight: normal;
}

#content { 
	width: 545px;
	float: left;
	margin: 5px auto;
	padding: 0;
}

blockquote {
         border: 0.033em solid #0676a8;
         padding: 5px;
}

.notes {
	padding: 25px;
}

.posthead {
	position: relative;
	clear: left;
	padding-bottom: 10px;
}

.posthead h2 {
	font-size: 22px;
	font-weight: normal;
	padding: 0px 0px 0px 50px;
	margin: 0px;
}

.posthead h2 a {
	color: #fff200;
}

.posthead h2 a:hover {
	color: #007e03;
}	

.postauthor {
	padding: 0px 0px 0 50px;
	margin: 0px;
	font-size: 10px;
	color:#666;
}

.postdate {
	border: 1px solid #224656;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	padding: 6px 10px 6px 10px;
	background: #001023;
}

.postdate small {
	font-size: 9px;
	color:#446878;
}

.post img {
          background: #045276;
          padding: 5px 5px 5px 5px;
          border: 0.033em solid #0676a8;
          margin-left: 5px;
          margin-right: 5px;
}

.post img.raid {
          background: #000;
          border: none;
}

.navigation {
	width: 510px;
	float: left;
	color: #666;
	padding: 5px 6px 10px;
}

.relatedposts {
	width: 520px;
	float: left;
	color: #666;
	margin: 5px auto;
	padding: 0 5px 5px 5px;
	font-size: 10px;
}

h1, h2, h3 {
	padding: 0 10px 0 0;
	font-family: Georgia, Verdana;
}

img.wp-smiley {
	border: 0;
	padding: 0;
}


/* -------------------- SIDEBAR -------------------- */


#sidebar {
	width: 380px;
	float: right;
	font-size: 11px;
	margin-top: 5px;
	padding: 0;
         /* background: #000 url(images/bluemaze_s.jpg); */
}

#sidebar img, .lsidebar img {
	border: none;
}

.alignright {
	float: right;
	margin-top: 10px;
}

.alignleft {
	float: left;
	margin-top: 10px;
}

#multimedia_box { 
          width: 100%;
}

#image_box {
          padding: 1.1em;
          text-align: center;
}

#image_box img { 
          display: block;
          background: #045276;
          padding: 5px 5px 5px 5px;
          border: 0.033em solid #0676a8; 
}

.rsidebar {
	width: 165px;
	float: right;
	margin: 0 auto;
	padding: 0 10px 5px;
}

.rsidebar, .lsidebar img {
	border: none;
}

.lsidebar {
	width: 165px;
	float: left;
	margin: 0 auto;
	padding: 0 10px 5px;
}

.lsidebar h2, .rsidebar h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 5px 0 0 5px;
	background: url(images/sidebartitle.jpg) no-repeat top center;
	height: 39px;
	width: 166px;
	color: #f2f2f2;
         text-align: center;
}

.rsidebar ul, .lsidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.rsidebar ul li, .lsidebar ul li {
	list-style-type: none;
	margin: 0 0 25px;
	padding: 0;
}

.rsidebar ul li ul, .lsidebar ul li ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}

.rsidebar ul li ul li, .lsidebar ul li ul li {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
}

.rsidebar p, .lsidebar p {
	padding: 0 5px;
}


/* -------------------- FOOTER -------------------- */


#footer {
	width: 940px;
	background: #111 url(images/footer.jpg) no-repeat bottom center;
	height: 50px;
	clear: both;
	color: #ccc;
	font-size: 9px;
	margin: 0;
	text-align: center;
}

#footer p {
	padding: 16px 10px 0 0;
}

#footer a, .footer a:link {
	text-decoration: none;
	color: #04bf08;
}

#footer a:hover {
	text-decoration: none;
	color: #ccc;
}


/*-------------------- Comment --------------------*/


.commentsbox {
         width: 520px;
         float: left;
         margin: 5px auto;
}

.commentsbox p {
         margin: 0;
         padding: 0;
}

.commentsbox img {
         border: 1px solid #666;
         margin: 3px;
}

#commentlist ol {
         margin: 0;
         padding: 0;
}

#commentlist li {
        list-style-position: outside;
        list-style-type: decimal;
        padding: 10px;
}

.alt {
        background-color: #040002 !important;
        background-image: none !important;
}

#commentlist li:hover {
        background-color: #040002;
}

.comment-title {
        margin: 0 0 0 0px;
        font-size: 10px;
        color: #666;
}

.comment-title a:link {
        color: #0072bc;
}

.comment-title a:hover {
        color: #666;
}

.comment-text { }

h2.postcomment {
        margin: 0;
        font-size: 20px;
        font-weight: normal;
}

.postcomment {
        clear: both;
        margin: 20px 0 0 0;
        padding: 20px;
}

.postcomment input, .postcomment textarea {
        border: 1px dotted #aaa;
        background: #0d1d01;
        color: #ccc;
}

.postcomment input:hover, .postcomment textarea:hover {
        border: 1px dotted #ccc;
        background: #040002;
}

.postcomment input#author, .postcomment input#email, .postcomment input#url {
        width: 100% !important;
        width: 456px;
        height: 18px;
}

.postcomment textarea#comment {
        width: 100% !important;
        height: 200px;
}

.postcomment input#submit {
        width: auto;
        background: #0d1d01;
        height: 25px;
        padding: 2px 10px 3px 10px;
}

.postcomment input#submit:hover {
        background: #040002;
}	


/*-------------------- Custom --------------------*/

.date {
	height: 47px;
	margin-bottom: 5px;
	width: 47px;
	text-align: center;
	float: left;
         background: #000 url('images/datebg.jpg');

}
.date .month {
	display: block;
	color: #D9DBDB;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
.date .day {
	display: block;
	color: #FFBD0C;
	font: 2.0em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -5px;
}