/*  
.....::: :::: hey.la CSS

Theme Name: heyla
Theme URI: http://hey.la/
Description: Custom heyla WP theme by THEiNterZoNe.net
Version: 1.0
Author: Jed Mowshowitz
Author URI: http://theinterzone.net

The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* Begin -------------------------------- reset/zero -------------------------------------- */
body, ul, ol, li, form, fieldset, input, textarea, legend, label, img, a, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
* {margin: 0; padding: 0;}
img, fieldset {border: 0;}
a img {border: none;}
ol, ul {list-style: none;}
/* End ---------------------------------- reset/zero -------------------------------------- */



/* Begin -------------------------------- global styles ----------------------------------- */
body {font: 75%/1.5em Helvetica,Arial,Tahoma,Geneva,sans-serif; line-height: 1; background: #232323; color: #99b8bd; /* text-align: center; */ }
a {text-decoration: none; font-weight: bold;}
a:link, a:visited {color: #55baca;}
a:hover {color: #d0320e;} a:active {color: #f30;}
a.alt:link, a.alt:visited, .rightmeta a:link, .rightmeta a:visited, #most-viewed ul li a:link, #most-viewed ul li a:visited {color: #458caa;}
a.alt:hover, a.alt:active, .rightmeta a:hover, .rightmeta a:active, #most-viewed ul li a:hover, #most-viewed ul li a:active {color: #bf8911;}
h1 {font-size: 1.8em; font-weight: normal; line-height: 1; color: #021417;}
h1 a:link, h1 a:visited {color: #021417;}
h1 a:hover, h1 a:active {color: #b7d2d6;}
h2 a:link, h2 a:visited {color: #238696;}
h2 a:hover, h2 a:active {color: #a52c10;}
small {font-size: 0.9em; color: #36828f;}
blockquote {margin: 10px 0; padding: 0 20px; border-left: 3px solid #36828f;}
blockquote cite {margin-top: 5px;}
.bluetitle {color: #238696;} .greentitle {color: #0b8964;} .graytitle {color: #728487;}
.bluetext, .entry span, blockquote {color: #36828f;}
.hilite, .entry span.hilite {color: #a5dde6;}
	/* *** *** LAYOUT *** *** */
.left {float: left}
.right {float: right;}
.center {text-align: center;}
.padleft {padding-left: 10px;}
.fullpadleft {padding-left: 20px;}
.hidden, hr {display: none;}
	/* *** *** IMAGES *** *** */
p img {padding: 0; max-width: 100%;}
.alignleft {float: left; margin: 0 5px 3px 0;}
.alignright {float: right; margin: 0 0 3px 5px;}
	/* *** *** FORMS *** *** */
.textinput {padding-left: 3px; padding-top: 1px; background: #238696; border: 1px solid #07242a; color: #021518;}
/* End ---------------------------------- global styles ----------------------------------- */



/* Begin -------------------------------- overall layout ---------------------------------- */
#page {clear: both; width: 1004px; margin: 0 auto; background: url(images/pagebg.png) repeat-y;}
	.movies #page {background: url(images/moviepagebg.png) repeat-y;}
#head {clear: both; width: 1004px; float: left;}
#logo {float: left; width: 183px; height: 109px;}
#topnav {float: left; width: 809px; height: 109px;}
#videonav {float: left; width: 191px; position: relative; left: 12px;}
#content {float: left; width: 543px; padding-left: 1px;}
#sidebar {float: left; width: 258px; padding-right: 11px; background: url(images/rightbg.png) no-repeat;}
	.movies #sidebar {background: url(images/movierightbg.png) no-repeat;}
#movieframe {float: left; margin: 20px 0; border-bottom: 2px solid #094e5a;}
#bottom {clear: both; padding-left: 11px;}
#bottombar {float: left; width: 982px; height: 87px; background: url(images/postbottombg.png) no-repeat;}
	.movies #bottombar {background: url(images/moviepostbottombg.png) no-repeat;}
#footer {float: left; width: 982px; height: 75px; padding-top: 20px; background: url(images/footerbg.png) no-repeat;}
#metabottom {clear: both;}
/* End ---------------------------------- overall layout ---------------------------------- */



/* Begin -------------------------------- main header ------------------------------------- */
#logo a {float: left;}
#logo a:link, #logo a:visited {background: #146977;}
#logo a:hover, #logo a:active {background: #1594aa;}
#topnav {background: url(images/topbg.png) no-repeat;}
#newshows {position: absolute; top: 31px; padding-left: 525px;}
#newshows a {padding: 0 3px;}
#hdtopnav {float: left; margin-top: 29px; padding-left: 128px;}
#hdtopnav a {float: left; width: 238px; height: 58px; background: url(images/hdtopnav.gif) no-repeat;}
#hdtopnav a:link, #hdtopnav a:visited {background-position: 0 0;}
#hdtopnav a:hover, #hdtopnav a:active {background-position: 0 -58px;}
#njtopnav {float: left; margin-top: 52px; padding-left: 27px;}
#njtopnav a {float: left; width: 202px; height: 44px; background: url(images/njtopnav.gif) no-repeat;}
#njtopnav a:link, #njtopnav a:visited {background-position: 0 0;}
#njtopnav a:hover, #njtopnav a:active {background-position: 0 -44px;}
#aimtopnav {float: left; margin-top: 42px; padding-left: 34px;}
#aimtopnav a {float: left; width: 150px; height: 54px; background: url(images/aimtopnav.gif) no-repeat;}
#aimtopnav a:link, #aimtopnav a:visited {background-position: 0 0;}
#aimtopnav a:hover, #aimtopnav a:active {background-position: 0 -54px;}
/* End ---------------------------------- main header ------------------------------------- */



/* Begin -------------------------------- videonav ---------------------------------------- */
#videonav {background: url(images/taglogo.gif) no-repeat;}
.aim #videonav {background: url(images/aimlogo.jpg) no-repeat;}
.hella #videonav {background: url(images/hdlogo.png) no-repeat;}
.jelly #videonav {background: url(images/njlogo.jpg) no-repeat;}
#chlogo {float: left; width: 179px;}
.aim #chlogo {height: 72px;} .hella #chlogo {height: 96px;} .jelly #chlogo {height: 87px;}
#vidnavhead {float: left; margin-top: 42px;}
#vidnavhead h2 {padding-left: 16px; width: 159px;}
#vidnavhead h2 a:link, #vidnavhead h2 a:visited {color: #0b8964;}
#vidnavhead h2 a:hover, #vidnavhead h2 a:active {color: #a52c10;}
#vidnavhead h1 {padding-left: 16px; margin-top: 5px;}
#vidnavhead h1 a:hover span {color: #b7d2d6;}
.chslogan {float: left; margin-top: 5px; padding: 0 5px 0 16px; font: italic 0.9em Helvetica,Arial,Tahoma,Geneva,sans-serif; line-height: 1.1; color: #6a7273;}
#tagslogan, #searchslogan {margin-bottom: 10px;}
#videonav ul {margin-bottom: 20px; padding-left: 16px;}
#videonav ul li a {float: left; margin-top: 12px; font-weight: normal;}
#videonav ul li a:hover, #videonav ul li a:active {background-color: #a52c10;}
a.videolink:link, a.videolink:visited {background-color: #238696;}
a.currentvideolink:link, a.currentvideolink:visited {background-color: #23964e; color: #21bf5c;}
a.currentvideolink:hover, a.currentvideolink:active {color: #d0320e;}
.vidnavtitle {width: 154px; height: 14px; padding-top: 5px; padding-left: 3px; background: url(images/thumbtitlebg.png) no-repeat;}
.inlinelogo {float: left; margin-top: 20px; padding-left: 16px;}
#ffrew {float: left; margin-top: 12px; padding: 0 5px 0 16px; width: 157px;}
#ffrew a:link, #ffrew a:visited {color: #529859;}
#ffrew a:hover, #ffrew a:active {color: #a52c10;}
.ffrewarrow {font: 2.4em 'Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,sans-serif;}
#tagcloud {float: left; margin-top: 40px; background: url(images/tagcloud.png) no-repeat;}
#tagcloud h2 {margin-top: 40px; padding-left: 16px; color: #0b8964; border-bottom: 1px solid #074853;}
#tagcloud ul {float: left; width: 154px; margin-top: 10px;}
#tagcloud a:link, #tagcloud a:visited {color: #238696;}
#tagcloud a:hover, #tagcloud a:active {color: #a52c10;}
/* End ---------------------------------- videonav ---------------------------------------- */



/* Begin -------------------------------- content header ---------------------------------- */
#content {background: url(images/postheadbg.png) repeat-x -1px 0;}
.stepnav {float: left; width: 110px; padding-left: 20px; margin-top: 15px; font-size: 1.2em;}
.stepnav a:link, .stepnav a:visited {color: #2c9bad;}
.stepnav a:hover, .stepnav a:active {color: #a52c10;}
.movietoplinks {float: left; padding-left: 20px; margin-top: 6px;}
.movietoplinks div {padding-right: 10px;}
a.backlight:link, a.backlight:visited {background-color: #022e37;}
a.backlight:hover, a.backlight:active {background-color: #1bb0b2;}
#vcubetop a {float: left; width: 31px; height: 26px; background: url(images/vcubetop.png);}
.subscribe {float: right; width: 324; height: 30px; margin-top: 6px; padding-right: 8px;}
.subscribe ul li {float: left; padding-right: 10px;}
.subscribe ul li a {float: left;}
.subscribe ul li a:link, .subscribe ul li a:visited, #vcubetop a:link, #vcubetop a:visited {background-position: 0 0;}
.subscribe ul li a:hover, .subscribe ul li a:active, #vcubetop a:hover, #vcubetop a:active {background-position: 0 -26px;}
.itunes {float: left; width: 96px; height: 26px; background: url(images/itunesbtn.png) no-repeat;}
.miro {float: left; width: 76px; height: 26px; background: url(images/mirobtn.png) no-repeat;}
.feedburner {float: left; width: 76px; height: 26px; background: url(images/feedburnerbtn.png) no-repeat;}
.rssicon {float: left; width: 26px; height: 26px; background: url(images/rssbtn.png) no-repeat;}
#moviehead {float: left; width: 544px;}
.commentsbubble, .pageviews {float: right; padding-right: 20px; margin-top: 4px;}
.commentsbubble a {float: left; width: 26px; height: 13px; padding-top: 6px; padding-left: 4px; background: url(images/commentsbubble.png); color: #023728; font-size: 0.9em; font-weight: bold; text-align: center;}
.commentsbubble a:link, .commentsbubble a:visited {background-color: #1bb0b2;}
.commentsbubble a:hover, .commentsbubble a:active {background-color: #01cefa;}
.viewsbox {float: right; padding-right: 10px; margin-top: 4px;}
.viewsbox a, .pageviews a {float: left; width: 24px; height: 13px; padding-top: 6px; background: url(images/viewsbox.png); color: #1b95a9; font-size: 0.9em; font-weight: bold; text-align: center;}
.viewsbox a:link, .viewsbox a:visited, .pageviews a:link, .pageviews a:visited {background-color: #021317;}
.viewsbox a:hover, .viewsbox a:active, .pageviews a:hover, .pageviews a:active {background-color: #06322d;}
#content h1 {font-size: 1.6em; font-weight: bold; height: 24px; padding-left: 20px; margin-top: 5px;}
.posttitle {float: left; margin-left: -1px; height: 25px; min-width: 248px; background: url(images/posttitlebg.png) no-repeat -1px 0;}
	.movies .posttitle {background: url(images/movieposttitlebg.png) no-repeat -1px 0;}
#content h2 {float: left; padding-left: 20px; margin-top: 10px; font-size: 1.2em;}
.postdate {float: right; padding-right: 20px; width: 112px; padding-top: 10px; height: 17px; background: url(images/postdatebg.png) no-repeat;}
	.movies .postdate {background: url(images/moviepostdatebg.png) no-repeat;}
.postdate small {float: right;}
/* End ---------------------------------- content header ---------------------------------- */



/* Begin -------------------------------- content body ------------------------------------ */
.post {float: left;}
.postbox {float: left; width: 543px; background: #053037;}
.entry, .tags, .miniads, .commentsfeed, .comments {float: left; padding: 0 20px 0 19px; margin: 20px 0; line-height: 1.2;}
.entry p {margin: 1em 0; color: #7aa7ae;}
.entry span {padding-right: 3px;}
.showvideo {border: 11px solid #01181c;}
.musicbtn {width: 85px; height: 21px; background: url(images/getmusic.png) no-repeat;}
a.musicbtn:link, a.musicbtn:visited {background-position: 0 0;}
a.musicbtn:hover, a.musicbtn:active {background-position: 0 -21px;}
.postmeta {float: left; width: 543px; height: 39px; background: url(images/subheadbg.png) repeat-x;}
.postmeta ul {padding-left: 19px; margin-top: 15px;}
.postmeta ul li {float: left;}
.postmeta ul li.sharemeta {margin-top: -3px; padding-left: 80px;}
.postmeta ul li.rightmeta {float: right; padding-right: 20px;}
span.sharethis {font: Verdana,Geneva,Tahoma,'Lucida Grande',sans-serif;}
span.sharethis a {font-weight: normal; font-size: 1.1em; float: left; color: #33b520;}
span.sharethis a:hover {text-decoration: underline;}
.tags a {font-size: 1.1em;}
.tags span {padding-right: 5px; font-size: 1.3em;}
#movieads {width: 152px; font-size: 0.9em;}
.miniads {padding-right: 15px;}
.miniads ul li {float: left; clear: left; margin-top: 10px;}
.miniads h3 {height: 14px; padding-top: 3px; border-top: 2px solid #053037; border-bottom: 1px solid #053037;}
.miniads p {margin: 10px 0;}
.postad {float: left; margin: 20px 0;}

/*
#commentform input, #commentform textarea {}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%; padding: 2px;}
#commentform #submit {margin: 0; float: right;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
*/
/* End ---------------------------------- content body ------------------------------------ */



/* Begin -------------------------------- right side -------------------------------------- */
.rightsearch {float: right; padding-right: 11px; margin-top: 10px;}
.searchform, .searchsubmit {float: left;}
.searchinput {float:left; width: 142px; height: 17px; padding-left: 3px; background: #07292e; border: 1px solid #124a54; color: #417780;}
.newrow {float: left; clear: left; margin-top: 20px;}
#sidetop {float: left; margin-top: 18px; padding: 0 21px 0 10px; width: 236px;}
#movieright {height: 43px; padding-left: 20px;}
.toprightad a {float: left;}
.toprightad a:link, .toprightad a:visited {border: 1px solid #053037;}
.toprightad a:hover, .toprightad a:active {border: 1px solid #11c2de;}
#hellareadable {width: 136px; padding-left: 9px;}
#inlepancake {width: 91px; padding-left: 5px;}
#inletext {float: left; width: 47px; padding-left: 9px;}
#jellyadsright {width: 236px; margin-top: 10px;}
#sidebar h1 a:hover span {color: #b7d2d6;}
#hellareadable h1 a:link, #hellareadable h1 a:visited {color: #11d45a;}
#hellareadable h1 a:hover, #hellareadable h1 a:active {color: #d4610f;}
#sidebar h2 {font-size: 1.3em; width: 119px; height: 19px; padding: 6px 0 0 10px; background: url(images/righthalfhead.png) no-repeat; color: #6d8f94;}
#sidebar #featuredfeed h2, #sidebar #contribute h2, #sidebar #translate h2 {background: url(images/rightfullhead.png) no-repeat; width: 246px;}
#sidebar h3 {font-size: 1.3em; color: #a5dde6;}
#sidebar p {margin: 5px 0; color: #7f989c;}
#hellareadable p {font-weight: bold;}
#themovie {margin: 2px 0 0 0;}
#inletext p {font-size: 0.9em; text-align: right;}
#breakingnews {padding: 0 9px 0 10px; margin-top: 10px;}
#sidebar ul li {margin-top: 20px;}
#sidebar ul li ul {padding: 0 9px 0 10px; width: 109px; margin-top: 10px;}
#sidebar ul li ul li, ul.feeditemlist, #sidebar #featuredfeed ul li {margin: 0;}
small.featuredescr {float: left; padding: 0 21px 0 10px; margin-top: 5px;}
ul.feeditemlist {float: left; padding: 0 21px 0 10px; width: 236px; margin-top: 10px;}
#thinlist {float: left; width: 128px;}
#thinlist ul li ul {font-size: 0.9em; line-height: 1.2;}
.thinbanner {padding-left: 1px;}
#rightad {float: left; margin-top: 20px; width: 120px; padding-right: 10px;}
/* 
#translation_bar {padding-left: 10px; margin-top: 10px;}
#translation_bar a img {padding: 3px 2px 0 0;}
*/
#contribute, #translate {float: left; width: 246px; margin-top: 20px;}
#contribmessage {float: left; padding-left: 10px; clear: left; margin-top: 5px;}
#contribinput {float: left; padding-left: 10px; width: 152px;}
#contribute p {margin: 5px 0; font-weight: bold;}
#contribute input.textinput {width: 140px;}
#contribute textarea {width: 204px;}
#contribsubmit {float: left; margin-top: 21px;}
#bottomright {margin-bottom: 20px;}
/* End ---------------------------------- right side -------------------------------------- */



/* Begin -------------------------------- footer ------------------------------------------ */
#bottomsearch {float: right; padding-right: 11px; margin-top: 60px;}
#bottomsub {float: left; width: 730px; padding-left: 1px; margin-top: 48px;}
.itunesb {float: left; width: 96px; height: 26px; background: url(images/itunesbtn_bottom.png) no-repeat;}
.mirob {float: left; width: 76px; height: 26px; background: url(images/mirobtn_bottom.png) no-repeat;}
.feedburnerb {float: left; width: 76px; height: 26px; background: url(images/feedburnerbtn_bottom.png) no-repeat;}
.rssiconb {float: left; width: 26px; height: 26px; background: url(images/rssbtn_bottom.png) no-repeat;}
.footlinkcat {float: left; padding: 0 5px 0 20px;}
.footlinkcat h4 {font-weight: bold; color: #a5dde6;}
.footlinks {float: left; padding-right: 20px;}
.footlinks ul {border-left: 3px solid #065c6a; padding-left: 5px; font-size: 0.9em;}
#credits {float: right; padding-right: 55px; margin-top: 8px;}
#credits p {margin: 0 0 0 10px; color: #8ea5a9; font-size: 0.8em; font-weight: bold; line-height: 1.2;}
#credits a:link, #credits a:visited {color: #eaeaea;}
#credits a:hover, #credits a:active {color: #042328; text-decoration: underline;}
/* End ---------------------------------- footer ------------------------------------------ */



/* Begin -------------------------------- MetaNav ----------------------------------------- */
.metaframe {background: #171717; width: 100%; height: 23px;}
.metanav {margin: 0 auto; width: 980px; font: Verdana,Geneva,Tahoma,'Lucida Grande',sans-serif;}
.metanav ul li {float: left;}
.metanav ul.left li {padding-right: 40px; padding-top: 6px;}
.metanav ul.right li {padding-left: 10px; padding-top: 3px;}
#metatop {border-bottom: 1px solid #749499;}
#metabottom {border-top: 1px solid #749499;}
.metanav a {float: left;}
.metanav a div {background-repeat: no-repeat; height: 10px; width: 10px; float: left; padding-right: 3px;}
.metablue div {background-image: url(images/metablue.gif);} .metablue:link, .metablue:visited {color: #3da5b6;}
.metalapis div {background-image: url(images/metalapis.gif);} .metalapis:link, .metalapis:visited {color: #27b6a3;}
.metamint div {background-image: url(images/metamint.gif);} .metamint:link, .metamint:visited {color: #29b36a;}
.metagreen div {background-image: url(images/metagreen.gif);} .metagreen:link, .metagreen:visited {color: #67b63d;}
.metayellow div {background-image: url(images/metayellow.gif);} .metayellow:link, .metayellow:visited {color: #a1b63d;}
.metaorange div {background-image: url(images/metaorange.gif);}	.metaorange:link, .metaorange:visited {color: #b69e3d;}
.metanav a:link div, .metanav a:visited div {background-position: 0 0;}
.metanav a:hover div, .metanav a:active div {background-position: 0 -10px;}
.metanav a:hover, .metanav a:active {color: #a52c10;}
.metamp4:link, .metamp4:visited {background-color: #d4610f;}
.metamp4:hover, .metamp4:active {background-color: #d0320e;}
/* End ---------------------------------- MetaNav ----------------------------------------- */