/*

Theme Name: Whity
Theme URI: http://lucas-ayala.com.ar
Description: A minimalist wordpress theme created by Lucas Ayala 
Version: 2.0
Author: Lucas Ayala
Author URI: http://lucas-ayala.com.ar

*/

/* Social Style 
********************* */

html { height: 100%; margin-bottom: 0.1em; overflow-y: scroll; }
* { margin: 0; padding: 0; }
img { border: 0; }
p { line-height: 1.6em; margin: 0.7em 0; }
dl { margin: 1em 0; }
dt { font-weight: bold; }
dd { margin: 0.5em; padding: 0; }
img.right { float: right; margin: 10px 0 0 10px; }
img.left { float: left; margin: 0 10px 10px 0; }
hr { display: none; }

body { background-attachment: fixed; background: #FFFFFF; color: #333333; font: 78%/1.6em Georgia, Verdana, Arial, Serif; margin: 0 0 30px; padding: 0; text-align: center; }

a { text-decoration: none; }
a:link, a:visited { color: #333333; border-bottom:1px solid #E4E3D3;}
a:hover { color: #AF3A00; text-decoration:underline; border-bottom:1px solid #ffffff;}


/* Etc
******************** */
br.clear { clear: both; }
.clear {clear:both; }

/* Design 
******************** */
#top { background: #ffffff; border-bottom: 5px solid #999999; }

#page { text-align: left; width: 950px; margin: 0 auto; padding: 30px 10px 10px; border-bottom: 1px solid #FFFFFF; }

#pager { height: 130px; border-top: 1px solid #999999; margin-bottom: 0; }

#headr { width: 530px; text-align: left; margin: 20px 240px 50px 180px; padding-bottom:10px; border-bottom: 2px solid #000000}
#headr .description { color: #999999; margin: 0 auto; }

#entries { width: 710px; float:left; padding-bottom: 30px; border-bottom: 2px solid #000000}
.post_title h2 { font: 22px "Trebuchet MS", Verdana, sans-serif; padding:0 0 5px 180px; border-bottom: 1px solid #E4E3D3;}
.post_title h2 a { color: #AF3A00; border:none;}
.post_title h2 a:hover { color: #333333; text-decoration:none;}
#content { width: 530px; float: left; padding: 0 10px 10px 20px; padding-left: 0;}
div.content { width: 530px; float: left; padding: 0 10px 10px 20px; padding-left: 0;}
.post { border: 1px solid #FFFFFF; margin-bottom: 10px; padding: 10px; background: #ffffff; }
.post:hover { border: 1px solid #FFFFFF; margin-bottom: 10px; padding: 10px; background: #ffffff; }
.entry a, .entry a:link, .entry a:visited {border-bottom:1px dotted #AF3A00; color:#AF3A00; font-weight:bold;}
.entry a:hover { color:#999999; text-decoration:none; border-bottom:1px dotted #999999}
.postmetadata { font-size: .9em; color: #ADA6AD; }
.postmetadata  a{ color: #ADA6AD; }
#commentariat {width: 710px; float:left; padding-bottom: 30px; margin-top:40px;}
#commentlist {padding:0;}
.comment_header {width:710px;}
.comment_number {width:180px; float:left; padding-top: 25px;}
.comment_number a:link, .comment_number a:visited, .comment_number a:active{
	background-color: #E4E3D3;
	color: #000;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 0px;
	border:none;
	}
.comment_number a:hover{
	color: #fff;
	background: #AF3A00;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 0px;
	text-decoration:none;
	}
.comments_title h3 { font: 18px "Trebuchet MS", Verdana, sans-serif; padding:0 0 5px 180px; border-bottom: 1px solid #E4E3D3;}
.comments_form { margin: 40px 50px 0 180px;}
.comments_form p { margin-bottom: 15px;}
.comments_form h3 { font: 18px "Trebuchet MS", Verdana, sans-serif; padding:0 0 15px 0;}
.form_text {float:left; padding-top:5px; font-family:Georgia,Verdana,Arial,Serif;}
.form_input{padding:0 0 15px 70px;}
.comment_text {margin-left: 180px; clear:both;}
.comment_text p {margin-top:0;}
.comment_author {width: 510px; float: left; padding: 20px 20px 15px 20px; padding-left: 0;}
#category_data, div.category_data { width:170px; float:left; padding-top: 25px;}
#category_data a:link, #category_data a:visited, #category_data a:active, div.category_data a:link, div.category_data a:visited, div.category_data a:active{
	background-color: #E4E3D3;
	color: #000;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 0px;
	border:none;
	}
#category_data a:hover, div.category_data a:hover {
	color: #fff;
	background: #AF3A00;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 0px;
	text-decoration:none;
	}
#sidebar { width: 207px; float: right; background: #ffffff; padding: 20px 0;}
.side2 { float: left; padding-left: 15px; width: 207px; } 
#footer { width: 950px; margin: 20px auto; padding: 10px 10px 100px 10px; text-align: left;}
#footer li {list-style-image:none; list-style-position:outside; list-style-type:none;}
img.banner {margin:8px 0;}
img.banner a {color:transparent; border:none;}

#footer h2 {font: 14px "Trebuchet MS", Verdana, sans-serif; padding-bottom: 10px; margin-bottom: 5px; font-weight:bold;}

#section_1 {width:180px; float:left;}
#section_2 {width:200px; float:left;}
#section_3 {width:220px; float:left;}
#section_4 {width:110px; float:left;}

/* Design 
******************** */
#sidebar  ul{ list-style: none; }

/* Design  Typo
********************* */
#headr h1 { margin: 20px auto 10px; color: #666666; font-size: 2.5em; float:left; width:200px}
#headr h1 a { color: #666666; border:none;}
#headr h1 a:hover { color: #666666; text-decoration:none;}
#headr div.floatlink { float:right; margin: 12px auto 18px; width:330px;}
#headr div.floatlink a:link, #headr div.floatlink a:visited, #headr div.floatlink a:active{
	background-color: #E4E3D3;
	color: #000;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 0px;
	border:none;
}
#headr div.floatlink a:hover{
	color: #fff;
	background: #AF3A00;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 0px;
	text-decoration:none;
}

#sidebar  h2 { font: 1.4em "Trebuchet MS", Verdana, sans-serif; color: #999999; padding-bottom: 5px; margin-top: 10px; margin-bottom: 5px;}



h2.pagetitle { text-align: right; border-bottom: 1px solid #FFFFFF; }
.post h2 { font: 1.8em "Trebuchet MS", Verdana, sans-serif; }
.post h2 a { color: #AF3A00; }
.post h2 a:hover { color: #333333; }
.post ul { margin-left: 35px; }
.post ol { margin-left: 40px; }
p.postmetadata { color: #ADA6AD; font-size: 85%; margin-bottom: 10px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 5px 0; }
p.postmetadata a { color: #ADA6AD; text-decoration: none; border:none;}
.post ul.postspermonth{ list-style:none; padding: 0; margin: 0; }
.post a img, .post img { border: none; float: left; padding-right: 5px; }	

.categr, .monthr { margin-bottom: 20px; }
.categr h2, .monthr h2{ border-bottom: 1px solid #FFFFFF; }
#footer { font-size: 0.95em; }

.rss { background: url(images/feed-icon-10x10.png) left center no-repeat; padding-left: 12px; }
/* Comment Etc
********************* */
.navigation {width: 530px; margin-left: 180px; }
.navigation a:link, .navigation a:active, .navigation a:visited {
	background-color: #E4E3D3;
	color: #000;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border: none;
	
	}
.navigation a:hover {
	background-color: #AF3A00;
	color: #fff;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 0px;
	text-decoration:none;
	}
.alignleft { float: left; width: 50%; }
.alignright { float: right; text-align: right; width: 50%; }

.ileft { float: left; margin-right: 5px; }
p.stats { color: #999; font-size: .8em; border: 1px solid #ccc; border-left: none; border-right: none; }

blockquote { color: #333333; font-style: italic; background: url(images/quote.gif) no-repeat top left; padding: 0 0px 2px 25px;}

#content .commentsfeedr, div.content .commentsfeedr { background: url(images/feed.png) no-repeat left center; padding-left: 20px; }
#content .trackbackr, div.content .trackbackr { background: url(images/arrow_refresh.png) no-repeat left center; padding-left: 20px; }
input.textbox { background: #fff url(images/shadow_top.gif) repeat-x top; border: #ccc 1px solid; font: 1em Verdana, Arial, Serif; 	padding: 2px; }
input.textbox:focus { background: #fff url(images/shadow_top.gif) repeat-x top; border: #999 1px solid; }
#submit { padding: 3px 5px; }
.comment { background: #fff; border-bottom: #E4E3D3 1px solid; list-style: none; margin: 0; }
.alt { background: #ffffff; }
#comment { width: 100%; }

fieldset { border: none; }
textarea#cp_message { width: 100%; }

pre { width: 95%; overflow:auto; font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif; color: #666; max-height: 350px; line-height: 18px; margin: 10px 0; border: 1px solid #ccc; padding: 5px; background: #efefef; }

code { font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif; color: #666; padding: 2px; } 

#site_content {position: absolute;left: -10000px;}

li.banners a{border:none; color:#ffffff;}
li.search_line {margin-top: 70px;}
li.the_others {margin-top: 70px;}
li.the_others a {color:#AF3A00; font-weight:bold; border-bottom: #AF3A00 1px dotted;}
li.the_others a:hover {color:#999999; text-decoration:none; border-bottom: #999999 1px dotted;}
.comment_textarea {
	padding: 5px 5px 5px 5px;
	border: 1px solid #E4E3D3;
	}
.comment_input {	
	width: 200px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #E4E3D3;
	} 
.search_input  {
	width: 110px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #E4E3D3;
	}
.submit {
	color: #000;
	background: #E4E3D3;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border: 0px;
	}
.submit:hover{
	color: #fff;
	background: #AF3A00;
	padding: .5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	border: 0px;
	}

img.404 {margin: 40px auto 10px;}

div.comment_author a {color:#AF3A00; text-decoration:none; border-bottom: #AF3A00 1px dotted;}
div.comment_author a:hover {color:#999999; text-decoration:none; border-bottom: #999999 1px dotted;}