﻿/******************** MENU *********************/
        #footer p { text-align: center; color: #000; }
        
        ul#nav { margin: 0; }
        ul#nav a {
        	text-decoration: none; display: block; height: 25px;
        }

        
        ul#nav li 
        {
        	list-style-type: none; display: inline; 
        	float: left; 
        }
        ul#nav li a 
        {
        	width: 110px; height: 25px;
        	background: transparent url("/css/styleimages/menu-grid-sprite-bg.png") no-repeat scroll 0% 0%;
        	overflow: hidden;
        	height: 0;
        	padding-top: 25px;
        	
        }

        ul#nav li.one a, ul#nav li.one a:link, ul#nav li.one a:visited  { background-position: 0% 0%; width: 80px; }
        ul#nav li.two a, ul#nav li.two a:link, ul#nav li.two a:visited { background-position: -80px top; width: 140px; }
        ul#nav li.three a, ul#nav li.three a:link, ul#nav li.three a:visited{ background-position: -220px top; }
        ul#nav li.four a, ul#nav li.four a:link, ul#nav li.four a:visited { background-position: -330px top; }
        ul#nav li.five a, ul#nav li.five a:link, ul#nav li.five a:visited { background-position: -440px top; }

        ul#nav li.one a:hover , ul#nav li.one a:active, ul#nav li.one.current a{ background-position: 0% -50px; }
        ul#nav li.two a:hover, ul#nav li.two a:active, ul#nav li.two.current a{ background-position: -80px -50px; }
        ul#nav li.three a:hover, ul#nav li.three a:active, ul#nav li.three.current a{ background-position: -220px -50px; }
        ul#nav li.four a:hover, ul#nav li.four a:active, ul#nav li.four.current a{ background-position: -330px -50px; }
        ul#nav li.five a:hover, ul#nav li.five a:active, ul#nav li.five.current a{ background-position: -440px -50px; }
/***************** END MENU *******************/

/* ELEMENT OVERRIDES */
body {
	background: #222;
	color: #111;
	margin-top: 0;
	font-family: Verdana, Geneva, sans-serif;
}
h1 , h2, h3, h4, h5, h6 { color: #fff; }
hr { color: #222; background: #222;}
hr.space { color: #c9252c; background: #c9252c; }
#menu hr { height: 0.2em; }
h1, h2 {
	/*font-size: 1.2em; height:1.25em; line-height:1.25; margin-bottom:1.25em;*/
	font-size:1.5em; line-height:1; margin-bottom:1em;
	}
h3 { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }

/* LAYOUT */

	div.colborder  
	{
		padding-right: 20px;
		border-right: 2px solid #222;
	}
	#content { overflow: hidden; margin-top: 50px; }
	#contentTop { padding-bottom: 1.5em; }
	/*#contentLeft, #contentRight { padding-top : 18px; }*/
	#footer  
	{
		height: 1.5em; 
	    padding: 1.5em 0 1.5em 0; 
	    margin: 1.5em 0 0;
	    background-color: #c9252c; }


	div.container 
	{
		background: #c9252c url("/css/styleimages/splatlogo-bg.png") no-repeat scroll 100% 0%;
		padding-top: 130px;
		border-left: solid 3px #111;
		border-right: solid 3px #111;
		border-bottom: solid 3px #111;
	}

/* END LAYOUT*/

a, a:link, a:visited { color: #ddd; text-decoration: none; }
a:hover, a:active { color: #111; }


.dark  { color: #111; }
a.dark { text-decoration: none; }
a.dark:link, a.dark:visited { color: #111; }
a.dark:hover, a.dark:active { color: #eee; }

p.align-center { text-align: center; }

.center { margin-left: auto; margin-right: auto; }
img.center { display: block; }

/* All Readmore Links use the background sprite */
a.linksprite
{
	background: transparent url("/css/styleimages/imagelinks-sprite-bg.png") no-repeat scroll 0 0px;
	margin-right: 10px;
	display: inline;
	text-decoration: none;
}
a.insidecorazon 
{
	background-position: 0px -100px;
	height: 18px;
	width: 114px;
	margin-bottom: 9px;
	display:block;
}
a.insidecorazon:hover, a.insidecorazon:active { background-position: 0 -150px; }

a.more {
	/*background: transparent url("/css/styleimages/imagelinks-sprite-bg.png") no-repeat scroll 0 0px;*/
	background-position: 0 0;
	padding: 0 20px; /* force the anchor to be 40px wide*/
	height: 12px;
	margin-top: 3px; 
	margin-bottom: 3px; /* height + margin = 18px; */
	width: 40px;
	
}
a.more:hover, a.more:active { background-position: 0% -50px; }

a.hotoffthepress 
{
	background-position: 0px -200px;
	height: 0px;
	padding-top: 20px;
	overflow: hidden;
	width: 116px;
	margin-bottom: 7px;
	display:block;
}
a.hotoffthepress:hover, a.hotoffthepress:active { background-position: 0% -250px; }

a.trailer {
	background-position: 0px -300px;
	padding-top: 19px;
	overflow: hidden;
	height: 0;
	width: 62px;
	margin: 0 10px 8px 228px;
	display:block;
	clear: both;
	/*float: right;*/
}
a.trailer:hover, a.trailer:active { background-position: 0% -350px; }


.summary img, .summary a.left { float: left; }
.summary img { 	margin: 0 10px 10px 0; }

.newsList ul { list-style: none; margin: 0 0 1.5em; }
.newsList li, .newsList dd { margin-bottom: 1.5em; }
.newsList a { display: block; }
.newsList dd { margin: 0.75em 0 3.75em 0; }

.mediaarticle .preview { float: left; margin: 0 15px 8px 0; }
.article { margin-bottom: 1.5em; }

.link 
{
	cursor: pointer;
}
