/* CAT TAGS */


/*-------------------------------------------------
GENERAL
-------------------------------------------------*/

body {
	color: #fff;
	background-color: #000;
	margin: 0;
	padding: 0;
	background-image: url(/assets/elements/catlogobg.jpg);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

font, body, table, tr, td, input, option, select {
	font-size: 12px;
	line-height: 1.2;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

a {
	color: #E80A09;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

h3 a:hover {
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0 0 0 25px;
	list-style-type: square;
	list-style-position: outside;
}

li {
	margin-bottom: 12px;
}


/*-------------------------------------------------
ROLLERS
-------------------------------------------------*/

a.roller {
	display: block;
	background-position: top;
}

a.roller:hover {
	background-position: bottom;
}

.btenter {
	width: 86px;
	height: 63px;
	margin: 5px auto;
	background-image: url(/assets/rollers/enterduo.gif);
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div.content {
	width: 480px;
	margin: 0 auto;
	padding: 30px 0 150px 0;
}

div.video {
	padding-top: 100px;
}
	
h3 {
	font-size: 11px;
	font-weight: bold;
	color: #F0E68C;
	text-align: center;
	line-height: 1;
	border-bottom: 1px solid #F0E68C;
	padding-bottom: 2px;
	text-transform: uppercase;
	margin: 0 0 3px 0;
}

p {
	margin: 0 0 2em 0;
}


/*-------------------------------------------------
CAST
-------------------------------------------------*/

.cast {
	width: 200px;
	float: left;
	margin: 0 10px 20px 10px;
	text-align: center;
}

.cast img {
	float: left;
	margin: 0 5px 0 0;
}

.cast h3 {
	padding-top: 15px;
}


/*-------------------------------------------------
STILLS
-------------------------------------------------*/

.stills {
	width: 415px;
	margin: 0 auto;
	text-align: center;
	padding-top: 80px;
}

.stills .arrow {
	width: 27px;
	padding: 70px 5px 0 5px;
	float: left;
}

.stills .main {
	float: left;
	width: 340px;
	margin-bottom: 5px;
}


/*-------------------------------------------------
SCRIPT
-------------------------------------------------*/

.script {
	width: 524px;
	margin: 0 auto;
	text-align: center;
}

.script .arrow {
	width: 27px;
	padding: 270px 5px 0 5px;
	float: left;
}

.script .main {
	float: left;
	width: 450px;
	margin-bottom: 5px;
}

.script p {
	margin-bottom: 3px;
}


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

#footer {
	z-index: 90;
	padding: 0 0 50px 0;
	width: 100%;
	bottom: 0;
	position: fixed;
	border-top: 1px solid #fff;
	background-color: #000;
}

#footercredits {
	width: 500px;
	height: 29px;
	margin: 0 auto;
}

#catmenu {
	width: 485px;
	height: 61px;
	margin: 0 auto;
}

#catmenu a {
	float: left;
	height: 61px;
}

#catmenu a.btcast { background-image: url(/assets/rollers/castduo.gif); }
#catmenu a.btmedia { background-image: url(/assets/rollers/mediaduo.gif); }
#catmenu a.btmovie { background-image: url(/assets/rollers/movieduo.gif); }
#catmenu a.btmusic { background-image: url(/assets/rollers/musicduo.gif); }
#catmenu a.btnews { background-image: url(/assets/rollers/newsduo.gif); }
#catmenu a.btpost { background-image: url(/assets/rollers/postduo.gif); }
#catmenu a.btscript { background-image: url(/assets/rollers/scriptduo.gif); }


/*-------------------------------------------------
UTILITY BELT
-------------------------------------------------*/

/* font sizes */
.f10 { font-size: 10px; }
.f14 { font-size: 14px; }
.f18 { font-size: 18px; }
.f24 { font-size: 24px; }

/* clears */
div.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

hr.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* alignment */
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }

img.floatright {
	float: right;
	margin: 3px 0 12px 12px;
}

img.floatmiddle {
	margin: 0 auto;
}

img.floatleft {
	float: left;
	margin: 3px 12px 12px 0;
}