/*
Theme Name: Berlin
Theme URI: http://www.rodrigogalindez.com/themes/berlin/
Description: A flexible, minimal theme focused on typography. 
Version: 1
Author: Rodrigo Galindez
Author URI: http://www.rodrigogalindez.com/
Tags: blue, white, two-columns, fixed-width, custom-header, custom-background

*/

/* ----------------------------------------------- [ * ] */

* {
	margin: 0;
	padding: 0;
}

/* -------------------------------- [ General Elements ] */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%;
/*	background: transparent url(images/grid-960.gif) repeat-y top center;*/
	background-color: #fff;
	/*background-color: #FFFDF8;*/ /* creme */
	background-color: #F4F9FB;     /* blue */
	color: #555;
}

hr {
	display: none;
}

img {
	vertical-align: middle;
	border: 0;
}

p {
	margin: 0 0 1.4em 0;
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: 300;
}

a {
	color: #2f7ca1;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	text-decoration: none;
}

a:hover {
	color: #1F536C;
}

h2.page-title {
	margin: 0 0 .5em 0;
	font-size: 3em;
	font-weight: 300;
	color: #333;
}

/* ----------------------------------------- [ Wrapper ] */

#wrapper {
	width: 878px;
	margin: 0 auto;
	margin-top: 160px;
	margin-bottom: 40px;
	height: 1%;
}

#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ------------------------------------------ [ Header ] */

#header h1 {
	margin: 0 0 1.5em 0;
	padding: 15px 0 0 0;
	font-size: 4em;
	font-weight: 300;
	background: transparent url("images/l.gif") no-repeat left top;
}

#header h1 a {
	text-decoration: none;
	border: 0 none;
}

#header h1 a:hover {
	color: #2f7ca1;
}

/* ----------------------------------------- [ Content ] */

#content {
	width: 530px;
	padding: 15px 0;
	float: left;
}

/* Post */

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

.post h3, .post h4 {
	font-size: 1.5em;
	color: #333;
}

.post ul, .post ol {
	margin: 0 0 1.4em 0;
}

.post li {
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: 300;
}

.post blockquote {
	margin-left: 30px;
	padding-left: 15px;
	border-left: 2px solid #ddd;
}

.post img {
	padding: 4px;
	background: #fff;
	border: 1px solid #eee;
}

.post-header h2 {
	font-size: 3em;
	font-weight: 300;
	color: #333;
}

.post-header h2 a {
	border: 0 none;
	color: #333;
}

.post-header h3 {
	font-size: 2em;
	font-weight: 300;
	line-height: 1.4;
}

.post-header h3 a {
	border: 0 none;
	color: #333;
}

.post-header p {
	font-size: 1.3em;
}

.post-meta {
	padding: 10px 0 0 0;
	background: url("images/l.gif") no-repeat scroll left top transparent;
	clear: both;
}

.post-meta ul {
	list-style-type: none;
}

.post-meta li {
	font-size: 1.3em;
	line-height: 1.5;
	font-weight: 300;
}

.post-navigation {
	margin: 0 0 40px 0;
	padding: 10px 0 0 0;
	background: transparent url("images/l.gif") no-repeat left top;
	clear: both;
	height: 1%;
}

.post-navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.post-navigation ul {
	list-style-type: none;
}

.post-navigation li {
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: 300;
}

.post-navigation li.previous {
	float: left;
}

.post-navigation li.next {
	float: right;
}

/* 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 {
	margin-bottom: 1em;
	font-size: 3em;
	font-weight: 300;
	color: #333;
}

.comment {
	margin: 0 0 30px 0;
	clear: both;
	height: 1%;
}

.comment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comment-avatar {
	width: 60px;
	float: left;
}

.comment-avatar img {
	width: 54px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
}

.comment-body {
	width: 460px;
	float: right;
}

.comment-meta {
	font-size: 1.3em;
}

.comment-form table {
	width: 714px;
	border-collapse: collapse;
}

.comment-form th {
	width: 120px;
	padding: 2px 0 15px 0;
	text-align: left;
	vertical-align: top;
}

.comment-form th label {
	font-size: 1.5em;
	line-height: 1.4;
	color: #333;
	font-weight: 300;
}

.comment-form th p {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.2;
}

.comment-form td {
	padding: 5px 0 15px 24px;
	vertical-align: top;
}

.comment-form td input {
	width: 280px;
	padding: 6px;
	font-family: "calluna-1", "calluna-2", serif;
	font-size: 1.3em;
	font-weight: 300;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #555;
}

.comment-form td textarea {
	width: 360px;
	padding: 6px;
	font-family: "calluna-1", "calluna-2", serif;
	font-size: 1.3em;
	font-weight: 300;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #555;
}

#submit {
	width: auto;
	padding: 4px 10px;
	font-family: "calluna-1", "calluna-2", serif;
	font-size: 1.3em;
	font-weight: 300;
	background: #4D5359;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #fff;
}

#submit:hover {
	background: #393D41;
	text-decoration: none;
}

/* ----------------------------------------- [ Sidebar ] */

#sidebar {
	width: 284px;
	padding: 15px 20px;
	float: right;
}

#sidebar h2 {
	margin: 0 0 .7em 0;
	font-size: 2em;
	line-height: 1.4;
	font-weight: 300;
	color: #333;
}

#sidebar p {
	font-size: 1.3em;
}

#sidebar ul {
	list-style-type: none;
}

#sidebar li {
	margin: 0 0 .4em 0;
	font-size: 1.3em;
	font-weight: 300;
	line-height: 1.5;
}

#sidebar .section {
	margin: 0 0 40px 0;
	padding: 15px 0;
	background: transparent url(images/l.gif) no-repeat top left;
}

ul li ul li.page_item {
	font-size: 13px !important;
	margin-left: 15px !important;
}

ul.children {
	margin-left: 15px;
	font-size: 10px;
}

/* ------------------------------------------ [ Footer ] */

#footer {
	clear: both;
}

#footer p {
	font-size: 1.3em;
}

/* Plugin: Twitter for WordPress (http://wordpress.org/extend/plugins/twitter-for-wordpress/) */

span.twitter-timestamp {
	color: #aaa;
}

li.twitter-item {
	margin-bottom: 1.4em !important;
}

/* Widget: Search */

#searchform input {
	width: 90%;
	padding: 6px;
	font-family: "calluna-1", "calluna-2", 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: #555;
}

/* Widget: Calendar */

table#wp-calendar {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

table#wp-calendar caption {
	font-size: 1.3em;
	letter-spacing: 2px;
	text-transform: lowercase;
	font-variant: small-caps;
}

table#wp-calendar thead {
	font-size: 1.3em;
}

table#wp-calendar tbody, table#wp-calendar tfoot {
	font-size: 1.3em;
}

table#wp-calendar caption, table#wp-calendar td, table#wp-calendar tr {
	padding: 7px 2px;
}

table#wp-calendar tr {
	border-bottom: 1px solid #ddd;
}

table#wp-calendar tr:last-child {
	border: 0 none;
}

/* General WordPress Classes */

img.aligncenter {
	display: block;
	margin: 0 auto;
}

img.alignleft {
	margin-right: 15px;
	float: left;
}

img.alignright {
	margin-left: 15px;
	float: right;
}