/* -- START CSS --
Author: DZNROKR Fansites
Author URI: http://dznrokr-fansites.com
Theme Name: WP-Fansite
Theme URI: http://dznrokr-fansites.com/wp-fansite
Version: 1.0
Description: Fansite theme designed by <a href="http://dznrokr-fansites.com">DZNROKR</a>.

/* ------------------------------------------------------ Body and Globals 
----------------------------------------------------------------------------------------*/

body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:justify;
color: #373737;
padding:0; margin:0;
background:#f2f3d1;
}

div {padding:0; margin:0;}

.clearing {clear:both; height:0px; padding:0; margin:0;}


input,select,textarea, {
border: #b9e974 1px solid;
font-size: 24px;
background-color:#e0fcb8;
color:#373737;
font-family:"Trebuchet MS", Arial;
padding:4px;
}


.alignleft{float: left; clear:both}

.alignright{float: right; clear:both}



blockquote {
	margin: 10px 20px 25px 20px;
	padding: 10px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	border: 1px solid #82c3e5;
	-moz-border-radius:  6px;
	background-color: #dbf0f3;
}


.image {
	background-color: #ffffff;
	border: 1px solid #82c3e5;
	padding: 3px;
	margin: 2px;
}



/* ------------------------------------------------------ Links
----------------------------------------------------------------------------------------*/
a {
color:#97cf5b;
font-weight: 500;
text-decoration: underline;
}
	
a:hover {text-decoration:none}

a.altlink {
color:#82c3e5;
text-decoration:none;
}
	
a.altlink:hover {text-decoration:underline}

/* ------------------------------------------------------ Headers
----------------------------------------------------------------------------------------*/
h1 {
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:26px;
letter-spacing:-1px;
color:#a8dc71;
font-weight:100;
text-transform:uppercase;
}

h1 a {color:#a8dc71; text-decoration:none;font-weight:100;}

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

h2 {
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:22px;
letter-spacing:-1px;
color:#90ced6;
font-weight:100;
margin-top:10px;
text-transform:uppercase;
}

h2 a {color:#90ced6; text-decoration:none;font-weight:100;}

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

h3 {
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:18px;
letter-spacing:-1px;
color:#90ced6;
font-weight:100;
margin-top:10px;
text-transform:uppercase;
}


/* ------------------------------------------------------ Layout 
----------------------------------------------------------------------------------------*/
#wrapper {width:876px;margin:0 auto;background:#fff;border:1px solid #eef6d2;padding:6px;}

#title {
float:left;
width:316px;
height:36px;
padding:0;
padding-top:14px;
background:#e3f0f5;
}

#title h1 {
font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
text-transform:uppercase;
font-size:24px;
color:#5f5f5f;
padding:0;margin:0;
font-weight:100;
padding-left:4px;
letter-spacing:-1px;
}

#navigation {
float:right;
width:560px;
height:50px;
text-align:right;
background:#e3f0f5;
}

#navigation ul {
margin: 0px;
padding: 0px;
margin-top:3px;
list-style: none;
text-align:center;
}

#navigation li {
float: left;
margin: 0px;
padding: 0px;
}

#navigation a {
font-size: 16px;
font-family:"Trebuchet MS", Arial, sans-serif;
color: #5f5f5f;
display: block;
font-weight:100;
letter-spacing:-1px;
margin: 5px;
text-transform:uppercase;
padding: 6px;
text-decoration:none;
}

#navigation a:hover {
background: #5f5f5f;
color: #fff;
display: block;
text-decoration: none;
}

#display {
width:862px;
background:#ddf7ae;
margin:0 auto;
margin-top:6px;
text-align:center;
padding:6px;
}

#advertisement {
width:862px;
background:#efffd3;
margin:0 auto;
margin-top:6px;
margin-bottom:12px;
text-align:center;
font-size:10px;
color:#b2d687;
text-transform:uppercase;
padding:6px;
}

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

