
/* Reset some CSS rules, based on http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}

/* Ok. Rules are been reset, begin the style */

body {color: #575757;font-size: 15px; background-color: #ebebeb;  
font-family: /*Cambria, */Garamond, "Palatino Linotype", Georgia, "Segoe UI", Arial, Helvetica, sans-serif;}
a {color: #0078B3;  text-decoration: none;  background-color: #fff;}
a:hover {  color: #B51E1A;  background-color: #fff;  text-decoration: underline;  }
img {  border: none;}

/* Begin the wrap */
div#wrap {width:760px;color:#000;margin:0 auto 0 auto;background-color:#fff;background-image: url('../images/bg.jpg');}

/* Begin blog header */
div#header {  height:200px; color: #fff;background-color:#534F57;background-image: url('../images/header.jpg');}
div#header a {  color: #fff; background-color: transparent;  }
div#header h1 { padding: 0;  font-size: 2.1em;  font-weight: bold; }
div#header h1 a {  display:block;  padding: 40px 0 0 60px;text-decoration: none;}
div#header h2 {display:block;padding: 10px 0 0 60px;font-size: 1em;font-weight: normal; }

/* Begin blog content */
div#content { margin: 0; width: 68%; float: left; padding: 1.5em; font-size: 0.9em;}

/* Archive types */
div#tagsarchive { margin: 0; padding: 1em 1.5em 1em 0;  }
div#tagsarchive ul {padding: 0;font-size: 1.2em;list-style: none;line-height: 1.6;margin: 0 2em 1em 2em; }
div#tagsarchive ul li { display: inline; }
div#datearchive {  margin: 0; padding: 1em 1.5em 1em 0;} 
div#datearchive ul {padding: 0;font-size: 1.2em;list-style: none;line-height: 1.6;margin: 0 2em 1em 2em;} 
div#datearchive ul li { display: inline;  margin: 0 0.6em 0 0;  }
div#categoryarchive { margin: 0; padding: 1em 1.5em 1em 0; } 
div#categoryarchive ul{padding:0;font-size: 1.2em;list-style: none;line-height: 1.6;margin: 0 2em 1em 2em;} 
div#categoryarchive ul li {display: inline;margin: 0 0.6em 0 0;}

/* Archive type */
div.archivetype {margin: 0;color: #000;font-size: 1.1em;font-weight: bold;padding: 0 0 1em 0;background-color: #fff;}
div.archivetype img {margin: 0 0.2em 0 0;vertical-align: middle;}

/* Post navigator */
div.postsnavigator {font-size: 1em;font-weight: bold;margin: 0 0 1em 0; line-height: 1.6em;}
span.nextpostlink { display: block;text-align: right; }
span.previouspostlink { display: block; }

/* Begin post */
div.post { color: #000; margin: 0 0 2em 0; padding: 0 0 1em 0; background-color: #fff;  }
div.postheader {}
span.posttitle {margin: 0;padding: 0;color: #000;display: inline;font-size: 1.3em;font-weight: bold;background-color: #fff;}
span.posttitle a {color: #000;text-decoration: none;background-color: #fff;}
span.posttitle a:hover {color: red;background-color: #fff;text-decoration: underline;}
span.postdate {display: block;font-size: 0.8em;font-style: italic;padding: 0.4em 0 0 0;}
div.postcontent {line-height: 1.4em;margin: 1em 0 0 0;}
span.morepostcontent {display: block;margin: 1em 0 0 0;}
div.postcontent ul,
div.postcontent ol {margin: 0 0 0 1.2em;}
div.postcontent ul {list-style: disc;}
div.postcontent ol {list-style: decimal;}
div.posttags {font-size: 0.9em;margin: 1em 0 0 0;}
div.postcategories {font-size: 0.9em;margin: 1em 0 0 0;}
div.postcommentslink {font-size: 0.9em;margin: 1em 0 0 0;}
div.posttrackbacklink {font-size: 0.9em;margin: 1em 0 0 0;}
div#postmetainfo {color: #000;padding: 1em;font-size: 0.9em;text-align: center;line-height: 1.5em;margin: 3.2em 0 2.2em 0;background-color: #fbfbfb;}
div#relatedposts {font-size: 0.9em;margin: 0.8em 0 0 0;line-height: 1.6em;}
div#relatedpoststitle {color: #000;font-weight: bold;background-color: #fff;}
div#relatedposts ul {margin: 0.4em 0 0 1em;}

/* Begin comments */
div#comments {}
ol#commentslist {padding: 0;list-style: decimal;margin: 2em 0 0 1.4em;}
li.comment {padding: 1em;margin: 1em 0 1em 0;}
div#commentstitle {color: #000;font-size: 1.2em;font-weight: bold;padding: 1em 0 0 0;margin: 2em 0 2em 0;background-color: #fff;}
div.commentheader {line-height: 1.2em;}
span.commenttitle {font-weight: bold;}
span.commentdate {color: #111;display: block;font-size: 0.8em;font-style: italic;background-color: #fff;}
div.commentcontent {overflow: auto;margin: 1em 0 0 0;line-height: 1.4em;}
div.commentcontent ul,
div.commentcontent ol {margin: 1em 0 1em 1.5em;}
div.commentcontent cite {display: block;font-size: 0.9em;font-style: italic;padding: 0 0 0 1em;}

/* Comments navigation */
div#commentsnavigation {font-weight: bold;margin: 3em 0 0 0;text-align: center;}
span#nextcomments {margin: 0 10em 0 0;}
span#previouscomments {}
form#newcomment {margin: 2em 0 2em 0;}
div#allowedtags, 
div#moderationnote {font-size: 0.8em;font-style: italic;line-height: 2em;}
div#moderationnote {color: #ff8888;background-color: #fff;} 
form#newcomment em {font-size: 0.8em;font-weight: normal;}
form#newcomment fieldset {color: gray;line-height: 3em;padding: 0 1em 1em 1em;background-color: #fff;}
form#newcomment legend {font-size: 1.1em;font-weight: bold;}
form#newcomment label {font-weight: bold;}
form#newcomment textarea {width: 93%;padding: 1em;height: 200px;border: silver solid 1px;}
form#newcomment textarea:focus {border: gray solid 1px;}
form#newcomment div#buttons {margin: 0.5em 0 0 0;}
form#newcomment input[type=button],
form#newcomment input[type=submit] {padding: 0.5em 2em;}
form#newcomment input[type=text] {width: 40%;border: silver solid 1px;padding: 0.4em 0.2em 0.4em 0.2em;}
form#newcomment input[type=text]:focus {border: gray solid 1px;}

/* Default Gesbit CAPTCHA related */
div#captchawrap {}
div#captchawrap label {}
div#captchawrap input {}
div#captchawrap label em {}
div#captchaimage {  width: 40%;  margin: -0.6em 0 0 0;}
div#captchaimage img { vertical-align: middle;  }
span#reloadcaptcha { font-size: 0.8em;  font-style: italic;  margin: 0 0 0 0.5em;  }
span#listencaptcha { font-size: 0.8em;  font-style: italic;  margin: 0 0 0 0.5em;  }

div#commentpreview { padding: 1em 0 0 1em; border: silver solid 1px;  }
div#commentpreviewtitle {color: #000;font-weight: bold;background-color: #fff; }
div#commentpreviewcontent {padding: 1em;margin: 1em 0 0 0; }

/* Begin no post found */
div#nopostfound { line-height: 1.6em; padding: 0 0 0 0.2em;  }
div#noposfoundttitle {margin: 0;width: 70%;color: #111;font-size: 1.3em;font-weight: bold;background-color: #fff; }
div#nopostfound ul {padding: 0;list-style: circle;margin: 2em 0 0 2em; }
div#nopostfound form {text-align: left;margin: 2em 0 0 0;padding: 0 0 2em 0; }
div#nopostfound form.searchform input.query {width: 30%;padding: 0.2em;border: silver solid 1px;}
 
/* Posts navigation */
div#postsnavigation { font-weight: bold; margin: 2em 0 0 0; text-align: center; padding: 2em 0 2em 0;  }
span#nextposts {margin: 0 0 0 9em; }
span#previousposts { }

/* Begin sidebar */
div#sidebar { width: 20%;  float: left;  line-height: 1.4em;  padding: 0.5em 1em 1em 1em;
  border-left: #ebebeb solid 1px;}
div#tagcloud {clear: both; }
div#tagcloud ul li { display: inline; }
div#lastcomments { clear: both; line-height: normal;  }
div#lastcomments ul li {margin: 0.8em 0 0 0; }
form.searchform { text-align: right; margin: 60px 30px 0 0;  }
form.searchform input.query {width: 15%; padding: 0.2em;  border: silver solid 1px; font-size:0.7em }


ul.menusidebar,
ul.menusidebar ul { padding: 0;font-size: 0.9em;list-style: none; margin: 0 0 1.5em 0; }
ul.menusidebar h5 {margin: 0;padding: 0;color: #000;font-weight: bold; background-color: #fff; }
li.feedicon {padding: 0 5px 0 16px;background-repeat: no-repeat;background-position: center left;background-image: url('../images/feed.png'); }
  

/* Begin footer */
div#footer {height:63px; clear: both; color: #595377; font-size: 0.8em; text-align: center; 
  background-color: #534F57;  background-image: url('../images/footer.jpg');}
div#footer div{ margin: 0 10px 0 10px}
div#footer a  {color: #595377;background-color: transparent;}
div#feedlink  {display: inline; }
div#feedlink img {vertical-align: middle; }
div#copyright {display: inline;}
div#powered{display: inline; font-style: italic; }
div#toppage{display: inline; }
div#toppage img  {vertical-align: top; }
