/*  
Theme Name: KKP Light
Theme URI: http://www.mike250.com/blog
Description: Modification of KKP Light by Tony Geer
Version: 1.0
Author: <a href="http://www.mike250.com/">Michael Doig</a>
Author URI: http://www.mike250.com/
*/


/*--------------------------------------------------------------------------------------
		LAYOUT
----------------------------------------------------------------------------------------*/

body    	{
		color:#333;
		font-family:verdana, arial, tahoma, sans-serif;
		font-size:11px;
		text-align:center;
		background-color:ffffff;
		}
.nowplaying	{
		margin-top: 5px;
		margin-bottom: 1px;
		color:#717171;
		font-size:11px;
		font-family:verdana, arial, tahoma, sans-serif;
}
.twitter-timestamp {
		margin-top: 5px;
		margin-bottom: 1px;
		color:#B4B2B2;
		font-size:9px;
		font-family:arial, tahoma, sans-serif;
}
.navdate 		{		
		color:#ffffff;
		font-family:verdana, arial, tahoma, sans-serif;
		font-size:11px;
		}
#header 	{
		height:126px;
		width:700px;
		background-image:url(/images/headers/rotator.php);
		background-position:top right;
		background-repeat:no-repeat;
		}
#headermain 	{
		height:288px;
		width:700px;
		background-image:url(/images/headermain/rotator.php);
		background-position:top right;
		background-repeat:no-repeat;
		}
.theauthorbg { 
		width:181px; height:144px; background:url(http://www.mike250.com/blog/wp-images/theauthorbg.jpg) no-repeat; 
		background-image:url(/images/authorbg/rotator.php);
		}
.sportcorner { 
		width:181px; height:100px; background:url(http://www.mike250.com/blog/wp-images/sportcorner.jpg) no-repeat; 
		}		
.dailygallery { 
		width:181px; height:200px; background:url(http://www.mike250.com/blog/wp-images/dailygallery.jpg) no-repeat; 
		}		

.searchsite { 
		width:181px; height:100px; background:url(http://www.mike250.com/blog/wp-images/searchsite.jpg) no-repeat; 
		}		

.posttitle 	{
		font: 16px/1em "Trebuchet MS", Verdana, Arial, sans-serif;
		text-transform: none; letter-spacing: 2px; line-height: normal; font-weight: bold; text-decoration: none; background-color: transparent; color: #5674B9; border-color: #FFFFFF;
		color:#006699;
		text-decoration:none;
		}
.cattitle 	{
		font: 20px/1em "Trebuchet MS", Verdana, Arial, sans-serif;
		text-transform: none; letter-spacing: 2px; line-height: normal; font-weight: bold; text-decoration: none; background-color: transparent; color: #5674B9; border-color: #FFFFFF;
		color:#DDDDDD;
		text-decoration:none;
		}		
.posttitlesm 	{
		font: 12px/1em "Trebuchet MS", Verdana, Arial, sans-serif;
		text-transform: none; letter-spacing: 2px; line-height: normal; font-weight: bold; text-decoration: none; background-color: transparent; color: #5674B9; border-color: #FFFFFF;
		color:#006699;
		text-decoration:none;
		}		
.date 		{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#999999;
		font-weight: bold;
		margin-bottom:1px;
		}
.playing	{
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #6B6BA9;
		}
form input, select, textarea {	
		border:1px solid #aaa;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:13px;
		padding:0px 1px 1px 2px;
		background-color:#FFF;
		color:#105687;
		}

blockquotea 	{
	  	margin: 5px 0 10px 30px;
	  	padding: 18px 0 0 42px;
	  	font-size: 100%;
	  	color:#000;
	  	line-height: 1.5em;
	  	background: url(images/quote-open.gif) no-repeat top left;
	  	}		

blockquote {
    border:1px dotted #933;
    border-top:1px dotted #888;
    background:#FFE;
    padding:8px 15px;
}
blockquote p {
    font:10px/160% "Verdana", sans-serif;
}
blockquote p cite {
    margin:auto 5px;
    padding-left:16px;
    background:transparent url(images/cite.png) 0 1px no-repeat;   
}

#content .comment_options span.date {
	width: auto;
	background: url(images/calendar.gif) no-repeat center left;
	padding-right: 0;
	padding-left: 18px;
	margin-right: 2em;	
	color: #6B6BA9;
	font-weight: normal;
}

#content .comment_options span.twitter {
	width: auto;
	background: url(/images/twittericon2-thumb.gif) no-repeat center left;
	padding-right: 0;
	padding-left: 18px;
	margin-right: 0;	
	color: #GGGGGG;
        font-family:verdana, arial, tahoma, sans-serif;
	font-weight: normal;
}

#content .comment_options span.itunes{
	width: auto;
	background: url(/images/itunes.gif) no-repeat center left;
	padding-right: 0;
	padding-left: 18px;
	margin-right: 0;	
	color: #000000;
        font-family:verdana, arial, tahoma, sans-serif;
	font-weight: normal;
}

#content .comment_options span.more {
	width: auto;
	background: url(images/arrow.gif) no-repeat center left;
	padding-right: 0;
	padding-left: 18px;
	font-weight: normal;
}

