/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:
*/
/*body { background-color:#E3E8EE; font:13px 'Trebuchet MS', arial, helvetica, sans-serif; background:url(images/background.png) repeat-x center top; }*/
body { margin: 0px; padding: 0; color: #333333; background-color:#E3E8EE; background-image: url(images/background.png); background-repeat: repeat-x; font-family: 'Trebuchet MS', arial, helvetica, sans-serif; font-size: 12px; line-height: 22px; }
a { color:#333333; text-decoration:underline; }
a:hover { text-decoration:none; background-color:#A4C61A; margin-top: 0px; color: #000;}


#header .blog-title a{ background:#FFF }
#header { height:98px; background:url(images/header_bg.png) repeat-x center top; margin-top:7px;  }
p { font-size:13px; }
#header p.description { position:absolute; left:70px; top:73px; text-transform:uppercase; color:#5e4e38; font-size:12px; }

#banner-in { height:285px; height:285px; background:url(images/bannerbg.jpg) no-repeat; }
.wrap-slider{ background:#9c8d6f url(images/bannerbg.jpg) repeat-y top; margin:0; position:relative }
	
#footer { clear:both; padding:13px 0 15px 0; height:100%; overflow:hidden; border-top:6px solid #A0CC22; }
	
#nav  { clear:both; width:900px; margin:0 auto 16px auto; background:#FFF url(images/navbg.jpg) no-repeat; height:37Px; padding:0px 20px;  }
#nav li  { margin:0 0 0 10px; font-size:13px; font-family: arial; float:left; height:40px; font-weight:bold;  }
#nav li a { padding:8px 10px 9px 10px;  clear:both; display:block; color:#FFF; text-decoration:none;  }
#nav li a:hover { color:#555555; background:#FFF url(images/navbg_h.png) repeat-x top;  }
#nav li.current_page_item a{ color:#555555; background:#FFF url(images/navbg_h.png) repeat-x top;  }

.stepcarousel{ position: relative !important; margin:5px 0 0 25px; overflow: scroll; height: 280px }
.stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 5px; width: 810px; padding:0 20px 0 10px }
.slider-post .slider-title{ color:#666666; font:normal 35px Georgia; padding:10px 0 15px 0 }
.slider-post p{ color:#666666 }

#footwidgets-front .widget-spot .widget a.widget-title{ font:bold 12px Georgia; color:#555555  }
#footwidgets-front .widget-spot .widget h3{ text-transform:lowercase; text-align:center; font-weight:bold; font-size:25px; font-family: 'Trebuchet MS', helvetica, arial; padding:20px 0 10px 0; color:#555555 }


h1  { padding-top:20px; margin-bottom:25px; color:#555555; font-size:25px; font-family:helvetica, 'Trebuchet MS', arial; font-weight:bold; border-bottom:0px solid #555555; }
h3 {  margin:10px 0 10px 0; padding:0; color:#555555; text-transform:uppercase; }

.fl{ float: left; width: 940px }

#sidebar h3 { font-size:18px; margin:0 0 8px 0; padding:0; color:#555555; font-weight:bold; }
#sidebar ul { margin:0 0 25px 0; padding:0; }
#sidebar li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(images/bullet.png) no-repeat 0 7px; border-bottom:1px solid #CCCCCC; line-height:18px; }
#sidebar li a { color:#555555; text-decoration:none;  }
#sidebar li a:hover { background-color:#A4C61A; color:#000; text-decoration:none;  }

.post_img { border:4px solid #CCCCCC; margin-bottom:12px;  }
.post_title { float:right; width:510px;  }
#content .posts h3 { margin:0; padding:5px 0 3px 0; color:#333333;  }
#content .posts h3 a { color:#333333; text-decoration:none; }
#content .posts h3 a:hover { color:#333333;  }

#content h4 { margin:10px 0 15px 0; padding:15px 0 5px 20px ; color:#464032; font-family: 'Trebuchet MS', arial, helvetica, sans-serif; border-bottom:1px solid #CCCCCC; background:url(images/bullet-green.gif) no-repeat 0 19px;  }

#content .post_bottom { background:url(images/sepretor_hr.png) repeat-x top; padding:8px 0 11px 110px; clear:both; color:#333333; }
#content .post_bottom a { color:#333333; text-decoration:underline;  }
#content .post_bottom a:hover { color:#333333; text-decoration:none; }

.Navi { float: right; padding: 0 0 20px 0 }
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding:11px 15px; margin-left: 4px; background: #819C14 !important }
  .Navi a { text-decoration: none !important; background:#666666; color: #fff; display: block; float: left; margin-left: 4px; padding:10px 13px; }
    .Navi a:hover { color:#fff; background: #333333 }

#comments .comment .meta-left { width: 90px; float:left; color:#666666 }
#comments .comment .text-right { min-height:70px; margin:0; background:#ffffff; border:1px solid #CCCCCC; padding: 12px; margin-left:100px; float:none }
#comments .comment .meta-left { width: 90px; float:left; color:#CCCCCC }
#comments .comment .authcomment{ background:#F7F7F7; border:1px solid #CCCCCC }
#respond textarea, .commpadd input{ background:#ffffff; border:1px solid #CCCCCC }
input#submit{ font:bold 12px Arial; color:#FFFfff; text-align:center; padding: 5px; background:#86A215; border:1px solid #666666; margin:0 }

#urlbutton a{
    background-color:#555555;
    margin-top: 10px;
    padding:4px;
    color: #FFF;
    text-decoration:none;
    font-weight:bold; 
}
#urlbutton a:hover{
    background-color:#A4C61A;
    margin-top: 10px;
    padding:4px;
    color: #000;
    text-decoration:none;
    font-weight:bold; 
}