/* 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:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#111111;
	font-size:12px;
}

em{color: red;}

#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:#900;
	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/bgEpisodes.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:#900;
	font-weight:bold;
}
.fontRedBig{
	color:#900;
	font-weight:bold;
	font-size:18px;
}
.episodes {
	background-image:url(../img/siteElements/bgEpisodes.jpg);
	background-repeat:no-repeat;
}

/* LINKS */
a:link {
	color: #900;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color: #900;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color: #5163D1;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #900;
	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: #900;
	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;
}

/* DREAMS CONTEST */

#dreams-top {
	background-image:url(../img/dreams/dreams-top.jpg);
	width:580px;
	height:214px;
	margin-bottom:10px;
}
#dreams-form {
	height:270px;
	margin-bottom:10px;
}
.dreams-form-line {
	height:48px;
	margin-bottom:10px;
	padding-left:12px;
}
.dreams-input-short {
	background-image:url(../img/dreams/field-bg.jpg);
	background-repeat:no-repeat;
	width:178px;
	height:48px;
	float:left;
	display:inline;
	padding:5px;
}
.dreams-input-long {
	background-image:url(../img/dreams/field-long-bg.jpg);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	width:547px;
	height:33px;
	padding-left:10px;
	padding-top:15px;
	color:#666;
}
.dreams-text-area {
	background-image:url(../img/dreams/field-text-area-bg.jpg);
	background-repeat:no-repeat;
	width:557px;
	height:81px;
	border:none;
	padding-top:10px;
}
#dreams-buton-more-line {
	background-image:url(../img/dreams/button-click-here.jpg);
	width:580px;
	height:53px;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:20px;
}
#paginator, #paginator a:link, #paginator a:visited, #paginator a:active,.dreams-link:link, .dreams-link:visited, dreams-link:active {
	color:#666;
	font-size:16px;
	text-shadow: white 0.1em 0.1em 0.2em;
	font-weight:normal;
	text-decoration:none;
}
#paginator a:hover, .dreams-link:hover {
	color:#36F;
}
.dreams-input {
	border:none;
	height:35px;
	font-size:16px;
	font-family:Arial;
	color:#999;
	width:160px;
}
.dreams-input-textarea {
	border:none;
	width:540px;
	height:60px;
	margin-left:2px;
	font-size:16px;
	font-family:Arial;
	color:#999;
}
.dreams-dream-line {
	height:110px;
	margin-bottom:15px;
	border-bottom:1px dashed #CCC;
	padding-bottom:5px;
	margin-bottom:15px;
}
.dreams-photo-box {
	width:60px;
	float:left;
	margin-right:25px;
}
.dreams-info-box {
	float:left;
	display:inline;
	width:480px;
}
.dreams-img {
	border:4px solid #FFFFFF;
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 10px 5px #888;
	box-shadow: 0px 0px 5px #888;
	height:65px;
	width:65px;
}
#dreams-content {
	margin-top:10px;
	color:#666;
	font-size:14px;
}
.dreams-name {
	font-size:24px;
	margin-bottom:2px;
	color:#000;
}
.dreams-button-read-more {
	padding-top:27px;
	text-align:right;
}
.dream-photo-info-combo {
	height:55px;
}

.dreams-dream-line-open {
	height:150px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:15px;
	background-image:url(../img/dreams/open-background.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.dream-social-networks {
	margin-top:70px;
	padding-left:85px;
}
