/*   
Site: VIP Latino
Author: Cristian Bosch
Author URI: www.maquinastudio.com
Date: 01.20.2010
*/


@import url(reset.css);


/* GENERAL TYPOGRAPHY --------------------------------------- */
body, input, textarea{font: 82.5%/1.5 "Helvetica", Arial, Verdana, sans-serif; color: #535353;}

h1{}
h2{font-size: 1.5em; font-weight: 600; color:#000;}
a{color:#732b8b; }
.post-content-short p{margin: 0;}
small{color: #9c9c9c;}
.widget-content a, #content-footer h3{color: #4c095b;}
.widget-content a:hover{text-decoration: underline;}
h2 a{color:#000;}

h2 a:hover, .post a:hover{text-decoration: underline;}
#content-footer h3{font-size: 1.2em; font-weight: 100;}
#content-footer a{color:#414141;}
#content-footer a:hover{color:#000;}
#footer{color: #85538b;font-size: 0.9em;}
#footer a{color: #85538b;}
#footer a:hover{color:#fff;}
.post-page-title h2{ color:#000;padding-bottom: 5px;border-bottom: 1px dotted #a7a5a6;}
.post-page-title h2 span{}
#slider h2 a{color: #fff;}
strong{font-weight: 700;}
em{font-style: italic;}


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

/*body{background-image: url(../images/bg1.jpg);background-position: top center;background-color: #3c0443;background-repeat: no-repeat;}*/

html {overflow-x: hidden;} 
body{background-image: url(../images/bg-tile.gif);}

#bg{background-image: url(../images/bg3.jpg); height: 651px; width: 1600px; position: absolute; top:0px; left:50%; margin-left: -800px; z-index: 1;}

#container{
	position:relative;
	width: 960px;
	height: 100%;
	margin: 0 auto;
	z-index: 5;	
}


#header{
	width:960px;
	height: 185px;
	position:relative;
	padding-top:5px;
}

#cap-top{
	width:960px;
	height:15px;
	background-image: url(../images/cap-page.png);
	background-position: top;

}

#cap-bottom{
	width:960px;
	height:15px;
	background-image: url(../images/cap-page.png);
	background-position: bottom;
}





#main{
	width:960px;
	height: auto;
	background-image: url(../images/page-bg.png);
}

#logo{
	width:auto;
	height: auto;
	position: absolute;
	bottom:0px;
	left: 15px;
}


#content{
	width:930px;
	height: auto;
	margin: 0 auto;
	background-color: #eee;
}


#leftcol{
	width:615px;padding: 15px 0 15px 0;
}


#rightcol{
	width:315px;padding: 15px 0 15px 0;
}

#content-footer{
	width:930px;
	height: auto;
	background-color: #d6d6d6;
	padding: 20px 0 40px 0;
	border-top: 1px solid #c6c6c6;
}

#content-footer ul{width: 260px; margin:-5px 0 0 5px;}
#search{width:204px; height: 40px; float: right;background-image: url(../images/bg-search.jpg);}

#banner{width: 300px; height: 250px; background-color: #ccc;}
#banner span{color: #666; margin:100px;}
#banner-leaderboard{width: 728px; height: 90px; background-color: #121212; }
#banner-cap-left{
	width:5px;
	height:100px;
	background-image: url(../images/cap-banner.png);
	background-position: left;
}




