/*  
Theme Name: Black Love
Theme URI: http://may-i.co.cc
Description: 1 columns
Version: 1
Author: Shi Min
Author URI: http://may-i.co.cc
*/


body{
font-family: verdana, tahoma, arial;
font-size: 11px;
line-height: 17px;
letter-spacing: 0px;
text-align: center;
vertical-align: top;
background-color: #fff;
color: #333130;
cursor: default;

}

body, h1, h2, h3, h4, h5, h6, address, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}



/* Comments */
#submit input {

	font-size:8pt;

	margin: 0px 0 0px 0;

	font-family: Tahoma;

	text-transform: none;

	padding: 3px 0;

	}

#commentlist small {

	font-size: 8pt;

	color: #696969;

	}



#postcomment {

	margin: 40px 0 10px 10px;

	text-transform: none;

	}



ol #commentlist {

	margin-top: 15px;

	}



.headercomment {

	font-size: 13pt;

	margin-bottom: 7px;

	letter-spacing: 0px;

	font-family: Tahoma;

	color: #697178;

	}



.commenttext {

	margin-top: 10px;

	}



#comments textarea {

	width: 250px;

	padding: 5px;

	font-family: Tahoma;

	font-size: 8pt;

	margin-top: 5px;

	}



#comments input {

	width: 130px;

	padding: 3px;

	font-family: Tahoma;

	font-size: 7pt;

	margin-right: 0px;

	}



.commentsmess {

	font-size: 16pt;

	margin-bottom: 7px;

	letter-spacing: 0px;

	font-family: Tahoma;

	text-transform: uppercase;

	color: #697178;


	}



#leavecomment {

	margin: 10px 0 10px 0;

	}



#leavecomment p {

	padding-top: 10px;

	}

#commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#commentlist li {
	border: 1px solid #f4f4f4;
	margin: 16px 0;
	padding: 0 10px;
	background: #f9f9f9;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	}

#commentlist small {
	text-align: right;
	font-size: 10pt;
	font-family: Verdana;
	}

#comments, #postcomment {
	margin: 40px 0 10px 10px;
	}

::-moz-selection{
background: transparent;
color: #96989a;
}

::selection {
background: transparent;
color:#93a09e;
}

i, em{ 
font-family: georgia;
color: #485250;
}

b, strong{
color: #000000;
}

a:link, a:visited{ 
color: #7f797c;
text-decoration: none; 
}

a:hover{ 
color: #171e14;
text-decoration: underline; 
}

p{ 
padding: 13px 0 0 0; 
}

blockquote{ 
background: #d2d5d5;
border: 2px dotted #4c4f4e; 
padding: 0 10px 10px 10px;
}


textarea {
	border: 1px solid #67706e;
	padding: 3px;
	font-size: 12px;
	font-family: century gothic;
	color: #313739;
	background: #c4c8c9;
	}

input {
	border: 1px solid #67706e;
	padding: 3px;
	font-size: 10px;
	font-family: century gothic;
	color: #3c3c40;
	background: #fff;
	}

input:focus {
	background: #b4b2b3;
	}

textarea:focus {
	background: #b4b2b3;
	}

small{
line-height: 11px;
}

big{
font-size: 20px;
font-family: arial;
letter-spacing: -1px;
line-height: 18px;
}


img{ 
border: 0px solid #ccc;
}

/*HEADERS*/
h1{
font-family: georgia;
font-size: 23px;
color: #52584f;
font-weight: normal;
text-transform: none;
letter-spacing: 0;
text-align: left;
line-height: 100%;
padding: 0;
margin: 0 0 2px 0;
}

h2 a:link, h1 a:visited{ 
color: #1c251a; 
text-decoration: underline; 
}

h1 a:hover{ 
color: #a2a5a6; 
text-decoration: underline; 
background: transparent;
}

h2{
font: 25px georgia;
color: #565656; 
font-size: 20px;
line-height: 20px;
font-weight: bold;
letter-spacing: 0px;
text-transform: none;
text-align: right;
padding: 0;
margin: 0;
}

h2 a{
font-family: arial;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
text-transform: uppercase;
text-align: left;
}

h3{
font-family: arial;
font-size: 18px;
font-weight: bold;
border-bottom: 1px dotted #0f080c;
text-transform: uppercase; 
line-height: 18px;
text-align: left;
padding: 0 0 1px 0;
margin: 15px 0 0 0; 

}

h4{
font-family: arial;
color: #4c4f4e;
font-size: 15px;
font-weight: bold;
text-transform: lowercase;
line-height: 15px;
text-align: left;
padding: 0;
margin: 0 0 3px 0;
}

.navigation{
text-align: center;
padding: 0;
margin: 30px 0 0 0;
font-size: 11px;
font-weight: normal;
}

.navigation .alignleft{float:left;}
.navigation .alignright{float: right;}


#wrapper{
width: 838px;
margin: auto;
}


#header{
float: left;
width: 100%;
height: 145px;
background-image: url(images/bg_head.png);
margin: 50px 0 0 0;
padding: 0;
}


/*NAVI*/

