/*  
Theme Name: Forbidden
Theme URI: http://www.themebin.com
Description: Scary, evil and elegant wordpress theme for ur horror blog.
Version: 1.0
Author: Santhosh. S
Author URI: santhosh.themebin.com

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme.
    - You can use this theme for any purpose.
    - You can modify this theme as per your needs.

*/


body {
	font: 75%/150% Verdana, Arial, Helvetica, sans-serif;
 	color: #ffffff;
	background:#000;
	margin: 0px;
	padding: 0px 0px 0px;
}

#wrap { margin: 0px auto; width: 1000px; background: #000; }

h1 {
	margin:0px;
	padding-left: 20px;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #fff;
}
h1 a, h1 a:visited{ color: #fff; text-decoration: none; }
h1 a:hover{ color: #EAEAEA; text-decoration: none; }
h2 { color: #EDCA0C; margin: 0px 0px 2px; border-bottom: 1px solid #000; font: normal 190%/100% Tahoma, Verdana, 'Trebuchet MS', Sans-serif; padding-bottom: 3px; padding-left: 10px; }
h2 a, h2 a:visited { color: #EDCA0C; text-decoration: none; }
h2 a:hover { color: #fff; text-decoration: none; }
h3 { font: normal 120%/100% "Trebuchet MS", Tahoma, Arial; color: #E7C709; margin: 10px 0px 5px; }
h4 { font: normal 110%/100% "Trebuchet MS", Tahoma, Arial; color: #E7C709; margin: 10px 0px 5px; }

#header {
	background: #000 url(images/header-bg.jpg) no-repeat;
	height: 360px;
	position: relative;
	text-align: left;
	padding-right: 38px;
	color: #fff;
}
#headerimg {
	position: relative;
	padding: 30px 0px 0px 40px;
	height: 60px;
}
#headerimg .desc{
	position: relative;
	text-align:left;
	top:0px;
	bottom: 3px;
	padding-left: 20px;
	color: #fff;
	font-size: 14px;
}

#navbar {
	list-style: none;
	margin: 0px;
	position: relative;
	float:left;
	top: 133px;
	bottom: 0px;
}
#navbar .page_item a{
	color: #EDCA0C;
	text-decoration: none;
	padding: 5px 15px;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	display: block;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}
#navbar li { float: left; margin-left: 5px; }
#navbar .current_page_item a, #navbar .current_page_item a:visited{ color: #a4dfed; text-decoration: none; }
#navbar .page_item a:hover { color: #fff; background: #000 url(images/buttons.png) repeat-x; border-top: solid 1px #F0EC8B; border-left: solid 1px #F0EC8B;border-right: solid 1px #F0EC8B; }

#content {
	padding: 10px 0px 20px 20px;
	float: left;
	width: 65%;
	overflow: hidden;
}
.post {
	clear:both;
	padding-top: 25px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align:justify;
	background: #111 url(images/post-ttl.png) top repeat-x;
}
.posted {
	margin: 0;
	font-size:0.9em;
	padding: 5px;
	background:#000 url(images/posted.png) repeat-x;
	color: #fff;
	border-top: 1px solid #000;
	text-align:right;
}
.post-title {
	float: left;
	margin-left: 0px;
	width: 600px;
	padding-top: 10px;
}
.entry {
	clear: both;
	padding-top: 10px;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/comment.png) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}

.mini-add-comment {
	background: url(images/add-comment.png) no-repeat;
	padding-left: 18px;
	float: right;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dashed #333333;
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #000;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #ffffff;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #ffffff;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #fff;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#000;
	border: 1px solid #333333;
	padding: 3px;
	color: #EAEAEA;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#000;
	border: 1px solid #333333;
	padding: 2px;
	color: #EAEAEA;
	margin-top: 3px;
}
#commentform #submit{
	background: url(images/buttons.png) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: solid 1px #333333;
	float:right;
	width: 144px;
	margin-top: 10px;
	height: 28px;
	cursor: pointer;
}
#sidebar {
	float: right;
	padding: 0px 60px 10px 0px;
	width: 190px;
	color: #ffffff;
	overflow: hidden;
}
#sidebar img {
	border: none;
}
#sidebar h2, #sidebar .sidebartitle{
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #fff;
	margin: 20px 0px 2px;
	border-bottom: 1px dotted #3e7e8a;
}
#sidebar a, #sidebar a:visited{
	color: #C5A206;
	text-decoration: none;
}
#sidebar a:hover{
	color: #fff;
	text-decoration: none;
	padding-left: 5px;
	font-weight: bold;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #222;
}

#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
li.widget_calendar td {padding: 3px 5px; }
.textwidget { padding-top: 5px; }

#search-form {
	position: relative;
	top: 5px;
	right: 0px;
	height: 37px;
	float: right;
	width: 180px;
}
#search-form #s{
	background: #111;
	height: 17px;
	width: 120px;
	margin: 6px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #EAEAEA;
	border: solid 1px #222;
}
#search-form #search-submit { 
	background: url(images/search-btn.png) no-repeat left top;
	height: 23px;
	width: 23px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 6px;
}

#searchform {
	background: #222;
	height: 17px;
	width: 60px;
	margin: 6px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #5397a4;
	border: none;
}
#searchform #searchsubmit { 
	height: 23px;
	width: 23px;
	border: none;
}

/* footer area */
#footer {
	clear: both;
	background: url(images/footer.png) repeat-x;
	padding-top: 20px;
	color: #fff;
	text-align: center;
	font-size: 95%;
	line-height: 130%;
}
#footer a, #footer a:visited {
	color: #83E05E;
	text-decoration:underline;
}

.center { text-align: center; }
img.center, img[align="center"] { display: block; margin-left: auto;margin-right: auto; }
.alignleft { float: left; }
img { border:#999 1px solid; padding:3px; } 
a img { border-bottom: #999999 1px solid; }
img.alignleft, img[align="left"] { float:left; margin: 2px 10px 5px 0px; }
.alignright { float: right; }
img.alignright, img[align="right"] { float:right; margin: 2px 0px 5px 10px; }
img.wp-smiley{  border:none; }
a { color: #D9CB08; text-decoration: none; }
a:visited { color: #D9CB08; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
form { margin:0px; padding:0px; }
p { padding: 0px 0px 15px; margin: 0px; }
.clear { clear:both; }
blockquote { margin : 10px; padding : 0 5px 0 40px; color: #EAEAEA; border : 1px dashed #222; background : #000 url(images/quote.png) no-repeat 5px 5px;}
ul, ol { margin : 5px 20px; padding : 0 20px; color : #fff; }
ul span, ol span { color : #afecfa; }
code { color: #EAEAEA; font-size: 12px; }
.navigation { clear: both; padding: 10px 30px; }
.navigation a, .navigation a:visited { color: #D9CB08; }
.previous-entries a { float: left; padding-left: 18px; background: url(images/mini-nav-left.png) no-repeat left center; }
.next-entries a { float: right; padding-right: 18px; background: url(images/mini-nav-right.png) no-repeat right center; }
hr.clear { clear:both; visibility: hidden; margin: 0px; padding: 0px; }
/* CSS Referred from GlossyBlue theme from ndesign studios. I have my own work in max propotion. */