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

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

body{ background: url(images/cctbg.jpg) #fff repeat-x top; font-family:Georgia }
a{
	color:#000099;
	text-decoration: none;
	font-weight:bold;
}
  a:hover{ color:#FFFFFF; text-decoration:none; background:#5B261B }

#header .blog-title{ line-height:49px; display:inline }
#header .blog-title a{
	background:#812E36;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
	padding:10px 15px;
}
  #header .blog-title a:hover{
	text-decoration:none;
	background:#663399
}

#header .blog-description{ display:block; color:#fff; font-style:oblique; font-size:16px; font-weight:bold; padding:0 15px;  }

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 13px }
#pagenav a{display:block }
#pagenav li{float:left; font-weight:normal; line-height:40px; font-family:Georgia, Times, serif }
#pagenav li a{
	font-size: 1em;
	padding-top:4px;
	border-right:1px solid #F9F9F2;
	text-transform:lowercase;
	background: #FFFFFF;
}
#pagenav .hometab a{border-left:1px solid #F9F9F2 }
#pagenav li ul li a{font-size: 18px; padding-top:0 }
#pagenav li a:hover{background:#DEDBD1; text-decoration:none; }
#header #search-spot { display: none; }

.btn {display:none; }

div.slider-post a.btn {display:block;  width: 200px; !important margin: 0 auto;}

.post h4 {
margin:0;
font-size: 1.2em;
}
.post h2 {
margin:0; padding:0;
}

a.blogbutton {
	background-color:#660033;
	display: block;
	float: right;
	padding: 10px;
	margin: 4px;
	width: 200px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
a.blogbutton:hover {
	background-color:#999999;
}