/**  
Theme Name: BrokenDawn :: Based on PokerMag Theme
Author URI: http://www.twilightcomic.com :: http://wpJunction.com
Version: 1.0
Author: HPA/Emily K
Coder: Misbah (ini_misbah@yahoo.com)
Description: TwilightComic.com theme, based on PokerMag Premium WP
*/

body {
	background:#000000;
	padding:0px;
	margin:0;
	font:normal 12px Arial, Verdana, Tahoma;
	color:#ffffff;
	line-height:1.5em;
}

a {
	color:#990303;
	text-decoration:none;
}

a:hover { color:#ffffff; text-decoration:underline; }

h1,h2,h3,h4,h5,h6 { margin-top:0; }

.red14pxCentered {
	color:#990000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.clear { clear:both; }

.clearleft { clear:left; }

.alignright { float:right; }

.alignleft { float:left; }

.hidden { display:none; }

.center { text-align:center; }


#body-in {
	background:transparent url('images/background2.png') repeat-x 0 0; padding-top:0px; margin-left:auto; margin-right:auto;
}

#wrapper {
	width:980px;
	margin:0 auto;
        
}

/* character squares */
.sq {
	width:250px;
	height:350px;
	position:relative;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

#layer1 {
	width:820px;
	height:355px;
	position:relative;
	
}

#layer2 {
	width:820px;
	height:355px;
	position:relative;
	clear:both;
}
#layer3 {
	width:820px;
	height:355px;
	position:relative;
	clear:both;
}

#charactercontent {
	margin-right:auto;
	margin-left:auto;
	position:relative;
	width: 830px;
}

/* icon system */
.icon{
	background-image:url('images/all-icons.gif');
	background-repeat:no-repeat;
	display:block;
}
#bookmark, #search-top{
	float:left;
}

#bookmark{
	background-position: 0 2px;
	width:150px;
	padding-left:20px;
}
#search-top{
	width:50px;
	background-position: 0 -20px;
}

.rss {
	background-position: 0 -21px;
	padding-left:26px;
	width:100px;
	float:left;
	line-height:22px;
}

#header-tool{
	height:29px;
	padding:7px 7px 0;
	/*margin-bottom:10px;*/
	font-size:11px;
	line-height:22px;
	color:#BEBEBE;
}

#header-tool a{ color:#BEBEBE; }

#header-tool a:hover{ color:#990303; }

/* Search form */
.simple-form {
	margin:0;
	padding:0;
	background:transparent url('images/top-form.gif') no-repeat;
	float:left;
	width:221px;
	height:23px;
	position:relative;
}

.input-text,.input-submit {
	border: medium none;
	background:transparent;
	position:relative;
}

.input-text { left:8px; top:0; width:140px; }
.input-submit {
	width:22px;
	height:22px;
	padding:0;
	left:18px;
	top:0;
	cursor:pointer;
}

#header-content{
	background:transparent url('images/header.png') no-repeat 50% 0;
	height:100px;

}

#header-content h1 {
	font:normal 24px Impact;
	margin:0;
	padding-bottom:10px;
}

#header-content h2 {
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
}

#menu-top {
	border-top:1px solid #FF2525;

}

/* container */
#container {
	background-color:#000000;
	border-left:1px solid #070707;
	border-right:1px solid #070707;
	width:978px;
padding-top:150px;
}

/* content */
#content {
	float:left;
	width:954px;
	padding:17px 17px 0 7px;
margin-top:-150px;
background-color:#1d1d1d;
border-left:#d92231 1px solid;
border-right:#d92231 1px solid;

}

.title {
	font:normal 16px 'Trebuchet MS', Verdana, Tahoma, Arial;
	color:#990303;

}

.post .title { margin-bottom:10px; }

.meta {
	border:1px solid #1B1B1B;
	background-color:#151515;
	padding:6px;
	font:normal 10px Tahoma, Verdana;
	color:#424242;
	text-transform:uppercase;
}

.meta a { color:#424242; }

.meta a:hover { color:#990303; }

.meta p {
	margin:0;
}

.meta p.first { margin-bottom:5px; }

.post .meta { margin-bottom:10px; }

.entry p { margin-top:0; }

/* about-us */
#about-us-wrapper {
	background:transparent url('images/about-us-top-bg.gif') no-repeat 0 0;
	padding-top:7px;
	width:632px;
	margin-bottom:7px;
}

#about-us {
	background:transparent url('images/about-us-bottom-bg.gif') no-repeat 0 100%;
	padding-bottom:7px;
}

#about-us-in {
	background:transparent url('images/about-us-bg.gif') repeat-y 0 0;
	padding:0 7px;
}

#about-us-in .title {
	border-bottom:3px solid #1E1E1E;
}

