/* -- START CSS --

Author: DZNROKR Fansites
Author URI: http://dznrokr-fansites.com
Theme Name: Fansites Blog 
Theme URI: http://dznrokr-fansites.com
Version: 1.0


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

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	text-align:justify;
	line-height: 16px;
	color: #333333;
	padding:0; margin:0;
	background: #c93e79 url(images/bg.jpg) center top repeat-y;
}

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: #dadada 1px solid;
	font-size: 30px;
	background:#fff url(images/inputbg.jpg) repeat-x;
	color:#a7dc36;
	font-family:Georgia, "Times New Roman", Times, serif;
}

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: 13px "Trebuchet MS", Georgia, "Times New Roman", Times, serif ;
	color:#6d6d6d;
	line-height:16px;
	border-left:10px solid #eee;
	padding-left:15px;
	margin-left:5px;
}

/* ------------------------------------------------------ Layout 
----------------------------------------------------------------------------------------*/
#wrapper {
	width:1200px;
	margin:0 auto 0;
}

#headerline {
	width:766px;
	height:28px;
	background:url(images/design_02.jpg);
	color:#fff;
	font-size:10px;
	text-transform:uppercase
} 
.headerline {padding:5px;}

#content {padding:17px;}

#footer {
	width:986px;
	background:url(images/design_14.jpg);
}


/* ------------------------------------------------------ Navigation 
----------------------------------------------------------------------------------------*/

#navigation {
	background:url(images/design_09.jpg);
	width:675px;
	height:47px;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-left:19px;
	padding-top:5px;
	margin-bottom:18px;
}

#navigation li {
	float: left;
	margin: 0px;
	padding: 0px;
}
	
#navigation a {
	font-size: 22px;
	color: #ea0e7e;
	display: block;
	font-weight:100;
	letter-spacing:-1px;
    margin: 7px 10px 0px 5px;
	text-transform:lowercase;
	padding: 2px;
	border-top: 3px solid #dadada;
}
	
#navigation a:hover {
	color: #727272;
	display: block;
	text-decoration: none;
	border-top: 3px solid #ea0e7e;
}

/* ------------------------------------------------------ Search 
----------------------------------------------------------------------------------------*/

#search {
	background:url(images/design_10.jpg);
	width:675px;
	height:69px;
	
}
.keyword {padding-top:11px;padding-left:20px;float:left;}
.go {padding-top:11px;float:left;padding-left:10px;}

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

#main-content {
	float:left;
	width:440px;
	margin-top:15px;
	padding-left:5px;
	padding-right:5px;

}

#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:7px;
	padding-left:24px;
	border-top: 1px dashed #d1f494;
}

#main-content ol li {
	list-style-type: decimal;
	list-style-position: inside;
	padding:0; margin:0;
	display:block;
	padding:7px;
	padding-left:24px;
	border-top: 1px dashed #d1f494;
}

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

.post-date{
    float: left;
    display: inline;
    margin: 0 0 0 0;
    width:57px;
    height:60px;
    font-family:Georgia, "Times New Roman", Times, serif;
    background: url(images/date.jpg) no-repeat;
}

.month {
    text-transform:uppercase;
    text-align:center;
    padding-top:6px;
    font-size:14px;
    color:#d4ff77
}

.day {
    color:#fff;
    text-transform:uppercase;
    font-size:24px;
    text-align:center;
    padding-bottom:3px;
}


.post-body {
	padding-bottom:6px;
	padding-right:30px;
	padding-left:25px;
	margin:0 auto 0;
}

.post-body img {
	margin-top: 5px;
	margin-bottom: 1px;	  
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding:5px;
} 

.post-body img:hover {
	margin-top: 5px;
	margin-bottom: 1px;	  
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#ed4b79;
	border:1px solid #ed4b79;
	padding:5px;
}

.post-comments {
	background:#fff url(images/postmeta.jpg) repeat-x;
	padding:4px;
	color:#777777; 
	font-size:11px;
	width:644px;
	margin-bottom:20px;
	text-transform:uppercase;
}

.post-meta {
	background:#fff url(images/postmeta.jpg) repeat-x;
	padding:4px;
	color:#777777;
	font-size:11px;
	width:580px;
	text-transform:uppercase;
}

/* ------------------------------------------------------ Links
----------------------------------------------------------------------------------------*/
a {
	color:#78b40b;
	text-decoration:none;
}	
a:hover {text-decoration:underline}

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

a.altlink2 {
	color:#fff;
	text-decoration:underline;
}	
a.altlink2:hover {text-decoration:none}

#headerline a {
	color:#fff;
	text-decoration:underline;
}	
#headerline a:hover {text-decoration:none}

/* ------------------------------------------------------ Headers
----------------------------------------------------------------------------------------*/

