/* Theme Name: CuyV2 Theme URL: http://www.dimensiondelcuy.com/ Description: Dimension del Cuy V2.0 Author: El Cuy Author URI: http://www.dimensiondelcuy.com/ Version: 2.0.0 */ /* El Reset de CSS */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;} caption, th, td {text-align: center; font-weight:normal; margin-top: 5px; margin-bottom: 5px;} table {border-collapse:separate;border-spacing:0;} blockquote:before,blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";} * {margin:0; padding:0;} /* Cuerpo principal */ body { font-size: 80%; font-family: Trebuchet MS, Arial; color: #fff; background: url(images/body.jpg) top center #29520b; } a:hover { text-decoration:none; color:#ace693} a { text-decoration:none; color:#7ed600} /* Utilidades y Generales */ .clear { clear: both; } .aligncenter { margin: 10px auto; display: block; } img.aligncenter { margin: 10px auto; display: block; } .alignleft { float: left; margin: 10px 10px 10px 10px;} img.alignleft { float: left; margin: 10px 10px 10px 10px; display: inline; } .alignright { float: right; margin: 10px 10px 10px 10px;} img.alignright { float: right;display: inline; margin: 5px 5px 5px 5px; } blockquote { background: #8abc77 url(images/quote.jpg) no-repeat top left;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px; color: #29530b; font-size: 11px;} .textarea { background:#183d09 none repeat scroll 0 0; color:#ace693; font-size:12px; height:25px; padding-left:10px; padding-top:5px; width:160px; border:none; margin-bottom:5px; margin-top:10px; } /*------------------------------------ Inicio de Cabecera ------------------------------------*/ /* Cabecera */ #header { margin: 0px auto; width: 970px; height:150px; /* background: url(images/header.jpg);*/} #h-logo { float:left; height:130px; width:130px; margin-top:10px; background: url(images/logo.png);} #h-blogtitle { float:left; height:60px; width:400px; margin-top:80px; margin-left: -60px;} #h-top-banner { float:right; } #h-top-banner img { padding-top:10px; } #h-feeds { background: url(images/feeds.png) no-repeat bottom right; height:130px; width: 230px; padding-left:10px; margin-bottom:10px; margin-top: 10px; background-position:right; float: right; } #h-feeds a { font-size:11px; } #h-feeds p { padding-top:10px; } /* Menu superior */ #topmenu { margin: 0px auto 0px; width: 970px; height:40px; background: #091e01; border:1px solid #091e01; /* url(images/topmenu.jpg);*/} #topmenu ul { float:left; padding-top:10px; margin-left:10px; } #topmenu ul li { display:inline; margin-right:20px; font-size:14px; } #topmenu ul li a { padding:1px; line-height:14px; } #topmenu ul li a:hover { color:#d8ffbc; } /*------------------------------------ Inicio de Cuerpo ------------------------------------ */ #post-featured { background:#091e01; width:590px; min-height:270px; margin: 0 0 20px 0; float:left } /* Wrapper de contenido */ #content-wrapper { margin: 0px auto 0px; width: 970px; background:#183d09 ; border:1px solid #183d09; min-height: 500px; } #content-wrapper h1 { font-size:26px; margin: 10px; } #content-wrapper img { margin: 10px; } /* Barra de categor�as */ #c-cat-nav { height:40px; background:#091e01; margin:15px; } #c-cat-nav ul { padding-left:10px; margin:0} #c-cat-nav ul li { float:left; display:inline; padding-right:10px; font-size:13px; margin-top:10px;} #c-cat-nav ul li a { padding:3px; line-height:14px; } #c-cat-nav ul li a:hover { color:#d8ffbc; } /* Area de contenido */ #c-content-area { float: left; margin:15px; min-height:400px; background: #183d09; } /* Wrapper de art�culos */ #post-wrapper { float:left; width:590px; margin-bottom:0px; } /* Elementos en Featured Posts */ .prev { display: block; width: 32px; height: 32px; cursor: pointer; background: url(images/left.png) no-repeat top left; position: absolute; top: 150px; left: 15px; z-index: 1; } .next { display: block; width: 32px; height: 32px; cursor: pointer; background: url(images/right.png) no-repeat top left; position: absolute; top: 150px; left: 540px; z-index: 3; } .next-button { display: none; position: absolute; } .prev-button { display: none; position: absolute; } #featured { overflow:hidden; width: 590px; min-height: 340px; margin: 0px; float: left; margin-bottom: 13px; background: #091e01; } #featured ul { height: 190px; margin: 0px; list-style-image: none; list-style-type: none; padding: 0px; width: 4000px; background: #000000; } #featured ul li { border: 10px solid #091e01; float:left; height:300px; margin:0; padding:0; width:570px; } .featured-inside { background:#091e01 none repeat scroll 0 0; margin-top:191px; overflow:hidden; width:570px; align: right; } .post-excerpt { border-bottom:1px solid #091e01; border-top:1px solid #091e01; display:block; font-size:12px; padding:2px 0 2px 10px; min-height: 55px; color: #d8ffbc;} .post-excerpt a { color: #d8ffbc; } .post-excerpt-small { color: #5B6461; font-size: 10px; display: block; width: 228px; border-top: 1px solid #3B4341; border-bottom: 1px solid #3B4341; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; float: right; } /* Featured Slideshow Area */ .titles-featured a, .titles-featured a:hover, .titles-featured { display:block; font-size:18px; margin-bottom:0px; margin-left:10px; margin-top:5px; width:500px; } /* Categories section */ #categories { float:left; width:590px; min-height: 180px; margin-bottom:20px; background: #091e01; padding-top: 20px;padding-bottom: 10px;} #categories-single { float:left; width:280px; min-height: 230px; margin-left:10px; margin-bottom: 10px; background: #103602; } #category-image { width: 260; height: 100; margin: 10px 10px 10px 10px; background: #000000; float: left;} #category-posts { width: 260; margin: 0px 10px 10px 10px; float: left; font-size: 11px; } #category-posts ul { margin: 0px 15px 10px 15px; color: #FFFFFF; float: left; font-size: 11px;} #category-posts ul li a { color: #7ed600; } #category-posts ul li a:hover { color: #d8ffbc; } /* Last posts*/ #lastposts { width: 570px; min-height: 150px; margin-bottom: 0px; float: left; background: #091e01; padding: 10px; display: inline;} #lastposts h2 { width: 300px; margin: 10px; float: left; margin-bottom: 13px; font-size:18px; color: #7ed600; } #lastposts ul { float:left; margin-left: 30px; width: 300px; } #lastposts ul li { float:left; margin:0; padding:0; width:100%; } .lastposts-image { float:right; background: url(images/lastposts.png) no-repeat; width: 201px; height: 151px; vertical-align: top;} /*------------------------------------ Barra lateral ------------------------------------ */ /* Sidebar */ #sidebar {float:right ;width:335px; height:auto; display: inline; margin: 15px 15px 15px 0px; font-size: 11px;} /* Ads */ #ads-block {background:#091e01 ; text-align: center; padding: 20px;} .ads {margin: 5px;} /* Tabber */ #tabs {background: #091e01; text-align: center; width: 100%; margin: 15px 0px;} #sidebar #tabber { text-align: center; padding: 10px; list-style-type:none; background: #091e01 ; } #sidebar #tabber li { text-align: left; margin: 0; padding: 5px 10px 10px; background: #103602; position: relative; border: none; } #sidebar #tabber li li { margin: 0; padding: 3px 5px; background: #091e01; width:275px;list-style-type:none; list-style-position:outside; border-bottom: 1px dashed #154403; font-size:11px; } #sidebar #tabber ul { margin: 7px 0 0; padding:0; border: none; } #sidebar #tabber .tablist { color: #d8ffbc; position: relative; display: block; } * html #sidebar #tabber .tablist { display: inline-block; } *:first-child+html #sidebar #tabber .tablist { display: inline-block; } #sidebar #tabber .tablist a { color: #7ed600; font-style: normal; font-weight: bold; } #sidebar #tabber .tablist a:hover { font-size:11px; color:#d8ffbc; } #sidebar #tabber .tabber-title { margin:0 0 0 10px; padding:4px 10px 4px 10px; font-size:10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: none; background: #051100; border: none;} #sidebar #tabber .active, #sidebar #tabber .tabber-title:hover { background: #3a7211; } /* Lastposts */ #lastposts-widget {background: #091e01; text-align: center; width: 100%; margin: 15px 0px; padding-top: 5px;} #lastposts-widget h2 {font-size:15px; color:#7ed600; margin: 5px; font-weight: bold;} #lastposts-widget table {margin: 10px; font-size:11px; color:#d8ffbc; border-collapse: collapse; width: 92%;} #lastposts-widget tr {border-bottom: 1px dashed #154403; padding: 2px;} #lastposts-widget td#img {width: 40px; height: 40px; padding: 6px 5px 5px 5px; float: left; } #lastposts-widget td#content {height: 40px; padding: 8px 5px 5px 10px; float: left; text-align: left;} #lastposts-widget td#content a#title {} #lastposts-widget td#content a#cat {font-style: italic;} /* Widget grande */ #big-widget {background: #091e01; text-align: center; width: 100%; margin: 15px 0px; padding-top: 5px; padding-bottom: 20px;} #big-widget h2 {font-size:15px; color:#7ed600; margin: 5px; font-weight: bold;} /* Area para widgets */ #mini-side {background:#d8ffbc;height:400px;} #mini-left {float:left;height:auto;width:160px;} #mini-right {float:right;height:auto;width:160px;} .widget {background:#091e01; margin-bottom:10px; padding:10px; font-size:11px; color: #d8ffbc;} .widget-title {background:#051100 none repeat scroll 0 0;float:left;height:30px; margin: 0px 0px 10px 0px;width:140px;display: inline; font-weight: bold; font-size: 11px;} .widget-title h2 {color:#7ed600;font-size:11px;padding:5px 0 0 10px;} .widget ul {list-style:disc inside;padding-left:15px; font-size:11px;} select#cat {margin:10px;width:130px;} /*----------------------------------------------------------------- Pie de p�gina -------------------------------------------------------*/ #pre-footer {background:url(images/pre-footer-bg.png) repeat-x bottom; height:100px;border-top:0px solid #4089C9;} /*Area de pie*/ #footer { background:url(images/footer-bg.png) repeat-x; height:357px; border-top:0px solid #4089C9; } #bottombar {width:970px; height:357px; margin: 0 auto; } #bottom-widget{float:left;width:970px;margin-top:20px;display: inline; } #credit {color:white;float:left;height:60px;margin-top:22px; } #credit p {color:#c08a3a;font-size:11px;margin-left:30px;margin-top:10px;} #credit a {color:#FFFFFF;} #credit a:hover {color:#FFFF00;} /*Widget */ #twitter-wrap {width:241px; height:255px; background:url(images/twitter.jpg) top left repeat-x; float:left; display: inline;} #twitter-inside {float:left;font-family:georgia;font-size:11px; margin-left:25px;margin-top:35px;width:190px;color:#000000;display: inline; text-align: center; min-height: 80px;} #twitter-inside a { color: #091e01; font-weight: bold;} #twitter-inside a:hover { color: #183d09;} .twitter a {color:#FCD535;font-size:11px;padding-left:130px; top: 135px; position: relative;} .twitter a:hover {color:#c08a3a;} .twitter-link a{color:#fff} #search-wrap {width:258px;background:url(images/search.jpg) repeat scroll 0 2px;height:255px;float:left;display: inline;} #search-inside{float:left;display: inline;} form#search-inside{ margin:10px;padding-left:35px;padding-top:70px;} input#s {width:120px; background: #32250f; border: #584115 1px solid; color:#c08a3a; font-size: 12px;} input#searchsubmit {background:#584115 none repeat scroll 0 0;color:#c08a3a;margin-top:5px;border:none;height:16px; font-size: 10px;} input#searchsubmit:hover {background:#F5AC11;color:#0A1B3D;} #flickr-wrap {width:443px;background:url(images/flickr.jpg);height:255px;float:left;display: inline;} #flickr-inside {float:left;margin-left:40px;margin-top:100px;display: inline; height: 100px; width: 385px;} img#flickr-inside {margin:5px;} #flickr-inside img { margin: 10px;} .flickr a {color:#FCD535;font-size:11px;padding-left:350px; top: 50px; position: relative;} .flickr a:hover { color:#c08a3a; } /*Blog Entries */ .post {background:#ebffe4/*#091e01*/; width:590px; height:auto; margin: 0 0 15px 0; float:left; display: inline; font-size: 13px; clear: both; text-align: justify; color: #091e01;} .post-404 {width:580px; height:auto; margin: 0 0 15px 0; float:left; display: inline; font-size: 13px; clear: both; text-align: justify; color: #ebffe4;} .post #excerpt { background: #154403 url(images/quote.jpg) no-repeat top left;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;} .post li {margin-left:40px; margin-bottom:20px;} .post ul,ol {margin-top:10px;margin-bottom:10px; list-style-image: url(images/bullet3.gif)} .post h1 {font-size:32px;font-family:Trebuchet MS;padding:10px 15px 5px 15px; clear:none; } .post h2 {font-size:28px;font-family:Trebuchet MS;padding:10px 15px 5px 15px; clear:none; } .post h3 {font-size:24px;font-family:Trebuchet MS;padding:10px 15px 5px 15px; clear:none; } .post h4 {font-size:20px;font-family:Trebuchet MS;padding:10px 15px 5px 15px; clear:none; } .post h5 {font-size:16px;font-family:Trebuchet MS;padding:10px 15px 5px 15px; clear:none; } .post h2 a{color:#7ed600;font-weight:normal; text-decoration: none; width: 100px;} .post h2 a:hover{color:#091e01; font-weight: normal;} .post em {font-style: italic;} .post p {margin: 20px 0px 20px 0px; } .post b,strong {font-weight: bold;} .post hr {color:#7ed600; margin: 20px 0px;} .post table { border: 1px solid #116600; border-spacing: 0px;} .post th { font-size: 11px; background: #00A600; color: #FFFFFF;} .post td { font-size: 10px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px;} .authorpic {margin: 10px; height: 60px; width: 60px; background: #000000; float: right; display: inline;} .post a {color:#247c00; font-weight:bold; text-decoration: underline;} .post a:hover {color:#091e01; ;font-weight:bold;} .date {font-size:10px;padding-left:15px;display: inline;} .thumbnail {float:left;width:140px;height:140px;margin-left:15px;margin-top:10px; margin-bottom: 15px;display: inline; } .entry {width:390px;float:left;margin:10px;display: inline;} .entrysearch{float:left;margin:10px;display:inline; width: 390px;} .searchtitle {margin-left:10px;font-size:20px;margin-bottom:10px;} .more {background:transparent url(images/more.png) no-repeat scroll 0 0;float:right;height:29px;margin-right:10px;padding-left:10px;padding-top:5px;text-align:left;width:90px;} .more a {color:#EDEFF1;padding-right:20px;font-size:11px;padding-left:7px;} .more a:hover {color:#BADBF8} .meta {float:left;height:41px;background:#010500;margin:15px 0 10px 15px;width:560px; font-size:12px;display: inline;} .cat {background:transparent url(images/cat-icon.jpg) no-repeat scroll 7px 50%;float:left;padding:10px 10px 10px 30px;display: inline;} .commentcount {float:right; padding:0px; margin-right:5px; margin-top:5px; width:50px; height: 50px; background: url(images/comments.png) no-repeat; display: inline; color: #183d09; text-align: center; } .commentcount a {color: #183d09; font-weight: bold; font-size: 20px; text-decoration: none; top: 10px; left: -2px; position: relative; letter-spacing: -3px;} .commentcount a:hover {color: #247c00;} /*Single-post */ .single-entry {float:left;margin:15px 15px 10px;padding-bottom:10px;display: inline; } #share {float:left;width:590px;background:#091e01 url(images/share-bg.jpg) no-repeat top left;min-height:100px;margin-bottom:20px;display: inline; padding-bottom: 10px;} #share ul{padding-top:50px;margin-left:20px;padding-top:60px;} #share li {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 5px 0 0;} #post-meta{color:#FFFFFF;font-size:12px;margin-left:20px;margin-top:5px;} .wp-caption {text-align: center; background: #8abc77; padding: 5px 2px 10px 2px; display: block; clear: both; font-size: 11px; color: #29530b; margin-top: 0px; margin-bottom: 0px;} .wp-caption p {margin-top: 10px; margin-bottom: 0px;} .wp-caption-text {margin: 0px;padding: 0px;} /*Comments*/ #comment-wrap {float:left;width:590px;background:#091e01 url(images/comment.jpg) no-repeat top left ;display: inline; font-size: 12px; padding: 10px; width:570px;} #comment-wrap h3 {color:#FFFFFF;font-size:24px;} #commentlist-wrap {float:left;margin-top:10px;padding:10px;display: inline; background: #8abc77; width: auto} .commentlist {float:left;list-style-position:inside;list-style-type:none;margin-bottom:10px;width:auto;display: inline; } .comment {border:0px solid #091e01;clear:both;float:left;list-style-image:none; list-style-position:outside;list-style-type:none;margin-bottom:15px;width:auto;display: inline;} .comment-counts {padding-top:60px;padding-left:40px; font-style: italic; color: #7ed600;} .nocomments {padding-left:22px;padding-top:40px} #comments {margin-top: 30px;} #commentform {clear: both;float: left;margin-top:10px;display: inline;} h3.reply-replace{width: 200px; height: 40px;background: url(images/reply.png) no-repeat;text-indent: -9999px;}.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {color:#3F86C5;} .comment-reply-link:hover {background-color: #7bab96;color: #fff;} .cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;display: block;font-weight: bold;background-color: #183d09;padding:2px 7px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;} .cancel-comment-reply a:hover {background-color: #7bab96; color: #fff;} .children .comment {margin-bottom: 10px; clear:both;width:95%; float:right;} .comment-reply-link, .comment-reply-link:visited {background-color:#183d09;color:#FFFFFF !important;display:block;float:right;font-size:11px;font-weight:bold;margin-bottom:20px;margin-right:10px;margin-top:10px;padding:2px 7px;text-transform:lowercase;display: inline;} .fn, .fn a:link, .fn a:hover, .fn a:visited, .says {color:#1c6400;font-style:normal;} .avatar {height:40px; width:40px;} .comment-content {padding: 10px; margin: 0px; width: auto; background: #ffffff; color: #091e01; border: 2px solid #000000;} .comment-author {padding: 10px 5px 5px 5px; margin: 0px; width: auto; height: 42px; background: url(images/said-by.png) no-repeat;} .avatar-container {width: 40px; height: 42px; float:left;} .said-by-container {text-align: right; float: right; color: #091e01;} .said-by-container .says {color: #091e01;} .said-by-container a {text-decoration: none; color: #1c6400; font-weight: bold;} #respond {float:left;margin-bottom:30px;margin-left:10px;margin-top:10px;padding:10px ;display: inline;} input#author{color:#fff;background: #2b4c1e;border: 0; margin-right: 10px;} input#email{color:#fff;background: #2b4c1e;border: 0; margin-right: 10px;} input#url{color:#fff;background: #2b4c1e;border: 0; margin-right: 10px;} textarea#comment {font-family:trebuchet MS;font-size:12px;color:#fff;background: #2b4c1e;border:0px solid #3F86C5;width:100%;} #submit {background: white; padding: 3px 8px;border:none} #submit:hover {background:#3F86C5;color:#fff} /* Archive Styles */ #archive-wrapper {width: 530px; min-height: 20px; padding: 30px; padding-top: 420px; font-size: 11px; } #archive-wrapper table {width: 490px; margin: auto; border-collapse: collapse; } #archive-wrapper td {border-bottom: 1px solid #224e11; text-align: left; padding: 2px 5px;} #archive-wrapper td#date {min-width: 50px;} #archive-wrapper td#post {min-width: 340px;} #archive-wrapper td#auth {min-width: 75px;} #archive-wrapper td#commentcount {min-width: 35px;} /* Terminal Code +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ table.term { border: 0px solid #000000; border-spacing: 0px; background: #000000; width: 90%; margin: 30px;} td.term { color: #00FF00; font-size: 10px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-family: courier; text-align: left;}