/* Theme Name: Tema Politico Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.0 Author: Puntos Multimedia limitada Author URI: http://www.puntosmultimedia.cl/ Tags: blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ 4 The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php45 */ /* Begin Typography & Colors */ /* Twitter */ ul.twitter { list-style-type: circle; margin:0 30px 0 30px; font-size:11px; color:#fff; } ul.twitter li {border-bottom:3px solid #96ccef; padding:10px 0 10px 0;} a.twitter-link {color:#2f87c0} a.twitter-user {color:#232b65} a.twitter-user:hover, a.twitter-link:hover { text-decoration: underline;} p.twitter-message { color:#800080; font-size: 20px; } .tit-twitter { margin:15px 30px 0 30px; font-weight:bolder; text-transform:uppercase; font-size:14px; color:#2f87c0; border-bottom:2px solid #2f87c0;} /* Twitter End */ body { margin:0; padding:0; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: #162b48; color: #333; line-height:1.3;} form, p, ul, li, h1, h2, h3 { border:0; padding:0; margin:0; list-style:none;} a { text-decoration:none; outline:none; border:none;} #back-top { width:100%; height:506px; z-index:1;} #top-menu,#header ,#sub-menu ,#cont-page, #footer, #footer2 {width:964px;} #header {margin:auto; height:240px; background: #001a55 url(images/header-new.png) center no-repeat; z-index:100;} #top-menu { margin-top:-10px; height:44px; z-index:100; background:url(images/back-top-menu.png);} #top-menu ul { height:44px; margin:auto; display:table;} #top-menu a { display:block; float:left; font-size:14px; font-weight:bolder; color:#998f86; line-height:44px; padding:0 10px 0 10px;} #top-menu a.activo, #top-menu a.activo:hover, #top-menu .current_page_item { color:#002a67; background:url(images/top-menu-arrow.png) no-repeat 20px 35px;} #top-menu a:hover { color:#004888;} #top-menu li, #top-menu ul { margin:0; padding:0;} #top-menu li { float:left;} #news { background:#002663; margin-top:0; height:309px; background-image:url(images/back-news.png); z-index:2;} .rot-sub-menu { } #sub-menu { margin:auto; height:49px; background:#sub-menu; background-image:url(images/back-sub-menu.png); z-index:10;} #sub-menu h1 { color:#d7eb9c; font-size:20px; font-weight:normal; line-height:41px; float:left; text-indent:30px;} #cont-page { margin:auto; background:url(images/back-single-page.jpg); height:auto; overflow:hidden;} #cont-three-col { position: relative; width:105%; height:auto;} #col-one { width:310px; float:left; border-left:4px solid #96ccef; border-right:1px solid #e2e1dd;} #col-two { width:344px; float:left;} #col-three { width:300px; min-height:600px; float:left; border-right:4px solid #96ccef; z-index:2;} #col-one .box-not-port { margin:20px 15px 30px 15px; font-size:13px; text-align:justify; color:#828a8f; padding-bottom:15px; border-bottom:3px solid #ddd;} #col-one .box-not-port h2 { font-size:19px; font-weight:normal; text-align:left; color:#3887bb; margin-bottom:7px;} #col-one .box-not-port .date{ width:100%; margin-bottom:7px; text-align:right; font-size:11px; font-weight:bolder; color:#aa2222;} #col-two .box-not-port { margin:20px 15px 30px 15px; font-size:13px; text-align:justify; color:#828a8f; padding-bottom:15px; border-bottom:3px solid #ddd;} #col-two .box-not-port h2 { font-size:19px; font-weight:normal; text-align:left; color:#3887bb; margin-bottom:7px;} #col-two .box-not-port .date{ width:100%; margin-bottom:7px; text-align:right; font-size:11px; font-weight:bolder; color:#aa2222;} #col-one .box-not-port p em , #col-two .box-not-port p em { font-weight:normal; font-style:normal;} #col-one .box-not-port p img , #col-two .box-not-port p img { width:5%; height:5%; width:110px; height:80px; float:left;} #col-one .box-not-port p , #col-two .box-not-port p { clear:both; margin-bottom:10px;} /* Dos columnas */ #main { width:1000px; overflow:hidden; height:auto; margin:0 0 10px 0; } #column_left { width:610px; float:left; margin:0 0 0 30px; } #column_right { width:340px; float:right; } .banner { width:300px; text-align:center; margin-bottom:10px;} a.read-more { float:right; color:#66bc29; font-size:12px; font-weight:bolder; padding-top:10px; clear:both;} a.read-more:hover { float:right; color:#55a51c;} #footer { margin:auto; height:60px; background:#57a5d8 url(images/footer-back-top.jpg) top no-repeat; border-bottom:4px solid #2f87c0; z-index:2; font-size:10px; color:#000000;} #footer ul { height:44px; margin:auto;} #footer a { display:block; float:left; font-size:10px; font-weight:bolder; color:#162b48; line-height:44px; padding:0 10px 0 10px;} #top-menu a.activo:hover, #top-menu .current_page_item { color:#00599a; background:url(images/top-menu-arrow.png) no-repeat 20px 35px;} #footer a:hover { color:#004888;} #footer li, #top-menu ul { margin:0; padding:0;} #footer li { float:left;} #footer p { padding:6px 0 0 15px;} #footer p a { color:#FFFFFF;} #footer p a:hover { color: #FFFF00;} #footer2 { margin:auto; font-size:11px; color:#57a5d8; z-index:2;} /* Destacados */ #destacados { position:absolute; margin:34px 0 0 35px; width:600px; height:220px; overflow:hidden;} #destacados img { float:left; margin-right:10px; position: absolute; top:0; width:5%; height:5%; width:290px; height:210px;} #destacados .item-desacado a h1 { display:block; margin:0 20px 0 200px; font-size:20px; color:#fff;} #destacados .item-desacado a:hover h1 { color:#FFFF00;} #destacados .item-desacado a h2 { position: relative; display:block; width:262px; margin:0 0 0 308px; font-size:16px; line-height:18px; color:#FFFF00;} #destacados .item-desacado a:hover h2 { color:#FF9900} #destacados p { margin:0 20px 0 0; font-size:12px; color:#e5e5e5;} #destacados p strong, #destacados p em { position: relative; display:block; width:262px; margin:0 0 0 308px; margin-top:10px; font-size:12px; color: #fff; font-weight:normal;} #destacados a:hover p { color:#fff; margin-bottom:10px;} #destacados a:hover p strong{ color: #FFFF00;} a.more-link { color: #FFFF00; display:block; float:right; font-weight:bolder;} a.more-link:hover { color: #FFFF00;} #destacados img { border:4px solid #FFFFFF; padding:0; background:url(images/shade-photo.png) right 10px 10px;} .contribute { width:295px; height:68px; display:block; background:url(images/contribute-of.png);} a.contribute:hover {background:url(images/contribute-on.png);} .volunteer { width:295px; height:68px; display:block; background:url(images/volunteer-of.png);} a.volunteer:hover {background:url(images/volunteer-on.png);} .tell { width:295px; height:68px; display:block; background:url(images/tell-a-friend-of.png); margin-bottom:10px;} a.tell:hover {background:url(images/tell-a-friend-on.png);} .search-box { width:187px; margin-right:10px;} .social { width:281px; height:53px; display:block; background:url(images/social-of.png);} a.social:hover {background:url(images/social-on.png);} .botones {position:absolute; top:auto; left:auto; margin:281px 0 0 110px; z-index:5;} #nav-fotos { float:left;} #nav-fotos a {background:url(images/tab-nav-of.png); font-size:14px; display:block; float:left; width:55px; height:28px; line-height:28px; margin-right:5px; text-align:center; color:#FFFFFF;} #nav-fotos a.activeSlide {background:url(images/tab-nav-on.png); color:#003399;} #prev-fotos {background:url(images/tab-nav-of.png); font-size:14px; display:block; float:left; width:55px; height:28px; line-height:28px; margin-right:5px; text-align:center; color:#FFFFFF;} #next-fotos {background:url(images/tab-nav-of.png); font-size:14px; display:block; float:left; width:55px; height:28px; line-height:28px; margin-right:5px; text-align:center; color:#FFFFFF;} /* Content */ #content { font-size:12px; color:#000000; text-align:justify; line-height:1.7;} #content h2 { color:#3987c4; font-size:18px; font-weight:bolder; line-height:1.3; margin-bottom:10px;} #content strong, #content em { font-weight:normal;} #content p { margin-bottom:15px;} /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ #mask { position:absolute; z-index:20; background-color:#000; display:none; } .windowx { background: white; position:absolute; display: none; z-index:29; width:700px; height:600px; padding:2px; }