/* CSS Document */


* {margin:0; padding:0;}

body {background:url(images/main_bg.jpg) repeat-y center #ccd699;  color:#3b401d; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a img {border:none;}
a { color:#5e6536; text-decoration:none; }
a:hover {color:#3b401d;}
.c, .clear {clear:both;}

#wrap {margin:0 auto; width:928px;}
#mainwrap {background:url(images/slogan.jpg) repeat-x; padding:21px 0 0 0; width:848px; margin:0 auto;}
#header {background:url(images/headbg.jpg); width:846px; margin:0 auto;}
table#buttons td { }

#menu { background:url(images/nav_bg.jpg); width:829px; height:58px; margin:0 auto;}


#topbuttons{position:relative;	width:746px;	height:22px;	top:7px;	left:45px;	margin:0;	padding:0;	background: url(images/nav_buttons.gif)}
#topbuttons li{	margin: 0;	padding: 0;	list-style: none;    position: absolute;	top: 0;}
#topbuttons li,#topbuttons a{	display:block;	height:19px;	text-decoration:none;}
#topbuttons li a i{	visibility: hidden;}
#button1 {left: 25px;width: 55px;}
#button2 {left: 95px;width: 115px;}
#button3 {left: 230px; width: 130px;}
#button4 {left: 380px; width: 75px;}
#button5 {left: 475px; width: 110px;}
#button6 {left: 605px; width: 35px;}
#button7 {left: 660px; width: 55px;}
#button1 a:hover {background: transparent url(images/nav_buttons.gif) -25px -22px no-repeat;}
#button2 a:hover {background: transparent url(images/nav_buttons.gif) -95px -22px no-repeat;}
#button3 a:hover {background: transparent url(images/nav_buttons.gif) -230px -22px no-repeat;}
#button4 a:hover {background: transparent url(images/nav_buttons.gif) -380px -22px no-repeat;}
#button5 a:hover {background: transparent url(images/nav_buttons.gif) -475px -22px no-repeat;}
#button6 a:hover {background: transparent url(images/nav_buttons.gif) -605px -22px no-repeat;}
#button7 a:hover {background: transparent url(images/nav_buttons.gif) -660px -22px no-repeat;}



#contentwrap {clear:both;}
#content {float:left; width:650px;}
#sidebar {float:right; width:190px;}

.post { margin:1em auto; width:642px;}

 .post .top { background:url(images/postbg_top.gif); height:21px;}
 .post .bot { background:url(images/postbg_bot.gif); height:21px;}
 .post .bg{ background:url(images/postbg.gif); padding:0 17px;}
 
 .post .header { padding:0 0 0px 0;}
  .post .date {float:left; width:50px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#868f52; font-size:24px;}
   .post .date span {font-size:30px;}
  .post .meta { float:left; width:545px; padding:0 0 0 10px;}
   .post h2 { padding:10px 0 10px 0; font-size:18px; font-weight:normal;}
    .post h2 a {color:#1e1e1e; text-decoration:none;}
   .post .meta .author {float:left; background:url(images/icon_author.gif) no-repeat left center; padding:0 20px 0 20px; font-size:11px;} 
   .post .meta .category {float:left; background:url(images/icon_category.gif) no-repeat left center; padding:0 0 0 20px; font-size:11px;} 
   
 .post .text  { padding:5px 0; text-align:justify;}
  .post .text p { margin-bottom:10px;}
  .post .text ul { list-style-type:none; padding:0 0 0 5px; margin:5px;}
  .post .text ol { padding:0 0 0 10px; margin:5px 5px 5px 15px;}
  .post .text ul li { padding:2px 5px; margin:1px 0; border-left:3px solid #ccd699;}
  .post code { border:1px dotted #dddfce; display:block; padding:5px;  margin:5px;}
  .post blockquote { padding:10px; border:1px solid #dddfce; margin:5px; }
  
 
 .post .underpost {}
  .post .underpost .comments {float:left; background:url(images/icon_comments.gif) no-repeat left center; padding:0 20px 0 20px; font-size:11px; }
  .post .underpost .readmore {float:right; background:url(images/icon_readmore.gif) no-repeat right center; padding:0 20px 0 20px; font-size:11px; }


.widget { margin:0.5em 0;}
 .widget h3 { font-size:14px; color:#1e1e1e; margin:7px 0;  font-weight:normal; background:url(images/h3_bg.gif) no-repeat bottom right; padding:0 5px 4px 0; text-align:right; font-weight:bold;}
 .widget ul { list-style-type:none; text-align:right; padding:0 10px 0 0;}
  .widget ul li { background:url(images/bullet.gif) no-repeat center right; padding:4px 10px 4px 0;}
  
#footer { text-align:center;}
 #footer .menu { border-top:1px solid #d0d7a9; border-bottom:1px solid #d0d7a9; padding:10px 0; margin:5px 0; text-align:center; }
 #footer .copyright { text-align:center; padding:5px 0; margin:5x 0;}
 #footer a { text-decoration:underline;}

 
 
.navigation { padding:10px; text-align:center; font-weight:bold;}

/*Comments*/

#comment, #comments input { background:#e6edc4; }
#comment { width:435px;}

#submit { margin:5px auto; padding:5px;   }

#comments h4 {color:#313131; margin:0 0 10px 0; font-size:12px; padding:0 0 0 20px; }
#comments .comment {  margin:0 0 20px 0; padding:10px 40px; border-bottom:1px solid #ededed; border-top:1px solid #ededed; color:#808080;}
#comments .comment .meta { padding:0 0 5px 0;}
#comments .comment .author { padding:0 0 5px 0;}
#comments .comment .author span {font-weight:bold; color:#4b422b;}
#comments .comment .date {  font-size:11px; }
#comments .comment .text { font-size:11px; padding:0 0 0 0; color:#4b422b;}

#commentform { margin:0 auto 3em auto; width:400px;}
#commentform td  {  color:#333333; font-weight:bold; font-size:10px;}
#commentform input { background:#FFFFFF; border:1px solid #afada6; color:#666666; padding:4px; width:125px;}
#commentform input.submit {  border:1px solid #afada6; background:#FFFFF; width:120px; color:#333333; font-size:10px; margin:5px auto 0 auto; font-weight:bold;}
#commentform textarea { background:#FFFFF; border:1px solid #afada6; color:#333333;  width:350px; height:110px; font-family:Arial, Helvetica, sans-serif;}