/*
Theme Name: Spoton-
Theme URI: 
Description: 
Version: 
Author: asterix
Author URI: http://www.asterixgfx.com/



*/


body {
font: 11.5px Verdana,Geneva,Arial,sans-serif;
color : #4B4B4B;margin:0; padding:0;
background :#ffffff url(images/header-bg.gif) repeat-x;
}

a {color:#4B4B4B;text-decoration: underline;}
a:hover {text-decoration: none}
h1, h2, h3, h4, img {margin:0; padding:0;}
h2, h3, h4 {
	color:#97B94B;
	font-weight:normal;
}
h2{font-size:20px;}
h3, h4{font-size:14px;}
a img {border:0 none;}
p {padding : 5px 0;margin: 0; line-height:18px; }


/*  ====================== Page Structure ======================= */

#wrapper {width : 960px; margin:0 auto;padding:0;background :url(images/cont-bg.gif) repeat-y;}
#header{height:64px;}
#nav {height:36px;font-size:15px; font-weight:bold;}
#sidebar {float:left; width:269px;padding:5px 20px;}
#content{width:630px; float:left;padding:5px 20px 10px 0;border-right:1px solid #D8D8D8;}
#footer-outer {width:100%; border-top:1px solid #D8D8D8;}
#footer {width:942px; margin:0 auto;padding:20px 3px 15px 15px; text-align:right;color:#848484;font-size:11px;}
#footer a {color:#848484;}
#page-top{border-bottom:1px solid #D8D8D8;}


/*  ====================== Header ======================= */
h2.logo {border:0;text-decoration:none;font-size:26px;line-height:26px;padding-top:10px;}
h2.logo a{text-decoration : none;color:#fff;}
h2.logo a:hover{text-decoration : none;color:#fff;}
.desc {color:#5B5555;font-size:13px;padding:0;}




#search1 {margin:0; padding:0 20px; width:285px;float:left; }
#search1 input {margin:2px 0 0 0;padding:0;  border:1px solid #E4E4E4; font-size:10px;color:#4E4E4E;height:14px;}
#search1 input.txt {padding:3px 5px;width:178px;}
#search1 input.btn {padding:2px 5px;width:58px;background :url(images/btn-bg.gif) repeat-x;height:22px;}

/*  ================================= Conatiner ============================= */
#content #searchform {text-align:center;margin-top:15px;}
.post {padding:0 0 30px 0; }
.post h2 a, h2 a:hover {
	text-decoration:none;
	color:#97B94B;
}
.dt {font-size:16px;}
.entry {text-align:justify;}
.post .postinfo {
	color:#97B94B;
	font-size:11px;
}
.post .footnote {background:#F8F8F8;padding:19px; height:17px;margin-top:10px;}
.post .footnote p {margin:0; padding:0;}
.post .footnote .tags {color:#97B94B; font-size:10px;line-height:17px;}
.post .footnote .more {color:#C92127; font-weight:bold; font-size:16px;line-height:17px;float:left;width:220px;}
.post .footnote .more a {color:#C92127;}
.post .footnote .rt  {color:##97B94B; font-size:12px;line-height:17px;float:left;width:350px;}
.post .footnote .rt p {text-align:right;}
.post .footnote .rt a.comments-link {background :url(images/comnt.gif) no-repeat left center; padding-left:27px;}
.post .footnote .rt a.favorite {background :url(images/favorite.gif) no-repeat left center; padding-left:20px; margin-left:8px;}
.post .footnote .rt a.share {background :url(images/share.gif) no-repeat left center; padding-left:28px; margin-left:8px;}
.post .big {font-weight:bold; font-size:16px;}

/* -------------------------- Posts ----------------------------- */

/* --------------- SideBars ----------------*/
#sidebar ul {list-style : none;margin : 0;padding:0;}
#sidebar ul li {list-style:none;margin:0;padding:0 0 10px 0;font-size:11px;}
#sidebar ul li h2{
	padding:0 0 10px 0;
	color:#97B94B;
	font-size:25px;
}
#sidebar ul ul li {padding:0 0 10px 10px; background :url(images/sb-li.gif) no-repeat 0 5px;}

#sidebar ul ul.ads li{display:inline;background-image:none;padding: 0;margin:0;}
#sidebar ul ul.ads li img {border:1px solid #E9E9E9;padding: 0;margin:0 6px 6px 0;}

/* ===== Home Page/Other Pages ==*/

#page-top .slogan {float:left;width:650px; height:223px;background :url(images/slogan.jpg) no-repeat left center; }
#page-top .aboutus {
	float:left;
	width:280px;
	min-height:168px;
	background :#EDFAD0;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
* html #page-top .aboutus {height:168px;}
#page-top .aboutus h2{padding:0;color:#7a7a7a;font-size:15px;}
#page-top .aboutus p{ font-size: 90%;padding-bottom:15px;}
.home-intro {float:left;width:155px;text-align:center;padding:5px 55px 10px 0;}
.home-intro .last {padding:0 0 10px 0;}
.home-intro h3 {font-size:12px;color:#868686;background:#F6F6F6;line-height:18px;font-weight:bold;}
.home-intro p {color:#4B4B4B;padding:0 5px;}



/*  ================================= Footer  ============================= */


#footer ul {margin :0; padding:0; list-style:none; }
#footer li {margin :0; list-style : none; display:inline; padding:0 12px 0 14px;background :url(images/f-li.gif) no-repeat left center; }
#footer li.home {padding:0 12px 0 0;background :none;}
#footer p {padding-right:12px;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
/*  ================================= Others ============================= */

.clr {clear : both;margin:0; padding:0;font-size:1px; line-height:1px;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; color:#7E7E7E; width:100%;padding:0 0 10px 0;font-weight:bold;}
small {margin:0; padding:0; font-size:12px;}

h2.pagetitle, h2.center {text-align: center; font-size:16px; padding-bottom:10px; }
h3#comments {padding:20px 0; font-size:18px;}
h3#respond {padding:10px 0;color:#C92127; font-size:18px;}

input, select{margin:0; padding:0; border:1px solid  #ECECEC;background:#fff; width:370px;height:24px;}
textarea {margin:0; padding:0; border:1px solid  #ECECEC;background:#fff; width:370px;}
#commentform #submit, #searchsubmit, #contactsubmit {background :url(images/submit-bg.gif) repeat-x ; color:#575454; width:160px; text-align:center;height:36px;font-weight:bold;margin-left:25px;}
#searchform input#s{width:170px;padding:3px;height:18px;}
input#searchsubmit {height:24px;margin:0 0 0 5px;width:120px;padding:3px;}
blockquote { border-left: 3px solid #E9E9E9;}
	
ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 12px;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #e9e9e9;margin:5px;padding:5px;display:block;}


/* Begin Calendar */
#calendar_wrap {border-top: 0;margin-top:10px;}
#calendar_wrap table, #calendar_wrap th {margin:0 auto;padding:0;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 98%;	font-size: 9px;}
#wp-calendar #next a {padding-right: 2px;text-align: right;}
#wp-calendar #prev a {padding-left: 2px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;font-size:12px;padding:0 0 5px 0;font-weight:bold;}
#wp-calendar td {padding: 1px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #900000; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9px;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#calendar_wrap #today {font-weight:bold;color:#fff;background:#900000;}
/* End Calendar */

.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}



/* Begin Images */
.entry  p img {	padding: 0;	max-width: 90%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* End Images */



/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none;list-style-image: none;}


/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */



/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin-bottom:5px; padding: 5px 20px; list-style: none; background:#FAFAFA;border:1px solid #F0F0F0;font-size:12px;}
.commentlist li img {float:left; width:61px; height:61px;border:1px solid #F3F3F3;margin:5px;}
.commentlist li .title, .commentlist li .title a {color:#C92127;font-weight:bold;}
.commentlist p {margin: 0;padding:5px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}
/* End Comments */

/* Comment Form */
.comment-reply {background:#FAFAFA;border:1px solid #F0F0F0;padding:15px;margin-top:15px;}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:49%; text-align:right; 	}
.navigation .alignleft {width:49%; text-align:left;}
/* End Various Tags & Classes*/

.post img {padding:5px;}

.contactform form {text-align:left;background:#FAFAFA;border:1px solid #F0F0F0;padding:20px;}
#contactsubmit {background :url(images/submit-bg.gif) repeat-x ; color:#575454; width:160px; text-align:center;height:36px;font-weight:bold;margin:15px 0 0 0;}
.contactright {padding-bottom:15px;}

/* --------- Navigation -------- */
/*

#nav ul {margin :0; padding:10px 15px; list-style:none; float:left; width:620px;}
#nav li {margin :0; list-style : none; display:inline; padding:0 42px 0 0;line-height:16px; }


*/

#nav li a {
	color:#6B8A29;
	text-decoration:none;
}
#nav li a:hover {
	color:#6B8A29;
	text-decoration:none;
}

#menu {margin :0; padding:2px 15px 2px 0; float:left; width:620px;
border : none;
height : 32px;
}

#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu ul li {
float : left;
position : relative;
z-index : 1000;
line-height : 32px;
}
#menu ul li a {
	display : block;
	float : left;
	height : 31px;
	line-height : 31px;
	margin-left : 1px;
	padding : 0 30px 0 10px;
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	background-color: #DAF0A9;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #DAF0A9;
}


#menu ul li ul {
display : none;
border : none;
}
#menu ul li ul {
	margin : 0;
	background-color : #DAF0A9;
	padding : 0;
}
#menu ul li:hover {
width : auto;
}
#menu table {
position : absolute;
z-index : 999;
top : 0;
left : 2px;
border-collapse : collapse;
}
#menu ul li:hover a {
	background-color : #DAF0A9;
	text-decoration : none;
	border-bottom : 1px solid #f6f6f6;
}
#menu ul li:hover ul {
display : block;
position : absolute;
z-index : 998;
margin-top : 31px;
left : 2px;
}
#menu ul li:hover ul li a {
display : block;
width : 14em;
height : auto;
line-height : 1.3em;
padding : 4px 10px;
border : 1px solid #EDEDED;
border-top : 0;
background : #f6f6f6;

margin-left : -1px;
font-weight : normal;
}
#menu ul li:hover ul li a:hover {
	text-decoration : none;
	background-color: #DAF0A8;
}
#menu ul li a:hover {
	background-color : #DAF0A7;
	text-decoration : none;
	border-bottom : 1px solid #DAF0A9;
}
#menu ul li a:hover ul {
display : block;
position : absolute;
z-index : 998;
margin : 31px 0 0 0;
}
#menu ul li a:hover ul li a {
	display : block;
	width : 14em;
	height : 1px;
	line-height : 1.3em;
	padding : 4px 10px;
	border : 1px solid #DAF0A9;
	border-top : 0;
	background-color : #DAF0A9;
	margin-left : 0;
	font-weight : normal;
}
#menu ul li a:hover ul li a:hover {
	background-color : #DAF0A8;
	text-decoration : none;
}