/*
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:#ffffff url(images/bodybg.png) repeat-x top; font:13px 'Trebuchet MS', arial, helvetica, sans-serif; /*background:url(images/gride.png) repeat-y center top;*/ }
a { color:#555555; text-decoration:underline; }
a:hover { text-decoration:none; background-color:#A4C61A; margin-top: 0px; color: #000;}


#header .blog-title a{ background:#cccccc }
#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 #555555; }
	
#nav  { clear:both; width:900px; margin:0 auto 16px auto; background:#A4C61A url(images/navbg.jpg) no-repeat; height:40px; padding:0px 20px;  }
#nav li  { margin:0 0 0 10px; font-size:13px; font-family: arial; float:left; text-transform:uppercase; height:40px; font-weight:bold;  }
#nav li a { padding:12px 10px 9px 10px;  clear:both; display:block; color:#DEDEDE; text-decoration:none;  }
#nav li a:hover { color:#555555; background:#A4C61A url(images/navbg_h.png) repeat-x top;  }
#nav li.current_page_item a{ color:#555555; background:#A4C61A 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  { margin-bottom:5px; color:#555555; font-family:helvetica, 'Trebuchet MS', arial; font-weight:bold; border-bottom:2px 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 .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; 
}