h1 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:24px;
	letter-spacing:-1.5px;
	margin-bottom:1px;
	color:#ed4b79;
	margin-top:2px;
	font-weight:100;
}
h1 a {color:#ed4b79; text-decoration:none}
h1 a:hover {color:#78b40b; text-decoration:none}

h2 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:18px;
	letter-spacing:-1.5px;
	margin-bottom:10px;
	color:#78b40b;
	margin-top:0px;
	font-weight:100;
}

h3 {
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-top:10px;
	margin-bottom:2px;
	color:#101816;
	font-weight:100;
}
 
h4 {
	border-bottom:1px solid #dbe4c6;
	width:100%;
	color:#ff4d94;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:1px;
	text-transform:none;
	letter-spacing:-1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-style:italic;
	font-weight:100;
	text-align:right;
	
} 

h5 {
	border-bottom:1px solid #dbe4c6;
	width:100%;
	color:#ff4d94;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:1px;
	text-transform:none;
	letter-spacing:-1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
	font-weight:100;
	text-align:left;
	
}

h4 a {
	color:#999999;
	border-bottom:#eeeeee;
	background:#f5f5f5;
}
h4 a:hover {
	color:#9dc300;
	background:#eaf2ce;
	border-bottom:#9dc300
}

/* ------------------------------------------------------ Sidebars 
----------------------------------------------------------------------------------------*/

#sidebar-1 {padding:5px;}
#sidebar-1 h2 {background:url(images/header1.jpg) repeat-x;padding-left:5px;padding-top:5px;margin-top:3px;margin-bottom:3px;font-size:18px;color:#fff;letter-spacing:-1px;text-transform:uppercase;height:34px;}
#sidebar-1 ul, ul li, li {list-style-type: none;list-style-position: outside;padding:0;margin:0;}
#sidebar-1 ul li a {color:#868686;padding-left:4px;display: block;font-size:12px;border-bottom: 1px solid #b5b5b5;}
#sidebar-1 ul li a:hover  {	background:#fff;color:#f73783;text-decoration: none;}

#sidebar-2 {padding:5px;}
#sidebar-2 h2 {background:url(images/header2.jpg) repeat-x;padding-left:5px;padding-top:5px;margin-top:3px;margin-bottom:3px;font-size:18px;color:#fff;letter-spacing:-1px;text-transform:uppercase;height:34px;}
#sidebar-2 ul, ul li, li {list-style-type: none;list-style-position: outside;padding:0;margin:0;}
#sidebar-2 ul li a {color:#868686;padding-left:4px;display: block;font-size:12px;border-bottom: 1px solid #b5b5b5;}
#sidebar-2 ul li a:hover  {	background:#fff;color:#f73783;text-decoration: none;}   
#sidebar-2 .meta {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #999999;
	font-size: 10px;
}

#sidebar-3 {padding:5px;}
#sidebar-3 h2 {background:url(images/header3.jpg) repeat-x;padding-left:5px;padding-top:5px;margin-top:3px;margin-bottom:3px;font-size:18px;color:#fff;letter-spacing:-1px;text-transform:uppercase;height:34px;}
#sidebar-3 ul, ul li, li {list-style-type: none;list-style-position: outside;padding:0;margin:0;}
#sidebar-3 ul li a {color:#868686;padding-left:4px;display: block;font-size:12px;border-bottom: 1px solid #b5b5b5;}
#sidebar-3 ul li a:hover  {	background:#fff;color:#93c626;text-decoration: none;}
.sidebartext {color:#868686;padding-left:4px;font-size:12px;}

/* ------------------------------------------------------ Footer 
----------------------------------------------------------------------------------------*/
.footercontent {padding-left:15px; padding-top:21px;}
#footer h1 {font-size:14px; text-transform:uppercase; letter-spacing:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;padding:0px;margin:0px}
#footer h2 {font-size:11px; text-transform:uppercase; letter-spacing:-.5px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;padding:0px;margin:0px}
#footer a {color:#fff; text-decoration:underline}
#footer a:hover {color:#fff; text-decoration:none}

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

#comments-count h4 {
	border-bottom:1px solid #ff4d94;
	width:100%;
	padding-top:4px;
	padding-bottom:1px;
	text-transform:none;
	letter-spacing:-1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-style:italic;
	font-weight:100;
	text-align:right;	
}

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


.alt {
	background:#fff url(images/inputbg.jpg) repeat-x;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-left:1px;
	margin-right:1px;
}

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

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

.comment-meta {
	margin-left:1px;
	padding:10px;
}

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


#respond {
	background:#fff url(images/inputbg.jpg) repeat-x;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right:1px solid #fff;
	margin-left:1px;
	padding:5px;
}

#respond input,select,textarea {
	border: #dadada 1px solid;
	font-size: 12px;
	width:500px;
	background:#fff url(images/inputbg.jpg) repeat-x;
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
}      

 /**************************TABS*************************/
.tabs {
	margin-top: 0px;
	width: 220px;
	overflow: hidden;
	font-size: 12px;
        color: #000000;
	font-weight: bold;
}

.tabs li {
	float: left;
	margin-left: 2px;
	overflow: hidden;
	font-size: 12px;
        color: #000000;
	font-weight: bold;
}

.tabs li a {
	float: left;
	display: block;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 26px;
	height: 26px;
	background: #ffffff;
}

.tabs li a:hover {
	display: block;
	background: #ffffff;
}

.tabs li a.selected {
	display: block;
	background: #000000;
	color: #ffffff;
}

.tabs li a.selected:hover {
	display: block;
	background: #ed4b79;
	color: #ffffff;
}

/***************** CSS For TAB Content *******************/
.tabcontent {
	display: none;
	overflow: hidden;
	font-size: 11px;
}

.tabcontent a, .tabcontent a strong {
	color: #ed4b79;
	text-transform:uppercase
}

.tabcontent a:hover, .tabcontent a:hover strong {
	color: #ed4b79;
}

.tabcontent ul li {
	display: block;
	color: #999999;
	font-size: 11px;
	padding: 0px;
}

.tabcontent ul li:hover {background:#ffffff}

.tabcontent ul li a {
	color: #ed4b79;
}

.tabcontent ul li a:hover {
	color: #44444;
}

.tabcontent ul li span {
	display: block;
	color: #999999;
}
/***************** CSS For TAB Content *******************/
@media print {
	.tabcontent {
	display: block !important;
	}