/*  
Theme Name: Axel Foley
Theme URI: http://www.pedrokoblitz.com/
Description: Um tema da pesada
Author: Pedro Koblitz
Author URI: http://www.pedrokoblitz.com/
Version: 1.0
*/


/*

Global

*/



* {
margin:0;
padding:0;
}

ol, ul {
list-style:none;
margin-bottom:10px;
}

body {font-family:"Trebuchet Ms"; font-size:14px; margin:0; padding:0; color:#666;}

h1, h2, h3, h4 {color:#aaa; letter-spacing:-0.06em; font-weight:normal; margin:0; padding:0;}

h2 {margin:0 0 5px 0;}



h1.logo {background:url('img/logo.png') no-repeat; text-indent:-9999px; height:50px; width:470px;}

p {margin-bottom:10px;}

p a {color:#f00;}

small {
font-size:12px;
font-style:oblique;
}


/* 

Header

*/





/* 

Posts

#main {margin:10px 0 0 0;}

*/




h2.title {
padding: 5px 0;
margin-bottom:25px;
font-weight:normal;
font-size:24px;
text-align:center;
}

.post {
	margin:0 0 25px 0;
}



.post h2 a:hover {
}

.post img, embed, object {}

a img {padding:0; border:0;}


textarea {max-width:540px;}

.peq img {width:100%;}
.gde img {width:100%;}

embed, object {width:220px;}


#nav ul {float:right; margin:28px 0 0 0;}

#nav ul li {list-style:none; display:inline; margin:5px 0 0 0; padding:5px 5px 8px 5px; text-align:center; font-size:0.8em; font-weight:bold; text-transform:uppercase;}

a {color:#666; text-decoration:none;}

a:hover {color:#2b3e41;}




/*

Barra Lateral

h2.blog {
padding: 5px 0;
margin-bottom:5px;
font-weight:normal;
font-size:18px;
}

*/


.grid_3 h2 {
padding: 5px 0;
margin-bottom:10px;
font-weight:normal;
font-size:1.2em;
}





.grid_3 a img {border:0; margin:5px 5px 0 0;}

.alt {background:#000; color:#ff0; padding:15px;}

.alt2 {background:#fff; color:#f00; padding:15px;}

.alt a{color:#f00;}

.tags {padding-left:25px;}

.tags a{color:#f00;}

.tags a:hover{color:#333;}

ul.cats {font-size:24px;}

ul.port {font-size:32px; word-spacing:0.3em; }

ul.port li a {color:#000; font-style:normal;}

ul.port li a:hover {color:#00f; font-style:oblique;}

ul.port li {margin-top:3px; display:inline; }

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12 {

	margin:0 auto;
	width: 960px;
}

/* =Grids
--------------------------------------------------------------------------------*/

.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_12 .grid_3,
.container_16 .grid_4
{
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
}


.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* flutuacao
--------------------------------------------------------------------------------*/

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