/*************************************
Design by PickledOnion Web Solutions
http://www.pickledonion.co.uk

Please contact webadmin _AT_ pickledonion.co.uk
should you wish to use any of the css configuration.

Please respect the licenses and copyrights of the code.
*************************************/

/*************************************
 wrapper

  header
    search

  container
    content
    comments
    sidebar

  footer
    footerleft
    footerright
*************************************/


/*************************************
Import extra stylesheets
*************************************/
@import 'codehighlight.css';


/*************************************
Basics
*************************************/
html, body {
  margin: 0;
  padding: 0;
  background: #faf4de;
  color: #000;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
  }

.clear {
  clear: both;
  }

img {
  border: 0;
  }

/*************************************
Wrapper
*************************************/
#wrapper {
  width: 995px;
  margin: 0 auto;
  background: #faf4de;
  color: #000;
  }
/*************************************
Header
*************************************/
#header {
  width: 995px;
  height: 100px;
  margin: 0 auto;
  background: #faf4de;
  color: #000;
  border-bottom: 4px solid #faf4de;
  text-align: left;
  }

#header p {
  margin: 10px 0 0 20px;
  padding: 0;
  }

#headersearch {
  float: right;
  width: 400px;
  margin: 35px 20px 0 0;
  padding: 5px;
  background: #faf4de;
  color: #000;
  text-align: center;
  }

#headersearch form input {
  width: 180px;
  padding: 0;
  margin: 0;
  background: #fff;
  color: #8f3743;
  font-size: 1.1em;
  }

#headersearch form input:focus, div#headersearch form input:hover {
  background: #feffed;
  color: #8f3743;
  }

#headersearch form .submit {
  padding: 0;
  margin: 0;
  background: #f5e0b3;
  color: #000;
  }

#headersearch form .submit:focus, #headersearch form .submit:hover {
  background: #faf4de;
  color: #000;
  }

/*************************************
Container
*************************************/
#container {
  width: 995px;
  margin: 0 auto;
  }
/*************************************
Content
*************************************/
#content {
  float: left;
  width: 700px;
  background: #faf4de;
  color: #000;
  }

#content h2 {
  margin: 20px 10px 20px 10px;
  color: #8f3743;
  font-size: 1.4em;
  text-align: left;
  }

.pagenotfound {
  background: #fff url(404.jpg) center center no-repeat;
  margin: 10px 10px 10px 0;
  border-top: 2px solid #8f3743;
  border-right: 2px solid #8f3743;
  border-left: 2px solid #8f3743;
  text-align: left;
  color: #000;
  }

.pagenotfound p {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1em;
  line-height: 1.6;
  }

.article {
  margin: 10px 10px 20px 0;
  border-top: 2px solid #8f3743;
  border-right: 2px solid #8f3743;
  border-left: 2px solid #8f3743;
  padding-bottom: 5px;
  text-align: left;
  background: #fff;
  color: #000;
  }

.article h1 {
  margin: 10px 10px 20px 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #aaa;
  background: #f5e0b3;
  color: #000;
  font-size: 1.5em;
  text-align: center;
  }

.article h1 a:link, .article h1 a:visited {
  color: #333;
  text-decoration: none;
  }

.article h1 a:hover {
  color: #8f3743;
  }

.article h2 {
  margin: 10px 10px 20px 10px;
  font-size: 1.3em;
  color: #8f3743;
  }

.article h3 {
  margin: 10px 10px 20px 10px;
  font-size: 1.2em;
  color: #8f3743;
  }

.article h4 {
  margin: 10px 10px 20px 10px;
  font-size: 1.1em;
  color: #8f3743;
  }

.article p {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1em;
  line-height: 1.6;
  }

.article p a:link, .article p a:visited {
  color: #8f3743;
  text-decoration: none;
  border-bottom: 1px solid #8f3743;
  font-weight: bold;
  }

.article p a:hover {
  border-bottom: 1px solid #000;
  color: #000;
  }

.article ul {
  margin-bottom: 20px;
  margin-left: 20px;
  padding-left: 0;
  list-style-type: none;
  }

.article li {
  padding: 0 0 1px 0;
  }

.article ul li a {
  border-bottom: 1px solid #888;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.8;
  color: #000;
  }

.article ul li a:hover {
  border-bottom: 1px solid #8f3743;
  color: #8f3743;
  }

