/*  
Theme Name: minimalone
Theme URI: http://www.minimalart.org/
Description: Grid aligned and minimalistic
Version: 1.0
Author: Maximiliano Kraszewski
Author URI: http://www.minimalart.org/
Tags: white, grid, whitespace, minimal, clean, widgets

Notes: MinimalOne was designed and coded by Maximiliano Kraszewski 
http://www.minimalart.org
*/

/******************
 + RESET
*******************/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/******************
 + SPRITES
*******************/
#header, #footer{background:url('images/background_001.png') repeat-x;}
.logo span{background:url('images/logo_001.png') no-repeat}
#subscription ul li{background:url('images/sprite_001.png') no-repeat}
#actionlabs span {background:url('images/sprite_002.png') no-repeat}

/******************
 + LAYOUT
*******************/
body{background: #FFF; font: normal 62.5% Georgia, "Times New Roman", Times, serif;}

#main, #navbar, #footbar{margin:0 auto;width:960px;}
#header{background-position:top left; height:50px;}
#main{padding-top:40px}
#navbar{padding-top:6px}
#content{float:left; width:620px;}
#sidebar{float:left; font-family:Arial, Helvetica, sans-serif; margin-left:40px; width:300px;}
#footer{color:#FFF;font: 1.1em Arial, Helvetica, sans-serif; background-position:bottom left;height:55px; letter-spacing:0.1em; margin-top:20px}
#footbar{padding-top:20px}

/**********
 + COMMON
***********/
blockquote{border-left: 4px solid #EEE; padding-left:10px}

/**********
 + LINKS
***********/
a{color:#900; text-decoration:none}
a:hover{color:#999;}
a.readmore{font: bold 0.7em Verdana, Helvetica, sans-serif; background-color:#DDD; letter-spacing:0.1em; padding:3px; text-transform: uppercase;}
a.readmore:hover{background-color:#900; color:#DDD;}

/**********
 + IMAGES
***********/
img.size-full{border:4px solid #EEE}
p.wp-caption-text{background-color:#EEE; font: bold 10px Verdana, Helvetica, sans-serif !important; padding:3px;text-align: center; }

/**********
 + HEADINGS
***********/
h1{border-bottom:1px solid #DDD; color:#444;font:normal 2.4em Georgia, "Times New Roman", Times, serif; margin-bottom:15px;padding-bottom:2px;}
h2{border-bottom:1px solid #666; color:#333;font:small-caps 1.8em Georgia, "Times New Roman", Times, serif; margin-bottom:10px;padding-bottom:2px;}
h3{border-bottom:1px solid #DDD; color:#777;font:small-caps 1.8em Georgia, "Times New Roman", Times, serif; margin-bottom:5px; margin-top:10px; padding-bottom:2px;}
h4{}
h5{border-bottom:1px solid #555; color:#333;font:small-caps 1.6em Georgia, "Times New Roman", Times, serif; margin-bottom:5px; margin-top:10px; padding-bottom:2px;}
h6{color:#555;font:bold 1.2em Arial, Helvetica, sans-serif}

h2 span{color:#999;}
h6 span{color:#999;}
/********
 + LOGO
********/
.logo span{float:left;height:28px;text-indent:-9999px;width:140px;}
#navbar .logo span{background-position:0 0px}
#footbar .logo span{background-position:0 -28px}

/**********
 + NAVBAR
***********/
ul.menu{list-style-type:none; padding-top:5px;}
ul.menu li{float:left;margin-left:30px;}
ul.menu li a{color:#777; font-size:1.6em;}
ul.menu li a:hover{color:#000;}

/**********
 + CONTENT
***********/
.post{margin-bottom:30px;}
.postdate{color:#CCC;font-size:2em;float:right; padding-top:6px}
.post p{color:#333;font-size:1.4em; line-height:1.7em; margin-bottom:10px;}

.postlist ul{list-style:none;}
.postlist li{border-bottom:1px solid #DDD;font-size:1.4em;margin-bottom:5px;margin-left:5px;padding-bottom:3px;}
.postlist li span{color:#999;float:right}

.narrow{float:left; margin-right:30px; width:280px; }
.narrow h2{margin-top: 8px;}
.narrow ul{list-style:none; margin-bottom:20px }
.narrow li{border-bottom:1px solid #EEE; font-size:12pt; padding: 3px 0;}

.page h1{ border:none; color:#CCC;font: 3em "Lucida Sans", Arial, Helvetica, sans-serif; margin-bottom:15px;padding-top:8px; text-transform: uppercase;}

.labs h1{ border:none; color:#DDD;font: 2em "Lucida Sans", Arial, Helvetica, sans-serif; margin-bottom:15px;padding-top:8px; text-transform: uppercase;}
.labs h1 span{ color:#333}

#actionlabs {margin: 25px;}
#actionlabs span{float:left; height:20px; text-indent:-9999px;}
#actionlabs a.demo span{width:159px; background-position: 0 0}
#actionlabs a.archivos span{width:179px; background-position: 0 -47px}
#actionlabs a.demo:hover span{background-position: 0 -23px}
#actionlabs a.archivos:hover span{background-position: 0 -70px}

/**********
 + COMMENTS
***********/
.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; min-height:70px; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
.commentlist li div.comment-author { padding:0 170px 0 0; }
.commentlist li div.vcard { font:bold 13px/1.4 helvetica,arial,sans-serif; }
.commentlist li div.vcard cite.fn { margin-left: 25px; font-style:normal; }
.commentlist li div.vcard cite.fn a.url { color:#900; text-decoration:none; }
.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
.commentlist li div.vcard img.avatar { border:1px solid #999; left:7px; position:absolute; top:7px; }
.commentlist li div.vcard span.says {color:#AAA}
.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
.commentlist li div.comment-meta a:hover { color:#000; }
.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 0 25px; }
.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
.commentlist li.even { background-color: #FFF; }
.commentlist li.odd { background-color: #DDD; }
.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform input, #commentform textarea{ border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; min-height:20px; margin:0 0 10px; padding:3px }
#commentform label { color:#555; font:bold 14px helvetica,arial,sans-serif; margin-left:10px}
#commentform textarea{ width:610px}
    
/**********
 + SIDEBAR
***********/
#sidebar h6 span{color:#AAA; font-size: 0.8em;}
#sidebar p, #sidebar li{color:#555;font-size:1.2em; line-height:1.4em}

#sidenotes div{border-bottom:1px dashed #DDD;padding:5px 0}
#sidenotes div.archived{border:none; text-align:right}
#subscription ul {list-style:none; margin-top:5px;}
#subscription ul li {height:20px; padding-left:20px}
#categories ul { list-style-position:inside; list-style-type:square}
#categories ul li{float:left; height:22px; width:150px}

#subscription a{ color:#555 }
#subscription a:hover{ color:#000 }

#subscription ul li{float:left; list-style-type:none; margin-top:3px;width:125px}
#subscription ul li.email {background-position: 0 -20px}
#subscription ul li.rss {background-position: 0 0px}
#subscription ul li.twitter {background-position: 0 -40px}
#subscription ul li.delicious {background-position: 0 -60px}
#tags a{ color:#555 }
#tags a:hover{ color:#000 }

ul.xoxo li{border-bottom:1px solid #DDD; float:left; font-size:11px !important; list-style-type:none; margin:0 5px 5px 0; padding-bottom:5px; width:145px}
ul.xoxo li a{display:block;font-size:12px !important}

input.search-text{width:225px;}

/**********
 + FOOTER
***********/
#footer a{color:#CCC}
#footer a:hover{color:#FFF}
.copy{float:left; margin-left:20px;}
.devdesign{float:right; text-align:right}


/**********
 + HACKS
***********/

/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block;}
/* close commented backslash hack */