/*
Theme Name: El grito más fuerte
Theme URI: http://elgritomasfuerte.mx/
Description: colectivo compuesto por gente que se dedica al arte y la cultura ,que discute temas que consideramos importantes para nuestro país y que busca llamar la atención mediática
Version: 0.1
Author: Domovolcanico 
Author URI: http://www.domovolcanico.com
Creditos iconos: Magnifying Glass por Phil Goodwin, Mail por Anand A Nair, Map marker por Venkatesh Aiyulu,
Question por Juan Garces
Codigo Modificado por Victor Garcia (http://www.llanura.com)

*/
@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

body,html { margin:0px auto; padding:0; font-family:arial, sans; font-size:12pt; color:#000;}

a{color:#930466;text-decoration:none;}
p{font-size:10pt; line-height:14pt; text-align:justify;}
h1{font-size: 14pt; font-weight:bold;}
h2{font-size: 17pt; font-weight:bold;}
h3{font-size: 12pt; font-weight:bold; color: #680448;}
blockquote{font-family: "Courier New", Courier, monospace; font-size:10pt; line-height:12pt; background:rgba(150,150,150,.2)}
#wrap{width:998px; margin:0px auto;}

#head{width:998px;height:110px;}
#headLogo{width:100px;float:left;}

#redes{width:120px; height:30px; margin:0 0 0 880px;}
#redes li{display:inline;}
#redes ul{width:120px; height:30px; }
#redes a{width:26px; height:26px; display:block;}

/* empiezan elementos individuales de redes */
#redes li a.navFB{width:29px;height:54px; background:url(images/redesF.jpg)no-repeat; float: left; }
#redes li a.navTwitter{width:29px;height:24px; background:url(images/redesT.jpg)no-repeat;float:left; margin: 0 0 0 5px; }
#redes li a.navYT{display: none;width:49px;height:24px; background:url(images/redesYT.jpg)no-repeat;float:left; margin: 0 0 0 5px; }

#headNav {width:560px;margin: 20px 0 0 0; float:right;}
#headNav ul li{ display:inline;}
#headNav a{ text-decoration:none; font-size: 9pt; font-weight:bold; color:#403f3e; margin: 0 3px 0 0; padding:0 6px 0 0; border-right:1px solid #ccc; }
#headNav a:hover{ text-decoration:none; font-size: 9pt; font-weight:bold; color:#930466; margin: 0 3px 0 0; padding:0 6px 0 0 ;border-right:1px solid #ccc; }

#headNav a.botontwitter {background:url(images/twLink.jpg) no-repeat ; padding: 0 23px 5px 0; border-right: none;}
#headNav a.botonface {background:url(images/fbLink.jpg) no-repeat; width:23px;padding: 0 23px 5px 0;}

#container{width:998px; margin:0px auto;}

#slideShow{width:998px;height:355px; }
#instrucciones{width:998px; height:118px; margin: 10px 0 15px 0;}
#instrucciones a {margin: 0 7px 0 0;}

#highlights{width:998px; height:186px; margin: 10px 0 0 0; }
#highlights a{ margin: 0 3px 0 0;}

#containerSingle {width:998px;margin: 10px 0 0 0;}
#containerSingle h1{margin:0 0 8px 0; font-family:'Open Sans Condensed'; text-transform:uppercase; font-weight:700; font-size:2em; background:rgba(100,100,100,.1); padding:14px 20px}
a.highlightlink {font-weight:700; font-size:1em; color: #680448; padding:4px; background:rgba(100,100,100,.2)}

.entry{margin:10px 0 0 0;}

#frontalLeft{width:470px; margin: 0 57px 20px 0;float:left;}
#frontalLeft .post{margin:25px 0 0 0;}
#frontalLeft h2{margin:0 0 8px 0;}

#frontalRight{width:470px; float:left; margin: 0 0 20px 0;}
#frontalRight .post{margin:25px 0 0 0;}

#leftNoticias{width:620px; margin: 50px 57px 20px 0;float:left;}
#leftNoticias .post p{margin:25px 20px 0 20px; font-size:1em;line-height:1.5em;}
#leftNoticias h2{margin:0 0 8px 0; font-family:'Open Sans Condensed'; text-transform:uppercase; font-weight:700; font-size:2em; background:rgba(100,100,100,.1); padding:14px 20px}
#leftNoticias h3{margin:50px 0px 10px 20px; font-family:'Open Sans Condensed'; text-transform:uppercase; font-weight:700; font-size:1.25em; }

#fullNoticias{width:620px; margin: 50px 57px 20px 0;float:left;}
#fullNoticias .post p{margin:25px 20px 0 20px; font-size:1em;line-height:1.5em;}
#fullNoticias h2{margin:0 0 8px 0; font-family:'Open Sans Condensed'; text-transform:uppercase; font-weight:700; font-size:2em; background:rgba(100,100,100,.1); padding:14px 20px}

#rightNoticias{width:320px; float:left; margin: 50px 0 20px 0; text-align:center;}
#rightNoticias .post{margin:0px 0 25px 0;}
#rightNoticias .post .entry {margin:0px;}

#sidebar a img{margin:4px;}

#footer{clear:both; width:998px; height:30px; padding: 10px 0 0 0; border-top: 1px solid #ccc; }
#footer p{font-size:9pt; font-family:'Open Sans Condensed'; text-transform:uppercase; font-weight:700;}
#footer a{font-weight:bold;}

.controls{ display: inline-block; width: 998px; margin: 0 0 30px 0; vertical-align: top;}
.controls ul{list-style-type:none;margin:0;padding:0;}
.controls li{ display:inline; margin: 6px; cursor: pointer; line-height:1.5em; padding:4px 8px;}
.controls li.active{ font-weight: 700; background: #680448; color:#fff;}

hr{ margin: 0 0 30px; height: 0; border: 0 none; border-top: 1px solid #eee;}

#Grid{ width: 998px; text-align: justify; font-size: 0.1px;}
#Grid:after{ content: ''; display: inline-block; width: 100%;}
#Grid .mix{ display: none; opacity: 0; width: 280px; height: 300px; padding:0px 20px; vertical-align: top; margin-bottom: 20px; background: #eee; color: #000;  font-size: 10pt; text-align: center; line-height: 16pt; }
#Grid .gap{ display: inline-block; width: 300px;}
#Grid h1 {font-size:16pt; padding:3px 0px;color: #999;}
#Grid h2 {font-size:12pt; padding:3px 0px;color: #333;}
#Grid h3 {padding:3px 0px;}
#Grid p {text-align:center;}
.tel{font-size:10pt;}
.email{font-size:10pt;}