#about-us-avatar {
	float:left;
	margin:0 5px 5px 0;
}

#post-navigation {
	background:transparent url(images/post-nav.gif) no-repeat 0 0;
	width:113px;
	height:22px;
	float:right;
}

#post-navigation .alignleft {
	width:63px;
}

#post-navigation .alignright {
	width:41px;
}

#post-navigation a {
	display:block;
	position:relative;
	height:22px;
	line-height:22px;
	font-size:10px;
	text-transform:uppercase;
}

/* comment */
#comments, #respond h3 {
	color:#990303;
	font:normal 14px 'Trebuchet MS', Verdana, Tahoma, Arial;
}

.comment p {
	margin-top:0;
}

#commentform input, #comment {
	border:1px solid #1B1B1B;
	padding:7px;
	background-color:#151515;
	font:normal 12px Arial;
	color:#424242;
}

#commentform input#submit {
	background-color:#181818;
	color:#990303;
}

#comment {
	width:600px;
}

.pagetitle {
	font:normal 18px 'Trebuchet MS', Verdana, Tahoma, Arial;
	color:#AFAC83;
	margin:0;
}

/* sidebar */
#sidebar {
	float:right;
	width:321px;
	padding:7px 7px 0 0;
}

#sidebar ul {
	padding:0;
	margin:0;
}

#sidebar ul li {
	list-style:none;
}

#sidebar p {
	margin:0;
}

#sidebar a { color:#5F5F5F; }

#sidebar a:hover { color:#990303; }

/* top-sidebar */
#top-sidebar ul li.widget-wrapper, #bottom-sidebar-wrapper {
	background:transparent url('images/widget-top-bg.gif') no-repeat 0 0;
	list-style: none;
	padding-top:6px;
	margin-bottom:7px;
	/* width:321px; */
}

#top-sidebar ul li.widget-wrapper .widget, #bottom-sidebar {
	background:transparent url('images/widget-bg.gif') repeat-y 0 0;
	padding:0 6px;
}

#sidebar .widget-bottom {
	background:#111111 url('images/widget-bottom-bg.gif') no-repeat 0 0;
	height:6px;
}

.widgettitle {
	font:normal 16px 'Trebuchet MS', Verdana, Tahoma;
	color:#990303;
	border-bottom:3px solid #1E1E1E;
	padding-bottom:5px;
	margin-bottom:5px;
}

#top-sidebar ul li li {
	background:transparent url('images/widget-separator.gif') repeat-x 0 100%;
	padding:5px 0 7px;
}

#top-sidebar ul li li li {
	border-top:1px solid #1C1C1C;
	border-bottom:none;
}

/* widget search */
#search {
	padding:0 !important;
	margin-bottom:7px;
}

/* WP Email Capture */
#wp_email_capture
{

}

#wp_email_capture label
{

}

#wp_email_capture input
{

}

#wp_email_capture_2
{

}

#wp_email_capture_2 label
{

}

#wp_email_capture_2 input
{

}

#search .widget-bottom { display:none; }

#search, #search .widget {
	background:none !important;
}

#search .widget { padding:0 !important; }

#sidebar #search #searchform {
	background:#111111 url('images/search-form-bg.jpg') no-repeat 0 0;
	margin:0;
	padding:0;
	height:46px;
}

#sidebar #searchform div { position:relative; }

#sidebar #search input {
	border:none;
	background-color:transparent;
	position:absolute;
	display: block;
}

#sidebar #search #s {
	left:12px;
	top:13px;
	width:222px;
	color:#A5A5A5;
	height:18px;
}

#sidebar #search #searchsubmit {
	height:30px;
	right:9px;
	top:7px;
	width:66px;
	color:#FFFFFF;
	padding:0;
	cursor:pointer;
	text-indent:-999px;
}

/* bottom-sidebar */
#bottom-sidebar ul li {
	margin-bottom:7px;
}
#bottom-sidebar ul li li {
	background:transparent url('images/bottom-sidebar-separator.gif') repeat-x 0 100%;
	padding-bottom:9px;
	margin-bottom:5px;
}

#bottom-sidebar ul li li li {
	background:transparent url('images/bottom-sidebar-separator.gif') repeat-x 0 0;
	padding:9px 0 0 7px;
	margin:5px 0 0;
}

#sidebar-left, #sidebar-right { width:150px; }

#sidebar-left { float:left; }

#sidebar-right { float:right; }

/* footer */
#footer {
	background:transparent url('images/footer-bg.gif') repeat-x 0 0;
	height:36px;
	overflow:hidden;
	width:980px;
	text-align:center;
	font-size:11px;
	line-height:36px;
	color:#ffffff;
}

#footer a {
	color:#ffffff;
}
