/*  
Theme Name: Color-Black
Theme URI: http://www.milkrepes.com/template_color-black/
Description: This theme was designed and built by MISATO HAYASHI,
Version: 1.0
Author: MISATO HAYASHI
Author URI: http://www.milkrepes.com/

*/

/*==========================================================

 BASIC building block */

*{	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, sans-serif;
	color: #ffffff;
	margin: 0;
	padding: 0px;
	font-size: 12px;
	background: #000000;
         float: left;
	}
a{
	color: #FFFFFF;
	text-decoration: none;
}
a img {
	border: none;
	}
h1,h2,h3,ul,li,cite,blockquote{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
}


/*==========================================================

 Color-Black outlines */

#container {
	margin: 0px auto;
	width: 750px;
}
#main{	width: 670px;
	float: left;
}
#blog {
	padding: 0px 5px 0px;
	background: #000000 
	border-right: 0px solid #4c4c4c;
	border-left: 90px solid #000000;
	border-bottom: 0px solid #4C4C4C;
	min-height: 500px;}
#sidebar{
	float: leftt;
	width: 200px;
	color: #666666;
	font-size: 10px;
}



/*==========================================================

 TOP-header */

#header {
	margin: 0px 5px 0px;
	padding: 0px 5px 0px;
	font: 36px "Century Gothic", "Arial Narrow", serif;
}
#header h1{
	font: 36px "Century Gothic", "Arial Narrow", serif;
}
#header h1 a:hover{
	color: #CCCCCC;
}






/*==========================================================

 CONTENTS outlines */

#content {
	padding: 3px 5px 5px;
	}
	
.post{
	margin-bottom: 10px;
}


/*----------------------------------------------

 CONTENTES header */

h2.pagetitle{
	font-size: 12px;
	letter-spacing: 1px;
	font-family: "Century Gothic", "Arial Narrow", serif;
	text-align: center;
	margin-bottom: 20px;
}
.entryheader{
	border-left: 0px solid #FFFFFF;
	padding: 0px 0 0px 7px;
	border-bottom: 0px dotted #cccccc;
	*border-bottom: 0px solid #999999;
}
h2.entrytitle{
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
        margin-left: 23px;
        margin-bottom: 5px;
}

/*----------------------------------------------

 CONTENTES ENTRY-body */

.entry{
	padding: 1px 30px 1px;
	line-height: 1.7;
	color: #cccccc;
	border-left: 0px solid #666666;
        border-bottom: 0px solid #666666;
	letter-spacing: 0.5px;
}
.entry p{
	margin-bottom: 20px;
}
.entrybody p{	text-indent: 10px;
}
.entry a{
	color: #666666;
	border-bottom: 1px solid  #666666;
	
}
.entry a:hover{
	color: #ffffff;
        
}
.entry .readmore{
	text-align: right;
	font-family: "Century Gothic", "Arial Narrow", serif;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px 5px;
	background: #0F0F0F;
}


/*----------------------------------------------

 CONTENTES ENTRY-body option */

.entry h3{
	font-family: "Century Gothic", "Arial Narrow", serif;
	margin-top: 15px;
	margin-left: -15px;
	color: #FFFFFF;
	border-bottom: 1px solid #999999;
	margin-bottom: 15px;
	padding-left: 10px;
}
.entry pre{
	padding: 15px;
	border: 5px double #444444;
	margin: 20px;
	font-family: Tahoma;
	background: #232323;
}
.entry blockquote {
	margin: 15px 20px 15px 30px;
	padding: 5px 20px;
	border-left: 5px solid #848484;
	background: #222;
	}
.entry blockquote p,.entry blockquote cite p{
	padding-bottom: 0px;
}
.entry blockquote p,.entry blockquote cite p{
	padding-top: 10px;
	padding-bottom: 0px;
}
.entry blockquote cite {
	display: block;
	text-align: right;
	}

/*----------------------------------------------

 CONTENTES Images */

.entry img{
	color: #000000;
	border: 3px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
}

.entry a.imagelink{
	color: #000000;
	border: none}

.entry img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.entry img.right {
	float: right;
	margin: 0 0 5px 10px;
	}

.entry img.left{
	float: left;
	margin: 0 10px 5px 0;
}



/*----------------------------------------------

 CONTENTES ENTRY-footer */


.indexmetadata{
	text-align: right;
	clear: both;
}
.postmetadata{
	clear: both;
	margin: 30px 0 0 -10px;
	background: #393939;
	padding: 5px;
        
}
.postmetadata a,.indexmetadata a{
	color: #999999;
	border: none;
}
.postmetadata input{
	background: #666666;
	border-top: 1px solid #333333;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #333333;
	width: 70%;
	margin-left: 5px;
	padding-left: 5px;
}
.postmetadata small em{
	font-family: Arial, Tahoma, serif;
	font-style: normal;
}
small {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #757575;
	}

.post small a{
	border: none;
}


/*=================================================================

  COMMENTS outlines */

#comments{
	margin: 0 20px 20px;
}

