/* CSS Document */

body { margin:0px; padding:0px; background:url(img/bg.png) top repeat-x #87b32c;}


h1.logo { margin:0px; padding:0px;
	font-size: 150%;
	float:left;
	text-transform: uppercase;
	text-indent: -9999px;
}

a#m0 {
	background: url(img/logo.png) no-repeat;
	display: block;
	outline: none;
	width:316px;
	height:236px;
}

div.page {width:700px; height:100%;}

a {
  color: #256B7F;
  }

a:hover {
  color: #6B8B45;
  }


div.postMeta a {
background:url(img/cat_r.png) right bottom no-repeat; 
color:#ffffff; 
text-decoration:none; 
padding-right:20px; 
padding-bottom:1px;
height:23px;}

div.postMeta a:hover {color:#ffffff; text-decoration:underline; padding-bottom:1px;padding-right:20px; height:23px;}

div.postMeta span {padding-bottom:1px;
background:url(img/cat_bg.png) left bottom no-repeat; 
padding-left:20px; 
height:23px;}



/********MENU_begin********/

a#m1 { DISPLAY: block;  WIDTH:73px; HEIGHT:236px; background:url(img/m1.png) 50% top; text-indent: -9999px;}
a#m1:hover { background:url(img/m1.png) 50% bottom;}


a#m2 { DISPLAY: block; WIDTH:52px; HEIGHT:236px; background:url(img/m2.png) 50% top; text-indent: -9999px; }
a#m2:hover { background:url(img/m2.png) 50% bottom;}


a#m3 { DISPLAY: block;  WIDTH:66px; HEIGHT:236px; background:url(img/m3.png) 50% top; text-indent: -9999px;}
a#m3:hover { background:url(img/m3.png) 50% bottom;}


a#m4 { DISPLAY: block;  WIDTH:55px; HEIGHT:236px; background:url(img/m4.png) 50% top; text-indent: -9999px;}
a#m4:hover { background:url(img/m4.png) 50% bottom; }


a#m5 { DISPLAY: block;  WIDTH:76px; HEIGHT:236px; background:url(img/m5.png) 50% top; text-indent: -9999px;}
a#m5:hover { background:url(img/m5.png) 50% bottom;}

a#m6 { DISPLAY: block; WIDTH:62px; HEIGHT:236px; background:url(img/rss.png) top; text-indent: -9999px;}
a#m6:hover { background:url(img/rss.png) bottom;}

a#m1_current { DISPLAY: block;  WIDTH:73px; HEIGHT:236px; background:url(img/m1.png) 50% bottom; text-indent: -9999px;}
a#m1_current:hover { background:url(img/m1.png) 50% bottom;}


a#m2_current { DISPLAY: block; WIDTH:52px; HEIGHT:236px; background:url(img/m2.png) 50% bottom; text-indent: -9999px; }
a#m2_current:hover { background:url(img/m2.png) 50% bottom;}


a#m3_current { DISPLAY: block;  WIDTH:66px; HEIGHT:236px; background:url(img/m3.png) 50% bottom; text-indent: -9999px;}
a#m3_current:hover { background:url(img/m3.png) 50% bottom;}


a#m4_current { DISPLAY: block;  WIDTH:55px; HEIGHT:236px; background:url(img/m4.png) 50% bottom; text-indent: -9999px;}
a#m4_current:hover { background:url(img/m4.png) 50% bottom; }


a#m5_current { DISPLAY: block;  WIDTH:76px; HEIGHT:236px; background:url(img/m5.png) 50% bottom; text-indent: -9999px;}
a#m5_current:hover { background:url(img/m5.png) 50% bottom;}


ul.menu {margin:0px; padding:0px;
height:236px;}

ul.menu li {list-style-type: none; FLOAT: left;}
/********MENU_end********/

div.body_head {background:url(img/body_bg.png) top center repeat-y; width:700px; height:100%; margin:0px; padding:0px;}
div.body {background:url(img/body_head.png) top center no-repeat; width:auto; height:100%; 
padding-right:20px;padding-left:20px; padding-top:20px;}
div.footer {background:url(img/footer.png) top center no-repeat; width:700px; height:91px;}

ol.commentlist { font-family: "Courier New", Courier, monospace; }
p.comments { font-family: "Courier New", Courier, monospace;
  padding: 5px 10px 5px 10px;
  }

p.comments a { font-family: "Courier New", Courier, monospace;
  padding-left: 20px;
  background: url(img/comment.gif) left top no-repeat;
  font-size: 10pt;
  text-decoration: none;
  }

.comment textarea {
  width: 300px;
  }

.comment #submit {
  width: 118px;
  height: 30px;
  background: url(img/commentbutton.gif) left top no-repeat;
  border: none;
  font-size: 9pt;
  color: #222;
  }

