/*  
Theme Name: Arashiland
Theme URI: http://arashiland.net/
Description: 
Author: Umibyv
Author URI: http://onna-kyuketsuki.net
*/
*{margin:0; padding:0;}



body {
	background: url(images/bg.gif);
	text-align: center;
	margin: 0px auto;
        padding:0px 0px 0px 0px;
        text-align: justify; 
        font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;     
	}
	
/* links */

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

/* -------------------
Main Structure
------------------- */
	
#frame {
	width: 1000px;
	text-align: left;
	margin: 0px auto;
        padding: 0px;
	background: #000000;
	border-left: 1px solid #040404;
	border-right: 1px solid #040404;
	}

#middle {
	background: #000000;
	overflow: auto;
	width: 1000px;
        margin: 0px auto;
        padding: 0px;	
	}

#content {
	float: left;
	width: 600px;
        margin: 0px 30px 0px 30px;
        padding: 0px 0px 0px 0px;
        display: inline;
	}


#sidebar {
	float: left;
	background: #A08A76;
        border: 8px solid #e8e8e8;
	width: 250px;
	padding: 10px;
        margin-left: 5px;
	display: inline;
	}

/* -------------------
Header
------------------- */

#menu {
        font-family: Verdana, arial, times, serif;
	font-size: 12px;
	overflow:hidden;
        background: #000;
        border-bottom:2px solid #FFF;
}

#menu ul {
       	margin:0;
	padding:0;

}

#menu ul li {
	list-style-type: none;
	float:left;
        margin: 0;
	padding: 0;
}

#menu ul li a {
	padding:4px 10px;
	margin: 0;
	color:  #fff;
	display:block; 
        background: #000;
        border-bottom:0px solid #FFF;
}

#menu ul li a:hover {
	background: #A08A76;
	color:#FFF;
        border-bottom:2px solid #FFF;
}

/* -------------------
Content
------------------- */

.content-rap {
	float: left;
	width: 550px;
        margin: 10px 4px 10px 4px;
        padding: 0px 20px 5px 20px;
        background: #A08A76;
	border: 8px solid #e8e8e8;
	height:auto;
        text-align: justify; 
        font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	}
.comment {
	float: left; 
	width: 500px;
	margin: 10px 0px 0px 10px;
	padding: 3px 9px 13px 9px;
        background: #A08A76;
	border: 1px dotted #e8e8e8;
	}
#content .post   {
	float: left; 
	width:500px;
	margin: 10px 0px 0px 10px;
	padding: 3px 9px 3px 9px;
        background: #ffffff;
	border: 1px dotted #cccccc;
	height:auto;
	} 

#content .postindex   {
	float: left; 
	width: 260px;
	margin: 0px 3px 6px 3px;
	padding: 0px 6px 0px 6px;
        background: #A08A76;
	border: 4px solid #e8e8e8;
	min-height:209px;
	height:auto;
	} 

#content .postindex p, #content .postindex dl,#content .postindex ul {
	color: #000;
        text-align: justify; 
        font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin: 0 0 0.7em 0;
	}


#content .postindex li, #content .postindex ul {
	margin: 0 0 0 0;
	color: #666666;
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content .postindex dl dt {
	font-weight: bold;
	}
	
#content .postindex dl dd {
	margin: 0 0 0.4em 0;
	}
#content .postindex blockquote p {
	margin: 0 0 0 2em;
	border-left: 5px solid #cccccc;
	padding: 0 0 0 1em;
	color: #666;
}
	
#content .postindex a { color: #fff; }
#content .postindex a:hover { color: fff; }
	
#content .postindex ul.post-data {
	border-top: 1px dotted #666666;
	list-style: none;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	padding: 4px 0 6px 0;
	color: #333333;
	margin: 10px 0 0 0;
	}

#content .postindex ul.post-data li {
	color: #333333;
	}
	
#content .postindex ul.post-data a {
	text-decoration: none;
        text-transform: lowercase;
	color: #333333;
	}
	
#content .postindex ul.post-data a:hover {
	color: #333333;
text-decoration: underline;
	}

