/*
Theme Name: Aranim
Theme URI: http://www.aranim.com/
Description: Theme to be used by Aranim only.
Version: 1
Author: Adam Foster
Author URI: http://codefor.com
*/

/* CSS RESET */

* {	margin: 0px; padding: 0px; text-indent: 0px; }
:focus{ -moz-outline-style: none; outline: 0 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 url(_include/img/background-body.gif) repeat-x top; font-size: 11px; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; color: #584c4c; line-height: 13px; }
:link, :visited { color: #690000; text-decoration: none; }
a:hover { color: #000; }
h1, h2 { color: #584c4c; font-size: 24px; line-height: 24px; }
h3 { color: #8f1315; font-size: 14px; line-height: 16px; font-weight: normal; padding-bottom: 10px; }
.welcome h1, h2, .contact-col-r h1, .about-col-r h1, h1.blog-head, h1.headercomics, h1.headerToys, h1.headercomingsoon, h1.headeraction, h1.headergirlpower, h1.headerhorror, h1.headerfantasy-scifi, h1.headerGames, h1.headerMovies { 
	background: url(_include/img/background-titles.gif) left top no-repeat; height: 26px; text-indent: -1000px; overflow: hidden; padding-bottom: 8px; 
}
p, ul, ol { padding-bottom: 12px; }
span {  }
strong { color: #690000; }

/* GENERAL LAYOUT */

#wrapper { width: 100%; min-width: 993px; background: url(_include/img/background-wrapper.jpg) top no-repeat; }
#header { background: url(_include/img/background-header.png) top no-repeat; width: 100%; z-index: 5; position: relative; }
#header-content { width: 993px; position: relative; margin: 0 auto; height: 170px;  }
#logo { position: absolute; top: 64px; left: 70px; }

#nav { position: absolute; top: 0; right: -2px; }
#nav li { float: left; }
#nav li :link, #nav li :visited { height: 69px; display: block; width: 93px; padding-top: 70px; }
#nav li em { background: url(_include/img/background-nav.png) no-repeat; display: block; height: 15px; text-indent: -1000px; overflow: hidden; cursor: pointer; }

#nav li.current :link, #nav li.current :visited, #nav li a:hover, #nav li a:active, #nav li.ancestor :visited, #nav li.ancestor :link { background-image: url(_include/img/background-nav-active.png); background-repeat: no-repeat; }

#nav .page-home :link, #nav .page-home :visited { background-position: 0px 0; width: 95px; height: 29px; }
#nav .page-about :link, #nav .page-about :visited { background-position: -96px 0; height: 29px; }
#nav .page-works :link, #nav .page-works :visited { background-position: -190px 0; height: 34px; }
#nav .page-blog :link, #nav .page-blog :visited { background-position: -283px 0; width: 94px; height: 42px; }
#nav .page-store :link, #nav .page-store :visited { background-position: -377px 0; width: 95px; height: 54px; }
#nav .page-contact :link, #nav .page-contact :visited { background-position: -472px 0; width: 136px; }

#nav .page-home em { background-position: 20px 0; }
#nav .page-about em { background-position: -75px 0; }
#nav .page-works em { background-position: -171px 0; }
#nav .page-blog em { background-position: -264px 0; }
#nav .page-store em { background-position: -356px 0; }
#nav .page-contact em { background-position: -445px 0; }

#content { width: 993px; margin: 0 auto; }
.row { width: 953px; margin-left: 40px; }
.row-no { width: 993px; margin: 0; }
.col { float: left; width: 447px; }

#footer { width: 993px; margin: 0 auto; border-top: 1px solid #cbbdbd; width: 913px; margin: 0 auto; padding-top: 14px; margin-top: 18px; position: relative; }
#footer :link, #footer :visited { color: #817575; }
#footer-nav { width: 570px; }
#footer-nav li { float: left; }
#footer-nav li span { color: #000; }
#footer-nav li em { font-style:normal; }
#footer-nav li :link, #footer-nav li :visited { text-decoration: none; display: inline-block; margin-top: 4px; border-right: 1px solid #cbbdbd; padding-right: 9px; margin-right: 9px; }
#footer-nav li p { color: #817575; margin-top: 4px; }
#footer a:hover { color: #690000; }
#footer-nav .end :link, #footer-nav .end :visited { border: none 0; }
.fullyillustrated { background: url(_include/img/logo-fully-illustrated.gif) right no-repeat; height: 17px; padding-right: 38px; display: inline-block; margin: 0; padding-top: 4px; position: absolute; top: 14px; right: 0; }

/* HOME */
.home { background: #fff url(_include/img/background-large.gif) repeat-x top;  }
.home-link { color: #af191e; padding-left: 3px; }
.home-button { background: url(_include/img/background-home-more.png) bottom right no-repeat; display: block; height: 44px; width: 282px; margin: 224px 0 20px 671px; padding: 12px 0 0 40px;  }
.home-button h3 { color: #fff; font-size: 16px; padding-bottom: 0; }
.home-link:hover { color: #fff; }
.welcome { background: url(_include/img/character-one.png) left bottom no-repeat; padding: 65px 0 0 145px; width: 349px; height: 125px; }
.home-blog { background: url(_include/img/character-two.png) left bottom no-repeat; padding: 65px 0 0 165px; width: 329px; height: 125px; }
.home-blog p, .welcome p { padding-left: 4px; }
.home-blog :link, .home-blog :visited, .blog-row :link, .blog-row :visited { padding-bottom: 3px; display: block; }
.home-blog  h2 { background-position: 0 -36px; }

/* BLOG BOTTOM */
.blog-row { border-top: 1px solid #cbbdbd; position: relative; padding: 50px 0 0 145px; width: 768px; }
.blog-row img { position: absolute; top: -20px; left: -25px; }
.blog-row h2 { position: absolute; top: 17px; left: 141px; background-position: 0 -112px; width: 100px; }
.blog-row .col { width: 380px; }
.blog-row .col p { padding-right: 30px; }

/* CONTACT */
.contact-col img { position: relative; top: -35px; }
.contact-col-r { padding-top: 30px; }
.contact-col-r h1 { background-position: 0 -76px; padding-bottom: 10px; }
.contact-links { border-top: 1px solid #cbbdbd; width: 447px; margin-top: 10px; padding-bottom: 20px; margin-bottom: 10px; }
.email { background: url(_include/img/background-email-box.gif) no-repeat 0 35px; width: 221px; height: 195px; float: left; padding: 0 0 0 2px; position: relative; }
.email img { left:18px; position:absolute; top:9px; }
.email :link, .email :visited { background: url(_include/img/email-button.gif); height: 29px; width: 189px; display: block; text-indent: -1000px; overflow: hidden; margin: 136px 0 0 13px; }
.email h3 { text-align: center; padding-top: 16px; }
.contact-col-r p.phone { color: #8f1315; font-size: 14px; line-height: 16px; padding-bottom: 25px; }
.contact-col-r p.phone span { color: #584c4c; font-size: 11px; display: inline-block; padding: 0 30px 0 5px; }

/* ABOUT */
.about-col-r { padding-top: 30px; }
.about-col-r h1 { padding-bottom: 10px; background-position: 0 -227px; }
.about-col-r img { padding: 30px 0 10px; }
.about-col { text-align: center; }
.about-col p { padding-bottom: 0; }
.about-row { background: url(_include/img/characters-about2.jpg) right bottom no-repeat; border-top: 1px solid #cbbdbd; padding: 20px 0; width: 913px; }
.about-row p { width: 600px; }
.about-row2 { border-top: 1px solid #cbbdbd; padding: 20px 0 40px; width: 913px; }
.a-col { width: 304px; }
.a-col li { background: url(_include/img/bullet.gif) left top no-repeat; padding: 3px 0 3px 25px; }

/* BLOG */
.p-blog #content { background: url(_include/img/background-blog-characters.jpg) 669px bottom no-repeat; }
.width603 { width: 603px; }
.width291 { width: 291px; margin-left: 20px; padding-bottom:300px; }
.post { border-top: 1px solid #cbbdbd; padding: 20px 0; }
.post img { border: 3px solid #c3c3c3; }
h1.blog-head { background-position: 0 -112px; position: relative; left: -5px; } 
.p-blog h3 :link, .p-blog h3 :visited, .p-blog h3 { color: #8f1315; }
.p-blog h3 :hover { color: #000; }
.date, .date :link, .date :visited { color: #999999; }
.date span { color: #000; }
.blog-header { position: relative; }
.blog-header img { position: absolute; top: -38px; right: 0px; }
.more-link { background: url(_include/img/button-more.gif); height: 25px; width: 125px; text-indent: -1000px; overflow: hidden; display: block; margin-top: 10px; }
.features-head { border-bottom: 1px solid #cbbdbd; margin-bottom: 20px; }
.features-head h2 { background-position: 0 -152px; }
#s { background: url(_include/img/background-search.gif); width: 193px; height: 13px; border: 0 none; float: left; font-size: 11px; color: #aaa1a1; padding: 6px; }
.screen-reader-text { display: none; }
#searchsubmit { background: url(_include/img/button-search.gif); width: 85px; height: 25px; border: none 0; font-size: 0; float: left; cursor: pointer;  }
.search-post { border-bottom: 1px solid #cbbdbd; padding-bottom: 10px; margin-bottom: 10px;  }
.side-post ul { border-top: 1px solid #cbbdbd; }
.side-post li { background: url(_include/img/bullet.gif) left no-repeat; padding: 8px 0 8px 25px; border-bottom: 1px solid #e3dbdb; }
.rss, .facebook, .twitter { background: url(_include/img/background-rss.gif); height: 32px; overflow: hidden; position: absolute; top: -4px; display: block; text-indent: -1000px; }
.rss { width: 31px; right: 95px; }
.facebook { background-position: -47px 0; width: 107px; right: 257px; top: -3px; }
.twitter { background-position:-166px 0; width: 107px; right: 139px; top: -3px; }
.blog-header span { color: #999; font-size: 12px; position: absolute; top: 7px; right: 375px; }

/* WORKS */
.p-works { background: #fff url(_include/img/background-large-works.gif) repeat-x top; }
.p-works #wrapper { background: url(_include/img/background-works.jpg) top no-repeat;  }
.works { margin: -10px auto 0; width: 913px; position: relative; padding-top: 32px; }
.work-tabs { position: absolute; top: 0px; }
#works-content { background: #000; padding: 10px; border: 1px solid #1b0303; height: 359px; overflow: hidden; position: relative; margin-bottom: 60px; width: 891px; }
#works-content .box { position: absolute; top: 10px; left: 10px; width: 891px; }
.work-tabs  ul { padding: 0; }
.work-tabs li { float: left; position: relative; }
.work-tabs li :link, .work-tabs li :visited { width: 143px; height: 21px; display: block; background: url(_include/img/background-tabs.png); padding: 11px 0 0 30px; }
.work-tabs li em { background: url(_include/img/tabs-text.png) top center no-repeat; display: block; width: 75px; text-indent: -1000px; }

.work-tabs .page-comics { left: -2px; }
.work-tabs .page-comics em { background-position: 0 0; }
.work-tabs .page-games { left: -20px; }
.work-tabs .page-games em { background-position: 0 -25px; }
.work-tabs .page-movies { left: -40px; }
.work-tabs .page-movies em { background-position: 0 -50px; }
.work-tabs .page-toys { left: -60px; }
.work-tabs .page-toys em { background-position: 0 -75px; }

.work-tabs .selected { background-position: 0 -42px!important; z-index: 10; }
.works-txt { position: absolute; bottom: 53px; right: 40px; color: #fff; font-size: 16px; padding-bottom: 0; right:40px; width:180px; }
#works-content em { position: absolute; bottom: 40px; right: 86px; color: #fff; font-style: normal; color: #af191e; }

/* WORKS LIST */
h1.headercomics { background-position: 0 -431px; margin-left: 2px; }
h1.headerToys { background-position: 0 -263px; margin-left: 2px; }
.works-list { width: 924px; margin: 0 0 40px 34px; }
.works-list h1 { margin-bottom: 7px; }
.works-list p { padding: 0 0 20px 6px; }
.works-list .box { float: left; background: url(_include/img/background-selection.gif); height: 268px; width: 230px; display: block; position: relative; }
.works-list .box img { position: absolute; top: 5px; left: 5px; }
.works-list .box span { bottom:16px; left:15px; position:absolute; text-align:center; width:200px; color: #fff; text-transform:uppercase; }

/* STORE */
.p-store .x-pad { padding-bottom: 40px; }

/* WORK SINGLE */
.p-work-single { background: #fff url(_include/img/background-large.gif) repeat-x top;  }
.p-work-single #wrapper { background-repeat: no-repeat; background-image: url(_include/img/background-default.jpg); background-position: top; }
.p-work-single #content { margin-top: 334px; }
.comic-link { border-top: 1px solid #cbbdbd; padding-top: 20px; margin-top: 12px; width: 100%; }
.button-link { background: url(_include/img/button-link.gif); height: 25px; width: 125px; text-indent: -1000px; overflow: hidden; display: block; float: left; }
.comic-link strong { float: left; font-size: 14px; padding: 5px 10px 22px 8px; }
.p-work-single h1 { border-bottom:1px solid #CBBDBD; color:#8F1315; font-size:20px; line-height:20px; margin-bottom:14px; padding-bottom:14px; }
.p-work-single h3 { color: #202020; font-size: 11px; font-weight: bold; }
.w340 { width: 330px; margin-right:14px; }
#media { position: relative; height: 530px; }
#media-viewer { background: url(_include/img/background-work-single.gif); width: 573px; height: 466px; position: absolute; top: 18px; }
#media-tabs { position: absolute; top: 0; left: 1px; }
#media-tabs li { float: left; position: relative; }
#media-tabs li :visited, #media-tabs li :link { background: url(_include/img/background-media-tabs.png); height: 24px; text-indent: -1000px; display: block; width: 102px; z-index: 5; }
#media-tabs li.images {  }
#media-tabs li.videos { left: -10px; }
#media-tabs li.wallpapers { left: -20px; }
#media-tabs li.images :link, #media-tabs li.images :visited  { background-position: 0px -32px; }
#media-tabs li.videos :link, #media-tabs li.videos :visited { background-position: -119px -2px; }
#media-tabs li.wallpapers :link, #media-tabs li.wallpapers :visited { background-position: -249px -2px; width: 133px; }

#media-tabs li.images .selected { background-position: 0px 0px; }
#media-tabs li.videos .selected { background-position: -119px -31px; }
#media-tabs li.wallpapers .selected { background-position: -249px -31px; }
.selected { position: relative; z-index: 10; }

#img { position: absolute; left: 25px; top: 25px; }
#img-thumbs { position: absolute; right: 21px; top: 26px; height: 340px; width: 184px; overflow: hidden; }
#img-nav { background: url(_include/img/background-img-navigation.gif); height: 62px; width: 182px; bottom: 26px; right: 24px; position: absolute; }
#ajaxloader { position: absolute; left: 180px; top: 210px; }
.thumbs { width: 184px; float: left;  background: url(_include/img/background-ul.gif) top left; height: 340px; }
.thumbs li { float:left; height:110px; margin:0 5px 5px 0; overflow:hidden; position:relative; width:87px; }
.thumbs li span { display:block; height:104px; left:0; position:absolute; top:0; width:81px; }
.activethumbnail span, .thumbs li a:hover span { border:3px solid #c11111!important; }
#img-nav :link, #img-nav :visited { background-image: url(_include/img/media-nav-buttons.gif); height: 29px; width: 38px; overflow: hidden; text-indent: -1000px; display: block; position: absolute; bottom: 5px; }
#screen-left { left: 10px; }
#screen-right { background-position: -48px 0; right: 10px; }
#screen-num { position: absolute; bottom: 5px; left: 55px; text-align: center; width: 72px; }
#screen-num em { color: #ad1010; font-style:normal; }
#thumb-scroller { height:340px;left:0;position:relative;top:0;width:9999px;}
.press { border-bottom:1px solid #CBBDBD; margin-bottom:10px; padding-bottom:10px; }
.press li { background: 0 none; padding: 18px 0 0 0; border: none 0; position: relative; clear: both; }
.press li img { float: left; margin-right: 5px; width: 110px; }
.press li h4, .press li p { float: right; width: 170px; }
.press li p { padding-bottom: 0px; }
.press li h4 { color: #8f1315; font-size:13px; padding-bottom:12px; }
.press li br { display: none; }
.screen-selected { cursor:default; opacity:0.4; }
#wallpapers  ul { width: 549px; height: 418px; background: url(_include/img/background-wallpapers.gif); margin: 25px 0px 0px 25px; padding-bottom: 0; }
#wallpapers li { float: left; margin: 0 28px 22px 0; height: 195px; width: 155px; }
.media-page { position: absolute; width:573px; height:466px; overflow: hidden; }
#videos { height:415px; margin:25px; width:523px; }
#videos ul { margin: 10px 32px 0; background: url(_include/img/background-ul.gif) top left; width:460px; height: 100px; }
#vid { width: 523px; height: 295px; background: #282828; }

/* COMMENTS */
.commentrow { padding: 8px 0; border-top: 1px solid #E3DBDB; }
commentrow p { font-size:11px; padding:0 0 10px; text-align:justify; }
.commentdata span { color:#999999; font-weight:bold; }
.commentdata strong { text-transform:capitalize; }
.commentdate { color:#999999; }
.newsform { border-top: 1px solid #E3DBDB; padding: 10px 0 20px; }
.newsform p { padding: 0px; }
.commentrow h3 { padding-bottom: 2px; }
.newsform label {color:#333333;display:block;font-weight:bold;padding:7px 0 8px;}
.newsform input {border:1px solid #D5CCCC;color:#999999;height:17px;padding:3px;width:229px;}
.newsform textarea {border:1px solid #D5CCCC;color:#999999;height:125px;padding:3px;width:335px;}
input#submit {background-image:url(_include/img/btn-sumbit.gif);background-repeat:no-repeat;border:0 none;cursor:pointer; text-align: left;font-size:0px;height:25px;width:125px; color: #010000;}

/* NEW WORKS */
#comic-nav { width: 674px; height:97px; position: absolute; top: 97px; left: 138px; background: url(_include/img/background-header-comic.png) bottom no-repeat; padding: 0 15px 12px 18px; }
#comic-nav li { float: left; }
#comic-nav em { color: #fff; font-size: 16px; z-index: 10; position: relative; } 
#comic-nav li :link, #comic-nav li :visited { display:block; height:56px; padding-top:42px; width:150px; text-align: center; }

#comic-nav .page-comingsoon :link, #comic-nav .page-comingsoon :visited { width: 177px; background-position: -0px 0; }
#comic-nav .page-action :link, #comic-nav .page-action :visited { width: 102px; background-position: -176px 0; }
#comic-nav .page-girlpower :link, #comic-nav .page-girlpower :visited { width: 114px; background-position: -279px 0; }
#comic-nav .page-horror :link, #comic-nav .page-horror :visited { width: 101px; background-position: -393px 0; }
#comic-nav .page-fantasy-scifi  :link, #comic-nav .page-fantasy-scifi  :visited { width: 157px; background-position: -494px 0; padding-right: 20px; }

#comic-nav  li.current :link, #comic-nav  li.current :visited, #comic-nav  li a:hover, #comic-nav  li a:active, #comic-nav  li.ancestor :visited, #comic-nav  li.ancestor :link { background-image: url(_include/img/background-comic-nav-active.png); background-repeat:no-repeat; }
h1.headercomingsoon { background-position: 0 -431px; margin-left: 2px;}
h1.headeraction { background-position: 0 -473px; margin-left: 2px;}
h1.headergirlpower {background-position: 0 -509px; margin-left: 2px;}
h1.headerhorror {background-position: 0 -305px; margin-left: 2px;}
h1.headerfantasy-scifi {background-position: 0 -342px; margin-left: 2px;}
h1.headerGames {background-position: 0 -597px; margin-left: 2px;}
h1.headerMovies {background-position: 0 -554px; margin-left: 2px;}