/*  

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;

	font: 28px/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: 500px;

	position: relative;

	text-align: left;

	padding-right: 38px;

	color: #fff;

}

#headerimg {

	position: relative;

	padding: 30px 0px 20px 10px;

	height: 60px;

	background-color: rgba(0, 0, 0, 0.56);

}

#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: 366px;

	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. */