/* Theme Name: Blitz Theme URI: http://www.pedrokoblitz.com/themes Description: grid based wp theme Author: Pedro Koblitz Author URI: http://www.pedrokoblitz.com/ Tags: fixed width, 2 columns, 4 columns, bottom sidebar, no search, typography based, no images, hemingway Version: 1.0 */ /* Global */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style:none; margin-bottom:10px; } body { background:#000; color: #250000; padding:0; font-family: Georgia, Times, Serif; font-size: 14px; } a { text-decoration: none; color:#E9C533; } a:hover { text-decoration: none; color:#fbe755; } small {font-size:0.8em; font-weight:normal; font-style:oblique;} h1 {padding: 5px 0; margin-bottom:10px; font-weight:normal; font-size:2.5em;} h2, h2 a {padding: 5px 0; margin-bottom:10px; font-weight:normal; font-size:1.8em;} h3 {padding: 5px 0; margin-bottom:5px; font-weight:normal; font-size:18px;} span {color:#722;} .prox { width:100px; font-size:1.1em; border:1px solid #E9C533; float:right; text-align:center; padding:10px 10px 15px 10px; margin:10px 0; background:#250000; } h1.logo { font-size:4em; padding:0; margin:0; } p.description {margin:0 0 0 50px; font-size:1.5em;} /* comments */ .alt {background:#250000; color:#CEDBDB; padding:15px;} .alt a {color:#E9C533;} .alt2 {background:#E9C533; padding:15px;} .alt2 a {color:#250000;} /* ID */ #header {padding:10px 0; border-bottom:1px solid #250000;} #menu {border-bottom:1px solid #250000; padding:0 0 8px 0;} #menu ul {font-size:1.2em; word-spacing:0.3em; text-align:right; margin:0;} #menu ul li {display:inline;} #menu ul li a {padding-left:10px;color:#250000; font-style:oblique ;} #menu ul li a:hover {color:#E9C533; border-left:50px solid #fbe755;} #blog img {width:210px; float:left; padding:0 20px 10px 0;} #blog embed, object {width:100%;} #blog h2 a {font-size:1em; } #blog h2 a:hover {font-style:oblique; } #blog ul li {padding:0; margin:0; } #flickr img {margin:0 3px 3px 0;} #date {font-size:18px; text-align:center; background:#250000; color:#fff; padding:0 0 15px 0;} #date.home {font-size:16px; margin:0 15px 0 0; padding:3px 0 5px 0;} #post {padding-bottom:10px;} #post img {margin:0 10px 10px 0; float:left;} #post h2 a {font-size:1em;} #post h2 a:hover {font-style:oblique;} #post-info {text-align:right;} #navigation {text-align:center; padding:10px 0; border-top:1px solid #250000;} #sidebar {padding:10px 0; border-top:1px solid #250000;} #calendar_wrap table {margin:0 auto;} #footer {font-size:0.75em; text-align:right; padding:10px 0; border-top:1px solid #250000;} #footer a:hover {color:#250000;} /* wp rich text editor requirements */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* =Containers --------------------------------------------------------------------------------*/ .container_16 { margin:20px auto; width: 960px; background:#fff; } /* =Grid >> Global --------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .container_16 .grid_4 { width: 220px; } .container_16 .grid_8 { width: 460px; } .container_16 .grid_12 { width: 700px; } .container_16 .grid_16 { width: 940px; } /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* =Grid >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 40px; } .container_16 .grid_2 { width: 100px; } .container_16 .grid_3 { width: 160px; } .container_16 .grid_5 { width: 280px; } .container_16 .grid_6 { width: 340px; } .container_16 .grid_7 { width: 400px; } .container_16 .grid_9 { width: 520px; } .container_16 .grid_10 { width: 580px; } .container_16 .grid_11 { width: 640px; } .container_16 .grid_13 { width: 760px; } .container_16 .grid_14 { width: 820px; } .container_16 .grid_15 { width: 880px; } /* =Clear Floated Elements --------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }