/*

Theme Name: these3things-v1.0
Description: brown, orange, yellow, blue - educational style.
Version: 1.0
Author: Donaville Herrick
Author URI: http://dexterouslab.com/
Tags: brown, orange, yellow, blue, educational, 3 columns

*/



body {
   background: #ede8b6 url(images/bg.gif) repeat-x;
   margin: 0px;
   padding: 0px;
   text-align: center;
}

#container {
   width: 960px;
   margin: 0px auto;
   text-align: left;

}

#header {
   background: transparent url(images/bg-header.gif) no-repeat;
   height: 157px;
   margin: 0px 0px 10px 0px;
}

   #logo {
      float: left;
      position: relative;
      top: 35px;
      left: 20px;


   }

      a.logo {
         display: block;
         background: url(images/logo.png) no-repeat;
         width: 367px;
         height: 88px;
         border: 0px;
         text-indent: -9999px;
      }

      a.logo:hover {
         display: block;
         background: url(images/logo-hover.png) no-repeat;
         width: 367px;
         height: 88px;
         border: 0px;
         text-indent: -9999px;
      }

   #info {
      float: right;
      position: relative;
      top: 25px;
   }

      a.info {
         display: block;
         background: url(images/info.gif) no-repeat;
         width: 323px;
         height: 114px;
         border: 0px;
         text-indent: -9999px;
      }

      a.info:hover {
         display: block;
         background: url(images/info-hover.gif) no-repeat;
         width: 323px;
         height: 114px;
         border: 0px;
         text-indent: -9999px;
      }

#content {
   clear: both;
   background: transparent url(images/bg-content.gif) repeat-y;
   overflow: hidden;
}

   #main {
      float: left;

   }

      .thin {
         background: transparent url(images/vdots.gif) repeat-y right top;
         width: 405px;
      }

      .full {
         width: 635px;
      }

   #mid {
      float: left;
      width: 230px;
      padding: 15px 0px;
   }

   #right {
      float: left;
      width: 315px;
   }

#footer {
   clear: both;
}

/* IN-CONTENT STYLES */


p.postmetadata {
   padding: 10px;
   font: normal 10px verdana, tahoma, arial, helvetica, sans-serif;
   text-align: right;
}

div.entry p.postmetadata {
   padding: 10px;
   font: normal 10px verdana, tahoma, arial, helvetica, sans-serif;
   text-align: left;
}

.alt {
   background: #f3f2dc;
   border-top: 1px dotted #ded57c;
   border-bottom: 1px dotted #ded57c;
}

ol.commentlist li {
   padding: 15px;
}

small.commentmetadata a {
   color: #cc651a;
}

li.linkcat {
   list-style: none;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

   li.linkcat h2 {
      display: none;
   }

ul.blogroll {
      list-style: none;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#mid ul {
   list-style: none;
   list-style-type: none;
   margin: 10px 0px;
   padding: 0px 10px;
}

h2.widgettitle {
      font: bold 13px verdana, tahoma, arial, helvetica, sans-serif;
      color: #5a400e;
      text-transform: uppercase;
   }

#right ul {
   margin: 0px;
   padding: 0px;
}

#right li {
   list-style: none;
   list-style-type: none;
}


.padding {
   padding: 15px;
}

/* WIDGETS GALORE */

li#recent-posts ul {
   margin: 0px;
   padding: 0px;
}

li#recent-posts li {
   border-bottom: 1px dotted #cc651a;
   padding: 5px 0px;

}

li#tag_cloud {
   background: #f4f1d4;
   padding: 5px 15px 15px;
}

.flickr a {
   margin: 0px 5px 0px 0px;
   border: 0px;
}

.flickr a:visited, .flickr a:active, .flickr a:hover {
   margin: 0px 5px 0px 0px;
   border: 0px;
}

   .flickr a img {
      background: #fff;
      padding: 5px;
      border: 1px solid #fff;
   }

   .flickr a img:hover {
      background: #bee5e5;
      padding: 5px;
      border: 1px solid #bee5e5;
   }

ul.delicious {
   list-style: none;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

   ul.delicious li {
      border-bottom: 1px dotted #5a400e;
      padding: 5px;
   }

   ul.delicious li:hover {
      background: #daece8;
      border-bottom: 1px dotted #5a400e;
   }

.delicious-desc {
   font: italic 10px verdana, tahoma, arial helvetica, sans-serif;
   line-height: 15px;
}

.delicious-rest {
   text-align: right;
}

p.addtoany_share_save_container {
   text-align: right;
}


/* TYPOGRAPHY ETC */
body, p, div {
   font: normal 11px verdana, tahoma, arial, helvetica, sans-serif;
   color: #5a400e;
   line-height: 18px;
}

h2 {
   font: bold 18px verdana, tahoma, arial, helvetica, sans-serif;
   color: #1caea9;
   text-transform: uppercase;
}

#right h3 {
   font: bold 12px georgia, "times new roman", times, serif;
   color: #cc651a;
   text-transform: uppercase;

}

#right h2 {
   font: bold 13px verdana, tahoma, arial, helvetica, sans-serif;
   color: #1caea9;
   text-transform: uppercase;
}

#footer p {
   text-align: center;
}

a:link {
   color: #1caea9;
   text-decoration: none;
}

a:visited {
   color: #cc651a;
   text-decoration: none;
   border-bottom: 1px dotted #cc651a;
}

a:active, a:hover {
   color: #1caea9;
   text-decoration: none;
   border-bottom: 1px dotted #1caea9;
}



img {
   border: 0px;
}