.comment #submit:hover {
  cursor: pointer;
  }

/* Sidebars */

table#wp-calendar a {color:#008dc6; background:none;}
table#wp-calendar a:hover {color:#00648d; background:none;}





.sidebars {
FLOAT: right;
  margin: 0px 10px 0px 20px;
  padding-left: 15px;
  padding-top: 9px;
  width: 200px;
  border-left: 1px dashed #000000;
  }

.sidebars h2 {
  padding: 6px 5px 3px 15px;
  font-size: 11pt;
  color: #fff;
  background: url(img/widget.png) left no-repeat;
  height: 23px;
  }

.sidebars table {
  width: 200px;
  }

.sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }

.sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 11pt;
  }

.sidebars li ul {
  padding: 0;
  }

.sidebars ul ul li {
  margin: 0;
  padding: 3px 2px 2px 16px;
  color: #333;
  background: url(img/bullet.gif) left 7px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  border-bottom: 1px dashed #ddd;
  }

.sidebars li.nobg a:hover {
  background: none;
  color: #003366;
  text-decoration: none;
  }

.sidebars a {
  display: inline;
  color: #333;
  text-decoration: none;
  }

.sidebars a:hover {
  color: #003366;
  background: #C1DEF1;
  }

.sidebars p {
  padding: 2px 0;
  font-size: 9pt;
  }

#tag_cloud a {
  display: inline;
  }

.inv {display:none}

.sidebars ul.children li {border-bottom:none;}
.sidebars ul.children {margin-bottom:-5px;}

div.post {width:auto; padding-left:10px; padding-right:5px;}


.cleared {
  clear: both;
  }

div#nextprevious { text-align: center;}

h2.postTitle0 {padding-left:35px; background:url(img/0.png) top left no-repeat; height:30px} 
h2.postTitle1 {padding-left:35px; background:url(img/1.png) top left no-repeat; height:30px} 
h2.postTitle2 {padding-left:35px; background:url(img/2.png) top left no-repeat; height:30px} 
h2.postTitle3 {padding-left:35px; background:url(img/3.png) top left no-repeat; height:30px} 
h2.postTitle4 {padding-left:35px; background:url(img/4.png) top left no-repeat; height:30px} 
h2.postTitle5 {padding-left:35px; background:url(img/5.png) top left no-repeat; height:30px} 
h2.postTitle6 {padding-left:35px; background:url(img/6.png) top left no-repeat; height:30px} 
h2.postTitle7 {padding-left:35px; background:url(img/7.png) top left no-repeat; height:30px} 
h2.postTitle8 {padding-left:35px; background:url(img/8.png) top left no-repeat; height:30px} 

div.wiki {width:89px; height:18px; float:left; margin: 54px 0px 0px 109px;}
div.stat {width:88px; height:15px; float:left; margin: 54px 0px 0px 109px;}
div.css  {width:29px; height:17px; float:right; margin: 54px 8px 0px 0px;}
div.xhtml {width:48px; height:17px; float:right; margin: 54px 17px 0px 0px;}

a#wiki { DISPLAY: block;  WIDTH:89px; HEIGHT:18px; background:url(img/wikistudio.png) 50% top; text-indent: -9999px;}
a#wiki:hover { background:url(img/wikistudio.png) 50% bottom; }


a#xhtml { DISPLAY: block;  WIDTH:48px; HEIGHT:17px; background:url(img/xhtml.png) 50% top; text-indent: -9999px;}
a#xhtml:hover { background:url(img/xhtml.png) 50% bottom;}


a#css { DISPLAY: block; WIDTH:29px; HEIGHT:17px; background:url(img/css.png) 50% top; text-indent: -9999px;}
a#css:hover { background:url(img/css.png) 50% bottom;}


div.postTags a { padding: 0px 5px 0px 20px; height:20px; font-size:100%; color:#336699; text-decoration:none; }
div.postTags a:hover { padding: 5px 5px 5px 20px; height:20px; font-size:100%; color:#FF1000; text-decoration:none; background:none; }

span.tags { background:url(img/tag.png) #e2e2e2  left no-repeat; height:22px;}
span.tag {background:none;}








div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #2C2C2C;
	text-decoration: none; 
	color: #fff;
	background: #2C2C2C url(img/image1.gif);
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #AAD83E;
	color: #FFF;
	background: #AAD83E url(img/image2.gif);
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #AAD83E;
  font-weight: bold;
	background: #AAD83E url(img/image2.gif);
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}