/*  
Theme Name: mill
Theme URI: http://www.serialBlogger.com.ar/themes/
Description: Plantilla para WordPress 2.0 creada por Diego F Gonzalez
Version: 0.7
Author: Diego F Gonzalez <dfgonzalez@gmail.com>
Author URI: http://www.serialblogger.com.ar/
*/

/* General */
* { margin:0; padding:0; }
body { background:#222; font:11px 'tahoma'; color:#333; }

/* Boxes */
#container { width:730px; margin:0 auto; background:#fff; border-left:10px solid #868A68; border-right:10px solid #868A68; padding:0 20px; }
   #top { padding:28px 0 18px 32px; border-bottom:1px solid #DCE1B8; border-right:1px solid #DCE1B8; }
      #top p { margin-top:-5px; color:#878B69; }
   #menu { float:left; width:705px; margin-bottom:15px; padding:0 0 0 25px; list-style-type:none; border-bottom:1px solid #EDF0DB; border-right:1px solid #EDF0DB; }
      #menu li { float:left; }
         #menu li a { border:none; display:block; padding:11px 7px 7px 7px; color:#948E94; text-decoration:none; text-transform:uppercase; font:9px 'arial'; }
         #menu li a:hover { color:#878B69; }
      #menu li a.active, #menu li.current_page_item a { cursor:default; color:#000 !important; }
      #menu li.search { float:right; margin-top:-5px; padding:5px; }
   #main { float:left; width:430px; padding-left:32px; }
      #main .post { margin-bottom:36px; }
         #main .post h2, #main .post h3 { margin-top:20px; padding:2px 0 6px 0; }
            #main .post h2 a { border:none; text-decoration:none; color:#6B656B; padding-right:2px; }
               #main .post h2 a:hover { border-bottom:1px solid #545454; }
         #main .post .date { float:left; margin:5px 0 0 -32px; padding:4px 0; display:block; width:22px; text-align:center; font:11px 'trebuchet ms'; color:#6B656B; background:#F2F5DF; font-weight:bold; line-height:10px; border:1px solid #DCE1B8; border-top:none; border-left:none; }
            #main .post .date small { text-transform:uppercase; font-weight:normal; color:#979197; }
         #main .post p, #main .post ul, #main .post ol { line-height:150%; }
            #main .post p, #main .post pre { margin-bottom:7px; }
            #main .post p.details { font-size:9px; margin:-5px 0 10px 0; }
            #main .post .excerpt, .info { background:#F7F9EC; margin:5px 0; padding:10px; }
            #main .post ul, #main .post ol, #main .post dl { margin:0 0 7px 20px; }
            #main .post dl { margin-top:10px; }
               #main .post dl dt { font-weight:bold; }
               #main .post dl dd { margin:5px 0 10px 10px; }
         #main .post img { border:7px solid #E6EBBF; }
         #main .post img, #main .post pre { overflow:auto; }
   #side { width:234px; float:right; }
      #side h2 { margin-top:20px; padding:5px 9px; border-top:1px solid #E6EBBF; background:#FBFCF6; font:11px 'arial'; color:#6B656B; }
      #side p { padding:5px 9px 10px 9px; font-size:11px; }
      #side ul, #side ol { list-style-type:none; padding:5px 0 10px 0; }
         #side ul li { padding:4px 9px; }
   #footer { padding:20px 32px; }
      #footer p { line-height:150%; }

/* Elements */
h1, h2, h3, h4, h5, h6 { font:15px 'trebuchet ms'; color:#6B656B; font-weight:bold; }
   h1 { text-transform:uppercase; font-family:century gothic; font-size:32px; letter-spacing:-0.1em; }
      h1 a, h1 a:hover { border:none; }
   h2 { text-transform:uppercase; }
   h3#comments { margin-bottom:20px; }

p {}
   p.nav { float:left; padding:5px 0; border-top:1px solid #EDF0DB; }
      p.nav a { color:#948E94; text-decoration:none; text-transform:uppercase; font:9px 'arial'; }
      p.nav a:hover { color:#878B69; }
   p.breadcrumb { margin:0 0 -10px 0; padding:10px 0; border-bottom:1px solid #EDF0DB; }
blockquote { margin:15px 0; padding:10px 10px 10px 60px; border:1px solid #F2F5DF; border-left:none; border-right:none; }
   
ol.comments { margin-left:20px; list-style-type:default; }
   ol.commets li { margin-left:0; padding:10px 0; }
      ol.comments li .content { }
      ol.comments li p { line-height:150%; margin-bottom:7px; }
      ol.comments li .author { float:left; height:50px; margin:0 8px 0 0; padding:7px 14px 5px 0; }
         ol.comments li .author a { border:none; }
            
form#commentform { margin-left:-32px; padding:10px 32px 10px 32px; background:#E6EBBF; }
   form#commentform p { padding-top:10px; }
   form#commentform label { padding-left:5px; color:#948E94; text-transform:uppercase; font:9px 'arial'; }
   form#commentform input.text, form#commentform textarea, form#commentform input.submit { font:11px 'verdana'; color:#545454; padding:5px; border-width:1px; }
   form#commentform input.text { width:200px; }
   form#commentform input.submit { background:#ddd; }
   form#commentform textarea { width:97%; }
   p.submit { margin-top:10px; border-top:1px solid #ccc; }
   p.sub { margin-left:-32px; padding:0 5px 5px 32px; background:#F2F5DF; }

a { color:#878B69; text-decoration:none; border-bottom:1px solid #ccc; }
   a:hover { border-bottom:1px solid #878B69; }
   a:active {}
   a:visited {}
a img { border:none; }

code { line-height:160%; color:#168; }

table { width:100%; margin:10px 0; border-collapse:collapse; }
   table thead tr th { padding:10px 5px 5px 5px; background:#E6EBBF; text-align:left; }
   table tbody tr td { padding:5px; border-bottom:1px solid #F2F5DF; }
   table img { border:none !important; }

/* Classes */
.clear { clear:both; }
.center {}
.alignright, .right { float:right; margin:0 0 10px 15px; }
.alignleft, .left { float:left; margin:0 15px 10px 0; }
.mp { margin-top:10px; border-top:5px solid #666; }
   .mp p { text-align:right; }
   .mp a { border:none; }
.cite { text-align:center; font-style:italic; font-family:times new roman; font-size:21px; }

/* Search */
   .search fieldset { border:none; padding-top:5px; }
      .search input.text, .search input.submit { font:11px 'verdana'; color:#888; padding:2px; border-width:1px; }
         .search input.text { width:170px; }
         .search input.text:focus { color:#545454; }
         .search input.submit { background:#ddd; color:#545454; }
      .search input.image { position:relative; top:5px; }