/*
Theme Name: I Hate Mountains
Theme URI: http://www.ihatemountains.com
Description: Unique dark grungy theme with two-column layout. Tested in all major browsers. If you need support with this theme head over to the author's website.
Author: Nicolas "NykO18" Grevet
Version: 1.0
Author URI: http://www.logout.fr
Tags: black, left 4 dead, dark, threaded-comments
*/

* { padding:0; margin:0; outline:0; }
body { background: #0f0f0f url(images/body.jpg) no-repeat center -25px; color:#aaa; font-family: Verdana, Arial, sans-serif; font-size: 10pt; text-align: justify; }

.left, .alignleft { float:left; }
.right, .alignright { float:right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

a { color:#e44; text-decoration: underline; cursor:pointer; }
a.light { color:#ccc; text-decoration: none; }
a:hover { background:#e44; color:#fff; text-decoration: none; }
a img { border: 0; }

h1 { font-size:65px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; line-height:50px; }
h2 { font-size:20px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; line-height:23px; letter-spacing:-1px; }
h3 { font-size:18px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; line-height:24px; color:#fff;}

h2 span{ color:#fff; }
h2 span a { color:#fff; text-decoration: none;}

#shell { width:940px; margin:0 auto; }

#header { height: 350px; padding-top: 25px; width: 700px; }
#header h1 a{ display: block; text-decoration: none; background: transparent url(images/logo.png) no-repeat; width: 511px; height: 0; padding-top: 107px; overflow: hidden; }
#header .bloginfo { display: none; }
#header .portalprelude { display: block; text-decoration: none; background: transparent url(images/portalprelude.png) no-repeat; width: 352px; height: 0; padding-top: 19px; overflow: hidden; margin-top: -8px; }

div.buttons {}
div.buttons .rss, div.buttons .twitter, div.buttons .facebook { font-size: 0; line-height: 0; margin-right: 250px; float: right; width:184px; height:0; padding-top:40px; overflow: hidden; background-repeat: no-repeat; background-position: 0 bottom; }
div.buttons .rss:hover, div.buttons .twitter:hover, div.buttons .facebook:hover  { background-color: transparent !important; background-position: 0 0 !important; }
div.buttons .facebook { background-image: url(images/button-facebook.png); margin-top: -150px; }
div.buttons .twitter { background-image: url(images/button-twitter.png); margin-top: -100px; }
div.buttons .rss { background-image: url(images/button-rss.png); margin-top: -50px; }
div.buttons #feedback { margin: 0 240px 10px 0; float: right; width: 700px; background: url(images/post-c.png); }
div.buttons #feedback blockquote { min-height: 50px; margin: 10px; padding-left:45px; background:url(images/quote.gif) no-repeat 5px 5px; }
div.buttons #feedback span { color: #666; }
div.buttons #feedback a { color: inherit; }

#main {}
#content { float:left; width:700px; }
#sidebar { float:right; width:220px; color:#aaa; margin-top: -430px; text-align: left; }
#sidebar h2 { color:#f3f3f3; font-style: italic; font-weight: normal; background:url(images/sidebar-h2.gif) no-repeat 0 0; height:47px; line-height:43px; padding:0 17px; position:relative; left:-17px; margin-bottom: 10px; }

#sidebar ul { list-style-type: none; }
#sidebar ul li { margin-bottom:25px;}
#sidebar ul ul li { margin-bottom: 5px; }
#sidebar ul ul li.twitter-item { margin-bottom: 10px; text-align: justify; }
#sidebar ul ul li li { background: none; }
#sidebar ul ul ul  { background: url(images/li-border.gif) repeat-x 0 2px; padding-left: 10px; }

#sidebar a{ color:#fff; text-decoration: none; background:transparent !important; }
#sidebar a:hover { color:#e6124e; }
#sidebar ul ul li a{ background:url(images/bul.gif) no-repeat 0 5px !important; padding-left:12px; }

#sidebar .recentcomments a { background:transparent !important;}

#sidebar .widget_calendar {}
#sidebar .widget_calendar table { width:70%; text-align: center;}
#sidebar .widget_calendar th, #sidebar .widget_calendar td { padding:2px; }
#sidebar .widget_calendar a { text-decoration: underline ; background:transparent !important;}
#sidebar .widget_calendar a:hover { color:#e6124e !important; text-decoration: none;}

.post { position:relative; margin-bottom:50px; }
.post-cnt { padding: 10px 10px 0 10px;}
.post-head { margin-left:65px; height: 90px; }
.post-c { background:url(images/post-c.png); width:100%;}
.post-b { height:49px; background: url(images/footer.png) no-repeat 0 0; }

.post .entry { overflow: hidden; }
.post .entry p{ padding-bottom:10px;}
.post .entry table{ border-collapse: collapse; margin-bottom:10px; width: 100%; }
.post .entry table td{ vertical-align: top; }
.post .entry ol,
.post .entry ul { padding:0 0 10px 30px;}
.post .entry li { padding:0 0 3px 0;}
.post .entry blockquote { padding-left:45px; background:url(images/quote.gif) no-repeat 5px 5px; padding-bottom:10px;}

.post .entry h1 { font-size: 24px; line-height: 140%; font-weight: bold;}
.post .entry h2 { font-size: 22px; padding: 0; min-height: 0; font-weight: bold;}
.post .entry h3 { font-size: 20px; font-weight: bold; color: #636363}
.post .entry h4 { font-size: 16px; font-weight: bold;}
.post .entry h5 { font-size: 14px; font-weight: bold;}
.post .entry h6 { font-size: 12px; font-weight: bold;}

.post-meta { color:#fff; font-size:11px; }
.post-meta p{ position:relative; z-index:2;}

small.date { color: #fff; position:absolute; top:-10px; left:-55px; width:120px; height:110px; font-size:20px; background:url(images/blood.png) no-repeat 0 0; }
span.date-month { position: absolute; top:12px; left:38px; text-align: center; width: 50px; }
span.date-day { position: absolute; top:47px; left:64px; text-align: center; width: 50px; }

.num-comments { background:url("images/comments.gif") no-repeat scroll 0 0 transparent; display:block; font-size:10px; height:40px; left:-90px; padding:35px 0 0 30px; position:relative; top:-30px; width:165px; text-align: right; }
.num-comments a{ font-weight: bold; color:#1b4441; background:transparent !important; line-height: 20px; text-decoration: none; padding-right: 10px; }
.num-comments a:hover{ color:#e6124e; }

#footer { width: 700px; margin: 0 auto; padding-right: 220px; }
#footer p{ text-align: center; padding:20px; }
#footer p a{ color:#597b77; }
#footer p a:hover{ background:#597b77; color:#fff;}

h2.pagetitle, h2.center { color:#fff; text-align: center; padding:20px 0; font-weight: normal;}
h2.pagetitle { background-image:url(images/header.png); color:#888888; font-weight:normal; line-height: 30px; padding: 10px 20px; text-align:right; }

.post-page {}
.post-page h2 { min-height:2px; padding-left:0;}
.post-single { margin-bottom:30px;}

.page-nav { font-size:10px; padding-bottom:20px; color:#851c39; }
.page-nav .alignright { text-align: right; }

ol.commentlist, ul.commentlist { list-style-type: none; }
ol.commentlist li{ background:url(images/post-c.png); padding:10px; margin-bottom:5px; height:100%;}
ol.commentlist li p{ padding-top:10px;}
ol.commentlist li img{ float:right}
ol.commentlist li .comment-author{ font-weight: bold;}
ol.commentlist li .comment-meta{ font-size:10px; }
ol.commentlist li .comment-author, ol.commentlist li .comment-author a, ol.commentlist li .comment-meta a, ol.commentlist li .comment-meta { color:#aaa; }
ol.commentlist li a{ color:#777; }
ol.commentlist li a:hover { background:#777; color:#fff; }

input, textarea, select { font-size:12px; font-family: Arial, sans-serif; background:#000; color:#aaa; border:1px solid #888;}
input, textarea { padding:5px; }
textarea { overflow:auto; }

h3#comments { padding:20px 0 10px 0;}
#respond { padding:20px 0 0 0;}
#respond h3{ padding-bottom:10px;}
#respond p{ padding-bottom:10px;}
#respond input{ width:250px; }
#respond input#submit{ width:150px; }
#respond textarea{ width:543px; height:180px; }
	
#content #searchform { text-align: center;}

.screen-reader-text { display:none;}

#searchform input { width:130px;}
#searchform input#searchsubmit { width:80px;}
.navigation img { margin: 5px; }
.navigation a:hover { text-decoration: none; }
p.attachment { text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.children li { list-style-type: none; background: none !important; }
li.twitter-item { font-size: 80% }
strong { color: #ccc; }
img.avatar { float: left; margin-right: 10px; border: 1px solid black; }
p.avatar { line-height: 1em; }
table.maps { border-collapse: collapse; }
table.maps td { padding: 0 0 5px 0; vertical-align: top; }
img.map { float: left; margin-right: 10px; width: 120px; height: 60px; float: left; }
hr.clear { visibility: hidden; height: 0; border: 0 none; overflow: hidden; clear: both; }
hr.spacer { margin-bottom: 10px; }
table.credits  td { padding: 0 5px; }
abbr { border-bottom: 1px dotted; }

p.screenshots-ambient { text-align: center; }
p.screenshots-ambient img { margin: 0 2px 2px 0; }
p.screenshots-ambient a:hover { background: none; }
p.screenshots-ambient a:hover img{ border: 1px solid #aaa; margin: -1px 1px 1px -1px; }
p.screenshots-action { text-align: center; }
p.screenshots-action img { margin: 0 0 2px 0; }
div.disclaimer { background: #111 url(/images/icons/warning.png) 10px 10px no-repeat; padding: 10px 20px 10px 120px; margin-bottom: 20px; }
.post .entry div.disclaimer p { padding-bottom: 0; }
ul.disclaimer li { margin-bottom: 10px; }
table.download { text-align: center; border-collapse: collapse; }
table.download td, table.download th { padding: 10px 20px; text-align: justify; }
table.download td { padding: 20px; }
table.download thead, table.download tfoot, p.block { background-color: #111; }
table.download thead a:hover, table.download tfoot a:hover { background: none; }
table.download tfoot td { text-align: center; }
ol.console img { margin: 10px 0 10px -30px; }

div.download div.download-box { background-color: #111; min-height: 120px; padding: 10px 20px; margin-bottom: 20px; }
div.download div.download-description { background-color: #111; padding: 10px; margin-bottom: 20px; }
div.download div.download-description p { padding-bottom: 0; }
div.download a.download-link { text-decoration: none; }
div.download span.download-provider a { color: #fff; text-decoration: none; }
div.download img#left4dead1, div.download img#left4dead2 { margin: 0 20px 0 0; float: left; }
ul.download-list { margin-bottom: 20px; }
ul.spaced li { margin: 5px 0; }
img.flag { vertical-align: middle; }
#forums { margin: 10px 0; padding: 10px; text-align: center; }
#forums a { margin-top: 10px; display: block; }
#forums a:hover { background: none; }

div#bonus { padding-bottom: 10px; }
div#bonus > h3 { margin-top: 10px; }
img#bonus-icon { float: left; margin: 0 10px 0 0; }
img#bonus-password { float: left; margin: 0 0 20px 0; }
p#bonus-loading, p#bonus-loaded { display: none; }
p#bonus-loading img, p#bonus-loaded img { vertical-align: bottom; }
form#bonus-navigation { background-color: #111; padding: 5px 10px 10px 10px; border: 1px solid #222; margin-bottom: 10px; }
form#bonus-navigation input { float: right; margin-top: 5px; }
form#bonus-navigation div.bonus-navigation-choice { padding: 0 0 0 5px; border-left: 5px solid #444; margin-top: 5px; }
div#slideshow { border: 1px solid #222; width: 680px; }
div#slideshow-navigation { border-bottom: 0 none; text-align: center; height: 40px; overflow: hidden; background: #222 url(images/menu.png) repeat-x; }
div#slideshow-navigation a { display: block; float: left; height: 40px; line-height: 40px; padding: 0 10px; color: #ccc; text-decoration: none; }
div#slideshow-navigation a:hover, div#slideshow-navigation a.activeSlide { color: #fff; background: #222 url(images/menu-hover.png) repeat-x; }
img.slideshow-picture { width: 100%; height: 425px; }
img.slideshow-poster { width: 100%; height: 906px; }
div#study { background-color: #111; border: 1px solid #222; padding: 10px; margin-bottom: 10px; min-height: 60px; }
div#study p { padding: 0; }
div.sound { background-color: #222; border: 1px solid #444; float: left; margin: 5px; padding: 5px; width: 200px; }
div.music { background-color: #222; border: 1px solid #444; padding: 5px; margin-bottom: 5px; }
div.tool { height: 40px; background-color: #111; border: 1px solid #222; padding: 5px; margin-bottom: 5px; }
div.tool h4 { font-size: 14px; line-height: 20px; }
div.tool p { padding: 0; }
div.tool img { float: left; margin-right: 10px; display: block; }
div#makingof { border: 1px solid #222; background: #111 url(/images/icons/warning.png) 10px 10px no-repeat; padding: 10px 20px 10px 120px; margin-bottom: 10px; }
div#makingof p { padding: 0; }
.post .entry h3.title { letter-spacing: -1px; background: #111; padding: 5px 10px 0; border: 1px solid #222; border-bottom: 0 none; font-size: 16px; }
.post .entry p.title { background: #111; padding: 0 10px 10px; border: 1px solid #222; border-top: 0 none; margin-bottom: 10px; }
.post .entry p.nopadding { padding: 0; }
p.bonus-development img { margin: 0 5px 2px 0; }
p.bonus-development a:hover { background: none; }
p.bonus-development a:hover img{ border: 1px solid #aaa; margin: -1px 4px 1px -1px; }

/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }