@charset "utf-8";
/*
Theme Name: Fernet al Diccionario
Theme URI: http://fernetaldiccionario.com
Description: WordPress Theme
Version: 1.0
Author: Marcos Sader
Author URI: http://fenix.st
*/

*{margin:0;padding:0;}
strong{font-weight:bold;}
em{font-style:italic;}
a{text-decoration:none;}

html{background:#F9F8F7;}
body{background:#F9F8F7;color:#333;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;line-height:1.6em;}

#main{width:620px;padding:25px 30px 0 30px;position:relative;zoom:1;margin:0 auto;}

.clear{clear:both; font-size:0.1em; line-height:0.1em; height:0.1em; display:block;}

/*
---------------------
HEADER
---------------------
*/
#header{height:120px;position:relative;zoom:1;}

#header a#logo{ width:175px; height:65px; position:absolute; left:220px; top:0; display:block;background:url(../media/images/header-logo.png) no-repeat left top;}
#header a#logo strong{visibility:hidden;font-size:1px;line-height:1px;}


#header ul{position:absolute;bottom:0;left:0;height:26px;line-height:26px;}
#header ul li{float:left;height:26px;width:122px;padding:0 2px 0 0;text-align:center;font-family:Helvetica, Arial, sans-serif;font-size:12px;}
#header ul li a{background:#999;display:block;padding:0px;color:#FFF;text-transform:uppercase;}
#header ul li a:hover,
#header ul li a.here{background-color:#333;}

#currentTime{position:absolute; top:13; right:0; font-size:16px; line-height:16px; color:#333; font-style:italic; font-weight:bold;}
#currentTime span{color:#999;}
/*
---------------------
CONTENT
---------------------
*/
#content{padding:30px 0 30px 0;background:url(../media/images/dotted-line.png) no-repeat center 14px;}

/*
---------------------
COMUNICADOS
---------------------
*/
#jsClock{width:616px;height:132px;background:#000 url(../media/images/clock-bg.png) no-repeat 0 4px;position:relative;zoom:1;padding:0 0 10px 4px;}
#jsClock div{font-family:Georgia, "Times New Roman", Times, serif;color:#FFF;font-size:60px;line-height:1em;text-align:right;font-weight:bold;position:absolute;bottom:60px;}
#jsClock div#jsClockDays{right:470px;}
#jsClock div#jsClockHours{right:345px;}
#jsClock div#jsClockMinutes{right:195px;}
#jsClock div#jsClockSeconds{right:50px;}

#comunicadosContainer{width:600px;padding:10px;background:#E0DEDC;margin-top:45px;position:relative;zoom:1;}
#comunicadosContainer a{position:absolute; font-size:14px; line-height:26px; text-align:center; width:90px;background:#999; text-transform:uppercase; top:-26px;font-weight:bold; color:#FFF; font-family:"News Gothic Std", Arial, Helvetica, sans-serif; text-decoration:none; outline:none;}
#comunicadosContainer a#cTab1{left:0px;}
#comunicadosContainer a#cTab2{left:95px;}
#comunicadosContainer a.active{background:#E0DEDC;}
#comunicadosContainer a,
#comunicadosContainer a:visited,
#comunicadosContainer a:hover,
#comunicadosContainer a:active{outline:none}

.imgPreload{visibility:hidden;}

#comunicadosContainer a#cDownloadLink{position:absolute;font-size:14px;line-height:14px;text-align:left;background:#E0DEDC;text-transform:uppercase;top:10px;right:10px;font-weight:bold;color:#333; font-family:"News Gothic Std", Arial, Helvetica, sans-serif; text-decoration:none; outline:none;padding:10px 5px 10px 10px;width:auto;}

/*
---------------------
POST
---------------------
*/
.post h1{font-size:36px;line-height:1.4em;color:#3C2F20;letter-spacing:-3px;}
.post .txt{margin:20px 0 0 0;}

.txt{line-height:1.6em;}
.txt p{margin:0 0 1.4em 0;}

.postPage .post img{padding:10px; background:#999;}

#comments{padding:15px;background:#ebebea; font-size:14px; line-height:1.6em; color:#999;}
#comments ol.commentsList li.comment{padding:10px 0; border-bottom:1px solid #e2e2e1; margin-bottom:10px;}
#comments ol.commentsList li.comment .cDate{font-size:12px;line-height:1.8em;color:#666;}
	#comments ol.commentsList li.comment .cDate a{color:#666;}
#comments ol.commentsList li.comment h3{font-size:1.2em; line-height:1.2em; font-style:italic; font-weight:bold; color:#333;}
#comments ol.commentsList li.comment h3 span{font-size:0.8em; font-style:normal; font-weight:normal; color:#666;}
	#comments ol.commentsList li.comment h3 a{color:#333;}
	#comments ol.commentsList li.comment h3 a:hover{color:#000;}
#comments ol.commentsList li.comment .txt{padding-top:5px;}

#leaveAComment{margin:10px 0;border:none; background:none; padding:0; cursor:pointer;}

#replyBox{width:400px;padding:10px;background:#CCC;color:#666; margin-bottom:10px; display:none;}
#replyBox h3{font-size:1.2em; line-height:1.2em; font-style:italic; color:#333; margin-bottom:10px;}
#replyBox ul li{margin:0 0 10px 0;}
#replyBox ul li label{display:block; font-size:12px; line-height:1.6em;}
#replyBox ul li input,
#replyBox ul li textarea{border:none; background:#FFF; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1.6em; width:360px;}
#replyBox ul li textarea{overflow:auto; height:180px;}
#replyBox ul li button{border:none;background:url(../media/images/button-submit.png) no-repeat 0 0; width:75px; height:25px; font-size:1px; line-height:1px; display:block; cursor:pointer;}
#replyBox ul li button strong{visibility:hidden;}


/*
---------------------
PORTADA
---------------------
*/
#portada .post h1{letter-spacing:-1px;text-align:center;padding:0 0 10px 0;margin:0 0 10px 0;background:url(../media/images/dotted-line.png) no-repeat center bottom;line-height:1.2em;}
#portada .post .txt p{text-align:justify;}



/*
---------------------
FERCHANDISING
---------------------
*/
#ferchandising{padding:0 0 20px 0;margin:0 0 15px 0;}
#ferchandising h1{font-size:36px;line-height:1.4em;color:#3C2F20;letter-spacing:-3px;margin:0 0 0.5em 0;}
#ferchandising ul li{float:left;margin:0 2px 2px 0;width:122px;height:112px;position:relative;}#ferchandising ul li{float:left;margin:0 2px 2px 0;width:122px;height:112px;position:relative;}
#ferchandising ul li a{position:absolute;top:0;left:0;}
#ferchandising ul li img{padding:1px;background:#999;}
#ferchandising div.clear{padding:0 0 20px 0;background:url(../media/images/dotted-line.png) no-repeat center bottom;margin:0 0 10px 0;}
.zoomContainer{visibility:hidden;}


/*
---------------------
RADIOS
---------------------
*/
#radios h2{font-size:1.6em;line-height:1.6em;}
#radios .txt p.audioplayer_container{margin:0 0 10px 0;padding:0 0 10px 0;background:url(../media/images/dotted-line.png) no-repeat bottom center;}


/* ============ */
/* = FACEBOOK = */
/* ============ */

#facebookLike{clear:both;width:600px;overflow:hidden;}

/* ========== */
/* = FOOTER = */
/* ========== */

#footer_bar{
  background:#CCC url(../media/images/footBox.png) no-repeat left top;min-width:680px;height:45px;overflow:hidden;
  position:fixed !important;
  bottom:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:1000 !important;
}

#footer{background:#333 url(../media/images/footer-ref-links.png) no-repeat 30px 0;position:relative;height:45px;width:680px;margin:0 auto;}

#footer #fadIn{position:absolute;left:30px;top:0;}
#footer #fadIn a{float:left;height:45px;font-size:1px;width:40px;border-right:1px solid #333;}
#footer #fadIn a strong{visibility:hidden;}

#footer #shareLinks{position:absolute;top:0;right:0px;width:345px;padding-right:30px;height:45px;background:#CCC url(../media/images/footer-social-logos.png) no-repeat 0 0;}
#footer #shareLinks a{position:absolute;height:45px;display:block;}
	#footer #shareLinks a#sl_fb{width:85px;right:190px;}
		#footer #shareLinks a#sl_fb:hover{background:url(../media/images/footer-social-logos.png) no-repeat -100px -45px;}
	#footer #shareLinks  a#sl_flickr{ width:70px;right:120px;}
		#footer #shareLinks  a#sl_flickr:hover{background:url(../media/images/footer-social-logos.png) no-repeat -185px -45px;}
	#footer #shareLinks  a#sl_twit{ width:90px;right:30px;}
		#footer #shareLinks  a#sl_twit:hover{background:url(../media/images/footer-social-logos.png) no-repeat -255px -45px;}
#footer a strong{visibility:hidden;}



/* ========= */
/* = FENIX = */
/* ========= */
#fenixStudio{
  background:#CCC;width:30px;height:100px;
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  z-index:1000 !important;
}
#fenixStudio a{background:url(../media/images/fenix.st.png) no-repeat 0 0;width:30px;height:100px;display:block;overflow:hidden;}
#fenixStudio a:hover{background-position:-30px 0;}
#fenixStudio a strong{font-size:1px;visibility:hidden;}