#main-content {
margin:0 auto;
float:left;
margin-left:5px;
font:tahoma, Arial, Helvetica, sans-serif;
width:565px; 
}


#main-content ul li {
list-style-type: none;
list-style-position: inside;
padding:0; margin:0;
display:block;
margin:3px;
padding:4px;
padding-left:24px;
border-bottom: 1px dotted #a8dc71;
background: url(images/bullet_star.png) left no-repeat;
}

/* ------------------------------------------------------ Post Info 
----------------------------------------------------------------------------------------*/

.post-date{
	float: left;
	display: inline;
	margin: 0 0 0 0;
	width:57px;
	height:59px;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
	background: url(images/date.jpg) no-repeat;
	line-height:16px;
}

.month {
	text-transform:uppercase;
	text-align:center;
	padding-top:10px;
	font-size:11px;
	color:#9ac7d8;
}

.day {
	color:#5f5f5f;
	text-transform:uppercase;
	font-size:28px;
	text-align:center;
}

.post-header {float:right;width:500px;}
.post-header h1 {color:#5f5f5f;font-size:22px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;border-bottom:1px solid #e1f6cc;padding-bottom:5px;margin-bottom:2px;margin-top:5px;font-weight:100;}
.post-header h1 a{color:#5f5f5f; text-decoration:none;font-weight:100;}
.post-header h1 a:hover{color:#b9e974;text-decoration:none}

.post-meta {
	color:#b3b3b3;
	font-size:11px;
	text-transform:none;
	margin-bottom:10px;
}
.post-meta a {color:#b9e974; text-decoration:none}
.post-meta a:hover {color:#b9e974; text-decoration:underline;}

.post-body {
	margin-top:10px;
	margin-bottom:10px;
	}


.tags {margin-bottom:3px;color:#b1d687;}
.tags a {color:#b9e974; text-decoration:none;padding:2px;}
.tags a:hover {color:#8eb359;background:#b9e974}

.post-spacer {border-bottom:1px dotted #5da5a6;padding-bottom:25px;margin-bottom:35px;}

/* ------------------------------------------------------ Sidebar 
----------------------------------------------------------------------------------------*/
#sidebar {float:right;width:280px;background:#f6ffe6;padding:6px;}

#sidebar h2 {font-family:"Trebuchet MS", Arial, helvetica, sans-serif;color:#84aab8;font-size:16px;text-transform:none;padding-top:8px;padding-bottom:3px;font-style:italic;text-align:left;border-bottom: double #b9e974}

#sidebar ul, ul li, li {list-style-type: none;list-style-position: inside;padding:0;margin:0;}

#sidebar ul li a {font-family:tahoma, Arial, Helvetica, sans-serif;font-size:11px;color:#84aab8;padding-left:4px;display: block;border-bottom: 1px solid #b9e974;padding-left: 4px;margin-right:10px;text-decoration:none;font-weight:300;}

#sidebar ul li a:hover  {background:#e0f6c3;color:#4f9a99;text-decoration: none;}

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

#footer {background:#efffd3;margin:0 auto;margin-top:20px;width:864px;line-height:13px;padding:6px;}

/* ------------------------------------------------------ Comments
----------------------------------------------------------------------------------------*/

li.commentlist {
border-bottom: 1px solid #eee;
margin-left:1px;
padding:5px;
}

.alt {
background:#f9ffef;
margin-left:1px;
margin-right:1px;
}

.comment-meta a, .comment-meta a:link, .comment-meta a:visited {
color: #a8dc71;
text-decoration:underline;
}

.comment-meta a:hover, .comment-meta a:active {
color: #fff;
background:#a8dc71;
text-decoration:none
}

.comment-meta {
margin-left:1px;
padding:10px;
border-bottom:1px solid #dbf0f3;
}

.comment-text {
margin-left:1px;
padding-left:20px;
padding-right:20px;
}

#respond {
margin-bottom:10px;
color:#373737;
margin-top:5px;
font-weight:100;
background:#efffd3;
padding:10px;
padding-left:15px;
border:1px solid #b9e974;
}