h3.commentheader {
	padding: 0;
	margin: 0px 0px 20px 20px;
	font: 18px "Century Gothic", "Arial Narrow", serif;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}


/*----------------------------------------------

 COMMENTS list */

.commentlist cite, .commentlist cite a {
	font-size: 14px;
	}
.commentlist {
	padding: 0;
	color: #D9D9D9;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 0;
	}

#commentform p {
	margin: 5px 0;
	}

.commentmetadata {
	float: left;
	width: 15%;
	margin: 0;
	text-align: right;
	}
.commentbody{
	width: 80%;
	border-left: 1px solid #999999;
	float: right;
	padding-left: 10px;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 170%;
}
.commentbody p.date,.commentbody p.date a{
	color: #666666;
	text-align: right;
	padding-top: -10px;
	margin-bottom: 0px;
}



/*----------------------------------------------

 COMMENTS edit-form */

#commentform {
	text-align: right;
	margin-top: 20px;
	color: #CCCCCC;
}
#commentform input,.contactform input{
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	background: #232323;
	border-top: 1px solid #000000;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #000000;
	color: #FFFFFF;
	}

#commentform textarea,.contactform textarea{
	width: 170px;
	padding: 2px;
	background: #232323;
	border-top: 1px solid #000000;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #000000;
	color: #FFFFFF;
	}

#commentform #submit{
	margin: 0;
	float: right;
	background: #666666;
	border-top: 1px solid #999999;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #999999;
	color: #FFFFFF;
	}

/*=================================================================
 
  SIDEBAR outlines */

#sidebar a{
	color: #666666;
}
#sidebar a:hover{
	color: #CCCCCC;
}


/*----------------------------------------------

 SIDEBAR topmenu */

#topmenu{
	margin-top: 15px;
	font: 15px "Century Gothic", "Arial Narrow", serif;
	height: 200px;
	padding-bottom: 15px;
}
#topmenu a{
	font: 15px "Century Gothic", "Arial Narrow", serif;
	color: #FFFFFF;
}

/*----------------------------------------------

 SIDEBAR searchform */

.searchform{
	margin-top: 40px;
	}
#searchform {
	padding: 0px;
	}

.searchform input#s {
	background: #333333;
	border-top: 1px solid #000000;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #000000;
	margin-bottom: 5px;
	color: #cccccc;
}


/*----------------------------------------------

 SIDEBAR contents */

#sidebar h2,#sidebar h2 a{
	font: 15px "Century Gothic", "Arial Narrow", serif;
	color: #FFFFFF;
	margin-bottom: 5px;
}
#sidebar ul,#sidebar ul li,#sidebar li{
	list-style: none;
}
.featured{
	margin-bottom: 40px;
}
.featured ul,.featured ul li{
	list-style: none;
}
.alternate small{
	margin-left: 15px;
}



/*=================================================================

  SIDEBAR outlines */

#footer {
        margin: 0px;
        margin-left: 136px;
	padding: 0px;
        font: 10px "Century Gothic", "Arial Narrow", serif;
	color: #666666;
        
	}

#footer p {
	margin: 0px;
	padding: 20px;
	}
	
/*=================================================================

  OPTION  */



/*----------------------------------------------

 NAVIGATION */

.navigation {
	display: block;
	margin-top: 10px;
	font-weight: normal;
	text-align: center;
	font-size: 10px;
	}


/*----------------------------------------------

 NOT FOUND */

.notfound{
	height: 400px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/notfound.jpg);
}


/*=================================================================

 COLOR variation  */


/* COLOR BLUE  ---------------------------------------------

#blog {background: #333333 url(images/bg-blue.jpg) repeat-x top;}
.entryheader{border-left: 5px solid #80C2D9;border-bottom: 1px dotted #80C2D9;*border-bottom: 1px solid #80C2D9;}
.entry a:hover{color: #67D0FE;}
.entry h3{color: #CCEDFF;}
 */


/* COLOR GREEN  ---------------------------------------------
 
#blog {background: #333333 url(images/bg-green.jpg) repeat-x top;}
.entryheader{border-left: 5px solid #8BDC7C;border-bottom: 1px dotted #8BDC7C;*border-bottom: 1px solid #8BDC7C;}
.entry a:hover{color: #3FDA03;}
.entry h3{color: #DAFECD;}
*/


/* COLOR YELLOW  ---------------------------------------------
 
#blog {background: #333333 url(images/bg-yellow.jpg) repeat-x top;}
.entryheader{border-left: 5px solid #F0DF68;border-bottom: 1px dotted #F0DF68;*border-bottom: 1px solid #F0DF68;}
.entry a:hover{color: #FFCC00;}
.entry h3{color: #FFFF66;}
*/

 
/* COLOR PINK  --------------------------------------------- 
 
#blog {	background: #333333 url("images/bg-pink.jpg") repeat-x top;}
.entryheader{border-left: 5px solid #D881BD;border-bottom: 1px dotted #D881BD;*border-bottom: 1px solid #D881BD;}
.entry a:hover{color: #FF6699;}
.entry h3{color: #FFCCFF;}
*/