#navi{
float: left;
width: 100%;
height: 40px;
display: inline;
position: relative;
margin: 150px 0 0 70px;
background-image: url(images/bg_body.png); left; margin: 145px 0 0 0;
text-align: center;
font-size: 30px;
font-family: century gothic;

}

#navi ul { 
list-style: none; 
margin: 0; 
padding: 10px 0 0 0;
word-spacing: 0;
}

#navi ul li{
padding: 0; 
margin: 0 15px 0 15px; 
display: inline;
}



/*CONTAINER*/

#container{
float: left;
width: 100%;
background-image: url(images/bg_body.png);
padding: 10px 0 0 0;
margin: 0;
}

#main{
float: center;
position: relative;
text-align: justify;
width: 700px;
padding: 0;
margin: 10px 0 0px 70px;
}

.post{
border-bottom: 1px dotted #d7d7d7;
padding: 0 0 20px 0;
margin: 0 0 30px 0;
}

.entry, .page{
padding: 0;
margin: 0;
}

#main ul, #main ol{
margin-top: 5px;
}


#main .desc{
text-align: justify;
background-color: transparent;
border-bottom: 1px dotted #db17b4;
padding: 5px 0 10px 0;
margin: 10px 0 10px 0;
}

#main .box{
width: 260px;
padding: 10px 0 10px 0;
margin: 0 10px 20px 0;
text-align: center;
background: #fff;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

p.date{
font-family: verdana;
font-size: 10px;
letter-spacing: 0px;
color: #9d9eae;
margin: 0;
padding: 0 0 0 10px;
}

p.postmetadata{
font-family: verdana;
text-align: right;
font-size: 11px;
line-height: 11px;
letter-spacing: 0;
color: #9d9eae;
margin: 30px 0 0 0;
padding: 3px 0 0 0;
}

p.postmetadata a:link, p.postmetadata a:visited{ 
color: #9d9eae; 
text-decoration: none;  
font-weight: normal;
}

p.postmetadata a:hover{ 
color: #9d9eae; 
text-decoration: none; 
font-weight: normal;
background: transparent;
}


/*SIDEBAR*/

#sidebar{
float: right;
display: inline;
position: relative;
font-size: 11px;
line-height: 16px;
width: 210px;
margin: 0 30px 100px 0;
padding: 0;
}

#sidebar .box{
text-align: left;
margin: 10px 0 10px 0;
padding: 0 0 0 5px;
}

a.link:link, a.link:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #777;
background: #fff;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2px;
text-align: left;
padding: 1px 0 1px 5px;
display: block;
margin: 0 0 2px 0;
}

a.link:hover{
color: #fff;
background: #797b74;
}

/*FOOTER*/
#footer{
clear: both;
float: left;
font-size: 10px;
width: 838px;
height: 404px;
background-image: url(images/bg_footer.png);
margin-bottom: 50px;

}

#footer a:link, #footer a:visited{
color: #9c969a;
}

#footer a:hover{
color: #282d26;
}


.profile {
display:inline;
float:left;
margin:80px 0 0 120px;
padding:0;
text-align:justify;
width:200px;
}

.tagboard {
display:inline;
float:right;
margin:80px 90px 0 0;
padding:0;
text-align:justify;
width:200px;
}



/*COMMENTS*/

.comments-template{
text-align: left;
margin: 30px 0 0;
padding: 0;
}

.comment_box{
background: #eef9ff;
padding: 15px;
border: 1px dotted #cceeff;
}

.comments-template p{
padding: 0 0 10px 0;
}

.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}

.comments-template ol li{
margin: 20px 10px 20px 10px;
padding: 0;
line-height: 15px;
list-style-type: none;
list-style-image: none;
}

.commentmetadata{
font-size: 11px;
line-height: 12px;
background-color: transparent;
text-align: left;
color: #3c3c40;
padding: 5px 0 5px 5px;
margin: 0;
}

.commentmetadata a{
font-weight: normal;
color: #3c3c40;
background: transparent;
}

.comments-template .author{
display: inline;
font-family: arial;
text-transform: none;
letter-spacing: 0px;
font-size: 16px;
font-weight: bold;
color: #00a8ff;
text-align: right;
margin: 0;
padding: 0;
}

.comments-template .author a{
font-weight: bold;
color: #00a8ff;
background: transparent;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template .form{
padding: 10px 10px 10px 0;
margin: 10px 0 0 0;
}

.comments-template textarea, .comments-template input{
font-family: tahoma, arial;
padding: 2px;
letter-spacing: 1px;
}

/*GRAVATAR*/
.gravatar {
float: right;
padding: 4px;
margin: 5px 5px 0 10px;
border: 1px dotted #cceeff;
background: #fff;
width: 40px;
height: 40px;
}

.postgrav {
float: right;
padding: 4px;
margin: 5px 5px 0 10px;
border: 1px dotted #cceeff;
background: #fff;
width: 40px;
height: 40px;
}



/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f9f9f9;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-family: verdana;
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

img.centered {
	border: 4px solid #ddd;
	padding: 4px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.aligncenter{
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	float: right;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
	margin: 0 0 1px 7px;
	display: inline;
	}

img.alignleft {
	float: left;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
	margin: 0 7px 1px 0;
	display: inline;
	}