/*
 * Theme Name: Ana Starter Theme
 * Theme URI: http://www.alebenson.com.ar/ana
 * Description: Theme designed as starting point for any website. Built it by blocks of information with a semantic structure in mind through custom css selectors. The posibility to choose up to 8 diferents layouts, from 1 to 4 columns. 8 widget-ready areas (4 sidebars). Compatible with WordPress 2.9.+
 * Version: 0.8
 * Author: Ale Benson
 * Author URI: http://www.alebenson.com.ar/
 * Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, threaded-comments, white
 *
 * Copyright 2010 Alejandro Benson
 * License: GNU GENERAL PUBLIC LICENSE Version 2
 */

@import "style/reset.css";
@import "style/typography.css";
@import "style/layout.css";


/* Classes generated by WordPress
*	*	*	*	*	*	*	*	*	*	*	*/

.aligncenter{ text-align:center; }
.alignleft{ float:left; margin:0 2em 0 0; }
.alignright{ float:right; margin:0 0 0 2em; }
.alignnone{ float:none; }
div.wp-caption{	font-size:0.8em; width:inherit !important; /* override the default inline styling from WP*/ }
.wp-caption-text{margin:0 0 0.5em 0.5em; }


/* Usefull Stuff
*	*	*	*	*	*	*	*	*	*	*	*/

/* Clearfix Method for clearing floats without extra markup.
 Use Clearfix class to make the objects that have floating element inside, go full hight */
.clearfix:after{ content: " "; display: block; height: 0; clear: both; visibility: hidden; }

/*	Tabs. A basic ruleset for beginning tabs */
ul.tabs{ margin: 0; padding: 0; }
ul.tabs li{ float: left; list-style: none; margin: 0; padding: 0 .5em; }
ul.tabs li a{ float: left; display: block; }

/* Use this classes to highlight some messages */
.success, .notice, .error{ border:1px solid #DDDDDD; padding:2px 6px; }
.success { background-color:#E6EFC2; border-color:#C6D880; color:#264409; }
.notice{ background-color:#FFF6BF; border-color:#FFD324; color:#514721; }
.error{ background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11; }


/* Make your changes here
*	*	*	*	*	*	*	*	*	*	*	*/

/* Global Elements */
body{
	background-color:#eeeeee;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	color:#006600;
}
a{
	color:#009900;
}

/* Site */
.site{
	margin:0 auto;
	width:890px;
	padding:20px;
	background-color:#ffffff;
}
.site_header{
	overflow:hidden;
	clear:both;
}
.site_blog{
	margin:1em 0;
}
.site_footer{
	overflow:hidden;
	clear:both;
}

/* Navigation */
.header_nav, .header_sub_nav{
	margin:0 0 1em;
	background-color:#eee;
	border:1px solid #ccc;
}
.header_nav{
	margin:0;
}
.header_sub_nav{
	border-top:1px solid #fff;
}
.nav_pages, .nav_categories{
	line-height:30px;
}

/* Blog */
.blog_posts{
	overflow:hidden;
	float:left;
}
.blog_header{
	margin:0 0 2em;
	clear:both;
}
.blog_title{
	color:#006600;
}
.blog_breadcrumb, .blog_description p{
	margin:0;
}
.blog_footer{
	clear:both;
}

/* Posts */
.posts_post{
	margin:0 0 3em;
}
.posts_footer{
	border-top:1px solid #009900;
	padding:1em 3em 0;
}
.posts_pagination_prev{
	float:left;
}
.posts_pagination_next{
	float:right;
	text-align:right;
}

/* Post */
.post_header, .post_footer{
	border-bottom:1px solid #cccccc;
	margin:0 0 1em;
}
.post_metadata{
	font-style:italic;
}
.post_thumbnail{
	float:left;
	margin:0 2em 0 0;
}
.post_paginated{
	text-align:right;
	margin:0 1em 1em 0;
}
.post_commentlink{
	text-align:right;
	margin:0 1em 0 0;
}
.post_commentlink a{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:2px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.post_comments{
	margin-top:3em;
}

/* Comments */
.comments_list{
	padding:0 0 1em;
	border-bottom:1px solid #cccccc;
	margin:0 0 1em;
}
.comments_list li{
	list-style:none;
}
.children{
	padding:0 0 0 2em;
}
.comments_comment{
	padding:1em 0 0;
}
.comments_pagination{
	text-align:right;
	margin:0 1em 3em 0;
}
.comments_form_submit{
	text-align:right;
	margin:0 1em 0 0;
}

/* Comment */
.comment_header{
	margin:0 0 1em;
	background-color:#eeeeee;
	padding:5px;
	border-top:1px solid #cccccc;
}
.comment_type{
	text-transform:capitalize;
}
.comment_avatar{
	margin:0;
	float:left;
	border:1px solid #cccccc;
}
.comment_meta{
	float:left;
	margin:0 0 0 10px;
}
.comment_reply{
	margin:0 10px 0 0;
	float:right;
}
.comment_data{
	clear:both;
}

/* Search Form */
.nav_search label,
.nav_search input#s,
.nav_search input#searchsubmit{
	float:left;
	clear:both;
	margin:0 0 1em;
}
.nav_search input#s{
	width:96%;
}

/* Footer */
.footer_copyright{
	text-align:center;
	margin:0;
	font-size:0.8em;
}

/* Sidebars in the header and in the footer*/
.site_sidebar{
	clear:both;
	margin:0 1px 2em;
}
.site_sidebar .widget{
	float:left;
	width:272px;
	margin:0 12px;
}

/* Sidebars before and after the posts */
.posts_sidebar .widget{
	margin:0 0 1em;
}

/* Sidebars left, right, and subsidiaries */
.blog_sidebar .widget{
	margin:0 0 2em;
}

 /* Widget */
.widgettitle{
	font-size:1.5em;
	margin-bottom:.5em;
}

/* General Classes */
.page-numbers{
	padding:2px 6px;
}
.page-template-page-without_sidebars-php .blog_posts{
	width:100%;
	margin:0;
}