/* -- START CSS --

Author: DZNROKR
Author URI: http://dznrokr-fansites.com
Theme Name: Fan-Sites.org
Theme URI: http://dznrokr-fansites.com
Version: 1.0
Description:  Exclusive Wordpress Theme provided by <a href="http://fan-sites.org">fan-sites.org</a> and designed by <a href="http://dznrokr-fansites.com">DZNROKR</a>


/* ------------------------------------------------------ Body and Globals 
----------------------------------------------------------------------------------------*/

*{margin:0;padding:0;}

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 20px;
	color: #202020;
	padding:0; margin:0;
	background:#e0ffbe url(images/bg.jpg) no-repeat center top ;
}

tr, td {vertical-align:top}
.clearing {clear:both; height:0px; padding:0; margin:0;}

img {border:0; padding:0; margin:0;}

input,select,textarea{
	border: #fed1e9 1px solid;
	font-size: 12px;
	background:#ffe8f4;
	color:#fed1e9;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
}

p {margin-top:10px;margin-bottom:15px;}
img.alignleft{margin: 5px 10px 2px 0;}
img.alignright{margin: 5px 0 2px 10px;}
img.centered{display: block;margin-left: auto;margin-right: auto;}

.alignleft{float: left;}
.alignright{float: right;}

blockquote {
	font:12px "Trebuchet MS", Arial ;
	line-height:20px;
	border-top:1px dotted #f4e3d0;
	border-bottom:1px dotted #f4e3d0;
	padding:15px;
	margin:5px;
	margin-left:15px;
	background:#fff url(images/blockquote.jpg) no-repeat left top;
	color:#3b3b3b;
}
/* ------------------------------------------------------ Links
----------------------------------------------------------------------------------------*/
a {
	color:#ea7878;
	font-weight:600;
	text-decoration:none;
}	
a:hover {text-decoration:underline}

a.altlink {
	color:#86c0c7;
	font-weight:600;
	text-decoration:none;
}	
a.altlink:hover {text-decoration:underline}

/* ------------------------------------------------------ Headers
----------------------------------------------------------------------------------------*/

h1 {
	font-size:26px;
	letter-spacing:-1px;
	font-weight:100;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#df6d6d;
	border-bottom:1px solid #cff2aa;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}
h1 a {color:#df6d6d; text-decoration:none}
h1 a:hover {color:#333; text-decoration:none}

h2 {
	font-size:22px;
	letter-spacing:-1px;
	font-weight:100;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#92cfd6;
	text-transform:uppercase
}
h2 a {color:#92cfd6; text-decoration:none}
h2 a:hover {color:#333; text-decoration:none}

h3 {
	font-size:18px;
	letter-spacing:-1px;
	font-weight:100;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#e3b585;
	text-transform:uppercase
}
h3 a {color:#e3b585; text-decoration:none}
h3 a:hover {color:#333; text-decoration:none}

h4 {
	font-size:14px;
	letter-spacing:-1px;
	font-weight:100;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#e3b585;
	text-transform:uppercase
	
}
h4 a {color:#e3b585; text-decoration:none}
h4 a:hover {color:#333; text-decoration:none}

/* ------------------------------------------------------ Layout 
----------------------------------------------------------------------------------------*/


#wrapper {width:945px;margin:0 auto}

#title {
	float:left;
	width:530px;
	margin-left:5px;
}

#title h1 {font-size:24px;font-family:Georgia, "Times New Roman", Times, serif;color:#fff;letter-spacing:-1px;font-weight:100;border:none}
#title h2 {font-size:10px;font-style:italic;color:#d0f2af;letter-spacing:1px;font-weight:100;text-transform:uppercase;padding-bottom:1px;}

#search {
	float:right;
	width:400px;
	margin:0 auto;
	text-align:center
}

#search input,select,textarea{
	font-size: 22px;
	background: url(images/input.png) repeat-x;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	height:28px;
	border:none;
	padding:4px;
}

#celebphoto {width:581px;float:left;padding:19px;}
#advertisements {width:300px;float:right;padding-top:20px;text-align:center;padding-right:22px;}

#navigation {
	width:945px;
	margin:0 auto;
	height:32px;
	display:table;
	background:#e1f6cc;
	border-bottom:1px solid #d7f1bc;
	border-top:1px solid #d7f1bc;
	text-align:center;
	list-style:none
}

#menu {
	margin-left:30px; /*Adjust to manually center menu positioning*/
	list-style:none}

#menu ul {
	list-style: none;
	text-align:center;
}

#menu li {
	float: left;
	margin: 0px;
	display:block;
	padding: 0px;
}

* html #menu {
	display:inline-block;    /* for IE only */
	width:1px;               /* IE will expand 1px width to fit menu width */
	padding:0 2px;           /* fix bug in IE to get border spacing correct */
  }  

* html #menu a {
  display:inline-block;    /* for IE only */ 
  margin:0 -2px;           /* to correct an IE bug that doubles the border width */  
  }

