/* Theme Name: Bere Elegant Theme URI: http://www.bernabefuentes.com/desarrollo-web/bere-elegant-tema-para-wordpress/ Description: A elegant, minimal theme. Wordpress 3.2.1 ready. Version: 3.2 Author: Bernabe Fuentes Author URI: http://www.bernabefuentes.com Tags: gray, two-columns, fixed-width License: GNU General Public License License URI: license.txt */ /*RESET*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } p {padding-bottom:10px;} .clear {clear:both;} /* full clearfix */ * html .clearfix { height: 1%; /* IE5-6 */ } *+html .clearfix { display: inline-block; /* IE7not8 */ } .clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear{clear:both;} * {font-size: 100.01%; } html { font-size: 100%; height: 100%; margin: 0; } body { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4B575F; background:#F5F6F7 url(image/bg_body.jpg) left top repeat-x; margin:0; min-width: 960px; } .holder { min-height: 100%; } * html .holder { height: 100%; } #container { width: 100%; position: relative; padding: 0 0 60px; } .containerInner { width: 960px; margin: 0 auto; padding: 0 0 32px 0; position: relative; } .center { text-align:center; } a { color:#DD4B39; text-decoration:none; } a:hover { color:#C93423; } /* HEADER */ #header { width:960px; float:left; padding-bottom:32px; border-bottom:#212629 solid 2px; } #header h1 { font-family:'Atomic Age', cursive; float:left; padding-top:32px; } #header h1 a { font-size:40px; color:#212629; text-decoration:none; } #header h1 a:hover { color:#4B575F; } #header h1 span { font-size:16px; padding-left:32px; color:#212629; font-family: Georgia, "Times New Roman", Times, serif; } /* MENU */ #navmain { width:864px; margin:0 96px 0 0; float:right; } #navmain ul{ list-style-type: none; margin:0; float:right; } #navmain li { margin:0; float:left; margin:0 4px; } #navmain li a { display: block; line-height:32px; text-decoration: none; color:#212629; padding:0 6px; border-top:#212629 solid 8px; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; } #navmain li a:hover{ color:#4B575F; } #navmain li.current_page_item a { color:#DD4B39; border-top:#DD4B39 solid 8px; } #navmain li.current_page_item a:hover { color:#C93423; } /* CONTENEDOR */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding:0 0 16px 0; line-height:32px; font-family: Georgia, "Times New Roman", Times, serif; color: #212629; } #content h1 { font-size:24px; padding-bottom:32px; } #content h2 { font-size:22px; padding-bottom:32px; } #content h2 a { color:#DD4B39; font-family: Georgia, "Times New Roman", Times, serif; text-decoration:none; } #content h2 a:hover { color:#C93423; } #content h2.pagetitle { padding:0 0 32px 144px; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:32px; } #content h3 { font-size:20px; } #content h4 { font-size:18px; } #content h5 { font-size:16px; } #content h6 { font-size:14px; } #content { width:678px; padding:32px 32px 0 0; float:left; overflow:hidden; } #content .post { border-bottom:1px solid #A4AFB7; padding-left:144px; padding-bottom:32px; margin-bottom:32px; } #content .entry { border-bottom:1px dashed #A4AFB7; padding-bottom:32px; } #content .entry img { border-top:1px solid #A4AFB7; border-bottom:1px solid #A4AFB7; padding:8px; margin:8px; } #content .entry ol, #content .entry ul { list-style-position:inside; } /* DATE FORMAT */ .published { display:block; float:left; position:absolute; width:128px; left:0; color:#212629; } .published span { display:block; font-size:10px; } /* DETAIL */ .detail { color:#212629; padding-top:8px; } .alignright { float: right; } .alignleft { float: left; } /* COMMENTS */ h3#comments { padding:0 0 16px 144px; line-height:32px; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color: #212629; } h3#comments span { color:#DD4B39; } ul.commentlist { list-style-type:none; } .comment-body { border-top:#A4AFB7 dashed 1px; padding:32px 0; } .comment-author { color: #212629; float: left; width: 128px; text-align:right; font-size:10px; } .comment-meta { padding-left:144px; } .comment-meta .date { font-size:10px; color:#6F818C; } .reply { padding:32px 0 0 120px; } .reply a { border-top:#DD4B39 solid 1px; line-height:32px; padding:8px; } #respond { padding-left:144px; margin-top:32px; color:#4B575F; border-top:#4B575F solid 1px; } #respond h3 { line-height:32px; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; padding-bottom:16px; color: #212629; } #respond label { width:120px; float:left; line-height:32px; } #respond small { font-size:10px; } #respond .input, #respond textarea { background:#F5F6F7; padding:8px; font-size:12px; border:#A4AFB7 dashed 1px; width:260px; color:#4B575F; } #respond #submit { padding:8px; text-align:center; border:#A4AFB7 dashed 1px; color: #4B575F; background:none; cursor:pointer; margin-left:120px; width:278px; } #respond #submit:hover { color: #212629; } /* FORMS */ .entry input { background: none repeat scroll 0 0 #F5F6F7; border: 1px dashed #A4AFB7; color: #4B575F; font-size: 12px; padding: 8px; } /* SIDEBAR */ #sidebar{ width:250px; float:left; padding:32px 0 0 0; } #sidebar h3{ color:#212629; border-bottom:1px solid #212629; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; padding:8px 0; text-transform:capitalize; } #sidebar ul{ padding-bottom:32px; list-style-type:none; margin:0; } #sidebar ul li{ line-height:32px; border-bottom:1px dashed #A4AFB7; } #sidebar select { background:#F5F6F7; padding:8px; font-size:12px; border:#A4AFB7 dashed 1px; width:250px; color:#4B575F; margin:16px 0; } #sidebar ul.children { margin:0; padding:0; list-style:none; } #sidebar ul.children li{ border:none; } #sidebar ul.children li a { padding:0 0 0 16px; color: #4B575F; } #sidebar ul.children li a:hover { color: #212629; } #sidebar .tagcloud, #sidebar .textwidget { padding-bottom:32px; } /* SEARCH FORM */ #searchForm { border-top: 1px solid #212629; padding:32px 0; } #searchForm .input { background:#F5F6F7; padding:8px; font-size:12px; border:#A4AFB7 dashed 1px; width:167px; } #searchForm .submit { padding:8px; text-align:center; border:#A4AFB7 dashed 1px; color: #4B575F; background:none; cursor:pointer; width:60px; } #searchForm .submit:hover { color: #212629 } /* FOOTER */ #wrapFooter { position: relative; width: 100%; height: 60px; margin-top: -60px; overflow: hidden; background:url(image/bg_body.jpg) left bottom repeat-x; } #footer { position:relative; width:960px; margin:0 auto; border-top: #212629 solid 2px; text-align:right; color:#212629; font-size: 10px; padding: 8px 0; } #footer a { color:#212629; font-size: 10px; text-decoration:none; } #footer a:hover { color:#4B575F; } /* TO TOP */ #toTop { display:none; position:fixed; bottom:32px; right:32px; overflow:hidden; width:64px; height:64px; border:none; text-indent:-999px; background:url(image/totop.png) no-repeat left top; border-right:#4B575F solid 1px; cursor:pointer; } #toTopHover { background:url(image/totop.png) no-repeat left -64px; width:64px; height:64px; display:block; overflow:hidden; float:left; } #toTop:active, #toTop:focus { outline:none; } /* CALENDAR */ #calendar_wrap { padding-bottom:16px; } #wp-calendar { width:100%; } #wp-calendar caption { line-height:32px; border-bottom: 1px dashed #A4AFB7; color:#DD4B39; text-transform:capitalize; } #wp-calendar thead { line-height:32px; } #wp-calendar thead th { font-weight:bold; text-align:center; } #wp-calendar td { border-top: 1px dashed #A4AFB7; padding:4px; text-align:center; } #wp-calendar td#prev { line-height:32px; text-align:left; } #wp-calendar td#next { line-height:32px; text-align:right; } /* CAPTIONS */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 10px; line-height: 16px; padding: 0 8px 8px; margin: 0; } .sticky {} .gallery-caption {} .bypostauthor {} /* TABLE */ .entry table, .comment-body table { margin: 0 0 8px; width: 100%; } .entry table td, .comment-body td { border-top: 1px solid #A4AFB7; padding: 8px 16px 8px 0; } .entry table th, .comment-body th{ color: #DD4B39; font-weight: bold; letter-spacing: 1px; line-height: 32px; text-transform: uppercase; } /* LIST*/ ul, ol { margin: 0 0 32px 32px; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 32px; } dt { font-weight: bold; } dd { margin-bottom: 32px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { color:#DD4B39; padding:0 32px; margin:32px 0; border-left:1px solid #DD4B39; font-style:italic; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { color: #4B575F; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } pre { background: #A4AFB7; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; margin-bottom: 8px; overflow: auto; padding: 32px 16px; } code, kbd { font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; } abbr, acronym, dfn { border-bottom: 1px dotted #A4AFB7; cursor: help; } address { display: block; margin: 0 0 8px; } ins { background: #A4AFB7; color:#FFF; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; }