/* Theme Name: statement Theme URI: http://www.blogohblog.com Description: The "Statement" WordPress theme has been built by Blog Oh! Blog and comes under a Creative Commons License. Version: 1.0 by Raul Garcia - www.excesomedia.com- Author: Jai Nischal Verma Author URI: http://www.blogohblog.com */ /*+++++++ BODY +++++++*/ * { margin: 0px; padding: 0px; list-style:none; text-decoration:none; } body { font-family: Arial, Helvetiva, sans-serif; font-size: 12px; color: #4d4b4c; background: #fff url(images/bkg.jpg) repeat-x; } /*+++++++ H1,H2,H3 HYPERLINKS +++++++*/ h3 { padding:10px 0 10px 0; font-size:14px;} a:link { text-decoration: none; color: #0084ff; border: 0px;} a:active {color : #0084ff; border: 0px;} a:visited { color :#0084ff ; border: 0px;} a:hover { color:#333333; border: 0px;} a:focus { outline: none;} .clear { clear: both; } /*+++++++ MAIN +++++++*/ #wrapper { width: 1000px; margin:auto; } #frame,#content { width: 975px; margin:auto; } /*+++++++ TOP +++++++*/ #header { height: 106px; width: 1000px; } #logo { float: left; width: 500px; padding-top:0px; } #logo h1{text-indent:-10000px;} #logo h1 a{display:block; background: url(images/logopresunto.jpg) no-repeat; height:106px; outline:none;} #logo h1 a:hover{display:block; background-position: 0 -106px; height:106px; outline:none;} #topleft { float: right; height: 106px; width: 500px; } #searchbox { float:right; width: 300px; height: 36px; background: url(images/s.png) no-repeat; margin:25px 13px 0 0; } #searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 190px; background: none; color:#ffffff; } #searchbox #go { float: right; margin: 1px 4px 0 0; width:24px; height:24px; } /*+++++++ NAVIGATION +++++++*/ #nav { float:right; padding-right:10px; margin-top:10px;} #nav ul { } #nav ul li {display:inline;float:left; } #nav ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; padding: 5px; margin-right: 5px; background:#4ea1ff} #nav ul li.current_page_item a:hover{background:#0084ff;color:#fff;} #nav ul li a { color:#fff;text-transform:uppercase; padding: 4px; margin-right: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #nav ul li a:hover{background:#5a5a5a;color:#dadada; text-decoration:none; } /*+++++++ INFOBAR +++++++*/ #infobar { height: 30px; width: 975px; line-height:30px; font-size:11px; margin-bottom:15px; } #browse { float: left; width: 570px; background:url(images/folder.gif) no-repeat 0 6px; padding-left:22px; } #rss { float: right; height: 30px; width: 383px; background:url(images/feed.gif) no-repeat right; } #rss p { padding-right:22px; text-align:right;} /*+++++++ ENTRY +++++++*/ #left { float: left; width: 650px; } .entry { width: 610px; padding:10px; background:#fff; border:1px solid #dadada; margin-bottom:10px; line-height:140%; overflow: hidden; text-align: justify } .entry h2 { font: bold 22px/28px Arial, Helvetica, Sans-serif;letter-spacing: -1px;margin-bottom:10px; display: block; border-bottom: 1px solid #93cbff} .entry h2 a { color:#0084ff; } .entry h2 a:hover {color:#000000;} .entry p { padding-bottom:10px;} html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before { } .entry ol { padding:0; margin:0;} .entry ol li { background:#fafafa; } .entry img {margin-bottom: 5px} 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 ;} .allinfos { font-size:11px; height:20px; padding-bottom:2px; line-height: 20px } .date {background:url(images/date.gif) no-repeat; padding-left:18px; padding-right: 4px;background-position: 0px 0px; height: 20px; float: left} .comments { background:url(images/comment.gif) no-repeat; padding-left:18px; padding-right: 4px;background-position: 0px 0px; height: 20px; float: right} .category { background:url(images/posted.gif) no-repeat; padding-left:18px; padding-right: 4px;background-position: 0px 0px; height: 20px; float: left} .tags { background:url(images/tags.png) no-repeat; padding-left:18px; padding-right: 4px;background-position: 0px 0px; height: 20px; float: left} .post-edit-link{font-size: 11px;background:url(images/wordpress.png) no-repeat; padding-left:18px; padding-right: 4px;background-position: 0px 4px; float: right} .comments-rss{font-size: 11px;background:url(images/feed.gif) no-repeat; padding-left:18px; padding-right: 4px;background-position: 0px 0px; float: right} .info{font-size: 11px;background:url(images/info.png) no-repeat; padding-left:18px; padding-right: 4px;background-position: 0px 0px; float: left} .navigation { width: 600px; padding:10px; line-height:140%; font-size:11px; } .more-link{clear:both;float: right;background:url(images/readmore.png) no-repeat; padding-left:18px; padding-right: 4px;background-position: 0px -1px; height: 22px; } /*+++++++ SIDEBAR +++++++*/ #right { float:left; width: 300px;} #topsidebar { width: 300px; padding:0 10px 0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px; } #lsidebar h2 { font-size:12px; color:#000000; padding:4px; background: #e1e1e1;} #rsidebar h2 { font-size:12px; color:#000000; padding: 4px; background: #e1e1e1;} #lsidebar { float:left; width:130px; padding:5px; border:1px solid #dadada; background:#fff; margin: auto} #rsidebar { float:left; width:163px; padding:5px; border:1px solid #dadada; background:#fff; margin-left:3px;} #sidebarbottom { float:left; width: 320px; margin: auto; } #sidebarbottom ul{ padding:0; margin:0; background: #efefef;} #sidebarbottom ul li{padding:0px 0 0px 0;} #sidebarbottom ul li a{display: block; padding: 5px; border-bottom:1px solid #fff;} #sidebarbottom ul li a:hover {background: #009bff; color: #ffffff} #sidebarbottom ul li ul{} #sidebarbottom ul li ul li{} #sidebarbottom p{padding:0 5px;} .sidebar-block {float:left; width: 300px; padding:10px; border:1px solid #dadada; background:#fff; text-align: center; margin-bottom: 5px} .sidebar-block-125{width: 125px; border:1px solid #dadada; background:#fff; text-align: center; margin: auto;margin-bottom: 5px; } .sidebar-block-125:hover, .sidebar-block:hover{border: 1px solid #000000} /*+++++++ COMMENTS +++++++*/ .postmetadata { padding:5px; background:#feffe5; } #commentform p { padding-bottom:10px;} #commentform #author { border:1px solid #dadada; height:20px; width:200px; } #commentform #email { border:1px solid #dadada; height:20px; width:200px; } #commentform #url { border:1px solid #dadada; height:20px; width:200px;} #commentform #comment { border:1px solid #dadada; height:200px; width:500px;} .commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; } .commentlist cite a { color:#333;} .commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;} /*+++++++ FOOTER +++++++*/ #footer { background: #222222 url(images/footer.jpg) repeat-x; width: 100%; margin:15px auto 0px; height:100px; font-size:10px; } #foo { background:url(images/excesomedia.jpg) no-repeat right; width: 1000px; margin:auto; height:65px; color:#fff; background-position: 750px 2px } #foo a:link { color : #2882e6; border: 0px;} #foo a:active { text-decoration: underline; color : #2882e6; border: 0px;} #foo a:visited { color : #2882e6; border: 0px;} #foo a:hover {color: #FFFFFF; border: 0px;} #foo ul { float:left; margin-top:18px; border-bottom : 1px solid #5a5a5a; padding-bottom: 2px; margin-bottom: 2px} #foo ul li {display:inline; font-weight:700;} #foo ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; } #foo ul li.current_page_item a:hover{background:transparent;color:#fff;} #foo ul li a { color:#fff;float:left; padding-right:10px;} #foo ul li a:hover{background:none;color:#dadada; text-decoration:none;} /**************** Misc *********************/ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 15px 10px; padding-left: 10px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .alignright{float:right;} .alignleft{float:left; padding-left:30px; padding-bottom:20px;} img.centered{display:block;margin-left:auto;margin-right:auto;} img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;} img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;} pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed} code {font-size:1.0em;color: #000} /**************** Gallery *********************/ .gallery {text-align:center;} .gallery img {padding:3px;} .attachment {text-align:center;} .attachment img { padding:5px; border:1px solid #a6cefc;} .imgnav {text-align:center;} .imgleft {float:left;} .imgleft img{ padding:5px; border:1px solid #a6cefc;} .imgright {float:right;} .imgright img{ padding:5px; border:1px solid #a6cefc;} /* Various Classes & Image Alignment */ .center {text-align: center;} .floatleft {float: left; margin: 5px;} .floatright {float: right; margin: 5px;} img.center {display: block; margin: 10px auto;} img.left {display: inline; margin: 0 10px 5px 0;} img.right {display: inline; margin: 0 0 5px 10px;} .nav {margin: 25px 0;} .previous {float: left; text-align: left; width: 45%;} .next {float: right; text-align: right; width: 45%;} .clearfix{ clear:both} /* Tratamiento de Imagenes en los posts*/ .izquierda,.alignleft{float:left; margin: 8px;padding: 2px; border: 2px solid #a6cefc; margin-top: -1px } .izquierda_sinmarco{float: left; margin: 8px} .derecha,.alignright{float:right; margin: 8px; padding: 2px; border: 2px solid #a6cefc;margin-top: -1px} .derecha_sinmarco{float: right; margin: 8px} .centro,.aligncenter{display: block; margin: auto; padding: 2px; border: 2px solid #a6cefc; margin-top: 5px; margin-bottom: 5px} .centro_sinmarco { display: block;margin: auto; margin-top: 5px; margin-bottom:5px} /* Digg Style Pagination*/ div.pagination { padding: 3px; margin: 3px; text-align:center; font-size: 14px; } div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #0084ff; text-decoration: none; /* no underline */ color: #6f6f6f/*#4c3c1d;*/ } div.pagination a:hover, div.pagination a:active { border: 1px solid #000000; background: #0084ff; color: #ffffff; } div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #0084ff; font-weight: bold; background-color: #bcdbff; color: #000000; } div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #a4a4a4; color: #a4a4a4; } .navegacion-paginada{clear: both; height: 15px} .left{ float: left} .right{ float: right} /* WP-Smileys */ .story-content .wp-smiley{float: none;border: none; padding: 0; background:none; position: relative; top: 5px} .story-content .wp-smiley:hover{background: none; border: none} .smileys{ width: 325px; } .smileys img{ border: 1px solid #333333; padding: 2px} .smileys img:hover { border: 1px solid #ff9c00} /*Clear Archives*/ .car-container{background:#efefef; padding: 5px} .car-toggler{font-size: 13px;padding-left:26px; padding-top: 3px; padding-bottom: 3px;background: url(images/toggler.png) no-repeat top left; background-position: 4px 4px;} ul.car-list{list-style: none} .car-yearmonth{display: block; padding-left:34px; padding-top: 3px; padding-bottom: 3px;background: url(images/calendar.png) no-repeat top left; background-position: 4px 4px; width: 90%} .car-yearmonth:hover{background: #ffffff url(images/calendar.png) no-repeat top left; background-position: 4px 4px} .car-monthlisting li{font-size: 13px;display: block; padding-left:26px; padding-top: 3px; padding-bottom: 3px;background: url(images/read.png) no-repeat top left; background-position: 4px 4px; width: 90%} .car-monthlisting li:hover{background: #ffffff url(images/read.png) no-repeat top left; background-position: 4px 4px} /*Autor-float*/ #autormeta{height: 150px; margin-left: 110px; border-top: 1px solid #0084ff; padding-top: 4px} .autorfloat{float: left; width:200px; display: block; position: relative; top: -1px; padding-left: 95} /* WP-Smileys */ .entry p .wp-smiley{float: none;border: none; padding: 0; background:none; position: relative; top: 15px; left: -10px; line-height: inherit} .entry .wp-smiley:hover{background: none; border: none} .smileys{ width: 325px; } .smileys img{ border: 1px solid #333333; padding: 2px} .smileys img:hover { border: 1px solid #ff9c00}