/*
Theme Name: Karmabeat Bicentenario
Theme URI: http://www.karmabeat.com.mx
Description: México Bicentenario
Author: Michell Valenzuela
Template: Bicentenario
Version: 1.0
Tags: Karmabeat, Tutimi, Bicentenario
*/

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

*{ 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:#F74141; 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:3; }
#Fondo { background:transparent; width:100%; position:absolute; left:0%; top:0px; z-index:0; }
#Busqueda { position:absolute; left:50%; margin-left:250px; top:5px; z-index:2; }
#BusquedaTxt { background:#0A4D08; color:#79D477; border:none; position:relative; top:-3px; }

a#LogoBlogger:link, a#LogoBlogger:visited { background:url(images/logoBlogger.png) center top; position:absolute; left:50%; margin-left:90px; top:398px; z-index:3; }
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:400px; z-index:3; }
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:400px; z-index:3; }
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:401px; z-index:3; }
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:484px; z-index:4; }
a#Feed:hover, a#Feed:active { background:url(images/feed.png) center bottom; }


#Menu { position:absolute; left:50%; margin-left:-455px; top:392px; z-index:2; }
#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:#F74141; 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:475px; 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; margin-bottom:45px; }
#Footer a { text-decoration:none; }

#Djs a { padding-top:5px; }
#Barra a.Actual:link, #Barra a.Actual:visited { color:#F74141; 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:#F74141; 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:url(images/fondoH1.png); 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:#F74141; color:#000; padding:1px 4px 1px 4px; margin-left:1px; text-decoration:none; }
.Links a:hover, .Links a:active { background:#000; color:#F74141; }

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:#F74141; 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:#F74141; font-size:13px; font-weight:bold }