/* ------------------------------------------------------------------------ Theme Name:Equilibrium Theme URI:http://madebyon.com Description:Magazine style WordPress theme. Visit http://equilibrium.madebyon.com for more infomation. Version:1.4 Author:Tudinh Duong Author URI:http://madebyon.com ------------------------------------------------------------------------ */ /* ----------------------------------------- RESET ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0} table{border-collapse:collapse; border-spacing:0} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal} ol, ul, li{list-style:none} caption, th{text-align:left} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal} q:before, q:after{content:''} strong{font-weight:bold} em{font-style:italic} a img{border:none} h1, h2, h3, h5, h5, h6{font-weight:bold} /* ----------------------------------------- LAYOUT ----------------------------------------- */ .aligncenter{display:block; margin:0 auto} .alignleft{float:left} .alignright{float:right} .floatLeft{float:left} .floatRight{float:right} .clear{clear:both} /* ----------------------------------------- STRUCTURE ----------------------------------------- */ html, body{height:100%} body{font-size:62.5%; font-family:Arial,Helvetica,sans-serif; color:#222; margin:0 auto -80px; text-align:center; background:#fff url(images/background.jpg) repeat-x 0 0; } #page-wrap{width:800px; min-height:100%; height:auto !important; height:100%; margin:0 auto -80px; padding-left:10px; padding-right:10px; text-align:left;} .content{width:580px; float:left} /* ----------------------------------------- TYPOGRAPHY ----------------------------------------- */ p{color:#222; font-size:1.2em; line-height:1.5; margin-top:1.5em; margin-bottom:1.5em; text-align:justify} p a, p a:visited{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none} p a:hover{border-bottom:1px solid #c9c9c9; color:#000; text-decoration:none} h1, strong{font-size:1.4em; font-weight:bold} .post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0} h2{font-size:1.8em; color:#840884; text-transform:uppercase; padding-bottom:4px; border-bottom:4px solid #000; margin-top:28px; margin-bottom:28px; font-weight:bold} h3{border-bottom:2px solid #C9C9C9; color:#222; font-size:1.5em; font-weight:bold; margin-top:23.3px; padding-bottom:2px} h3 a{text-decoration:none; color:#222} .post ul li, .post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px} #reply{border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px} /* ----------------------------------------- TOP ----------------------------------------- */ #bordo{height:227px} #top{margin-top:1px; margin-left:20px; padding-bottom:1px; height:227px;} #top .acordionmenu {height:227px} h1.logo a{float:left; font-size:2.6em; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none} /* ----------------------------------------- SIDEBAR ----------------------------------------- */ #sidebar{float:right; width:200px; padding-left:20px; overflow:hidden} #sidebar li a{display:block; width:200px; margin:0; padding:5px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.2em; list-style-type:none; text-decoration:none; color:#222} #sidebar a{color:#e6e6e6; text-decoration:none} #sidebar a:hover{color:#fff; background-color:#282828} #sidebar h2{font-size:1.8em; color:#840884; text-align:right; text-transform:uppercase; border-bottom:4px solid #000; margin-top:20px; margin-bottom:0} #sobre h3 a{color:#840884; text-align:right; text-transform:uppercase; border-bottom:4px solid #000; margin-top:20px; margin-bottom:0} #huracan{margin-top: 28px;} #huracan h4 a{ text-align:left; font-size:16px; color:#000; text-transform:none; margin-top:1px; margin-bottom:0; padding-left: 5px; } #huracan li {margin-right: 5px;} #huracan li a{display:block; width:200px; margin:0; margin-right:8px; padding:5px 2px; list-style:none; list-style-type:none; text-decoration:none; color:#fff; background-color:#840884;} #huracan a:hover{color:#000; background-color:#840884;} #huracan h4 {font-size:16px; color:#FFF; text-transform:uppercase; padding-bottom:2px; margin-top:8px; margin-bottom:8px; margin-right:8px; font-weight:bold;} /* ----------------------------------------- LATEST ----------------------------------------- */ #front-bottom{margin-top:1px; } #latest-wrap{float:left; width:580px} .latest-post-wrap{float:left; width:280px; margin-right:8px} .latest-post{position:relative; width:280px; height:204px} .latest-image{position:absolute; z-index:1} .latest-title h2{margin:2px 10px 2px; line-height:1.4em; font-size:1.2em; text-transform:none; padding-bottom:0; border-bottom:0} .latest-title h2 a{display:block; color:#fff; text-decoration:none} .latest-title h2 a:hover{color:#000} .latest-title{background:#840884; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2} .latest-content{position:relative; width:280px; height:200px; margin-bottom:20px} .latest-content h2{margin-top:15px} .latest-content h2 a{color:#0b96d0; text-decoration:none} .latest-content h2 a:hover{color:#000} .latest-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left} .latezt-post-wrap{float:left; width:164px; margin-right:8px} .latezt-post{position:relative; width:164px; height:118px} .latezt-image{position:absolute; z-index:1} .latezt-title h2{margin:2px 10px 2px; line-height:1.4em; font-size:1.0em; text-transform:none; padding-bottom:0; border-bottom:0} .latezt-title h2 a{display:block; color:#fff; text-decoration:none} .latezt-title h2 a:hover{color:#000} .latezt-title{background:#840884; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2} .latezt-content{position:relative; width:164px; height:200px; margin-bottom:20px} .latezt-content h2{margin-top:15px} .latezt-content h2 a{color:#0b96d0; text-decoration:none} .latezt-content h2 a:hover{color:#000} .latezt-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left} /* ----------------------------------------- FOOTER ----------------------------------------- */ #push{height:80px} #footer{padding-top:1px; border-top:1px solid #C9C9C9; width:800px; margin:100px auto 0; height:80px; color:#4d4d4d} #footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0.6em} #footer p a{border-bottom:1px solid #c9c9c9; color:#4d4d4d; text-decoration:none} #footer p a:hover{border-bottom:1px solid #c9c9c9; color:#0b96d0; text-decoration:none} #footer .subscribe li { float: left; line-height: 1.5em; padding: 10px 20px 10px 50px; font-size: 1.2em; background: url(images/mail.gif) no-repeat 10px 7px; border-top: 1px solid #EEEEEE;} #footer .subscribe li, a, a:hover {color:#4d4d4d; text-decoration:none} #footer .subscribe li.mail { border-top: 0; } #footer .subscribe li.rss { background-image: url(images/rss.gif); } #footer .subscribe li.facebook { background-image: url(images/facebook.gif); padding-bottom: 20px; } /* ----------------------------------------- POSTMETA ----------------------------------------- */ .postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9} .postMeta-featured{margin-top:8px; font-size:1.2em; width:303px} .postMeta-front{margin-top:8px; font-size:1.2em} .postMeta-post{font-size:1.2em; margin-bottom:18px; margin-top:8px; border-bottom:1px solid #c9c9c9; padding-bottom:10px} .postMeta span.date, .postMeta-post span.date, .postMeta-featured span.date, .postMeta-front span.date{color:#8a8a8a; float:left} .postMeta span.comments a, .postMeta span.date a, .postMeta-post span.comments a, .postMeta-post span.date a, .postMeta-featured span.comments a, .postMeta-featured span.date a, .postMeta-front span.comments a, .postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none} .postMeta span.comments, .postMeta-featured span.comments, .postMeta-post span.comments, .postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px} /* ----------------------------------------- POSTS ----------------------------------------- */ .post-category{color:#8a8a8a; float:left; margin-bottom:8px} .post-tags{color:#8a8a8a; float:right} .post-category p, .post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none} .post img{margin:0.5em 1em;} .post blockquote p{margin:0 2.6em; font-style:italic;background:#EAFFFF;} .post h2{font-size:1.8em; color:#840884; text-transform:uppercase; border-bottom:4px solid #000; margin-top:24px; margin-bottom:0} /* ----------------------------------------- COMMENTS ----------------------------------------- */ .comment-heading{margin-bottom:26px; text-transform:none; border:none} .commentwrap{border-top:3px solid #C9C9C9; padding-bottom:15px; padding-top:15px} .commentpost{float:right; width:510px} .commentpost p{margin-top:0} .commentmetadata{float:left; width:20%; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em} .commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0} .commentmetadata li a{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none} .warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px} #comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px} #comments label span{line-height:27px} #comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em} #comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left} #comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px} #comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5} .button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase} .children {margin-left: 50px} .children div {border:none} .children .commentwrap {border-top: 1px solid #C9C9C9;} .children .commentmetadata {padding-right:0px} .children .commentpost {text-align:left; float:right; width:78%} /* ----------------------------------------- SEARCH ----------------------------------------- */ #searchform{float:left; margin-top:1em; height:2.3em} #searchsubmit{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0} #s{float:left; width:140px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em} #sidebar .subscribe li { line-height: 1.5em; padding: 10px 20px 10px 50px; font-size: 1.2em; background: url(images/mail.gif) no-repeat 10px 7px; border-top: 1px solid #EEEEEE;} #sidebar .subscribe li.mail { border-top: 0; } #sidebar .subscribe li.rss { background-image: url(images/rss.gif); } #sidebar .subscribe li.twitter { background-image: url(images/twitter.gif); } #sidebar .subscribe li.facebook { background-image: url(images/facebook.gif); padding-bottom: 20px; } #muerdago{ position: fixed; left: 0; top: 0; display: block; height: 151px; width: 162px; background: url(images/muerdago.png) top left no-repeat; text-indent: -999em; text-decoration: none; *display: none; } #muerdagoinv{ position: fixed; right: 0; top: 0; display: block; height: 151px; width: 162px; background: url(images/muerdagoinv.png) top right no-repeat; text-indent: -999em; text-decoration: none; *display: none; }#fonodx{ position:fixed; top:0px; left:0px; width:100%; height:100%; background-color: #000; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index:9999; }#centrado{position:fixed;margin-left:30%;margin-top:20%;width:500px;height:360px; background-color:#ffffff;border:1px solid #CCCCCC; box-shadow: 5px 5px 15px #333; -webkit-box-shadow: 5px 5px 15px #333; -moz-box-shadow: 5px 5px 15px #333;z-index:999999;}#centrado input{font-size:10px;margin:0px;padding:0px;}/* Fancybox */#fancybox-loading { position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; } * html #fancybox-loading { position:absolute; margin-top:0; } #fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(/images/fancybox.png); } #fancybox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none; } * html #fancybox-overlay { position:absolute; width:100%; } #fancybox-tmp { border:0; overflow:hidden; display:none; margin:0; padding:0; } #fancybox-wrap { position:absolute; top:0; left:0; z-index:1101; display:none; margin:0; padding:20px; } #fancybox-outer { position:relative; width:100%; height:100%; background:none; } #fancybox-inner { position:absolute; top:0; left:0; width:1px; height:1px; outline:none; overflow:hidden; margin:0; padding:0; } #fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } #fancybox-close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url(/images/fancybox.png); background-position:-40px 0; cursor:pointer; z-index:1103; display:none; } #fancybox_error { color:#444; font:normal 12px/20px Arial; margin:0; padding:7px; } #fancybox-content { height:auto; width:auto; margin:0; padding:0; } #fancybox-img { width:100%; height:100%; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic; margin:0; padding:0; } #fancybox-frame { position:relative; width:100%; height:100%; border:none; display:block; } #fancybox-title { position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102; } .fancybox-title-inside { text-align:center; color:#333; padding:10px 0; } .fancybox-title-outside { padding-top:5px; color:#FFF; text-align:center; font-weight:700; } .fancybox-title-over { color:#FFF; text-align:left; } #fancybox-title-over { background-image:url(/images/fancy_title_over.png); display:block; padding:10px; } #fancybox-title-wrap { display:inline-block; } #fancybox-title-wrap span { height:32px; float:left; } #fancybox-title-left { padding-left:15px; background-image:url(/images/fancybox.png); background-position:-40px -90px; background-repeat:no-repeat; } #fancybox-title-main { font-weight:700; line-height:29px; background-image:url(/images/fancybox-x.png); background-position:0 -40px; color:#FFF; } #fancybox-title-right { padding-left:15px; background-image:url(/images/fancybox.png); background-position:-55px -90px; background-repeat:no-repeat; } #fancybox-left,#fancybox-right { position:absolute; bottom:0; height:100%; width:35%; cursor:pointer; outline:none; background-image:url(/images/blank.gif); z-index:1102; display:none; } #fancybox-left { left:0; } #fancybox-right { right:0; } #fancybox-left-ico,#fancybox-right-ico { position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; } #fancybox-left-ico { background-image:url(/images/fancybox.png); background-position:-40px -30px; left:20px; } #fancybox-right-ico { background-image:url(/images/fancybox.png); background-position:-40px -60px; right:20px; left:auto; } #fancybox-left:hover,#fancybox-right:hover { visibility:visible; } #fancybox-left:hover span { left:20px; } #fancybox-right:hover span { left:auto; right:20px; } .fancy-bg { position:absolute; border:0; width:20px; height:20px; z-index:1001; margin:0; padding:0; } #fancy-bg-n { top:-20px; left:0; width:100%; background-image:url(/images/fancybox-x.png); } #fancy-bg-ne { top:-20px; right:-20px; background-image:url(/images/fancybox.png); background-position:-40px -162px; } #fancy-bg-e { top:0; right:-20px; height:100%; background-image:url(/images/fancybox-y.png); background-position:-20px 0; } #fancy-bg-se { bottom:-20px; right:-20px; background-image:url(/images/fancybox.png); background-position:-40px -182px; } #fancy-bg-s { bottom:-20px; left:0; width:100%; background-image:url(/images/fancybox-x.png); background-position:0 -20px; } #fancy-bg-sw { bottom:-20px; left:-20px; background-image:url(/images/fancybox.png); background-position:-40px -142px; } #fancy-bg-w { top:0; left:-20px; height:100%; background-image:url(/images/fancybox-y.png); } #fancy-bg-nw { top:-20px; left:-20px; background-image:url(/images/fancybox.png); background-position:-40px -122px; } #fancybox-loading.fancybox-ie div { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_loading.png',sizingMethod='scale'); } .fancybox-ie #fancybox-close { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_close.png',sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_over.png',sizingMethod='scale'); zoom:1; } .fancybox-ie #fancybox-title-left { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_left.png',sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_main.png',sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_title_right.png',sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_nav_left.png',sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_nav_right.png',sizingMethod='scale'); } .fancybox-ie .fancy-bg { background:transparent!important; } .fancybox-ie #fancy-bg-n { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_n.png',sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_ne.png',sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_e.png',sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_se.png',sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_s.png',sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_sw.png',sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_w.png',sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancy_shadow_nw.png',sizingMethod='scale'); }#bannerPopUp{ overflow:hidden;}