/*  
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;
}