/*  
Theme Name: Hellmode
Theme URI: http://www.hellmode.com
Description: It's Hellmode!
Version: 1.0
Author: Ian "Sol Invictus" Cheong
Author URI: http://www.hellmode.com/
*/

/* Basic styles*/
body {
	background:#120706 url(images/bg-grunge.jpg) no-repeat; background-attachment: fixed; background-position: top center;
	font-family: Helvetica,Tahoma,'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif; 
	margin:0 auto;
	font-size:0.9em;
        color: #dddddd;
        	 font-style: normal;
}

::selection { background: #ffb7b7; color: #fff; }
::-moz-selection { background: #ffb7b7; color: #fff; }
img { border:0}
img.middle {vertical-align:middle; margin-right:2px;}
a { outline-style:none;  }
a:link ,a:active ,a:visited { text-decoration: none; color : #CA3528; border: none;}
a:hover	{ text-decoration: underline; color : #CA3528; border: none;} 
textarea,input {color:#7b7d6f}
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.search-form input {
  width: 150px; margin-top: 10px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000;
}

#signature1 {
background:url(images/sig-ashelia.png) no-repeat top left;
width:187px;
height:94px;
float:right;
}

#signature1 span {display: none;}

#signature2 {
background:url(images/sig-ashelia.png) no-repeat top left;
width:187px;
height:94px;
}

#signature2 span {display: none;}


#monster-rss { background: url(images/monster-rss.png) no-repeat 0 0; width: 96px; height: 96px; position: absolute; margin-left: 165px; margin-top: 20px;}
#monster-rss span {display: none;}

#topbar {margin: 0 auto; width: 100%; height: 40px; background:url(images/topbar-bg.png) repeat-x;}
#topbarcontainer {margin: 0 auto; width: 1000px;}
#topbarcontents {margin-left:2px;}

#navlogo {margin-right:70px; float:left; width: 268px; height: 40px; background: url(images/logo.png) no-repeat 0 0;}

#navlogo:hover {background-position: 0 -40px;}
#navlogo span {display: none;}

#nav-about {width: 120px; height: 40px; background: url(images/navbutton-about.png) no-repeat 0 0; float:left;}
#nav-about:hover {background-position: 0 -40px;}
#nav-about span {display: none;}

#nav-archives {width: 120px; height: 40px; background: url(images/navbutton-archive.png) no-repeat 0 0; float:left;}
#nav-archives:hover {background-position: 0 -40px;}
#nav-archives span {display: none;}

#nav-contact {width: 120px; height: 40px; background: url(images/navbutton-contact.png) no-repeat 0 0; float:left;}
#nav-contact:hover {background-position: 0 -40px;}
#nav-contact span {display: none;}

#nav-faq {width: 120px; height: 40px; background: url(images/navbutton-faq.png) no-repeat 0 0; float:left;}
#nav-faq:hover {background-position: 0 -40px;}
#nav-faq span {display: none;}

#nav-rss {width: 120px; height: 40px; background: url(images/navbutton-rss.png) no-repeat 0 0; float:left;}
#nav-rss:hover {background-position: 0 -40px;}
#nav-rss span {display: none;}

#wrapper {margin:0 auto;width:1120px;}
#wrapper #header {clear:both;height:121px; width:1100px;padding:0px;background:url(images/body_top.png) bottom left no-repeat; overflow:hidden;}

#wrapper #headsup {clear:both;height:121px; width:1100px;padding:0px;background:url(images/body_top.png) bottom left no-repeat; overflow:hidden;}



#wrapper #main {clear:both;overflow:hidden;width:1100px; padding:0px; background: url(images/body_middle.png) top left repeat-y;}
#wrapper #footer { color:#5e5e5e;clear:both;overflow:hidden;  width:1100px; padding: 20px 0px 10px; background: url(images/body_bottom.png) top left no-repeat;}

#wrapper #main #topad {height:121px; width:1100px;padding:0px;background:url(images/background-topad2.png) bottom left no-repeat; overflow:hidden;}

#twitter { margin-top: 10px; margin-left: 100px; position: absolute; height: 94px; width: 242px;}

#twitter #ashelia { height: 32px; width: 160px; font-size: 10px; margin-top: 2px; line-height: 10px; position: absolute;}
#twitter #ashelia-icons { height: 32px; width: 125px; font-size: 10px; margin-top: 6px; line-height: 10px; position: absolute; margin-left: 165px;}
#twitter #ashelia-icons span {display: none;}

#twitter #sol { height: 32px; width: 160px; font-size: 10px; margin-top: 55px; line-height: 10px; position: absolute;}
#twitter #sol-icons { height: 32px; width: 125px; font-size: 10px; margin-top: 55px; line-height: 10px; position: absolute; margin-left: 165px;}
#twitter #sol-icons span {display: none;}

#header-ad { margin-top: 7px; position: absolute;  margin-left: 360px; }

.monster-steam {width: 32px; height: 32px; background: url(images/monster-steam.png) no-repeat 0 0; float: left; margin-left: 2px;}
.monster-twitterblue {width: 32px; height: 32px; background: url(images/monster-twitterblue.png) no-repeat 0 0; float: left; margin-left: 2px;}
.monster-twitterpink {width: 32px; height: 32px; background: url(images/monster-twitterpink.png) no-repeat 0 0; float: left; margin-left: 2px;}

#header #logo { width:280px; float:left; margin-left: 300px}
#header #nav {width:260px; float:right;}

#header #nav .pages, #header #nav .pages * {margin:0; padding:0;list-style: none;}
#header #nav .pages { float:right; margin-top:18px;}
#header #nav .pages li {display:inline; float:left; margin-right:5px;}

#header #nav .pages li a:link, #header #nav .pages li a:visited, #header #nav .pages li a:active {color:#426372;font-size:14px;height:34px;line-height:34px;padding-right:10px;}
#header #nav .pages li a:hover {color:#5d6061;background:transparent url(images/navbg.png) repeat scroll top right;float:left}
#header #nav .pages li a:hover span {background:transparent url(images/navbg.png) repeat scroll left top;display:block;}
#header #nav .pages li.current_page_item a:visited,#header #nav .pages li.current_page_item a:active,#header #nav .pages li.current_page_item a:link {background:transparent url(images/navbg.png) repeat scroll top right;color:#5d6061;float:left}
#header #nav .pages li.current_page_item a:visited span,#header #nav .pages li.current_page_item a:active span,#header #nav .pages li.current_page_item a:link span {background:transparent url(images/navbg.png) repeat scroll left top;display:block;}
#header #nav .pages li a:link span, #header #nav .pages li a:visited span, #header #nav .pages li a:active span  {padding-left:10px;}


#main #content { width:690px; float:right; margin-right:25px; text-align:left;}
#main #sidebar {width:315px; float:left;line-height:18px; margin-left: 45px; color: #ccc; position: relative; top: -113px; }

#footer .container { width:700px; float:right; margin-right:20px; text-align:left; font-size: 0.8em;}
#footer .left { float:left; width: 151px;}
#footer .right { float: right; text-align: right;}
#footerlogo { background: url(images/logo-footer.png) no-repeat 0 0; width: 150px; height: 22px; }
#footerlogo span {display: none;}

#side-ad { margin-left: 2px;}

.widget { margin-bottom:20px; margin:0 15px 0; padding:0; overflow:hidden;clear:both; }
.widget h4 { font-size:18px; margin:0; padding:0 0 5px 15px; color:#ddd;font-weight:bold; 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/separator1.gif) repeat-x scroll 0 bottom;
margin:15px 0 0;
padding:0 0 15px;
}

.widget ul { list-style:none; font-size:0.8em;  padding:0;}
.widget ul li { background:url(images/icon_bullet.png) 5px 2px no-repeat; padding:0 0 7px 24px;}
.widget_categories ul li { width:40%; float:left; margin:0;}
.widget_rssfeed {color:#727576;font-size:14px; padding:0 10px;}
.widget_rssfeed ul li {margin-bottom:5px;}
.widget_rssfeed ul li.rss { background:url(images/rssfeed.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_rssfeed ul li.email { background:url(images/mail.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_rssfeed ul li.twitter { background:url(images/twitter.png) 0 0 no-repeat; padding:6px 0 10px 38px;font-size:16px;}
.widget_search form { padding:0 10px 0;}
.widget_search input{width:63%;padding:5px; margin:0 5px 10px 0;background:#f8f8f5 url(images/random.png) top left repeat-y;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #f5f5f1;border-bottom:1px solid #f5f5f1;}
.widget_search input#searchsubmit { width:70px;margin-top:10px; background:url(images/submit.png) top left repeat-x;color:#ffffff;padding-bottom: 3px;border:1px solid #94c1cd;}

.widgetheader {clear:both; background:url(images/nav-top.png) bottom left no-repeat; overflow:hidden;}
.widgetcontent {clear:both; overflow:hidden; background: url(images/nav-mid.png) top left repeat-y;}
.widgetfooter { clear:both; overflow:hidden; background: url(images/nav-bottom.png) top left no-repeat;}

.widget_recent_entries a {
	 text-decoration: none;
	 display:block;
	 padding: 0;}
.widget_recent_entries a:hover {
	 background-color: #424242;
}



.post {color:#c7bfbf;padding-bottom:5px;margin-bottom:20px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

margin:15px 0 0;
padding:0 0 15px;
}
.post .title { width:660px!important;width:680px; float:left; padding-bottom:5px;}
.post .title h2 { color:#ca3528; font-size:1.6em;margin:0;padding:0 0 7px 0; font-family:Helvetica,Arial,'Myriad Pro',sans-serif; }
.post .title h2 a { color:#ca3528;}
.post .title h2 a:hover { color:#ca3528;}

.post .title .meta { color:#dddddd; font-size:0.8em;}
.post .title .meta a { color:#CA3528; padding:4px; text-decoration:underline;} 
.post .title .meta a:hover { color:#CA3528; } 

.post .submeta { font-size:0.7em; height: 72px; background:transparent url(images/metabackground.png) repeat-x scroll 0; line-height:20px; }
.post .submeta a { } 
.post .submeta a:hover { color:#CA3528; text-decoration:underline; } 

.post .submetaelement { padding: 7px 3px;}

.post .submetafp { font-size:0.7em; height: 48px; background:transparent url(images/metabackgroundfp.png) repeat-x scroll 0; line-height:20px; }
.post .submetafp a { } 
.post .submetafp a:hover { color:#CA3528; text-decoration:underline; } 



.post .commentcount { font-weight:600;font-size:11px;width:35px; height:28px;text-align:center;margin:0 7px 0 10px;padding-top:8px; float:left; background:url(images/commentcount.png) top left no-repeat;}
.post .commentcount a {color:#6e6e6e;}
.post .entry {line-height:22px;padding:10px;display:block; clear:both; overflow:hidden;color:#ccc;}
.post p { margin:0; padding:0 0 10px 0;}
.post blockquote { background:transparent url(images/quote.png) no-repeat scroll 0 0;font-size:0.8em;color:#666666;font-style:italic;line-height:1.5em;margin:10px auto auto 8px;padding:0 15px 10px 50px;}
.post ul.split3cols,.post ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.post ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.post ul.split3cols li { float:left;width:155px;margin-right:5px;}
.post ul.split2cols li { float:left;width:240px;margin-right:5px;}
.post ul li { line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4 {margin:0 0 5px 0; padding:0 0 5px 0px; color:#ca3528;font-weight:400;}
.post .entry h1 { font-size:16px;}
.post .entry h2 { font-size:15px;}
.post .entry h3 { font-size:14px;}
.post .entry h4 { font-size:13px;}

.page h2 { color:#ca3528; font-size:2.15em;margin:0;padding:7px 0 7px 0; font-family:Helvetica,Arial,'Myriad Pro',sans-serif; }
.page .entry {line-height:22px;padding:0 0px;display:block; clear:both; overflow:hidden;color:#aaa;}
.page .entry2 {line-height:22px;padding:0 7px;display:block; clear:both; overflow:hidden;color:#aaa;}
.page p { margin:0; padding:0 0 10px 0;}
.page blockquote { background:transparent url(images/quote.png) no-repeat scroll 0 0;font-size:0.8em;color:#666666;font-style:italic;line-height:1.5em;margin:10px auto auto 8px;padding:0 15px 10px 50px;}
.page ul.split3cols,.page ul.split2cols {font-size:12px;overflow:auto;width:520px;}
.page ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.page ul.split3cols li { float:left;width:155px;margin-right:5px;}
.page ul.split2cols li { float:left;width:240px;margin-right:5px;}
.page ul li { }
.page .entry h1,.page .entry h2,.page .entry h3,.page .entry h4 {}
.page .entry h1 { font-size:16px;}
.page .entry h2 { font-size:2.15em;}
.page .entry h3 { font-size:14px;}
.page .entry h4 { font-size:13px;}
.page .entry h5 { font-size:1.2em; font-weight:bold; color:#dddddd; margin:15px 0 5px;}

.bookmarks {color:#ca3528;background: url(images/bookmarkthis.png) 10px 10px no-repeat;overflow:hidden;clear:both;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/separator1.gif) repeat-x scroll 0 bottom; padding: 5px;}
.bookmarks span{ font-size:12px; line-height:20px;}
.bookmarks ul { list-style:none; margin:0; padding:5px; overflow:hidden; clear:both;}
.bookmarks ul li { float:left; padding:0 10px 0;}
.bookmarks ul li a:link,.bookmarks ul li a:visited { color:#ca3528;}
.bookmarks ul li a:hover { color:#a2c2d1;}
.bookmarks ul li.df { background:url(images/fav/designfloat.png) 0 0 no-repeat;}
.bookmarks ul li.digg { background:url(images/fav/digg.png) 0 0 no-repeat;}
.bookmarks ul li.del { background:url(images/fav/delicious.png) 0 0 no-repeat;}
.bookmarks ul li.techno { background:url(images/fav/technorati.png) 0 0 no-repeat;}
.bookmarks ul li.su { background:url(images/fav/stumbleupon.png) 0 0 no-repeat;}

.reddit { float: right;padding-top: 7px; margin-right:5px;}
.tweetmeme { float: right; padding-top: 9px; }

.separator {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/separator1.gif) repeat-x scroll 0 bottom;
margin:5px 0 15px;
padding:5px 0 15px;
}

.separator2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/separator1.gif) repeat-x scroll 0 bottom;
margin:2px 0 2px;
padding:1px 0 1px;
}

#comments { padding:0 0 0 15px; margin:0; font-size:14px; color:#ca3528; }
.commentlist { list-style:none; padding:10px 20px 0 20px; margin:0; overflow:hidden;clear:both;}
.commentlist li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/separator1.gif) repeat-x scroll 0 bottom; background-color: #30201e;
margin:15px 0 0;
padding:15px 10px;
}
.commentlist p { color:#8d8d8d;line-height:15px; padding:0 10px; font-size: 0.8em;}
.commentlist .comment-author { color:#838383; }
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentlist .comment-author a:link,.commentlist .comment-author a:visited{ color:#7c9dac; }
.commentlist .comment-author a:hover{ color:#838383; }
.commentlist .comment-author .avatar {float:right; border:1px solid #d9d9d9; padding:3px;}
.commentlist .comment-meta a { font-size:10px;color:#a0a09f;}
.commentlist .reply { padding:0px 10px 5px 10px; }

#comment-form,.commentform { padding:0 15px; margin:0; font-size:11px;color:#dddddd;}
#comment-form h3,.commentform h3 { font-size:14px; color: #ca3528;}
#comment-form form ,.commentform form { padding:0 20px; margin:0;}
#comment-form label,.commentform label {margin:0 10px 0 0;}
#comment-form input,.commentform input { width:400px;padding:5px; margin:0 10px 10px 0;background:#0e0e0e url(images/random.png) top left repeat-y;border-left:1px solid #0e0e0e;border-top:1px solid #0e0e0e;border-right:1px solid #0e0e0e;border-bottom:1px solid #0e0e0e;}
#comment-form input.submit,.commentform input.submit { width:100px;float:right;margin-top:10px; background:url(images/submit.png) top left repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#ffffff;padding-bottom: 3px;border:1px solid #4b1d17;}
#comment-form textarea,.commentform textarea { width:400px;background:#500000 url(images/random.png) top left repeat-y;border-left:0; border-top:1px solid #1f1f1f;border-right:1px solid #262626;border-bottom:1px solid #262626;padding:10px;}

.comment-nav { padding:0px; }

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

#commentform textarea {
height:9em; width: 500px;
}