.article img {
  margin: 15px 20px;
  padding: 4px;
  border: 2px solid #8f3743;
  }

.article img:hover {
  border: 2px solid #000;
  }

.article .image a:link, .article .image a:visited {
  text-decoration: none;
  border-bottom: 0;
  }

#latest {
  margin: 10px;
  background: #fefdf0;
  color: #000;
  border: 1px solid #8f3743;
  text-align: left;
  }

#latest h2 {
  margin: 10px 5px;
  font-size: 1.3em;
  color: #363636;
  }

#latest h3 {
  margin: 5px;
  font-size: 1.1em;
  }

#latest h3 a:link, #latest h3 a:visited {
  color: #8f3743;
  text-decoration: none;
  border-bottom: 1px solid #8f3743;
  }

#latest h3 a:hover {
  border-bottom: 1px solid #888;
  color: #000;
  }

#latest p {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1em;
  line-height: 1.4;
  }

#latest p a:link, #latest p a:visited {
  color: #8f3743;
  text-decoration: none;
  border-bottom: 1px solid #8f3743;
  font-weight: bold;
  }

#latest p a:hover {
  border-bottom: 1px solid #000;
  color: #000;
  }

#article-list {
  margin: 10px;
  background: #f7fff0;
  color: #000;
  border: 1px solid #8f3743;
  text-align: left;
  }

#article-list h3 {
  margin: 10px 5px;
  font-size: 1.1em;
  color: #363636;
  }

#article-list p {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1em;
  line-height: 1.6;
  }

#article-list p a:link, #article-list p a:visited {
  color: #8f3743;
  text-decoration: none;
  border-bottom: 1px solid #8f3743;
  font-weight: bold;
  }

#article-list p a:hover {
  border-bottom: 1px solid #000;
  color: #000;
  }

#homeone {
  margin: 10px;
  background: #f1fade;
  color: #000;
  border: 1px solid #8f3743;
  text-align: left;
  }

#homeone h3, #hometwo h3, #homethree h3 {
  color: #363636;
  }

#hometwo {
  margin: 10px;
  background: #fff6f0;
  color: #000;
  border: 1px solid #8f3743;
  text-align: left;
  }

#hometwo form {
  margin: 10px;
  }

#hometwo form input {
  width: 180px;
  padding: 0;
  margin: 0;
  background: #fff;
  color: #8f3743;
  font-size: 1.1em;
  }

#hometwo form input:focus, div#hometwo form input:hover {
  background: #feffed;
  color: #8f3743;
  }

#hometwo form .submit {
  padding: 0;
  margin: 0;
  background: #f5e0b3;
  color: #000;
  }

#hometwo form .submit:focus, #hometwo form .submit:hover {
  background: #faf4de;
  color: #000;
  }

#homethree {
  margin: 10px;
  background: #f0f7ff;
  color: #000;
  border: 1px solid #8f3743;
  text-align: left;
  }

#hometags {
  background: #fefdf0;
  margin: 0 25px;
  border: 1px solid #000;
  }

#hometags p {
  margin: 10px;
  }

#hometags p a {
  text-decoration: none;
  margin-bottom: 0;
  border-bottom: 0;
  color: #000;
  font-weight: normal;
  }

#hometags p a:hover {
  color: #8f3743;
  }

/*************************************
Commentsblock
*************************************/
#commentsblock {
  margin: 40px 10px 10px 0;
  background: #faf4de;
  color: #000;
  text-align: left;
  }

#commentsblock h1, h2, h3, h4 {
  margin: 20px 10px 10px 10px;
  }

#commentsblock h2 {
  font-size: 1.4em;
  color: #000;
  text-align: left;
  }

.comment {
  margin: 0;
  }

.comment p {
  margin: 0 15px;
  line-height: 1.4;
  }

.comment .authorname {
  margin-top: 20px;
  margin-left: 10px;
  margin-bottom: 5px;
  font-size: 1.1em;
  font-weight: bold;
  }

.comment .authorname a:link, .comment .authorname a:visited {
  text-decoration: none;
  border-bottom: 1px solid #8f3743;
  color: #8f3743;
  }

.comment .authorname a:hover {
  border-bottom: 1px solid #000;
  color: #000;
  }

