/*
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:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/

body{
  background: url(images/bg.jpg) repeat;
  font-family: Arial;
}

p, h1, h2, h3, h4, h5, h6{
  font-family: Arial;
}

#footwidgets-front .widget-spot .widget h3{
	line-height: 1.1;
	font-size: 19px;
}

#footwidgets-front .widget-spot .widget ul li, .sidebar ul li {
	line-height: 18px;
}

.wrap-slider{
  background: #008000;
  width:910px;
  height: 245px;
}

.slider-post img.fl{
  background: white;
}

.slider-post p, #footer{
  color: white;
}

.slider-post .slider-title{
  font-size: 32px;
}

#top_menu{
  background: #008000;
  margin-bottom: 6px;
  height: 38px;
}

#top_menu li a{
  color: black;
}

.pagespot{
  margin-left: 0;
}

.featslider{
  padding-bottom: 10px;
}

.footwidgets-spot{
  margin-top: 10px;
}

.sidebar .widget h3{
  background: black;
  color: white;
}

.sidebar ul, .sidebar ol{
  padding: 0;
}

#footer .copyright{
  font-weight: bold;
}

.featured-button-l, .featured-button-r{
  top: 95px!important;
}

#header h1.logo{
  margin-top: 5px;
  margin-left: 12px;
}

#header h1 a{
  font-size: 5px;
}                

#top_menu li a{
  padding-bottom: 4px;
}

#top_menu ul li ul{
  padding-top: 0;
}

.post p{
  overflow: hidden;
}