#content .comment_options span.comments {
	width: auto;
	margin-left: 2em;
	background: url(images/forum.gif) no-repeat center left;
	padding-right: 0;
	padding-left: 18px;
	font-weight: normal;
}

#content ul {
	list-style-type: none;
	padding-left: 20px;
	margin: 0px;
}

#content li {
	list-style-type: square;
	padding: 0px 0px 4px 12px;
	background: url(images/bullet-doc.gif) no-repeat 0 3px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

.alignleft{
	float:left;
	text-align:left;
	width:50%
}
			
.alignright{
	float:right;
	text-align:right;
	width:50%;
}

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

#sexycomments ol {
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
}
#sexycomments ol li {
	background: #EEFACC;
	border-top: 1px solid #C3E169;
	border-bottom: 1px solid #C3E169;
	font-size: 0.9em;
	list-style:none;
	margin:0 0 3px 0;
	position:relative;
}
#sexycomments ol li.odd {background: #ffffff;}
#sexycomments ol li a:link{color:#003366; text-decoration: none;}
#sexycomments ol li a:visited{color:#003366; text-decoration: none;}
#sexycomments ol li a:hover{color:#003366; text-decoration: underline;}
#sexycomments ol li a:active{color:#003366; text-decoration: none;}
#sexycomments ol li.author{
	background: #C3E169;
	border-top: 1px solid #91C100;
	border-bottom: 1px solid #91C100;
}
#sexycomments ol li.author .bio{background:#91C100;}
#sexycomments ol li.author a:link{color:#ffffff; text-decoration: none;}
#sexycomments ol li.author a:visited{color:#ffffff; text-decoration: none;}
#sexycomments ol li.author a:hover{color:#ffffff; text-decoration: underline;}
#sexycomments ol li.author a:active{color:#ffffff; text-decoration: none;}
#sexycomments ol li a.avatar img{
	border: 3px double #ccc;
	float:left;
	margin: 0 3px 3px 0;
}
#sexycomments ol li blockquote{
	border-top:5px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 3px;
	margin: 3px 6px;
}	
#sexycomments ol .bio{background:#e8e8e8;overflow:auto;width:150px;}
#sexycomments ol .comment{padding-right:2em;position:relative;}
#sexycomments ol .comment-count{
	color: #91C100;
	font-size: 1.8em;
	font-style: italic;
	position:absolute;
	right: 5px;
	top: 5px;
}
#sexycomments ol li .message{color:#91C100;font-size: 0.9em;font-style:italic;}	
#sexycomments ol td{padding:3px;}
#sexycomments .commentmetadata {
	color:#333;
	font-size:0.6em;
	font-family: Times New Roman, Georgia, Serif;
	margin:0;
	padding-bottom:5px;
}
#sexycomments .sexycomments-footer{
	display:none;	color:#ccc;
	font-size:0.6em;
	text-align:center;
}

			
/*--------------------------------------------------------------------------------------
		LINKS
----------------------------------------------------------------------------------------*/
		
a:link 		{
		color:#2179C8;
		font-size:11px;
		text-decoration:none;
		}

a:hover 	{
		color:#000;
		font-size:11px;
		text-decoration:underline;
		} 

a:visited 	{
		color:#2179C8;
		font-size:11px;
		text-decoration:none;
		}

a:active 	{
		color:#2179C8;
		font-size:11px;
		text-decoration:none;
		}

