/*
Theme Name: Slick
Theme URI: http://www.slickentertainment.com/
Description: Theme to be used by Slick Entertainment only.
Version: 1
Author: Adam Foster
Author URI: http://fullyillustrated.com
*/

/* CSS RESET */

* {	margin: 0px; padding: 0px; text-indent: 0px; }
:focus{ -moz-outline-style: none; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.end { border: none!important; margin-right: 0!important; }
.last { background: none!important; margin-bottom: 0!important; }

/* COMMON */

body { background: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #837f8a; line-height: 14px; }
:link, :visited { color: #3e2c63; }
p a:hover { color: #fff; background: #3e2c63; }
h1, h2, h3 { color: #55496b; font-weight: normal; font-size: 24px; line-height: 24px; padding-bottom: 12px; }
h3 { font-size: 18px; line-height: 20px; }
p, ul, ol { padding-bottom: 12px; }
span { color: #3e2c63; }
strong { color: #55496b; }
.button { display: inline-block; height: 24px; width: 289px; background: url(_include/img/icons.png); background-position: 0 -96px; color: #716c7a; font-size: 14px; line-height: 14px; text-decoration: none; text-align: center; padding-top: 9px; }
.button img { padding-right: 5px; }
.button:hover { background-position: 0 -139px; color: #280473; }

/* GENERAL LAYOUT */

#wrapper { width: 100%; height: 85px; min-width: 955px; }
#header { background: url(_include/img/background-header.png) top no-repeat; padding: 0 41px; width: 913px; margin: 0 auto; height: 85px; position: relative; }
#logo { display: block; padding: 14px 0 0 25px; }
#footer { width: 993px; margin: 0 auto; }
#footer-nav { width: 430px; }
#footer-nav li { float: left; }
#footer-nav li :link, #footer-nav li :visited { text-decoration: none; display: inline-block; font-size: 11px; line-height: 11px; margin-top: 4px; border-right: 1px solid #6b627c; padding-right: 9px; margin-right: 9px; }
#footer-nav li :hover { text-decoration: underline; }
#footer-nav .end :link, #footer-nav .end :visited { background: url(_include/img/icon-fully-illustrated.gif) right top no-repeat; height: 17px; padding-right: 38px; display: inline-block; margin: 0; padding-top: 4px; border: none 0; }
#icons { width: 708px; background: url(_include/img/divider.gif) top no-repeat; padding: 10px 0 10px 285px; }
#footer-nav { width: 723px; background: url(_include/img/divider.gif) top no-repeat; padding: 10px 0 10px 270px; }
#icons li { float: left; padding-right: 30px; }
#content { width: 993px; margin: 0 auto; margin-bottom: 10px; }
#promo { width: 993px; margin: 0 auto; background: url(_include/img/divider.gif) top no-repeat; padding: 20px 0px 10px; }
.row { width: 933px; padding: 0 30px; }
.col { float: left; width: 291px; margin: 0 10px; }

/* NAV */

#nav { position: absolute; right: 40px; top: 0; }
#nav li { float: left; height: 65px; position: relative; }
#nav :link, #nav :visited { display: block; height: 33px; padding-top: 32px; font-size: 15px; text-align: left; padding-left:5px; color: #716c7a; margin-left: 2px; text-decoration: none; position: relative; }
#nav .page-home :link, #nav .page-home :visited { width: 53px; }
#nav .page-ourgames :link, #nav .page-ourgames :visited { width: 87px; }
#nav .page-news :link, #nav .page-news :visited { width: 51px; }
#nav .page-devblog :link, #nav .page-devblog :visited { width: 72px; }
#nav .page-about :link, #nav .page-about :visited { width: 53px; }
#nav .current :link, #nav .current :visited, #nav .ancestor :link, #nav .ancestor :visited { color: #280473; }
#nav :hover { color: #280473; }
#nav em { display: block; height: 65px; background: url(_include/img/background-nav-highlights.gif); position: absolute; left: 0; top: 0; display:none; }
#nav .current em, #nav .ancestor em { display: block; }
#nav .page-home em { width: 58px; background-position: 0 0; }
#nav .page-ourgames em { width: 92px; background-position: -60px 0; }
#nav .page-news em { width: 56px; background-position: -154px 0; }
#nav .page-devblog em { width: 77px; background-position: -212px 0; }
#nav .page-about em { width: 58px; background-position: -291px 0; }

/* HOME */

.home #wrapper { background: #000 url(_include/img/background-scrapmetal.jpg) top no-repeat; height: 535px!important; position: relative; margin-bottom: 20px; }
.tear { display: block; height: 23px; background: url(_include/img/background-white-tear.png); color: #fff; width: 100%; position: absolute; bottom: 0px; left: 0px; }
.home-link { width: 410px; display: block; margin: 100px auto 0; height: 340px; position: relative; }
.home-link span { overflow: hidden; text-indent: -3000px; position: absolute; display: block; background: url(_include/img/background-check-it-out.gif); bottom: 30px; height: 28px; width: 153px; left: 130px; }
.home-link:hover span { background-position: 0 -33px; }
.twitter-link { display: block; left: 230px; top: 460px; position: absolute; background: url(_include/img/Twitter.gif); height: 44px; width: 179px; }


/* GAMES OVERVIEW */

.game-row { width: 883px; height: 165px; display: block; background: url(_include/img/background-games-overview.png); padding: 20px 21px; margin: 0 25px 0 35px; position: relative; }
.game-row span { height: 86px; width: 81px; position: absolute; background: url(_include/img/icons.png); overflow: hidden; text-indent: -300px; right: 60px; top: 60px; display: none; }
.game-row:hover span { display: block; }
.check-it .check-but { text-align: left; padding-left: 22px; width: 200px; position: relative; background-position: 0 -182px; }
.check-it .check-but:hover { background-position: 0 -225px; }
.check-it { position: relative; padding-left: 20px; width:271px; }
.check-img { position: absolute; top: -3px; left: 40px; }

/* ABOUT */

.width600 { width: 600px; }
.width291 { width: 291px; }
.row-d { background: url(_include/img/divider.gif) bottom no-repeat; padding: 20px 30px; margin-bottom: 20px; }
.r-about { background: url(_include/img/background-about.jpg) no-repeat left; padding-left: 350px; width: 583px; }
.r-about p { padding-bottom: 25px; }

/* GAMES DETAIL - GLOBAL */

.g-features { width: 619px; }
.g-blog { width: 175px; }
.games-detail .row { width: 834px; padding: 0 80px; }
.g-overview { width: 534px; padding-right: 280px; padding-bottom: 20px; position: relative; }
.platform { text-transform: uppercase; position: absolute; top: 6px; right: 275px; }
.g-features li { float: left; width: 268px; padding: 0 20px 12px; }
.g-blog li { padding: 0 20px 8px; }
#wrapper h2.h2-features { background-position: 0 -35px; }
#wrapper h2.h2-blog { background-position: 0 -69px; }

#media { height: 340px; width: 777px; padding: 73px 52px 20px 71px; margin: 375px 0 30px 42px; position: relative; }
#screenshot { width: 584px; float: left; height:329px; z-index: 5; position: relative; }
#thumbsholder { float: right; width: 192px; height: 329px;  }
#ajaxloader { left:333px; position:absolute; top:223px; z-index:2; }
.screen-thumbs, .screen-trailers { width: 184px; }
.screen-thumbs li, .screen-trailers li { float: left; width: 91px; height: 51px; display: block; overflow: hidden; position: relative; margin: 0 0 2px 1px; }
.screen-thumbs li span, .screen-trailers li span { display:block; left:0; position:absolute; top:0; width: 85px; height: 45px; }
.screen-thumbs li a:hover span, .screen-thumbs li .activethumbnail span, .screen-trailers li a:hover span, .screen-trailers li .activethumbnail span { border: 3px solid #ffffff; }
#thumbsheader { width: 184px; height: 30px; overflow: hidden; }
#thumbsheader :link, #thumbsheader :visited, #thumbfooter :link, #thumbfooter :visited { display: block; width: 91px; height: 28px; overflow: hidden; text-indent: -3000px; float: left; margin-left: 1px; }
#button-trailer { float: right; background-position: 0 -60px; }
a#button-trailer:hover, #button-trailer.thumbspage-active { background-position: 0 -90px; }
a#button-screen:hover, #button-screen.thumbspage-active { background-position: 0 -30px; }
#thumbfooter #button-left { background-position: 0 -120px; height: 34px; }
#thumbfooter #button-right { background-position: 0 -192px; height: 34px; }
#thumbfooter a#button-left:hover, #thumbfooter #button-left.pag-active { background-position: 0 -156px; } 
#thumbfooter a#button-right:hover, #thumbfooter #button-right.pag-active { background-position: 0 -228px; }
#thumb-mask { width: 184px; height: 265px; overflow: hidden; position: relative;  }
#thumb-mask ul, #spacefiller { float: left; width: 184px; margin-right: 2px; }
#thumb-scroller { position: relative; width: 1200px; top: 0; left: -186px; }
#totalpages { visibility: hidden; }
#thumbfooter #button-right.pag-active, #thumbfooter #button-left.pag-active, #button-trailer.thumbspage-active, #button-screen.thumbspage-active{ cursor: default; }

/* SCRAP METAL */

.page-scrapmetal #wrapper { background: #000 url(_include/img/background-scrapmetal.jpg) top no-repeat; position: relative; margin-bottom: 20px; height: auto; padding-bottom: 40px; }
.page-scrapmetal #content .row { color: #8c6748; }
.page-scrapmetal h1, .page-scrapmetal h2, .page-scrapmetal strong, .page-scrapmetal #content :link, .page-scrapmetal #content :visited { color: #fff; }
.page-scrapmetal .g-overview { background: url(_include/img/background-small-scrap-metal.jpg) no-repeat top right; }
.page-scrapmetal .g-features li, .page-scrapmetal .g-blog li { background: url(_include/img/background-sm-bullet.gif) left top no-repeat; }
.page-scrapmetal h1, .page-scrapmetal h2 { background: url(_include/img/background-sm-headers.gif) left top no-repeat; text-indent: -3000px; }

.page-scrapmetal #media { background: url(_include/img/background-scrap-metal-media.png); }
.page-scrapmetal #thumbsheader :link, .page-scrapmetal #thumbsheader :visited, .page-scrapmetal #thumbfooter :link, .page-scrapmetal #thumbfooter :visited { background-image: url(_include/img/background-media-buttons.gif); }
.page-scrapmetal #thumb-mask ul { background: url(_include/img/background-ul-sm.gif); height: 265px; }
.page-scrapmetal #thumbfooter { background: url(_include/img/background-sm-foot.gif) no-repeat top left; width: 184px; height: 34px; }

/* N+ */

.page-nplus #wrapper { background: #383330 url(_include/img/background-n.gif) top no-repeat; position: relative; margin-bottom: 20px; height: auto; padding-bottom: 40px; }
.page-nplus #content .row { color: #7e756f; }
.page-nplus h1, .page-nplus h2, .page-nplus strong, .page-nplus #content :link, .page-nplus #content :visited { color: #ffd000; }
.page-nplus #content a:hover { color: #fff; }
.page-nplus .g-overview { background: url(_include/img/background-small-n.gif) no-repeat top right; }
.page-nplus .g-features li, .page-nplus .g-blog li { background: url(_include/img/background-n-bullet.gif) left top no-repeat; }
.page-nplus .tear{ background: #fff url(_include/img/background-n-tear.gif) center no-repeat; height: 15px; }
.page-nplus h1, .page-nplus h2 { background: url(_include/img/background-n-headers.gif) left top no-repeat; text-indent: -3000px; padding-bottom: 10px; }

.page-nplus #media { background: url(_include/img/background-n-media.gif) no-repeat 41px 43px; }
.page-nplus #thumbsheader :link, .page-nplus #thumbsheader :visited, .page-nplus #thumbfooter :link, .page-nplus #thumbfooter :visited { background-image: url(_include/img/background-n-media-buttons.gif); }
.page-nplus #thumb-mask ul { background: url(_include/img/background-ul-n.gif); height: 265px; }
.page-nplus #thumbfooter { background: url(_include/img/background-n-foot.gif) no-repeat top left; width: 184px; height: 34px; }

/* BLOG */

.width620 { width: 620px; margin: 0; }
.page-blog .width291 { margin-right: 3px; width: 298px; }
.post { padding: 0 10px; width: 600px; background: url(_include/img/divider-blog.gif) no-repeat bottom; padding-bottom: 40px; margin-bottom: 20px; }
.page-blog #content h1 { font-size: 48px; line-height: 48px; color: #3a3543; background: url(_include/img/blog-assets.gif) no-repeat left 38px; padding-left: 10px; margin-bottom: 10px; }
.page-blog #content h2 { color: #393542; }
.page-blog #content h2 :link, .page-blog #content h2 :visited { text-decoration: none!important; }
.date { font-size: 14px; line-height: 14px; color: #716c7a; }
.meta { position: relative; }
.user-link { margin-right: 20px; }
.comments { position: absolute; right: 0; color: #837F8A; }
.post-head { background: url(_include/img/blog-assets.gif) no-repeat left -221px; padding: 5px 0 4px 75px; position: relative; left: -10px; }
.page-blog #content { position: relative; padding-top: 15px; }
.bg-1 { height: 104px; width: 94px; display: block; background: url(_include/img/blog-assets.gif) no-repeat left -307px; position: absolute; left:-64px; top: -43px; }
.bg-2 { width: 87px; height: 91px; display: block; background: url(_include/img/blog-assets.gif) no-repeat -197px -307px; position: absolute; left: 540px; top: -15px; }
.bg-3 { width: 284px; height: 64px; display: block; background: url(_include/img/blog-assets.gif) no-repeat left -157px; position: absolute; left: 222px; top: 0; }
#pag { width: 600px; }
#pag :link, #pag :visited {  font-size: 24px; line-height: 24px; text-decoration: none; color: #393542; }
#pag .left :link, #pag .left :visited { background: url(_include/img/blog-assets.gif) no-repeat left -419px; padding-left: 20px; }
#pag .right :link, #pag .right :visited { background: url(_include/img/blog-assets.gif) no-repeat 65px -72px; padding-right: 20px; }
#pag a:hover { color: #393542; }
.side-post { background: url(_include/img/divider-blog-small.gif) bottom no-repeat; padding-bottom: 16px; width: 298px; }
.side-post h2 { padding: 0 0 16px 7px; background: url(_include/img/divider-blog-small.gif) bottom no-repeat; }
.side-post .rss { padding: 7px 0 0 50px; background: url(_include/img/blog-assets.gif) no-repeat 0px -30px; height: 29px; }
.side-post .rss :link, .side-post .rss :visited { font-size: 18px; padding-right: 30px; display: inline-block; height: 22px; }
.side-post .rss a:hover { background: url(_include/img/blog-assets.gif) no-repeat 153px -75px; }
.search-post label { display: none; }
.search-post div { background: url(_include/img/blog-assets.gif) no-repeat 0px -453px; height: 32px; padding: 6px 0 0 10px; }
#s { border: none 0; height: 25px; width: 190px; background: transparent; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #837F8A; }
#searchsubmit { border: 0 none; background: url(_include/img/blog-assets.gif) no-repeat -58px -72px; font-size: 0px; text-indent: -3000px; color: #fff; height: 27px; width: 87px; cursor: pointer; }
#searchsubmit:hover { background-position: 37px -72px; }
.side-post ul { padding: 0 0 10px 7px; }
.side-post ul li { padding-top: 8px; }
.side-post ul :link, .side-post ul :visited { background: url(_include/img/blog-assets.gif) no-repeat 0 -133px; padding: 0 0 10px 18px; text-decoration: none; }
.side-post ul a:hover { background-position: 0 -108px; }
#commentform .left { width: 200px; }
#commentform .right { width: 380px; }
#commentform label { display: block; padding-bottom: 8px; }
#commentform input { width: 200px; }
#commentform textarea { width: 380px; height: 125px; }
#commentform #submit { border: 0 none; float: right; width: 80px; background: url(_include/img/blog-assets.gif) no-repeat 68px -108px; cursor: pointer; font-size: 12px; color: #3E2C63;  }
.comment-item { padding: 5px 0 10px; }

/* NEWS */

.width913 { width: 913px; }
.page-news .width913  p, .news-a .row-d  p  { padding: 0; }
.t-row { padding-top: 20px; }
.r-news { width: 993px; padding: 0 0px 40px; }
.r-news .col { background: url(_include/img/divider-half.gif) top no-repeat; padding: 20px 34px 0; margin: 20px 7px 0; width: 413px; position: relative; min-height: 240px; }
.news-head { background: url(_include/img/background-news-article.gif) left top no-repeat; padding: 0 0 0 40px; }
.news-head h2 { font-size: 15px; padding-bottom: 2px; }
.news-head p { color: #3e2c63; font-size: 10px; }
.news-head :link, .news-head :visited { text-decoration: none; }
.read-more { position: absolute; bottom: 0px; padding:0; }
.news-a h1 :link, .news-a h1 :visited { text-decoration: none; }
.row-l { padding-bottom: 40px; }