/* Theme Name: 1BlogTo Theme URI: http://pottato.com/1blogto Description: Light and simple wordpress theme. Author: João Firmino | Pottato Version: 0.1 Tags: blue, white, two-columns, fixed-width, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support Copyright 2010 Pottato All rights reserved. */ * { margin: 0; padding: 0 } /* General Elements */ body { font-family: Georgia, "Times New Roman", serif; font-size: 62.5%; background:url("images/bg.png") no-repeat center -150px fixed; color: #444; } hr { display: none; } img { vertical-align: baseline; border: 0; } p { font-family:Arial, Helvetica, sans-serif; margin: 0 0 1.4em 0; font-size: 12px; line-height: 18px; } a { color: #21759B; border-bottom: 1px dotted #ccc; text-decoration: none; } a:hover { color: #1F536C; } h2.page-title { margin: 0 0 .5em 0 !important; font-size: 2.8em; font-weight: normal; color: #21759B; } code { font-family: Monaco, "Courier New", fixed; font-size: 12px; color: #6C8318; font-weight: normal; } /* Wrapper */ #wrapper { width: 878px; background:url("images/dgmblue.png") repeat-x top; height:1%; margin:0 auto; padding-top:20px; } #wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Header */ #header-wrapper { height: 1%; clear: both; } #header-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #header { width:878px; height: 102px; border-top:3px double #053A83; border-bottom:3px double #053A83; background: url(images/logo.png) no-repeat center; } #header h1 { font-size: 4.8em; font-weight: normal; text-indent:-9999px; } #header h1 a { text-decoration: none; border: 0 none; width:878px; height:102px; display:block; } #nav { margin: 0 0 8px 3px; padding: 8px 0 0 0; height: 1%; clear: both; } #nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Son of Suckerfish Dropdowns: http://htmldog.com/articles/suckerfish/dropdowns/ */ #nav ul { list-style-type: none; } #nav li { margin-right: 25px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 12px; line-height: 1.6; float: left; } #nav li.current_page_item a { color: #001637; font-weight:bold; } #nav li a { display: block; border: 0 none; color: #001637; } #nav li a:hover { color: #21759B; } #nav li ul { position: absolute; left: -999em; padding:4px; border:1px dotted #001637; background:#fff; } #nav li:hover ul, #nav li.sfhover ul { left: auto } #nav li ul li { font-size: 11px; float:none; margin-bottom:4px } #nav li.current_page_item ul li a { font-weight: normal; } #nav li ul li a { padding-left:10px; } /* Content */ #content { width: 530px; padding: 15px 0; float: left; } /* Post */ .post, .page { border-bottom:1px dotted #03367F; margin: 0 0 20px 0; height: 1%; } .page { border-bottom:0; } .post:after, .page:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .post h1, .post h2 { margin: 1.5em 0 .5em 0; font-size: 2em; color: #333; } .post h3 { margin: 2em 0 .5em 0; font-size: 1.7em; color: #333; } .post h4, .post h5, .post h6 { margin: 2em 0 .5em 0; font-size: 1.4em; color: #333; } .post table { width: 100%; font-size: 1.4em; line-height: 1.65; border-collapse: collapse; } .post table th { padding: 5px 0; text-align: left; } .post table td { padding: 5px 0; } .post table tr { border-bottom: 1px solid #ddd; } .post dl { margin: 0 0 1.4em 0; } .post dt { margin-top: 1.4em; font-size: 1.4em; line-height: 1.65; font-weight: bold; } .post dt:first-child { margin: 0; } .post dd { font-size: 1.3em; line-height: 1.65; } .post ul, .post ol { font-family:Arial, Helvetica, sans-serif; margin: 0 0 1.4em 0; } .post ol { list-style:decimal inside none; } .post ol li { margin-bottom:10px; } .post li { font-size: 12px; line-height: 1.65; } .post li ul, .post li ol { margin-left: 15px; } .post address { font-size: 1.4em; line-height: 1.65; margin: 0 0 1.4em 0; } .post abbr, .post acronym { border-bottom: 1px dotted #ccc; } .post pre { margin: 0 0 1.4em 0; font-family: Monaco, "Courier New", fixed; font-size: 12px; color: #6C8318; } .post kbd, .post tt { font-family: Monaco, "Courier New", fixed; font-size: 12px; color: #666; } .post var { color: #892E12; } /* Hack to make the 'Div and Span Tests' unit test look better */ div.myclass strong { font-size: 1.4em; line-height: 1.65; } .post blockquote { margin-left: 30px; padding-left: 15px; border-left: 2px solid #ddd; } .post img { max-width: 500px; height: auto; margin-top: 5px; margin-bottom: 15px; padding: 8px; background: #fff; border: 1px solid #ccc; } .post-header h2 { margin: 0; font-size: 2.8em; font-weight: normal; color: #001637; } .post-header h2 a { border: 0 none; color: #001637; } .post-header h2 a:hover { color:#21759B; } .post-header h3 { margin: 0 !important; font-size: 2em; line-height: 1.4; font-weight: normal; color: #001637; } .post-header h3 a { border: 0 none; color: #001637; } .post-header h3 a:hover { color:#21759B; } .post-header p { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; color: #777; } .post-meta { padding: 10px 0 0 0; clear: both; border-top:2px solid #ddd; } .post-meta ul { list-style-type: none } .post-meta li { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; line-height: 1.8; color: #777; } .post-meta img { margin:6px 0 -7px; padding:2px; } .post-navigation, .comment-navigation { margin: 0 0 20px 0; padding: 10px 0 0 0; border-top:2px #ddd solid; clear: both; float: left; height: 1%; font-size:18px; } .comment-navigation { margin-top: 40px; } .post-navigation:after, .comment-navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .post-navigation ul, .comment-navigation ul { list-style-type: none; } .post-navigation li, .comment-navigation li { margin-right: 25px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; color: #777; float: left; } .post-page-links { margin-bottom: 1.4em; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; line-height: 1.5; color: #777; } /* Comments */ .post-comments { margin: 0 0 40px 0; height: 1%; } .post-comments:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .post-comments h2, h3#comments-title, h3#reply-title { margin-bottom: 1em; font-size: 2.8em; font-weight: normal; color: #03367F; } .post-comments form { font-family: Arial, Helvetica, sans-serif; } .comment, .trackback, .pingback { width: 530px; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ddd; clear: both; float: left; height: 1%; } .comment:after, .trackback:after, .pingback:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .pingback p, .trackback p { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; line-height: 1.5; color: #aaa; } .comment-avatar { width: 60px; float: left; } .comment-avatar img { width: 54px; padding: 2px; background: #fff; border: 1px solid #ddd; } .comment-body { width: 460px; margin-left: 10px; float: right; } .comment-body ul { margin: 0 0 1.4em 1.2em; } .comment-body li { font-size: 11px; line-height: 1.5; } .comment-body blockquote { margin-left: 30px; margin-bottom: 1.4em; padding-left: 15px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 11px; line-height: 1.5; border-left: 2px solid #ddd; } .comment-body blockquote p { font-size: 1em; } .comment-meta { margin: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; line-height: 1.5; color: #777; } .comment-form table { width: 530px; border-collapse: collapse; } .comment-form th { width: 150px; padding: 2px 0 15px 0; text-align: left; vertical-align: top } .comment-form th label { line-height: 1.4; color:#21759B; font-size:14px; } .comment-form th p { margin: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; font-weight: normal; color: #777; } .comment-form td { padding: 5px 0 15px 24px; vertical-align: top; } .comment-form td input { width: 280px; padding: 6px; font-family: Georgia, "Times New Roman", serif; font-size: 1.3em; border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #444; } .comment-form td textarea { width: 360px; padding: 6px; font-family: Georgia, "Times New Roman", serif; font-size: 1.3em; line-height: 1.65; font-weight: 300; border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #444; } #submit { width: auto; padding: 6px 10px; font-family: Georgia, "Times New Roman", serif; font-size: 1.3em; font-weight: bold; background: #03367F; border: 0 none; color: #fff; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: all .2s linear; } #submit:hover { background-color: #21759B; text-decoration: none; } .depth-2, .depth-3, .depth-4, .depth-5 { margin: 15px 0 0 0; padding: 0; border: 0 none; } .depth-2 .comment-avatar { text-align: right; } .depth-2 .comment-body p { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; line-height: 1.5; color: #444; } .depth-2 .comment-avatar img { width: 30px; height: 30px; } .depth-3 .comment-avatar { width: 100px; } .depth-3 .comment-body { width: 420px; } .depth-4 .comment-avatar { width: 140px; } .depth-4 .comment-body { width: 380px; } .depth-5 .comment-avatar { width: 180px; } .depth-5 .comment-body { width: 340px; } /* Sidebar */ #sidebar { width: 250px; padding: 15px 20px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; line-height: 1.5; float: right; color: #777; } #sidebar h2 { margin: 0 0 .9em 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.3em; line-height: 1.4; text-transform: uppercase; color: #03367F; } #sidebar p { font-size:11px; } #sidebar a { color: #21759B; } #sidebar a:hover { color: #001637; border-color:#aaa; } #sidebar ul { list-style-type: none; } #sidebar li { font-size:12px; margin: 0 0 4px 0; } #sidebar li a { display:block; padding:4px; border:1px #ccc solid; } #sidebar .widget, #sidebar .widget-tag { margin: 0 0 10px 0; padding: 15px 0; border-bottom:1px dotted #03367F; overflow:hidden; } #sidebar .widget-tag li { float:left; margin-right:2px; } #sidebar .widget-tag li a { padding:0; border:0; } /* Footer */ #footer { padding: 10px 0; background:url("images/dgmblue.png") repeat-x scroll center bottom transparent; border-top:3px double #053A83; clear: both; } #footer p { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1.1em; line-height: 1.5; color: #777; text-align:center } /* Widget: Search */ #searchform input { width: 180px; padding: 7px 6px; font-family: Georgia, "Times New Roman", serif; font-size: 13px; border:0; background:url("images/inputsearch.png"); color: #444; } #searchform button { width:58px; padding:6px; border:0; color:#fff; cursor:pointer; background:url("images/buttonsearch.png") no-repeat right; } /* Widget: Calendar */ table#wp-calendar { width: 52px; border-collapse: collapse; text-align: center; } table#wp-calendar caption { letter-spacing: 2px; text-transform: uppercase; } table#wp-calendar caption, table#wp-calendar td, table#wp-calendar tr { padding: 5px 2px } table#wp-calendar tr { border-bottom: 1px solid #ddd; } table#wp-calendar tr:last-child { border: 0 none; } /* Widget: Tag Cloud */ .tag-cloud { line-height: 1.65; } .wp-tag-cloud { line-height: 1.5; } /* Widget: Pages */ #sidebar ul.children { margin: .4em 0 0 15px; } /* General WordPress Classes */ .aligncenter { display: block; margin: 0 auto; text-align: center; } .alignleft { margin-right: 15px; float: left; } .alignright { margin-left: 15px; float: right; } img.alignnone { margin-right: 5px; margin-bottom: 0; } .wp-caption { padding: 2px 5px; background: #fff; border: 1px solid #E9E9E9; } .wp-caption p { font-size: 1.1em; line-height: 1.5; } .wp-caption img { margin-top: 10px; margin-bottom: 10px; padding: 0; border: 0 none; } .wp-caption a[rel] { border: 0 none; } .gallery dd { font-size: 1.1em; line-height: 1.5; } .gallery-caption, .wp-caption-text { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align: center; } .gallery-icon a { border: 0 none; } .gallery-item img { margin-bottom: 5px; border: 1px solid #E9E9E9 !important; } /* All rounded */ .post img, #sidebar li a, .author-img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a .wp-smiley { border:0; padding:0; } .author-img { background:#fff; border:1px solid #ccc; height:auto; margin-right:10px; padding:4px; } /* More */ .more-link { padding:2px 4px; background:#001637; color:#fff; } .more-link:hover { background:#21759B; color:#fff; }