/*
Theme Name: Inés Gaviria - Sitio 2010
Theme URI: http://moraoscar.com/
Description: Sitio web de la cantante colombiana Inés Gaviria.
Version: 1.0
Author: Oscar Mora
Author URI: http://moraoscar.com/
Tags: púrpura, negro, header personalizado, ancho fijo, dos columnas

	 Copyright 2010, prohibida su reproducción

*/


/* Begin stylesheet */
body, html {
	font-size: 92%;
	color: #333333;
	background: url(images/bkg.jpg) top center no-repeat #300030;
	height:100%;
	margin:0px;
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
	background-attachment:scroll;
	text-align:center;
}
#header{
	width:848px;
	height:150px;
	margin: 0px auto;
}
#headertop{
	background:url(images/headertop.png) top center no-repeat;
	height:95px;
}
#headertop h1{
	display:block;
	margin:0px;
	text-indent:-9999px;
}
#menu{
	padding-right:40px;
}
ul#menu li {
	display:inline;
	/*text-indent:-5px;*/
	text-transform:uppercase;
	line-height:0.9em;
}
ul#menu li a {
	text-decoration:none;
	color:#FFFFFF;
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	padding-left:15px;
	padding-top:-2px;
}
ul#menu li a:active, ul#menu li a:hover {
	color:#FF99FF;
	padding-left:0px;
	padding-top:0px;	
}
ul#menu li a .hoverstuff{
	display:none;
} 
ul#menu li a:hover .hoverstuff{
	display:inline-block;
	width:15px;
	height:13px;
	background:url(images/hoverstuff.gif) top left no-repeat;
} 
#content{
	width:794px;
	padding:0px 6px 6px 6px;
	margin:0px auto;
	background:url(images/contentBase.gif) top center repeat #FFFFFF;	
}
#content h2{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	color:#840084;
	font-size:1.6em;
	font-weight:bold;
	padding:2px;
	margin:0px;
	display:table-cell;
	vertical-align:middle;
	width:475px;
}
#content h2 a, #content h2 a:link, #content h2 a:visited{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	color:#840084;
	text-decoration:none;
}
#content h2 a:active, #content h2 a:hover{
	color:#FF00FF;
	text-decoration:none;
}
#content h3{
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
}
#content h4{
	font-size:1em;
	font-weight:bold;
	color:#840084;
}
#content h5{
	font-size:0.8em;
	font-weight:bold;
	color:#FF00FF;
}
#content a img{
	padding:7px;
	border:solid 1px #CCCCCC;
	/*margin-left:5px;*/
	/*margin_bottom:5px;*/
}
#content a:hover img{
	padding:7px;
	background-color:#DDDDDD;
	border:solid 1px #CCCCCC;
	/*margin-left:5px;*/
	/*margin_bottom:5px;*/
}
/* estos son los estilos de texto para el vídeo de la semana*/
#content .gradientB .weekvidbottom h3{
	color:#333333;
	font-size:1em;
	margin:2px;
	font-weight:bold;
}
#content .gradientB .weekvidbottom h5{
	color:#DD00DD;
	margin:0px;
}
#content .gradientB .weekvidbottom p{
	margin:2px;
}
#leftColumn{
	float:left;
	width:535px;
	padding:8px;
	text-align:left;
}
#leftColumn a, #leftColumn a:link, #leftColumn a:visited{
	font-weight:bold;
	color:#840084;
	text-decoration:none;
}
#leftColumn a:hover, #leftColumn a:active{
	color:#FF00FF;
}
#rightColumn{
	float:right;
	width:230px;
	padding:3px;
}
#search_box .submitinput{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #333333;
	height:20px;
	background: url(images/searchinput.gif) top left repeat-x;
	border:solid 1px #FF00FF;
	display:table-cell;
	vertical-align:top;
}
#search_box .submitsearch{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #FFFFFF;
	font-weight:bold;
	height:25px;
	background: url(images/submit2.gif) top left repeat-x;
	border:none 0px;
	display:table-cell;
	vertical-align:top;
}
#footer{
	width:792px;
	padding:6px;
	margin:0px auto;
	background:url(images/gradient_b.gif) top left repeat-x #000000;
	border:solid 1px #333333;	
	font-size:0.8em;
	color:#FFFFFF;
}
#footer ul{
	margin:0px;
	padding:2px;
	color:#FFFFFF;
	text-align:left;
}
#footer ul li{
	display:inline;
	margin:0px;
	padding:2px;
	color:#FFFFFF;
	margin:0px 0px 0px -2px;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:visited{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
#footer ul li a, #footer ul li a:hover, #footer ul li a:active{
	color:#FF00FF;
}
#footer a img{
	margin:0px;
	padding:2px 15px;	
}
#footerLeft{
	float:left;
	width: 510px;
	text-align:left;
}
#footerLeft a, #footerLeft a:link, #footerLeft a:visited{
	text-decoration:none;
	color:#FF00FF;
	font-weight:bold;
} 
#footerLeft a:hover, #footerLeft a:active{
	text-decoration:none;
	color:#840084;
	font-weight:bold;
} 
#footerRight{
	float:right;
	width:260px;
	text-align:right;
}
#footerRight a img{
	border:none 0px;
} 
#weekvidTitle{
	color:#840084;
	font-size:1.2em;
	font-weight:bold;
	line-height:0.9em;
}
/* clases */
.postHeader{
	border-top:dotted 1px #FF00FF;
	border-bottom:dotted 1px #FF00FF;
	display:table;
}
.date{
	float:left;
	width:50px;
	text-align:center;
	background-color:#FF00FF;
	border-bottom:solid 2px #FF91FF;
	margin-right:6px;
}
.pageavatar{
	float:left;
	width:50px;
	height:50px;
	background:url(images/avatar.png) top left no-repeat;
	margin-right:6px;
}
.date small{
	display:inline;
	background-color:#BB00BB;
	color:#FFFFFF;
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding:0px 15px 0px 15px;
}
.date span{
	display:inline;
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	font-weight:bold;
	color:#FFFFFF;
	line-height:40px;
}
.postContent{
	background:url(images/vspacer2.png) top left repeat-x;
	padding-top:2px;
	margin-bottom:10px;
}
a.more-link{
	width:530px;
	float:right;
	background:url(images/viewmore.png) top left repeat-x;
	margin-bottom:15px;
	padding:4px;
	text-align:right;	
}
a.more-link:link, a.more-link:visited{
	text-decoration:none;
	color:#FF00FF;
	font-size:0.8em;
	font-weight:bold;
}
a.more-link:active, a.more-link:hover{
	text-decoration:none;
	color:#140014;
	font-weight:bold;
}
.buyalbum{
	background:url(images/vspacer.png) bottom left repeat-x;
	padding:2px;
}
.buyalbum a, .buyalbum a:link, .buyalbum a:visited{
	font-size:0.9em;
	color:#660066;
	text-decoration:none;
	font-weight:bold;
}
.buyalbum a:hover, .buyalbum a:active{
	color:#FF00FF;
	text-decoration:none;
	font-weight:bold;
}
.linksidebar{
	text-align:left;
}
.linksidebar ul{
	list-style-type:none;
	padding:3px;
	margin:0px 3px 5px 3px;
	text-indent:5px;
}
.linksidebar li{
	width:100%;
	height:25px;
	background:url(images/rightlinks1.gif) top left repeat-x;
}
.linksidebar a, .linksidebar a:link, .linksidebar a:visited{
	font-size:1em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.linksidebar a:hover, .linksidebar a:active{
	color:#FF00FF;
	text-decoration:none;
	font-weight:bold;
}
/* quitar los bordes de los enlaces en la derecha */
#rightcolumnbuttons a img, #rightcolumnbuttons a:link img, #rightcolumnbuttons a:visited img, #rightcolumnbuttons a:hover img, #rightcolumnbuttons a:active img{
	border:none 0px;
	padding:0px;
	margin:0px;
	background:none;
}
#rightcolumnbuttons a, #rightcolumnbuttons a:link, #rightcolumnbuttons a:visited{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
#rightcolumnbuttons a:hover, #rightcolumnbuttons a:active{
	color:CC00CC;
}
.weekvidtop{
	text-align:center;
	padding:2px;
}
.weekvidbottom{
	background:url(images/gradient_g.gif) top left repeat-x #DADADA;
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:8px 8px 0px 8px;
	font-size:0.9em;
	border-bottom:solid 1px #AAAAAA;
}
h3.weekvidbottom{
	color:#FFFFFF;
	line-height:0.6em;
}
.rnwidget{
	text-align:center;
	border-top:dotted 3px #FF46FF;
	padding:10px 0px 0px 0px;
}
.rnwidget a img{
	clear:both;
	text-align:center;
	border:none 0px;
}
.linkposts{
	text-align:center;
	color:#333333;
	background:url(images/vspacer2.png) top left repeat-x;
	padding:2px;
}
.linkposts a, .linkposts a:link, .linkposts a:visited{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.linkposts a:hover, .linkposts a:active{
	color:#FF00FF;
}
.comentarios{
	width:527px;
	padding:5px;
	/*margin-left:10px;*/
	background:url(images/commentsbkg.png) top left repeat-x;
	font-size:0.9em;
}
.comentarios h3{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#FF00FF;
	margin:1px;
	padding:1px;
}
.comentarios ol{
	margin-top:5px;
}
.comentarios a, .comentarios a:link, .comentarios a:visited{
	text-decoration:none;
	color:#003366;
}
.comentarios a:active, .comentarios a:hover{
	text-decoration:none;
	color:#666666;
}

.comentarios .fn{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
	text-transform:capitalize;
	font-style:normal;
}
.comentarios p{
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
}
.comentarios .submitinput{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #FFFFFF;
	font-weight:bold;
	height:25px;
	background: url(images/submit1.gif) top left repeat-x;
	border:none 0px;
	display:table-cell;
	vertical-align:top;
}
.comentarios textarea{
	background: url(images/searchinput.gif) top left repeat-x #F5F5F5;
	border:solid 1px #DDDDDD;
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#666666;
}
.inputforms{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #333333;
	height:20px;
	background: url(images/searchinput.gif) top left repeat-x;
	border:solid 1px #FF00FF;
	display:table-cell;
	vertical-align:top;	
}
.submitforms{
	font-family:Century Gothic, Courier, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #FFFFFF;
	font-weight:bold;
	height:25px;
	background: url(images/submit2.gif) top left repeat-x;
	border:none 0px;
	display:table-cell;
	vertical-align:top;
}
/* este codigo personaliza las votaciones en la columna derecha */
.pollStyle{
	font-size:0.8em;
	padding:3px;
}
.pollStyle a, .pollStyle a:link, .pollStyle a:visited{
	color:#333333;
	font-weight:bold;
	text-decoration:none;	
}
.pollStyle a:hover, .pollStyle a:active{
	color:CC33CC;
}
/* este codigo remueve el bullet en los títulos dinámicos de páginas 
.pagenav{
	list-style-type:none;
}*/
/* estilos para ajustar las clases nativas de wordpress */
img.alignleft, div.alignleft{
	float:left;
	margin:0px 6px 6px 0px;
}
img.alignright, div.alignright{
	float:right;
	margin:0px 0px 6px 6px;
}
img.aligncenter, div.aligncenter{
	text-align:center;
	margin:0 auto;
}
/* estilos comunes */
.clear{clear:both;}
.vspacer{ height:10px; background:url(images/vspacer.png) bottom left repeat-x;}
.gradientB{background:url(images/gradient_b.gif) top left repeat-x #000000;}
.gradientM{background:url(images/gradient_m.gif) top left repeat-x #FF00FF;}
.tenpxdown{height:10px;}
.leftalign{ float:left; text-align:left; }
.rightalign{ float:right; text-align:right; }
.dottedbordersmall{ border-bottom:dotted 1px #FF33FF;