/*  Theme Name:Kid Meets Cougar Theme 
Theme URI:http://kidmeetscougar.com 
Description:The Theme for KMC 
Version:1.1 
Author:Max Supera 
Author URI:http://SuperaDesign.com 
Tags:Max Supera, Kid Meets Cougar, The Best Shit Eva 
*/


/* BODY ATTRIBUTES */
#body {background:#000000;}




/* HEADER ATTRIBUTES */

#header {height: 372px; background: url(http://www.kidmeetscougar.com/wp-content/uploads/2010/03/topbg3.jpg) top center no-repeat;}


	#clickHome {width: 640px; height: 100px; position: absolute; top: 0px; left: 0px;}


#tweetWrap {position: absolute; width: 340px; height: 155px; background:transparent url(images/twitter.png) bottom center no-repeat; padding:170px 0px 0px 50px;}

#twitter_div {float: left; width:280px; height: 186px; color:#350d01; font-size:12px; font-weight:bold; list-style:none; text-align: left;}
			
						#twitter_div a {text-decoration:none; color:#4285bb; font-weight: bold;}
						
						#mytwitlink {float:center; margin-right:20px; }
						
						#twitter-link {font-size:8px; text-align:right; float:right;}
			
			#twitter_update_list li {list-style:none;}

			#twitter_update_list {margin: 50px 0px 0px 10px; width: 250px; height: 70px;}
			
			





/* MENU ATTRIBUTES */

#menu {margin-top: 13px;}

#menu a {font-family: Georgia, serif; font-size: 16px; font-weight: bold; color: ; text-decoration: none; display: inline-block; padding:3px 5px 5px 5px;}

#menu a:hover {color: #bfdbeb; background-color: #350d01; background: url(images/select_04.jpg) center bottom no-repeat;}




/***************************

CONTENT ATTRIBUTES 

****************************/


		/* HOMEPAGE */


		a.homeLink {text-decoration: none;}

		.homeTitle {font-size: 25px; font-weight: bold; color: #350d01; text-decoration: none;}
	
		.myDate {font-size: 25px; color: #bfdbeb; font-weight: bold;}
		
		.homePost {width:100%; margin: 35px 0 15px 10px; border-bottom: gray solid thin;}
		
		#homeVideo {width:100%; margin:25px 0 35px 10px;}
		
		span.arrow {font-size: 10px;}



.noTitlePost {width:100%; margin: 55px 0 15px 10px;}


.readMore {padding: 5px 0; width: 100%; text-align: right; font-size: 10px;}

.readMore a{text-decoration: none;}

.readMore a:hover {color: #350d01;}


.singlePost {border: none;}




/* Shows */

.eventName a {margin-left: 6px;}






















/*SPACE*/

.spacer {height: 300px;}







/* SIDEBAR */

#sidebar {float: right; text-align: left; margin-top: 40px; width:100%; background-color: ;}

.widget {padding-bottom: 45px;}



ul.gigs li {margin-left: 0; margin-bottom: 5px; display: inline-block; padding: 4px 7px 4px 7px; background-color: #e6e6e6; width: 100%;}


ul.gigs li:hover {background-color: #ccc;}


.textwidget {text-align: center;}

#sidebar .text-4 img {border: solid thin #ccc;}










/* FOOTER ATTRIBUTES */


#footer {width:100%; height: 200px; background-color: #241A10;}



#footHold {width: 960px; height: 200px; margin: 0 auto; overflow: visible;}

	#social {width: 400px; height: 36px; float: left;}
		
			.icon {float: left; height: 36px;}
					
		#facebook {width: 32px; background: url(images/facebook.jpg) top left no-repeat;}
		
		#myspace {width: 24px; background: url(images/myspace.jpg) top left no-repeat;}
		
		#twitterIcon {width: 32px; background: url(images/twitterIcon.jpg) top left no-repeat;}
		
		#rss {width: 32px; background: url(images/rss.jpg) top left no-repeat;}
		
	#supera {background: url(images/supera-tag.jpg) bottom right no-repeat; width: 80px; height: 23px; position: relative; float: right; right: 0px; top: -23px;}
	
	#copyright {height: 23px;  color: white; font-family: Helvetica, Arial, sans-serif; font-size: 9px; text-align: right; position: relative; float: right; top:-24px;}





/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.myCommentHolder {border-top: gray solid thin; margin-top: 0px;}

#comment {width: 620px;}

.commentmetadata a {text-decoration: none; font-size: 9px;}


#comments{clear: both; margin: 30px 0px;}
	.comment{margin: 0px 0px 0px;}
		.comment h3{display: block; margin-bottom: 10px; font-weight: bold; font-size: 14px;}
			.comment h3 a{}
			.comment h3 a:hover{}
			.comment h3 .comment-date{float: right; padding: 3px 0px 0px; font-weight: lighter; font-size: 10px;}

		.user{float: left; width: 78px;}
			.user img{width: 40px; padding: 10px; margin-right: 10px;}
			.user a.reply-link{display: block; width: 60px; height: 18px; padding: 7px 0px 0px; margin: 10px 0px 0px; overflow: hidden; text-align: center; font-size: 11px; font-weight: bold;}
				.user a.reply-link:hover{background-position: bottom;}
				
		.comment-post{float: right; width: 522px; margin-bottom: 20px;}
			.comment-content{ padding: 1px 20px; font-size: 13px;}

	.comment-odd{}
	
	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{width: 522px; margin-left: 78px; clear: both; margin-top: 20px;}
		.threaded-comments .thread-comment{clear: both; }
			.threaded-comments .last{}
			
			.threaded-comments .user{}
				.threaded-comments .comment-post{ width: 444px; margin-bottom: 20px;}
					.threaded-comments .comment-post blockquote{}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{clear: both; margin: 30px 0px;}
	.comment-form-content h2{margin: 0px 0px 20px;}
	.comment-form-content .comment_form label{float: left; display: block; width: 130px; height: 50px; margin: 15px 0px 5px; font-size: 20px; font-weight: bold; text-align: right;}

	.comment-input{float: right; width: 462px; height: 50px; margin-bottom: 20px; overflow: hidden;}
		.comment-input input{width: 430px; height: 24px; padding: 3px 0px; position: relative; top: 9px; left: 20px; background: none; border: none; font-size: 18px;}
		
	.comment-texarea{float: right; width: 462px; height: 220px; margin-bottom: 20px; overflow: hidden;}
		.comment-texarea textarea{width: 430px; height: 190px; padding: 3px 0px; position: relative; top: 9px; left: 20px; background: none; border: none; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
		
	.checkbox{clear: both; margin: 0px 0px 20px 150px; font-size: 15px; font-style: italic;}
	input.submit_button{clear: both; margin: 0px 0px 0px 150px;}











/* FOR TEXT WRAP */

img.centered, .aligncenter, div.aligncenter {
	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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}