/* -- 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 

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

*{margin:0;padding:0;}



body {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

text-align:justify;

line-height: 22px;

color: #373737;

padding:0; margin:0;

background: #ececec url(images/bg-2.jpg) repeat-y center;

}



tr, td {vertical-align:top;padding:0; margin:0;}

div {padding:0; margin:0;}



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



img {border:0; padding:0; margin:0;}



input,select,textarea, {

border: #CC0033 1px solid;

font-size: 24px;

background-color:#cc0033;

color:#373737;

font-family:"Trebuchet MS", Arial;

padding:4px;

}



img.alignleft{margin: 5px 10px 2px 0;}



img.alignright{margin: 5px 0 2px 10px;}



.alignleft{float: left; clear:both}



.alignright{float: right; clear:both}



blockquote {

font:12px "Trebuchet MS", Arial ;

line-height:22px;

border-top:3px solid #CC0033;

border-bottom:3px solid #CC0033;

padding:5px;

margin:5px;

margin-left:5px;

background:#E6E6E6;

color:#373737;

}



/* ------------------------------------------------------ Links

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

a {

color:#6E6E6E;

font-weight:500;

text-decoration:underline;

}

	

a:hover {text-decoration:none}



a.altlink {

color:#6E6E6E;

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:#CC0033;

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:#CC0033;

font-weight:100;

margin-top:10px;

text-transform:uppercase;

}



h2 a {color:#848484; 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:#CC0033;

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:#E6E6E6;

}



#title h1 {

font-family:"Trebuchet MS", Arial, helvetica, sans-serif;

text-transform:uppercase;

font-size:24px;

color:#848484;

padding:0;margin:0;

font-weight:100;

padding-left:4px;

letter-spacing:-1px;

}



#navigation {

float:right;

width:560px;

height:50px;

text-align:right;

background:#E6E6E6;

}



#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:#848484;

margin:0 auto;

margin-top:6px;

text-align:center;

padding:6px;

}



#advertisement {

width:862px;

background:#F2F2F2;

margin:0 auto;

margin-top:6px;

margin-bottom:12px;

text-align:center;

font-size:10px;

color:#848484;

text-transform:uppercase;

padding:6px;

}



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

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



#main-content {

margin:0 auto;

float:left;

margin-left:5px;

font:tahoma, Arial, Helvetica, sans-serif;

line-height:20px;

width:565px; 

}



#main-content img {margin:2px; border:3px solid #CC0033;}

#main-content img:hover {margin:2px; border:3px solid #eee;}



#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:#585858;

}



.day {

	color:#585858;

	text-transform:uppercase;

	font-size:28px;

	text-align:center;

}



.post-header {float:right;width:500px;}

.post-header h1 {color:#585858;font-size:22px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;border-bottom:1px solid #E6E6E6;padding-bottom:5px;margin-bottom:2px;margin-top:5px;font-weight:100;}

.post-header h1 a{color:#585858; text-decoration:none;font-weight:100;}

.post-header h1 a:hover{color:#E6E6E6;text-decoration:none}



.post-meta {

	color:#848484;

	font-size:11px;

	text-transform:none;

	margin-bottom:10px;

}

.post-meta a {color:#585858; text-decoration:none}

.post-meta a:hover {color:#585858; text-decoration:underline;}



.post-body {

	margin-top:10px;

	margin-bottom:10px;

	line-height: 20px;

}



.post-body img {padding:5px; margin:5px; border:1px solid #585858;}

.post-body img:hover {padding:5px; margin:5px; border:1px solid #eee;}



.tags {margin-bottom:3px;color:#585858;}

.tags a {color:#848484; text-decoration:none;padding:2px;}

.tags a:hover {color:#848484;background:#b9e974}



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



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

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

#sidebar {float:right;width:280px;background:#E6E6E6;padding:6px;}



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



#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:#333333;padding-left:4px;display: block;border-bottom: 1px solid #777777;padding-left: 4px;margin-right:10px;text-decoration:none;font-weight:300;}



#sidebar ul li a:hover  {background:#FF9999;color:#777777;text-decoration: none;}



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

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



#footer {background:#E6E6E6;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:#E6E6E6;

margin-left:1px;

margin-right:1px;

}



.comment-meta a, .comment-meta a:link, .comment-meta a:visited {

color: #848484;

text-decoration:underline;

}



.comment-meta a:hover, .comment-meta a:active {

color: #fff;

background:#E6E6E6;

text-decoration:none

}



.comment-meta {

margin-left:1px;

padding:10px;

border-bottom:1px solid #848484;

}



.comment-text {

margin-left:1px;

padding-left:20px;

padding-right:20px;

}



#respond {

margin-bottom:10px;

color:#848484;

margin-top:5px;

font-weight:100;

background:#E6E6E6;

padding:10px;

padding-left:15px;

border:1px solid #848484;

}