.post-box{width:585px; height:auto; margin: 0 0 15px 15px;background-color:#fff; /*border: 1px solid #e9e8e8;*/ }
.post-cap-top{width: 585px; height: 8px; background-image: url(../images/cap-post.jpg); background-position: top;}
.post-cap-bottom{width: 585px; height: 8px; background-image: url(../images/cap-post.jpg); background-position: bottom;}

.post-wrap{width: 583px; height:auto; border-left: 1px solid #e9e8e8; border-right: 1px solid #e9e8e8; padding: 10px 0 0 0;}
.post-thumb{width: 140px; height: 140px; background-color: #ccc;margin-left: 15px;}
.post-content-short{width:390px; height: 150px;margin-right: 15px; position: relative;}
.post-content{width:555px; height: auto; margin:0 15px;}
.post-page-title{width:555px; height: auto; margin:0 15px;}
/*img{margin-right: 15px;}*/
.post-header{width: 100%; height: auto;margin-bottom: 15px;border-bottom: 1px dotted #a7a5a6;}

.button-vip{margin-top: 4px;}
.widget{width:300px;height:auto;position:relative;margin-top: 15px;}
.widget-cap-top{width:300px; height: 40px; background-image: url(../images/cap-widget-top.jpg);background-position: top;}
.widget-content{width: 298px; height: auto; border-left: 1px solid #e9e8e8; border-right: 1px solid #e9e8e8;background-color: #fff;}
.widget-cap-bottom{width:300px; height: 7px; background-image: url(../images/cap-widget-bottom.jpg);background-position: bottom; position: absolute; bottom: 0px;}
.widget-content-inner{width: 270px; height: auto; margin: 0 15px;}
.icon{margin-right: 10px;}
.widget-content li, #content-footer li{border-bottom: 1px dotted #a7a5a6; padding: 7px 0;}
.flickr{padding:15px 0 13px 0;}
.flickr img{margin-right: 15px;}
.social{padding: 15px 0 12px 0;}
.notas{padding:5px 0 30px 0;}

.datebox{position: absolute; bottom: 0px; right: 0px;}
.label-box {width:300px; height:261px;}
.label-anuncie {float:right;background-image: url(../images/etiqueta-sidebar.png);width:69px; height:11px;}
.box-anuncie{background-image: url(../images/box-anuncie.png);width:299px; height:99px;}
.banner-top{width:750px; height:100px;margin:0 auto;margin-top:6px;}
.banner-ads-top{width:726px; height:90px;background-image: url(../images/back-banner.png);padding:5px 5px;float:left;}
.label-banner-top{width:14px; height:100px;background-image: url(../images/etiqueta.png);float:right;}
/* NAVIGATION ----------------------------------------------- */

#navigation{
	position: absolute;
	bottom:15px;
	right:15px;
	width:600px;
	height: auto;
}

#nav-inner{float: right; width: auto; height: auto;}
#nav-inner li, #topical-nav-inner li{float: left;}
#nav-inner a{color: #eceaeb; font-size: 1.0em;display: block; margin-left: 20px;}
#nav-inner a:hover, #nav-inner a.active{color: #55a0bd;}


#topical-nav{
	width:930px;
	height: 40px;
	background-image: url(../images/bg-menu.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #8f8f8f;
}

#topical-nav-inner{float: left; width:700px; height: 29px; margin: 6px 0 0 5px;}
#topical-nav-inner a{color: #585858; font-size: 1.2em; font-weight: 600; display: block; height: 29px; margin-right: 10px;padding: 8px;position: relative;}

#topical-nav-inner a:hover, #topical-nav-inner a.active-cat{color: #eceaeb; background-image: url(../images/bg-menu-selected.jpg);background-repeat: repeat-x;}
#topical-nav-inner a:hover #edgeL, #topical-nav-inner a.active-cat #edgeL{width: 6px;position:absolute;height:29px;top:0; left: 0;background-image: url(../images/bg-edgeL.jpg);}
#topical-nav-inner a:hover #edgeR, #topical-nav-inner a.active-cat #edgeR{width: 6px;position:absolute;height:29px;top:0; right: 0;background-image: url(../images/bg-edgeR.jpg);}


.prev{float: left;margin-top: -2px;}
.next{float: right; margin-top: -2px;}
.prev a:hover, .next a:hover{text-decoration: underline;}
.related-posts li{line-height: 1.5em;background-image: url(../images/bullet-red.gif); background-position: left center; background-repeat: no-repeat; padding-left: 8px;}
.related-posts{margin-top: -8px;}
.related-posts a:hover{text-decoration: underline;}

/* FOOTER --------------------------------------------------- */
#footer{
	width:960px;
	height:40px;
	margin-bottom: 20px;
	position:relative;
}

.links{
	width:270px;
	margin: 0 20px;
}

#footer-nav{
	height:20px;
	margin: 10px;
		
}

#legal{
	height: 20px;
	margin: 10px;


}


/* TEXT IMAGE REPLACEMENT ---------------------------------------------------- */

#h3-conexion{text-indent: -5000px; height: 28px; width: 105px; background-image: url(../images/title-conexion.png);background-repeat: no-repeat; background-position: bottom;margin-left: 10px;}

#h3-ultimas-notas{text-indent: -5000px; height: 28px; width: 142px; background-image: url(../images/title-ultimas-notas.png);background-repeat: no-repeat; background-position: bottom;margin-left: 10px;}

#h3-video{text-indent: -5000px; height: 28px; width: 101px; background-image: url(../images/title-video.png);background-repeat: no-repeat; background-position: bottom;margin-left: 10px;}

#h3-galeria{text-indent: -5000px; height: 28px; width: 85px; background-image: url(../images/title-galeria.png);background-repeat: no-repeat; background-position: bottom;margin-left: 10px;}

#content-footer h3{width: 269px; height: 31px; background-image: url(../images/bg-footer-title.jpg); padding: 8px 0 0 8px; background-repeat: no-repeat;}


/* SLIDESHOW ---------------------------------------------------- */
 
#slideshow{width: 585px; height: 270px;margin: 0 0 15px 15px;position: relative;}
#slider{width: 585px; height: 270px;position: relative;}
 
 
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
					

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:585px;
		height:270px;
		overflow:hidden; 
		position: relative;
		}	
		
		
	#slider li h2{position: absolute; bottom:0px; left: 0px;color: #fff;width: 420px; background-image: url(../images/bg-slideshow.png);height: 40px;padding-top: 10px;padding-left: 10px;font-weight: 100; font-size: 1.4em;padding-right:155px;} 
	
		/*#slider li h2{position:absolute; bottom:0px; color: #fff;width: 585px; background-image: url(../images/bg-slideshow.png);height: 30px;padding-top: 10px;padding-left: 10px;font-weight: 100; font-size: 1.4em;} */

			
	/* numeric controls */
	
	ol#controls{position: absolute;bottom:-14px;right: 0px;width:auto; }	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:40px;
		text-align: right;
		}
	ol#controls li{
		margin:6px 6px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:25px;
		line-height:25px;
		}
	ol#controls li a{
		float:left;
		height:25px;
		line-height:25px;
		background-image: url(../images/but-slideshow.png);
		color:#fff;
		padding:0 9px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background-image: url(../images/but-slideshow-active.png);
		color:#000;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */




