/*
Theme Name: Wenslauw's theme
Theme URI: http://newblog.wenslauw.com/
Version: 1.0
Description: Altered theme
Author: Wenslauw
Author URI: http://blog.wenslauw.com/
*/



/* Begin Images */
p img {
        padding: 0;
        max-width: 100%;
        }

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }

.post img {border: 0px}
.post a img {border: 0px;}
.post a:hover img {border-color: #AA9;}

/* End Images */


/* default elements */
* {margin: 0; padding: 0;}

body {
  background: #ffffff;
  color: #222;
  font: normal 62.5% sans-serif;
  padding: 1% 0;
}

a {color: #642;}
a:hover {color: #963;}

#container {
  background: #fff;
  font-size: 1.3em;
}

h1,h2,h3 {color: #442; padding: 8px 0 0px;}
h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}
h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}

p {padding: 2px 0 4px;}
ul,ol {padding: 0 2em 1.2em;}

/* structure */
#container {
  margin: 0 auto;
  width: 1100px;
}

/* header */
.title {
  background: #fff;
}

.title h1 {
  font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
  padding: 0px 0 10px 0px;
}

.header {
  background: #fff url() no-repeat left bottom;
  height: 300px;
}


/* navigation */

/* main */

/* posts */
.post .descr {
  color: #630;
  font-size: 0.9em;
  margin: 2px 0 4px;
}

.post .info{
  border-top: 1px dashed #AAAA9A;
  color: #222;
  font-size: 0.9em;
  font-weight: bold;
  margin: 4px 0 8px;
  padding: 2px 0;
  clear: both;
}

/* footer */
.footer {
  background: #332;
  color: #EED;
  padding: 10px;
}

.footer .left {width: 66%;}
.footer .right {
        width: 33%;
        text-align: right;
}

.footer a {
        color: #FFF;
        text-decoration: none;
}
.footer a:hover {
        color: #FFF;
        text-decoration: underline;
}


/* misc */
.content {padding: 10px 0px;}

.left {
  float: left;
  width: 850px;
}

.right {
  float: right;
  width: 200px;
}

.clear,.clearer {clear: both;}
#searchform {padding:10px;}

/* block list */
ul.block {
        margin: 4px 0;
        padding: 0;
        width: 90%;
}

.block li {
        list-style: none;
}

.block li a,.block li em {
        color: #553;
        display: block;
}

.block li em {
        font-size: 0.9em;
        font-style: normal;
}

.block li a {
        padding: 4px 3%;
        text-decoration: none;
        width: 94%;
}

.block li a span {font-weight: bold;}
.block li a:hover {
        color: #553;
        background: #D2D0C0;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

/* comments */
#commentlist li {
        margin-bottom: 1.5em;
        padding-bottom: 1em;
        border-bottom: 1px solid #700000;
}
#commentform {
        margin: 1em 0;
        width: 280px;
}

textarea.styled {width: 280px;}

.styled {
        font-size: 1.1em;
        background: #FCFCFC;
        border: 1px solid #C6C3C3;
        padding: 2px;
}
.styled:hover {
        background: #FFF;
        border: 1px solid #C6C3C3;
}
.styled:focus {
        background: #FFF;
        border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #666;}