/*
Theme Name: Aniversario 91 El Universo
Theme URI: http://especiales.eluniverso.com
Author: C.A. El Universo
Template: base
Version: 1.1
License:  GPL
*/
	
@import url("../base/style.css");
 
html { overflow-y: scroll; }
body { background-image:none !important; /* to disable the custom background from loading */ }	
p {color: #eeeeee;font-size: 15px;}	
a{border:none;color:#ccc;}
a:hover {border: none;color:#fff ;}
h1 {font-size: 16px;text-transform: uppercase;margin-bottom: 0;}
h2, h3 {color: #ddd; font-family: 'Trocchi', serif;}
hr {color: #333;}

/* Header */
#sitename{ float: left; font-size: 28px; margin: 1px 30px 0 0;  }
#sitename a{ text-decoration:none;border:none;}

#main-container #header {top:0; left:0; margin:0 auto; position:fixed; width: 100%; z-index: 4;background: url("images/bg.png") repeat scroll 0 0 transparent; height:80px; } 
#main-container #header #masthead {	float: left;  font-size: 28px;  margin: 7px /*30px*/0 0 7px;	padding:0;}
#masthead h1 a {color: #ddd;}
#masthead h1 a:hover {color: #eee;}
#main-container #header .upmenu{ float:left; }
.description {float:left;color:#aaa;}

/* Content */
.content {padding: 25px 20px;}
.content.eachpostscontainer {background: url(images/bg.png); padding:15px;	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; bottom:25px; position: absolute; right:20px;}
.content .eachposts{ display:none;}
#singlepost, #pagecontent, #e404content, #searchcontent {background: url("images/bg.png");overflow: hidden;	margin-top: 150px;	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;color:#cccccc;}
#main-container  .content .post, #main-container  .content .navigation {padding:0;}
.home .sticky {	border:none;background:none; }
.page-link {font-weight: bold;}
.page-link a { background: url(images/bg.png);font-weight: normal;}

/* Comments */
#comment {background: #333;}
#commentform input, #commentform textarea, #commentform #submit, .navigation a, #sidebar input, ol.commentlist li div.vcard img.avatar, ol.commentlist li div.reply a, #wp-calendar #prev a, #wp-calendar #next a {border: 1px solid #444;background: #333; color:#ccc;}


/* UP MENU */
a.upmenu {background: url(images/nav-menu.png) 0px -6px no-repeat; width: 60px; height: 28px;text-indent: -9999em;display: block;text-indent: -9999em;margin-top: 0px;border:none;}
span.showcontent, div#showhidearch {background: url(images/nav-menu.png) -60px -1px no-repeat; width: 50px; height: 22px;text-indent: -9999em;text-indent: -9999em;margin:0;display:block;}
span.infoup, div.infoup, #slidecaption span.active {background-position: -60px -23px !important; }
div#showhidearch {margin: 5px 40px 0 10px;float:right}
#archposts {margin-bottom:50px;background: url("images/bg.png");padding:10px;}
#header div#upmenu  { float:left; margin:10px 40px; position:relative;}
#controls-wrapper div.menu , #header div.menu{	margin:0;}

div.menu li {/*width:90px;*/}
#header div.menu ul {margin-bottom:0;}
#header div.menu  { }
#header div.menu ul {padding:4px 4px 0 4px; margin-top:35px; }
#header div.menu li { background-color: transparent !important; text-align:center;  } 
#header div.menu ul a  { border-top:3px solid #999999; font-weight:bold; background: none !important; color:#999999; padding:5px 6px; font-size:11px;}
#header div.menu ul a:hover,#header div.menu li.current-menu-item a { color:#FFFFFF; border-top:3px solid #148af5; }
#header div.menu ul a.active { color:#FFFFFF; border-top:3px solid #148af5; }
#header div.menu ul ul.sub-menu {background: #000;width: 120px!important;left:90%;}
div.menu ul ul {bottom: -999em; top:auto;background: #000 !important;-moz-border-radius:8px;padding:5px 8px;}
div.menu ul li:hover ul, div.menu ul li.sfHover ul {left: 100%;top:auto;bottom:0;z-index: 99;}
div.menu ul li:hover li ul,div.menu ul li.sfHover li ul,div.menu ul li li:hover ul,div.menu ul li li.sfHover ul,div.menu ul li li li:hover ul,div.menu ul li li li.sfHover ul {top:auto;}
div.menu ul li:hover {        visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-sub-indicator { position:absolute;display:block;width:10px;height:10px;text-indent:-999em;top:0;right:10px;background:url('../base/images/arrows-dark.png');border:none;}
a > .sf-sub-indicator { top:.6em;background-position:-10px 0;}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {  background-position: -20px 0px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
div.menu ul ul .sf-sub-indicator { background-position:  -10px 0; }
div.menu ul ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
div.menu ul ul a:focus > .sf-sub-indicator,
div.menu ul ul a:hover > .sf-sub-indicator,
div.menu ul ul a:active > .sf-sub-indicator,
div.menu ul ul li:hover > a > .sf-sub-indicator,
div.menu ul ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/}

/* Controls */
#controls-wrapper #controls #thumbnav {float: left;overflow: hidden;width:auto;max-width: 325px;margin-top:3px;}
#controls-wrapper #controls #thumbnav a.imgs {background:  url(images/nav-menu.png) -133px 0px no-repeat;display: block;text-indent: -9999em;width: 16px; height: 15px;float:left;text-decoration: none;border:none;}
#controls-wrapper #controls #thumbnav a.imgs:hover {background-position: -133px -17px;} 
#controls-wrapper #controls #thumbnav a.curimg {background-position: -133px -17px;}
#pauseplay.pause {background:  url(images/nav-menu.png) -147px 0px no-repeat;display: block;text-indent: -9999em;width:17px;height:18px;}
#pauseplay.play {background:  url(images/nav-menu.png) -163px 0px no-repeat;display: block;text-indent: -9999em;width:17px;height:18px;}

#controls-wrapper {width:50%; left:0; }
/*#controls-wrapper #controls {overflow: hidden;float:right; }*/
#controls-wrapper #controls {overflow: hidden;float:left; }
#controls-wrapper #controls #navblock {float:right;line-height: 1;margin-top:7px;}
#controls-wrapper #controls #navblock #playnav {float:left;overflow: hidden;margin-top:3px;}

#controls-wrapper #controls #navigation{float:left; overflow: hidden;}
#controls-wrapper #controls .navigation {float:left;}


#controls-wrapper #controls .nav-previous {float:right;}

/*IE7 hack*/
html>body #controls-wrapper #controls .nav-previous{*float:left;}

#controls-wrapper #controls .nav-previous a {	background: url(images/nav-menu.png) -178px 0 no-repeat; text-indent: -9999em; width: 23px; height: 17px; display: block;	border:none;padding:0;}
#controls-wrapper #controls .nav-previous a:hover {	background-position: -178px -17px;}


#controls-wrapper #controls .nav-next {float:left;}

#controls-wrapper #controls .nav-next a {background: url(images/nav-menu.png) -110px 0 no-repeat; text-indent: -9999em; width: 23px; height: 17px; display: block;border:none;padding:0;}
#controls-wrapper #controls .nav-next a:hover {	background-position: -110px -17px;}
#controls-wrapper #controls #showhide {cursor:pointer;margin: 0 20px;float:left;}
#controls-wrapper #controls #archivefor{margin:0 20px;}
#controls-wrapper #controls #showhide, #controls-wrapper #controls #archivefor{ overflow:hidden; float:left; color:#D0611A; font:bold 19px Arial,sans-serif; font-weight:bold; text-transform:uppercase; text-shadow:#999 0px 0px 1px;}


 #gallerytitle{ overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0;margin: 0px 10px 0 0;}


#controls #slidecaption {	cursor:pointer; margin-right:20px; float:left;}

.single-galleries #slidecaption .showcontent {margin-top:1px;}
#controls #showhide {background: url(images/nav-menu.png) no-repeat; text-indent: -9999em; width: 50px; height: 22px; display: block;} 
#controls div.hidecont {background-position: -206px -23px !important;}
#controls div.showcont {background-position: -206px -1px !important;}

/*   Left Right Navigation */
span.leftnav, span.rightnav { cursor:pointer; width: 50%; display: block;  position: absolute; height: 100%; left:0; cursor: pointer;border:none;}
span.leftnav { background-image: url(images/leftarrow.png); background-position: 2% -60%; background-repeat: no-repeat; }
span.rightnav { background-image: url(images/rightarrow.png); background-position: 98% -60%; background-repeat: no-repeat;  }
span.rightnav {left: 50%;}
span.leftnav:hover { background-position: 2% 45%; }
span.rightnav:hover { background-position: 98% 45%; }
.navigation a:hover {background: #000;border: 1px solid #222;}

/* Sidebar */
.container_12 #sidebar.grid_4 {width: 230px;}
#sidebar {padding: 25px 20px;}
#sidebar #search #s {width:200px;}

/* Footer */
#below_footer {border-top: 1px solid #333;margin-bottom:50px;}
#below_footer p {color: #aaa;font-size: 11px;}

body .container_12 .grid_12 {width: 910px;}