#menu li a {
	font-size: 22px;
	color: #8ab05c;
	font-family:"Trebuchet MS", Arial, sans-serif;
	display: block;
	letter-spacing:-1px;
    margin-left: 4px;
    margin-right: 4px;
	text-transform:none;
	font-weight:100;
	padding: 6px 6px 8px 6px;
	text-decoration:none;
}
	
#menu a:hover {
	background: #b3de84;
	color: #fff;
	display: block;
	padding: 6px 6px 8px 6px;
	text-decoration: none;
}

#content-bg {width:1053px;margin:0 auto;background:url(images/content-bg.png) repeat-y;}

#main-content {
	width:575px;
	float:left;
	margin:0 auto;
	margin-top:20px;
	margin-left:75px;
}

#main-content ul {
	list-style-type: none;
	list-style-position: inside;
	padding:0; margin:0;
}

#main-content ul li {
	list-style-type: none;
	list-style-position: inside;
	padding:0; margin:0;
	display:block;
	padding:2px;
	padding-left:24px;
	border-top: 1px dotted #d0e7ea;
}

#sidebar {
	width:300px;
	float:right;
	margin-top:20px;
	margin-left:15px;
	margin-right:70px;
	font-size:11px;
	color:#575757;
	line-height:16px;
	padding:3px;
	margin-bottom:10px;
}

.sidebar-content {margin-bottom:20px;}

#sidebar h1 {
	font-size:18px;
	letter-spacing:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	font-style:italic;
	letter-spacing:-1px;
	margin:0;padding:0;
	margin-top:12px;
	margin-bottom:12px;
	padding-bottom:5px;
	font-weight:100;
	border:none;
	color:#e97978;
	border-bottom:1px solid #d7f1bc;
}

#sidebar h1 a{color:#e97978;}
#sidebar h1 a:hover{color:#d7f1bc}
#sidebar a{color:#8bd6c8;text-decoration:none;}
#sidebar a:hover{color:#f679b5; text-decoration:underline;}

#sidebar ul, li, ul li, ul li li {
	list-style-type: none;
	list-style-position: inside;
	padding:0; margin:0;
	padding-bottom:10px;
}

#sidebar ul li {
	list-style-type: none;
	list-style-position: inside;
	padding:0; margin:0;
	margin:0 auto;
	border:none;
	width:290px;
}

#sidebar ul li a{
	list-style-type: none;
	list-style-position: inside;
	padding:0; margin:0;
	display:block;
	padding:3px;
	color:#73b9ac;
	padding-left:10px;
	border-bottom: 1px dotted #d7f1bc;
	border-right:4px solid #d7f1bc;
	text-decoration:none;
	background:#f2fce8;
}


#sidebar ul li a:hover{
	list-style-type: none;
	list-style-position: inside;
	padding:0; margin:0;
	display:block;
	padding:3px;
	color:#3a4d50;
	text-decoration:none;
	padding-left:10px;
	border-bottom: 1px dotted #accce1;
	border-right:4px solid #accce1;
	background:#d0e7ea;
}

.image-side {	
background-color: #FFFFFF;
border: 1px solid #d1f494;
padding: 3px;
margin: 2px;} 

.image-side:hover  {
background-color: #FFFFFF;
border: 1px solid #eeeeee;
padding: 3px;
margin: 2px;
} 

/* ------------------------------------------------------ Post Info 
----------------------------------------------------------------------------------------*/



