/*
 ## COCO and IGOR
 ## Updated: April 22, 2010
 ## css by www.mimoymima.com
 
 - - - Color References - - -
 background: black; text: white;*/

/* - - - Tags on this site - - - */

html { color: white; }
body { min-width: 820px; width: 100%; margin: 0 auto; font: 300 1.3em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; }

/* Links */
a:link, a:visited { color: #FFF; text-decoration: none; }
a:hover, a:focus, a:active { color: #999; text-decoration: none; }

/* Content Headings */
#Content h1 { font-size: 1.8em; margin: 1.5em 0 .3em 0; }
#Content h2 { font-size: 1.6em; margin: 1.5em 0 .3em 0; }
#Content h3 { font-size: 1.4em; margin: 1.5em 0 .3em 0; }
#Content h4 { font-size: 1.2em; margin: 1.5em 0 .3em 0; }
#Content h5 { font-size: 1.0em; margin: 1.5em 0 .3em 0; }
#Content h6 { font-size: 0.8em; margin: 1.5em 0 .3em 0; }
#Content h1+h2, #Content h2+h3, #Content h3+h4, #Content h4+h5, #Content h5+h6 { padding-top: 0 !important; }

/* Text */
.Heavy { font-family: "Agency FB", "Abadi MT Condensed Extra Bold", impact, helvetica, sans-serif; }
.Condensed { font-family: "Arial Narrow"; }
.Serif { font-family: "Hoefler Text", baskerville, cambria, georgia, 'lucida bright', palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif; }


/* - - - Page Divisions on this site - - - */

/* Nav with image rollovers */
#Nav { background: black; height: 19px; font-size: 1.3em; overflow: hidden; } /* don't remove overflow hidden */
#Nav ul { width: 100%; }
#Nav a { margin-right: 15px; height: 19px; display: inline-block; color: #CCC; line-height: 1em; text-transform: uppercase; text-decoration: none; letter-spacing: .08em; }
#Nav a:hover, #Nav a:focus, #Nav a:active { color: #FFF; }
#Nav li.Active a { color: #FFF; }
#Nav .Active a:hover, #Nav .Active a:focus { color: #FFF; }
#Nav a span { position: absolute; left: -999em; }

	/* Nav up-state */
	#NavSynopsis a { height: 19px; width: 84px; background: url('../images/nav.png') 0 0 no-repeat; }
	#NavTrailer a { width: 74px; background: url('../images/nav.png') -100px 0 no-repeat; }
	#NavGallery a { width: 81px; background: url('../images/nav.png') -189px 0 no-repeat; }

	/* Nav down-state */
	#NavSynopsis a:hover, #NavSynopsis a:focus { background-position: 0 -19px; }
	#NavTrailer a:hover, #NavTrailer a:focus { background-position: -100px -19px; }
	#NavGallery a:hover, #NavGallery a:focus { background-position: -189px -19px; }

	/* Nav active-state - Image Replacement for nav */
	#NavSynopsis.Active a { background-position: 0 -19px; }
	#NavTrailer.Active a { background-position: -100px -19px; }
	#NavGallery.Active a { background-position: -189px -19px; }

/* Content*/
#Content { font-size: 1.3em; position: absolute; left: 0; bottom: 67px; }

#PresentedBy { position: absolute; top: 23px; left: 2px; }

/* Sidebar*/
#Sidebar { position: absolute; right: 0; bottom: 67px; width: 200px; text-align: right; margin-right: 7px; }
#Sidebar #BtnCD { display: block; margin-bottom: 10px; }
#Sidebar #BtnBook { display: block; margin-bottom: 10px; }
#Sidebar #BookLinks .LinkList li { margin-bottom: 1em; }
#Sidebar #BookLinks a { font-size: 14px; ; }

/* Sticky Footer */
#Footer { min-height: 55px; background: #000 url('../images/bkg_rated-r.png') 830px 7px no-repeat; text-transform: uppercase; padding-top: 2px; font-size: .5em; position: fixed; bottom: 0; width: 100%; }
#Footer p { margin: 0 0 0 3px !important; }

/* FooterNav -- with image rollovers */
#FooterNav { height: 14px; overflow: hidden; width: 805px; } /* don't remove overflow hidden */
#FooterNav ul { width: 100%; }
#FooterNav a, #FooterNav .Anchor { height: 14px; display: inline-block; line-height: 1em; text-transform: uppercase; text-decoration: none; }
#FooterNav a span, #FooterNav .Anchor span { position: absolute; left: -999em; }

	/* FooterNav up-state */
	#FooterNavSept28 .Anchor { height: 14px; width: 356px; background: url('../images/nav_footer.png') 0 0 no-repeat; }
	#FooterNavBlueray a { width: 154px; background: url('../images/nav_footer.png') -356px 0 no-repeat; }
	#FooterNavDVD a { width: 106px; background: url('../images/nav_footer.png') -510px 0 no-repeat; }

	/* FooterNav down-state */
	/* #FooterNavSept28 a:hover, #FooterNavSept28 a:focus { background-position: 0 -14px; } */
	#FooterNavBlueray a:hover, #FooterNavBlueray a:focus { background-position: -356px -14px; }
	#FooterNavDVD a:hover, #FooterNavDVD a:focus { background-position: -510px -14px; }

	/* FooterNav active-state */
	/* #FooterNavSept28.Active a { background-position: 0 -14px; } */
	#FooterNavBlueray.Active a { background-position: -356px -14px; }
	#FooterNavDVD.Active a { background-position: -510px -14px; }
	
/* Footer SubNav */
#FooterSubNav { color: #999; }
	#FooterSubNav a:link, #FooterSubNav a:visited { color: #999; }
	#FooterSubNav a:hover, #FooterSubNav a:active, #FooterSubNav a:focus { color: #FFF; }

/* BoxArt */
	#BoxArt { width: 135px; height: 126px; background: url('../images/box-art.png') 0 0 no-repeat; left: 664px; position: absolute; top: -71px; width: 140px; }
	#LinkDVD { display: block; float: left; height: 124px; width: 44px; }
	#LinkBlueray { display: block; float: left; height: 124px; width: 86px; }
	
/* Footer Social */
#FooterSocial { height: 21px; overflow: hidden; position: absolute; left: 460px; bottom: 5px; } /* don't remove overflow hidden */
#FooterSocial a { height: 21px; display: inline-block; line-height: 1em; text-transform: uppercase; text-decoration: none; }
#FooterSocial a span { position: absolute; left: -999em; }
	
	/* FooterSocial up-state */
	#FooterFacebook a { height: 21px; width: 99px; background: url('../images/btn_social.png') 0 0 no-repeat; }
	#FooterTwitter a { width: 81px; background: url('../images/btn_social.png') -99px 0 no-repeat; }

	/* FooterNav down-state */
	#FooterFacebook a:hover, #FooterFacebook a:focus { background-position: 0 -21px; }
	#FooterTwitter a:hover, #FooterTwitter a:focus { background-position: -99px -21px; }

/* flexi Background*/
body { background-image: url('../images/bkg_coco-igor700x560.jpg') !important; background-position: top center !important; background-repeat: no-repeat !important; background-color: #FFF !important; background-attachment: fixed !important; }
img#expando { padding: 0; margin: 0; position: absolute; display: none; z-index: 1; -ms-interpolation-mode: bicubic; }
.wide img#expando, .tall img#expando { display: block; }
.wide img#expando { width: 100%; height: auto; }
.tall img#expando { width: auto; height: 100%; }
.ie6fixed { position: absolute; top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop :document.body.scrollTop) + 'px'); }


/* - - - Classes - - - */

/* Elements you want hidden by placement off screen */
.Hidden { position: absolute; left: -999em; }

/* vCards */
#Footer .vcard { display: none; }
.street-address { display: block; }

/* Javascript Indicator */
#JSIndicator { position: absolute; top: 9em; right: 0px; }
#JSIndicator a:link, #JSIndicator a:visited { font-weight: bold; font-size: .9em; text-transform: uppercase; background-color: #FF0; color: #09C; text-decoration: underline; padding: .5em 1em; }
#JSIndicator a:hover, #JSIndicator a:active, #JSIndicator a:focus { text-decoration: none; } 

/* - - - Specific Pages on this site - - - */

/* Home */
#Home #Content { left: 70px; }