/* LINKS ---------------------------------------------------- */


/* COMMENTS ---------------------------------------------------- */
#comments small{float: right;}
#comments .alt, #respond form{}
#comments li, #respond form{padding: 0;list-style: none;}
#comments li{border-bottom: 1px dotted #a7a5a6;margin-bottom: 10px; }
#comments-template h2{height: auto; border-top: 1px solid #dedddb;border-bottom: 1px solid #dedddb; margin:5px 0 0 0;font-size: 1.6em; padding: 6px 0 2px 0;}
#comments h4{font-weight: bold;}
#comments .avatar{float: left; margin: 0 10px 10px 0;}
#comments .the_comment{line-height: 1.2em; margin-top: -5px;}

#respond input, #respond textarea{padding: 4px 3px; background-color: #d6d6d6;border-width: 1px; }
#respond form label small{color:#666565;}
#respond form{padding: 0;}




/* FORMS ---------------------------------------------------- */
fieldset{border: none; position: relative; margin-top:5px;}
input.s {width: 160px;height: 15px;padding: 3px 0 3px 3px; margin: 5px 0 0 5px;border: none;background-color: #f5f5f5;outline: none;}
button{
    position: absolute;
    top:5px;
    right: 8px;
	width:22px;
	height:21px;
	background-image:url(../images/button-search.jpg);
	border:none;
}
button:hover{cursor:pointer;}

.your-name input, .your-email input, .your-message textarea, .text-334 input {padding: 3px 0 3px 3px;}
.menu-568 select{padding: 3px 0 3px 3px;width: 249px;}
.your-message textarea {width: 99%;}
input.enviar{background-image:url(../images/button-enviar.png);width:84px;height:23px;border:0;cursor:pointer;}
input.button-comentar{background-color:#fff;background-image:url(../images/button-comentar.png);width:103px;height:23px;border:none;cursor:pointer;}

/* MISCELANEOUS --------------------------------------------- */
.bottom10{margin-bottom: 10px;}
.stroke{border:1px solid red;}

.right{float:right;}

.left{float:left;}

.clear{clear:both;}

.top{background-position: top;}
.bottom{background-position: bottom;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.f-right {float:right;height: 20px;	margin: 10px;}