#content .postindex ul.post-data li.comments {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	float: right;
	margin: 0 0 0 0;
	display: inline; /* fixes double float bug in IE */
	}
	
#content .postindex ul.post-data li.comments a {
	padding: 0 0 0 0px;
	}
	
#content .postindex ul.post-data li.posted {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	}
	
#content .postindex ul.post-data li.posted a {
	padding: 0 0 0 0px;
	}
	
#content .postindex ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover {
	background-position: 0 -38px;
	}

 /* general #content definitions */
	
#content h2 {
	color: #ffffff;
        background: #000000;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
        padding: 6px 0px 4px 0px;
        margin-top: 10px;
        text-align: center; 
	border-bottom: 2px solid #ffffff;

	}

#content h2 a {
	color: #ffffff;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	
	
#content p, #content dl {
	color: #333333;
	font: 8pt Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content p, #content ul, #content ol, #content dl {
	margin: 0 0 0.7em 0;
	}

#content img {
	margin: 0 0px 10px 0;
        padding: 3px;
        background: #ffffff;
	border: 1px solid #dddddd;
	}
	
#content li {
	margin: 0 0 0 0;
	color: #333333;
	font-size: 8pt, Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content ol li { 
                 list-style: decimal;
                 }

#content dl dt {
	font-weight: bold;
	}
	
#content dl dd {
	margin: 0 0 0.4em 0;
	}
	
#content blockquote p {
	margin: 0 0 0 10px;
	border-left: 5px solid #cccccc;
	padding: 0 0 0 1em;
	color: #333333;
}
	
#content a { color: #ef8701; }
#content a:hover { color: #ef8701; }
	
#content .post ul.post-data {
	border-top: 1px dotted #666666;
	list-style: none;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	padding: 4px 0 6px 0;
	color: #333333;
	margin: 10px 0 0 0;
	}

#content .post ul.post-data li {
	color: #333333;
	}
	
#content .post ul.post-data a {
	text-decoration: none;
        text-transform: lowercase;
	color: #333333;
	}
	
#content .post ul.post-data a:hover {
	color: #333333;
text-decoration: underline;
	}

#content .post ul.post-data li.comments {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	float: right;
	margin: 0 0 0 0;
	display: inline; /* fixes double float bug in IE */
	}
	
#content .post ul.post-data li.comments a {
	padding: 0 0 0 0px;
	}
	
#content .post ul.post-data li.posted {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	}
	
#content .post ul.post-data li.posted a {
	padding: 0 0 0 0px;
	}
	
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover {
	background-position: 0 -38px;
	}



/* -------------------
Sidebar
------------------- */

#sidebar h3 {
	color: #444444;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
        padding-bottom: 4px;
        padding-top: 4px;
        background: url(images/h3-bg.jpg);
	}

#sidebar p, #sidebar li {
	color: #000;
	font: bold 12px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #e8e8e8;
        padding: 1px 0px 1px 0px;
	}

#sidebar p, #sidebar ul, #sidebar ol {
	margin: 0 0 10px 0;
	}

#sidebar ul { 	
	padding: 0 0 0 3px;
	list-style-image: url(images/bot.gif);
	color: #ef8701;
        margin-left: 20px;

 }

#sidebar img { 
      border: #ffffff 1px solid;
      background: #ffffff;
      }

#sidebar a:link img  { 
      border: #ffffff 1px solid;
      background: #ffffff;
      }

#sidebar a:hover img  { 
      border: #ffffff 1px solid;
      background: #ffffff;
      }	

#sidebar a {
	color: #000;
	text-decoration: none;
	}
	
#sidebar a:hover {
	color: #000;
	}

/* -------------------
Footer
------------------- */

#footer {
	clear: left;
	background: #000;
	color: #fff;
	font: 8px, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 43px;
	width: 1000px;
	margin: 0px auto;
        border-top:1px solid #FFF;
	}
	
#footer a {
	color: white;
	text-decoration: none;
        background: #000;
        border-top:0px solid #FFF;
	}

#footer a:hover {
	background: #A08A76;
	color:#FFF;
        border-top:2px solid #FFF;
	}