/*  
Theme Name: Web Coder Plus
Theme URI: http://webcoderplus.com/blog/
Description: Web Coder Plus theme that matches the rest of the site.
Version: 1
Author: Dion van Huyssteen
Author URI: http://webcoderplus.com/blog/

*/



body 
{
  position: absolute;
  width:1024px;
  background-color: #E0CDAA; 
  padding: 0px;
  margin: 0px;
  font-family:verdana,arial,sans-serif;
  font-size:0.8em;
  line-height: 1.4em;
}

a
{
  color: #990000;
}


a:link {
  text-decoration:none;
  }
a:visited {
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  border-bottom: none;
  } 
  
a img, img 
{
  border-width:0;
}

h1
{  
  padding: 0px;
  margin: 0px;
}      

p
{
  margin-top: 0px;
}

blockquote
{
  font-style: italic;
}

.wp-smiley img
{
  border: 0px;
}

.ad
{
  text-align: center;
} 

#header 
{
  width:1024px;
  background: url(http://webcoderplus.com/graphics/header.jpg); 
  background-repeat: no-repeat; 
  height: 178px; 
  padding: 0px; 
  margin: 0px;
  text-align: center; 
}

#skipbar
{
  position: absolute;
  top: 0px;
  right: 30px;
  font-size: 80%;
  color: #000000;
}


#skipbar a
{
  color: #000000;
}

#header img
{ 
  position: absolute;
  top: 2px;
  left: 2px;
}  

#header h1
{
  padding: 10px 0px 5px;
}


#footer
{  
  width:1024px;
  background: url(http://webcoderplus.com/graphics/footer.gif); 
  background-repeat: no-repeat;  
  padding: 0px;
  padding-top: 35px;
  margin: 0px; 
  text-align: center;
}
#footer li, #footer h2
{
  list-style: none;
  float: left;
  padding: 0px 20px 0px 20px;  
}
#menu 
{
  padding: 0px; 
  margin: 0px; 
  background: transparent; 
  position: absolute; 
  top: 121px;
  height: 30px;
  font-family: verdana,arial,sans-serif; 
  font-variant: small-caps; 
  font-weight: bold;
  font-size:180%;
} 

#menu ul
{   
  padding: 0px; 
  margin: 0px;
  position: absolute;
  width: 1024px;
  bottom: 0px;
}  

#menu li 
{
  padding: 0px; 
  margin: 0px; 
  list-style: none;
  float: left; 
}  
 
#menu a
{  
  color: #000000;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

#menu a:hover 
{
  background-color: #E0E0E0;
} 

#containerbackground
{  
  width:1024px; 
  background: url(http://webcoderplus.com/graphics/background.gif); 
  background-repeat: repeat-y; 
  padding: 0px;
  margin: 0px; 
  text-align:left;
}     

#container
{  
  width: 650px; 
  padding: 10px;
  padding-bottom: 0px;
  padding-right:0px;
  margin: 0px; 
  float: left;
} 

#containerbackground:after
{            
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility:hidden;
}  

#left
{  
  float: left;
  padding: 5px; 
  margin-right: 10px;
}             

#sidebar
{  
  margin: 10px;
  margin-right: 70px;
  float: right;
}


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 0;
  padding:0 0 0;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 0 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar a {
  color:#444;
  }

#recently a {
  color: #888;
  }

#greenbox 
{
  width: 253px; 
  background: url(http://webcoderplus.com/graphics/greenbox2.gif) bottom left no-repeat; 
  margin: 10px auto; 
  padding: 0px 0px 10px 0px; 
}
  
#greenbox h3
{
  background: top left url(http://webcoderplus.com/graphics/greenbox2.gif) no-repeat; 
  padding: 0px;
  margin: 0px;
  height: 10px;
}

#greentext
{            
  margin-right: 1px;
  padding: 0px 10px 0px 10px; 
  background: #b5e0aa;
  border-right: 2px black solid;
}
   
#code 
{               
  clear: both; 
  left: 10px;
  right: 10px;
  border-color: silver; 
  background-color: #EEEEFF; 
  border-style: dashed; 
  border-width: thin; 
  font-family: monospace; 

  font-size: 90%; 
  margin: 10px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #777777;
}  

#code p
{
  padding: 0px;
  margin: 0px;
} 


/* Headings
----------------------------------------------- */
h2 {
  padding:1.5em 0 .75em;
  margin: 0px;
  font-variant: small-caps;
  font-size: 1em;
  letter-spacing: 0.2em;
  } 



/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  font-size: 150%;
  color: #999;
  border-bottom: 1px solid #999;
  }
.post {
  margin:.5em 0 4em;
  border-bottom:1px dotted #999;
  padding-bottom:0em;
  line-height: 1.6em;
  }

.post small {
  font-weight:bold;
}
.post h2 {
  display: block;
  width: 100%;
  margin:1em 0 0;
  padding:0 0 4px;
  font-size:165%;
  font-weight: bold;
  line-height:1.4em;
  letter-spacing: 0.05em;
  color: #000000;
  }
.post h2 a, .post h2 a:visited, .post h2 strong {
  color: #990000;
  border-bottom: none;
  }

.post h2 strong, .post h2 a:hover {
  color:#333;
  }

.post h3 {
  display: block;
  width: 100%;
  margin:1em 0 0;
  padding:0 0 4px;
  font-size:110%;
  font-weight:bold;
  line-height:1.4em;
  color: #000000;
  }

.post ins
{
  text-decoration: none;
  color: #444;
  font-style: italic;
}

.entry{
  display: block;
  border-top: 1px dashed #999;
}

.entry a {
  border-bottom: thin dotted #990000;
  }

.entry a:hover {
  border-bottom: none;
  }

p.entry{
  margin: 0 0;
}

.entrytext{
  display: block;
  border-top: 1px dashed #999;
}
.entrytext a {
  border-bottom: thin dotted #990000;
  }

.entrytext a:hover {
  border-bottom: none;
  }

/*.tags::before
{
  margin: 0 10px;
  content: "Tags:"
}*/

.tags
{
  display: block;
  font-variant: small-caps;
  font-size: 0.85em;
}

.tags a
{
  text-transform: capitalize;
  font-weight: bold;
  letter-spacing:.2em;
  border: none;
}

.tags ul
{
  list-style: none;
  margin: 0 20px;
  padding: 0 5px;
  border-left: solid #CCC thick;
}

p.post-footer {
  margin: 0 0 0;
  color:#ccc;
  font-size: 68%;
  }
.post-footer em, .comment-link {
  font-variant: small-caps; 
  letter-spacing:.2em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  
  }

.postmetadata {
  padding-top: 1.5em;
  font-style:italic;
  margin: -0.5em 0 0;


}

.alt{
  padding-top: 1.5em;
  font-style:italic;
  margin: -0.5em 0 0;
  font-size: 90%;
}


small {
  font-weight: normal !important;
  font-size: 90%;
  line-height:1.3em;
}

.comment-link {
  margin-left:.6em;
  }
.post img {
  border:none;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */

.commentlist ol
{
}

.commentlist p
{
  padding: 0px;
  margin: 0px;
}

.commentlist li
{
  padding: 10px 0px 10px 10px;
}

.commentlist li.alt
{
  font-style: normal;
  background-color: #f1f1f1;
  border-top: solid 1px #e6dfd3;
  border-bottom: solid 1px #e6dfd3;

}

.commentlist li.commentOfficialUser
{
  background: url(http://webcoderplus.com/graphics/authorcomment.png) no-repeat top right #E0CDAA;
  border-top: solid 3px #990000;
  border-bottom: solid 3px #990000;
}


#comments h4 {
  margin:1em 0;
  font-variant: small-caps; 
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:100%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font-size: 68%;
  font-variant: small-caps;
  letter-spacing:.2em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }

#comments p.comment-timestamp {
  font-size: 80%;
  font-weight: bold;
  font-variant: small-caps;
  }
#comments p.comment-timestamp a {
  color: #888;
 }

.deleted-comment {
  font-style:italic;
  color:gray;
  }



a.subscribe
{
  border-bottom: dotted 1px;
  font-size: 140%;
  font-weight: bold;
  text-align: center; 
}