.post-date{
	float: left;
	display: inline;
	margin: 0 0 0 0;
	width:50px;
	height:57px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: url(images/date.jpg) no-repeat;
}

.month {
	text-transform:uppercase;
	text-align:center;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
	padding-top:5px;
	font-size:10px;
	color:#363636
}

.day {
	color:#3c8a94;
	text-transform:uppercase;
	font-size:22px;
	text-align:center;
}

.post-header {float:right;width:520px;}
.post-header h1 {color:#75b6be;font-size:20px;font-family:Georgia, "Times New Roman", Times, serif;border-bottom:1px solid #e1f6cc;padding-bottom:5px;margin-bottom:2px;margin-top:5px;font-weight:100;}
.post-header h1 a{color:#75b6be; text-decoration:none;font-weight:100;}
.post-header h1 a:hover{color:#fff;background:#75b6be;text-decoration:none}

.post-meta {
	color:#b3b3b3;
	font-size:11px;
	text-transform:none;
	margin-bottom:10px;
}
.post-meta a {color:#afc8cb; text-decoration:none}
.post-meta a:hover {color:#afc8cb; text-decoration:underline;}

.post-body {
	margin-top:10px;
	margin-bottom:10px;
	line-height: 20px;
	font-size:12px;
	color:#373737;
}

.post-body img {padding:5px; margin:5px; border:1px solid #d1f494;}
.post-body img:hover {padding:5px; margin:5px; border:1px solid #eee;}

.continue {font-size:16px;margin-bottom:25px;float:left; border-bottom:1px solid #eee;width:100%;padding-bottom:25px;font-weight:100;}
.continue a{color:#e19595;font-weight:100;}
.continue a:hover{color:#e69292}


/* ------------------------------------------------------ Footer 
----------------------------------------------------------------------------------------*/

#footer {width:945px;margin:0 auto;background:#e1f6cc;padding-top:7px;padding-bottom:7px;border-top:1px solid #d7f1bc;}
.footercontent {margin:0 auto;padding-left:30px;padding-top:23px;color:#a2c77c;font-size:11px;font-family:"Trebuchet MS", Arial;line-height:14px;}
#footer-left {float:left;width:700px;}
#footer-right {float:right;width:200px;text-align:right;padding-right:20px;}
.disclaimer {font-size:9px; line-height:10px; width:595px;text-transform:uppercase;}
#footer h1 {font-size:14px; text-transform:none; letter-spacing:0px; font-family:"Trebuchet MS", Arial; color:#8ab455;padding:0px;margin:0px;background:none;border:none;}
#footer a {color:#8ab455; text-decoration:underline}
#footer a:hover {color:#ffffff; text-decoration:none}

/* ------------------------------------------------------ Comments
----------------------------------------------------------------------------------------*/
#comments, #respond{
	margin: 10px 0 0;
}

#comments-count h3{
	padding: 0 10px 7px 10px;
	border-bottom: 1px solid #f2f1e9;
	font: 18px "trebuchet ms", georgia, serif;
	text-transform: uppercase;
	color: #dd3f14;
}

.comments-left {float:left;width:120px;border-top:3px solid #cff2aa;margin-top:20px;}
.comments-right {float:right;width:400px;border-top:1px dotted #cff2aa;margin-top:20px;}

#comments ol.commentlist{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#comments ol.commentlist li{
	padding: 4px 10px 3px;
	border-bottom: 1px solid #f2f1e9;
	line-height: 22px;
}

#comments ol.commentlist li.highlighted{
	background: #f9f9f9;
}

#comments .required{color: #a00;}
#comments textarea{width: 75%;}
#comments p.nocomments, #respond form{padding: 0 10px;}
#comments p#login-req{padding: 20px 10px 10px;}

.alt a {color:#a0d2d9}

#respond {
	background:#f2fce8;
	border-bottom: 1px solid #cff2aa;
	border-top: 1px solid #cff2aa;
	margin:30px;
	padding:10px;
}

#respond input,select,textarea {
	border: #cff2aa 1px solid;
	font-size: 12px;
	width:400px;
	padding:4px;
	background:#e1f6cc url(images/input.png);
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}