.nav 	 	{
		color:#ffffff;
		font-size:11px;
		}
		
.nav a:link 	{
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		}

.nav a:hover 	{
		color:#ffffff;
		font-size:11px;
		text-decoration:underline;
		} 

.nav a:visited 	{
		color:#ffffff;
		font-size:11px;
		}

.nav a:active 	{
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		}

.side a:link 	{
		color:#717171;
		font-size:12px;
		text-decoration:none;
		}

.side a:hover 	{
		color:#717171;
		font-size:12px;
		text-decoration:underline;
		} 

.side a:visited 	{
		color:#717171;
		font-size:12px;
		}

.side a:active 	{
		color:#717171;
		font-size:12px;
		text-decoration:none;
		}
		

			

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

#comments h2 {margin-bottom:24px;}

#comments h2 a {
  margin-left:2px;
  padding-left:6px;
  border-left:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.55em;
}

#comments ul {margin:0 0 0 20px;}

#comments li {
  position:relative;
  margin-bottom:18px;
}


#comments li p {padding:0 0 10px 0;}

#comments .header {
  position:relative;
  min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin:0 0 10px 0;
  padding:3px 6px;
}

* html #comments .header {height:19px;} /* IEWin */

#comments .header strong {font-family:Georgia,sans-serif;}

#comments .header .gravatar {
  position:absolute;
  top:1px;
  right:1px;
}


#comments h2 {margin-bottom:24px;}

#comments h2 a {color:#6C8C37;}

#comments li.comment {list-style-image:url(images/comments.gif);}

#comments li.trackback,#comments li.pingback {list-style-image:url(images/pingtrackback.gif);}

#commentform {background-color:#EDF3DE;}

#comments .header {background-color:#EDF3DE;}

#comments .header.alt {background-color:#E9F7F6;}


.editlink {
  height:14px;
  width:14px;
  right:2px;
  background:url(images/edit.gif);
}

/*--------------------------------------------------------------------------------------
                NOW PLAYING 
----------------------------------------------------------------------------------------*/

div.nowPlaying {
	background-color:#e8edf1;
	margin-bottom:15px;
	clear:both;
	width: 288px;
}
div.nowPlaying div.top {
	background:transparent url(/images/nowPlaying-top.gif) top left no-repeat;
	height:6px;
	font-size:1px;
	width: 288px;
}
div.nowPlaying div.bottom {
	background:transparent url(/images/nowPlaying-bottom.gif) top left no-repeat;
	height:6px;
	font-size:1px;
	width: 288px;
}

/*--------------------------------------------------------------------------------------
		CSS COLOUR TABS
----------------------------------------------------------------------------------------*/

		
#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #8cb85c url(/images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(/images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #528AC4;
}

#ddcolortabs a:hover span{
background-color: #528AC4;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #597D30;
}

#ddcolortabsline{
clear: both;
padding: 0 0 0 10px;
width: 690;
height: 25px;
line-height: 25px;
background: #597D30;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}		

/* -- Gallery thumbnails ------------------ */

.gallery-thumb {
	width: 100%;
	margin: 5px;
	float: left;
	text-align: left;
}

.gallery-thumb img {
	background: #f3f3f3;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 1px;
	-moz-border-radius: 3px;
}

.gallery-thumb a img {
	border-color: #ccc;
}

.gallery-thumb a:hover img {
	border-width: 2px;
	border-color: #38c;
	margin: 0;
	-moz-border-radius: 5px;
}


.thumb	{
	width:200px;
	margin: 5px;
	float: right;
	text-align: left;
	background: #f3f3f3;
	border: 1px solid #ddd;
	padding: 5px;
	-moz-border-radius: 5px;
	}

/*.thumb {	
	background: #f3f3f3;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 1px;
	width: 200px;
	--padding-left: 15px;
	margin: 0px;
	float: right;
	text-align: left;
	}*/
	

/*.thumb {
	--width: 33%;
	--height: 155px;
	padding-left: 15px;
	margin: 0px;
	float: right;
	text-align: left;
}

.thumb img {
	background: #f3f3f3;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 1px;
	width: 200px;
	-moz-border-radius: 3px;
}*/



.thumb a {
	border-color: #ccc;
}

.thumb a:hover {
	border-width: 2px;
	border-color: #38c;
	margin: 0;
	-moz-border-radius: 5px;
}