/*
Theme Name: Karmabeat Rojo/Azul
Theme URI: http://www.karmabeat.com.mx
Description: Tema oficial de Karmabeat
Author: Michell Valenzuela
Template: RojoAzul
Version: 1.0
Tags: Karmabeat, Tutimi
*/

/* Configuracion general */
body
{
	background:#000 url(images/fondo.png) center top repeat-x fixed;
	color:#FFF; font:12px helvetica, arial;
}

body, html
{
	scrollbar-face-color:#121E36 !important;
	scrollbar-highlight-color:#121E36 !important;
	scrollbar-shadow-color:#121E36 !important;
	scrollbar-3dlight-color:#121E36 !important;
	scrollbar-arrow-color:#FC1C1C !important;
	scrollbar-track-color:#04090F !important;
	scrollbar-darkshadow-color:#121E36 !important;
}

*{ margin:0; padding:0; }

@font-face { font-family: "Impact"; src: url(http://karmabeat.com.mx/wp-content/uploads/impact.ttf) format("truetype"); }  

img { border:none }

a:link, a:visited { color:#FB6A79; font:12px helvetica, arial; text-decoration:underline; }
a:hover, a:active { color:#FFF; text-decoration:none }

#Header { background:transparent; position:absolute; left:50%; margin-left:-475px; top:0px; z-index:-1; }
#Fondo { background:transparent; width:100%; position:fixed; left:0%; top:0px; z-index:-2; }
#Busqueda { position:absolute; left:50%; margin-left:275px; top:326px; z-index:0; }
#BusquedaTxt { background:#222222; color:#FFF; border:none; position:relative; top:-3px; }
#BusquedaTxt:hover { color:#999; }

a#LogoBlogger:link, a#LogoBlogger:visited { background:url(images/logoBlogger.png) center top; position:absolute; left:50%; margin-left:90px; top:282px; z-index:1; }
a#LogoBlogger:hover, a#LogoBlogger:active { background:url(images/logoBlogger.png) center bottom; }

a#LogoFacebook:link, a#LogoFacebook:visited { background:url(images/logoFacebook.png) center top; position:absolute; left:50%; margin-left:188px; top:282px; z-index:1; }
a#LogoFacebook:hover, a#LogoFacebook:active { background:url(images/logoFacebook.png) center bottom; }

a#LogoMyspace:link, a#LogoMyspace:visited { background:url(images/logoMyspace.png) center top; position:absolute; left:50%; margin-left:290px; top:282px; z-index:1; }
a#LogoMyspace:hover, a#LogoMyspace:active { background:url(images/logoMyspace.png) center bottom; }

a#LogoTwitter:link, a#LogoTwitter:visited { background:url(images/logoTwitter.png) center top; position:absolute; left:50%; margin-left:392px; top:282px; z-index:1; }
a#LogoTwitter:hover, a#LogoTwitter:active { background:url(images/logoTwitter.png) center bottom; }

a#Feed:link, a#Feed:visited { background:url(images/feed.png) center top; position:absolute; left:50%; margin-left:438px; top:391px; z-index:2; }
a#Feed:hover, a#Feed:active { background:url(images/feed.png) center bottom; }


#Menu { position:absolute; left:50%; margin-left:-455px; top:276px; z-index:0; }
#Menu a:link, #Menu a:visited { padding:2px 5px 0px 5px; font-family:Impact, "Impact"; color:#FFF; text-decoration:none; font-size:38px; text-transform:uppercase }
#Menu a.Actual:link, #Menu a.Actual:visited { color:#FB6A79; text-decoration:none; text-transform:uppercase; cursor:default; }
#Menu a:hover, #Menu a:active { color:#6A6A6A; }

#Content { background:url(images/fondoDivs.png); position:absolute; left:50%; margin-left:-475px; top:380px; width:950px; height:auto; }

#Main { width:680px; padding:10px; float:left }
#Barra { width:220px; padding:10px; float:right }

#Footer { background:url(images/footer.png); position:relative; top:20px; width:950px; height:120px; float:left; }
#Footer a { text-decoration:none; }

#Djs a { padding-top:5px; }
#Barra a.Actual:link, #Barra a.Actual:visited { color:#FB6A79; text-decoration:none; font-size:30px; cursor:default; }
span#Fiestas h2, #Publicidad h2, span#Djs a:link, span#Djs a:visited { color:#FFF; font-size:24px; font-family:Impact, "Impact"; text-decoration:none }
#Fiestas h2 { padding-top:15px; }
#Fiestas ul { margin-top:-1px; }
span#Djs a:hover, span#Djs a:active { color:#6A6A6A; text-decoration:none }
#Fiestas ul, #Publicidad ul { list-style:none; text-align:left; padding-left:7px; }
#Fiestas ul li a, #Publicidad ul li a { padding-right:40px; }
#Fiestas ul li a:link, ul li a:visited { color:#959595; font:12px helvetica, arial; text-decoration:none; }
#Fiestas:hover ul li a:link, #Fiestas:hover ul li a:visited { color:#FFF; text-decoration:none; }
#Fiestas:hover ul li a:hover, #Fiestas:hover ul li a:active { color:#FB6A79; text-decoration:none; }

#Facebook { position:relative; left:-10px; top:20px; }
#Publicidad { position:relative; top:40px; left:-10px; }
.blogroll li a img { width:240px; border:none; position:relative; left:-14px; }

img.aligncenter { display:block; margin-left:auto; margin-right:auto; }

.Page h1 { width:700px; margin-left:-10px; margin-top:-10px; background:#000; color:#FD9B9B; font-family:Impact, "Impact"; font-size:38px; text-transform:uppercase; padding-top:4px; cursor:default; }

span#Copy { position:absolute; bottom:0%; margin-bottom:10px; left:50%; margin-left:-320px; }

a#Volver { position:absolute; right:0%; margin-right:50px; bottom:0%; margin-bottom:5px; }
a#Volver:link, a#Volver:visited { background:url(images/volver.png) center top; }
a#Volver:hover, a#Volver:active { background:url(images/volver.png) center bottom; }

img.dj { padding:10px; background:url(images/fondoDj.png) center top; }
.Page img.dj { margin:-75px 0 0 40px; }
.Page .Entry p { text-align:justify; padding:0 10px 10px 10px; }

.Links { position:relative; top:5px; left:15px; float:left; width:300px; }
.Links a:link, .Links a:visited { background:#FB6A79; color:#000; padding:1px 4px 1px 4px; margin-left:1px; text-decoration:none; }
.Links a:hover, .Links a:active { background:#000; color:#FB6A79; }

a.APost:hover img.dj, a.APost:active img.dj { background:url(images/fondoDj.png) center bottom; }

h1 a.APost:link, h1 a.APost:visited, a.APost:link h1, a.APost:visited h1 { color:#FB6A79; font:14px helvetica, arial; text-decoration:none; }
h1 a.APost:hover, h1 a.APost:active, a.APost:hover h1, a.APost:active h1 { color:#FFF; font:14px helvetica, arial; text-decoration:none; }
.Entry { margin-top:5px; }
div.Post { display:block; width:200px; overflow:hidden; position: relative; margin-left:25px; margin-bottom:10px; }
div.Post img { width:200px; height:inherit; }
div.Post img.dj { width:85px; display:block; margin-left:auto; margin-right:auto;  }
#Main li { float:left; margin:0; }
#Main ul { list-style:none; }


.Publicar { display:inline; float:right; position:relative; top:13px; right:20px; }

strong { color:#FB6A79; font-size:13px; font-weight:bold }