/* CSS Document, created by Federico Gagliardone - Sapo Communications - for AMERICAN LATINO */
/* BASIC ELEMENTS */
body{
	margin:0;
	padding:0;
	background-image:url(../img/background/background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#1A0D05;
	font-family:Arial, Helvetica, sans-serif;
	color:#111111;
	font-size:12px;
}

em{color: #FF6C00;}

#maincontainer{
width: 1020px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#top{
height: 230px; /*Height of top section*/
margin-bottom:10px;
}


#contentwrapper{
float: left;
width: 100%;
}

#content{
margin-right: 430px; /*Margin for content column. Should be (RightColumnWidth + ads300Width)*/
background-color:#FFF;
padding:5px;
}

#ads300{
float: left;
width: 300px; /*Width of left column in pixel*/
margin-left: -430px; /*Set margin to -(ads300Width + RightColumnWidth)*/
margin-right:120px;
/*background-color:#FFF;
padding-bottom:15px;*/
}

#rightcolumn{
float: left;
width: 125px; /*Width of right column in pixels*/
margin-left: -125px; /*Set margin to -RightColumnWidth*/
}

#leaderBoardBottom{
clear: left;
width: 890px;
text-align:center;
background-color:#FFF;
color: #FFF;
padding: 4px 0;
padding-top:10px;
border-top: 1px solid #CECECE;
padding-bottom:10px;
}

#footer{
clear: left;
width: 890px;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
background-image:url(../img/siteElements/footerBg.jpg);
background-repeat:no-repeat;
}

#homeMainFeatures {
	padding-bottom:5px;
	/*background-color: #FFF;
	width:860px;*/
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.category {
	margin-bottom:10px;
}
.singleAd {
	padding-bottom:8px;
}
.title {
	color:white;
	background-image:url(../img/siteElements/titles.jpg);
	background-repeat:no-repeat;
	height:40px;
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	text-transform:uppercase;
}
.titleLarge {
	color:white;
	background-image:url(../img/siteElements/titleLarge.jpg);
	background-repeat:no-repeat;
	height:30px;
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
	/*padding-bottom:5px;*/
	padding-left:10px;
	text-transform:uppercase;
}
.subTitle {
	color:#FF6C00;
	font-weight:bold;
	font-size:14px;
	background-repeat:no-repeat;
	background-image:url(../img/siteElements/bgSubTitlesWhite.jpg);
	/*padding-bottom:5px;*/
	height:40px;
	padding-left:10px;
	padding-top:10px;
}
.bigButton {
	background-image:url(../img/siteElements/bgGeneric.jpg); 
	height:30px; 
	padding-top:10px; 
	padding-left:5px;
	font-size:18px; 
	background-position:center top; 
	text-align:center;
	margin-bottom:10px;
}
img {
	border:none;
}
input {
	background-color:#FFFFFF;
	border:2px solid #990000;
}
select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
textarea {
	background-color:#FFFFFF;
	border:2px solid #990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.inputBlack {
	background-image:url(../img/siteElements/bgBlack-input.jpg);
	background-position:middle center;
	color:white;
	height:30px;
	border:none;
}
/* FONTS */
.fontWhite {
	color:#FFF;
}
.fontWhiteTitle {
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}
.fontYellow {
	color:#FC0;
	font-size:25px;
	font-weight:bold;
}
.fontRed{
	color:#FF6C00;
	font-weight:bold;
}
.fontRedBig{
	color:#FF6C00;
	font-weight:bold;
	font-size:18px;
}
.episodes {
	background-image:url(../img/siteElements/bgEpisodes.jpg);
	background-repeat:no-repeat;
}

/* LINKS */
a:link {
	color: #FF6C00;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color: #FF6C00;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color: #8D3500;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #FF6C00;
	font-weight:bold;
}

.whiteToRed:link {
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
}
.whiteToRed:visited {
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
}
.whiteToRed:hover {
	text-decoration: none;
	color: #FF6C00;
	font-weight:bold;
}
.whiteToRed:active {
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
}


/*-- SLIDER --*/
#slider-wrapper {
	background-position:center bottom;
	background-repeat:no-repeat;
    width:890px;
    height:338px;
}

#slider {
	position:relative;
    width:890px;
    height:300px;
    margin: 0 auto;
	background:url(../img/siteElements/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:420px;
	bottom:-15px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:12px;
	background-image:url(../img/siteElements/bulletRound.png);
	text-indent:-9999px;
	border:0;
	margin-right:5px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -12px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background-image:url(../img/siteElements/arrows.png);
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}