.comment .authorname span a:link,  .comment .authorname span a:visited {
  font-size: 0.8em;
  color: #000;
  border-bottom: 1px solid #000;
  font-weight: normal;
  } 

.comment .authorname span a:hover {
  border-bottom: 1px solid #8f3743;
  color: #8f3743;
  }

.by-author p, .by-guest p {
  line-height: 1.6;
  }

.by-author {
  width: 662px;
  margin: 0;
  background: url(bubble-auth-mid.jpg) left top repeat-y;
  color: #000;
  }

.by-author-top {
  width: 662px;
  height: 42px;
  background: url(bubble-auth-top.jpg) left top no-repeat;
  }

.by-author-bottom {
  width: 662px;
  height: 14px;
  background: url(bubble-auth-bottom.jpg) left top no-repeat;
  }

.by-guest {
  width: 662px;
  margin: 0;
  background: url(bubble-guest-mid.jpg) left top repeat-y;
  color: #000;
  }

.by-guest-top {
  width: 662px;
  height: 42px;
  background: url(bubble-guest-top.jpg) left top no-repeat;
  }

.by-guest-bottom {
  width: 662px;
  height: 14px;
  background: url(bubble-guest-bottom.jpg) left top no-repeat;
  }


.by-author a:link, .by-author a:visited, .by-guest a:link, .by-guest a:visited {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  font-weight: normal;
  } 

.by-author a:hover, .by-guest a:hover {
  border-bottom: 1px solid #8f3743;
  color: #8f3743;
  }

.comment code {
  display:block;
  background: #fff;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0;
  padding: 5px;
  border: 1px dotted #8f3743;
  font-family:  Helvetica, sans-serif;
  font-size: 1em;
}
/*************************************
Commentsform
*************************************/

div#commentsform {
  background: #faf4de;
  margin: 30px 10px 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
}

div#commentsform form legend {
  margin: 20px 10px 10px 10px;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
}

div#commentsform fieldset {
  background: #fefdf0;
  border: 1px solid #000;
 }

div#commentsform form label {
  color: #8f3743;
  font-weight: bold;
}

div#commentsform form input, div#commentsform form label, div#commentsform form textarea {
  margin: 5px 5px 5px 15px;
}

div#commentsform form input, div#commentsform form textarea {
  width: 400px;
  padding-top: 0;
  background: #fff;
  color: #000;
  font-size: 1.2em;
}

form#comment-form textarea {
width: 400px; height: 180px;
}

div#commentsform form input:focus, div#commentsform form input:hover, 
div#commentsform form textarea:focus, div#commentsform form textarea:hover {
  background: #f7fff0;
  color: #000;
}

div#commentsform form .submit {
  background: #f5e0b3;
  color: #000;
}

div#commentsform form .submit:focus, div#commentsform form .submit:hover {
  background: #f7fff0;
}

div#commentsform a:link, div#commentsform a:visited {
  text-decoration: none;
  color: #8f3743;
  border-bottom: 1px solid #8f3743;
  font-weight: normal;
  } 

div#commentsform a:hover {
  border-bottom: 1px solid #000;
  color: #000;
  }

ul#comment-errors {
  list-style-type: none;
  width: 400px;
  margin: 0.5em 0 0 0;
  background: yellow;
  border: 1px solid red;
  color: #8f3743;
  font-size: 1em;
}

/*************************************
Sidebar
*************************************/
#sidebar {
  float: right;
  width: 290px;
  font-size: 1em;
  }

#sidemenu {
  width: 290px;
  margin: 10px auto 0 auto;
  background: #faf4de url(menu-mid.png) left top repeat-y;
  color: #000;
  text-align: left;
  }

#sidemenu-top {
  width: 290px;
  height: 6px;
  background: #faf4de url(menu-top.png) left bottom no-repeat;
  }

#sidemenu-bottom {
  width: 290px;
  height: 8px;
  background: #faf4de url(menu-bottom.png) left top no-repeat;
  }

#sidemenu h2 {
  color: #8f3743;
  margin: 0;
  padding: 5px 0 5px 15px;
  font-size: 1.2em;
  border-bottom: 1px solid #aaa;
  }

#sidemenu ul {
  margin-bottom: 0px;
  margin-left: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  list-style-type: none;
  }

#sidemenu li {
  padding: 0 0 1px 0;
  }

#sidemenu ul li a {
  border-bottom: 1px solid #888;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.8;
  color: #000;
  }

#sidemenu ul li a:hover {
  border-bottom: 1px solid #8f3743;
  color: #8f3743;
  }

#subscribe {
  width: 290px;
  margin: 10px auto 0 auto;
  color: #000;
  text-align: left;
  }

#subscribe p {
  margin-left: 20px;
  }

#subscribe p a {
  border-bottom: 1px solid #888;
  text-decoration: none;
  font-size: 1.1em;
  color: #000;
  }

#subscribe p a:hover {
  border-bottom: 1px solid #8f3743;
  color: #8f3743;
  }

#sidetags {
  width: 290px;
  margin: 10px auto 0 auto;
  padding-bottom: 10px;
  background: #faf4de url(tags-mid.png) left top repeat-y;
  color: #000;
  text-align: left;
  }

#sidetags-top {
  width: 290px;
  height: 6px;
  background: #faf4de url(tags-top.png) left bottom no-repeat;
  }

#sidetags-bottom {
  width: 290px;
  height: 8px;
  background: #faf4de url(tags-bottom.png) left top no-repeat;
  }

#sidetags h2 {
  color: #8f3743;
  margin: 0;
  padding: 5px 0 5px 15px;
  font-size: 1.2em;
  border-bottom: 1px solid #aaa;
  }

#sidetags p {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0;
  padding-bottom: 10px;
  color: #000;
  overflow: hidden;
  }

#sidetags p a {
  text-decoration: none;
  margin-bottom: 0;
  color: #000;
  }

#sidetags p a:hover {
  color: #8f3743;
  }

#sidetags ul {
  margin-bottom: 0;
  margin-left: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  list-style-type: none;
  }

#sidetags li {
  padding:  0 0 5px 0;
  }

#sideads {
  width: 290px;
  margin: 10px auto 0 auto;
  padding-bottom: 10px;
  background: #faf4de url(ads-mid.png) left top repeat-y;
  color: #000;
  text-align: left;
  }

#sideads-top {
  width: 290px;
  height: 6px;
  background: #faf4de url(ads-top.png) left bottom no-repeat;
  }

#sideads-bottom {
  width: 290px;
  height: 8px;
  background: #faf4de url(ads-bottom.png) left top no-repeat;
  }

#sideads h2 {
  color: #8f3743;
  margin: 0;
  padding: 5px 0 5px 15px;
  font-size: 1.2em;
  border-bottom: 1px solid #aaa;
  }

#sideads p {
  margin: 0 auto;
  text-align: center;
  }

#sidereferals {
  width: 290px;
  margin: 10px auto 0 auto;
  background: #faf4de url(referals-mid.png) left top repeat-y;
  color: #000;
  text-align: left;
  }

#sidereferals-top {
  width: 290px;
  height: 6px;
  background: #faf4de url(referals-top.png) left bottom no-repeat;
  }

#sidereferals-bottom {
  width: 290px;
  height: 8px;
  background: #faf4de url(referals-bottom.png) left top no-repeat;
  }

#sidereferals h2 {
  color: #8f3743;
  margin: 0;
  padding: 5px 0 5px 15px;
  font-size: 1.2em;
  border-bottom: 1px solid #aaa;
  }

#sidereferals ul {
  margin-bottom: 0;
  margin-left: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  list-style-type: none;
  }

#sidereferals li {
  padding: 0 0 1px 0;
  }

#sidereferals ul li a {
  border-bottom: 1px solid #888;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.8;
  color: #000;
  }

#sidereferals ul li a:hover {
  border-bottom: 1px solid #8f3743;
  color: #8f3743;
  }

/*************************************
Footer
*************************************/
#footer {
  width: 995px;
  margin: 20px auto 10px auto;
  border-top: 2px solid #000;
  text-align: center;
  font-size: 0.9em; 
  }

#footer a {
  border-bottom: 1px solid #8f3743;
  text-decoration: none;
  font-weight: bold;
  color: #8f3743;
  }

div#footer a:hover {
  border-bottom: 1px solid #888;
  color: #000;
}

#footerleft {
  float: left;
  width: 200px;
  margin: 10px;
  border: 1px solid #000;
  text-align: left;
  }

#footerright {
  float: right;
  width: 200px;
  margin: 10px;
  border: 1px solid #000;
  text-align: left;
  }