/*
Theme Name: kaput
Theme URI: http://binarybonsai.com/wordpress/k2/
Description: Based on <a href="http://binarybonsai.com/k2/">K2</a>. Developed by <a href="http://binarybonsai.com">Michael Heilemann</a> and <a href="http://chrisjdavis.org">Chris J. Davis</a>. Share and distribute.
Version: One
Author: Iain Claridge
Author URI: http://www.iainclaridge.co.uk/



	

	This theme was adapted by Iain Claridge and based on K2 which was created by Michael Heilemann:
	http://binarybonsai.com/

	And Chris J. Davis:
	http://www.chrisjdavis.org/

	All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php

	

-->	CSS OVERVIEW
	
	There are sections throughout, roughly describing 
	the contents inside each section. To step through each
	section, do a search for '/ * -' (without spaces) and
	repeat the search until you find the section you need.
	
	The use of selectors has been exagerrated in some places,
	so as to make it easier for people to gain an overview
	of what classes belong where in the hierarchy.
	
	It is suggested, that you copy whatever changes you want
	to make, into a new CSS file, save it in the styles dir
	and select it from the K2 Options panel. So as to keep
	this file intact and make it easier for yourself to debug
	any potential problems as well as upgrade to future K2's.
*/


/*- Page Structure */

body {
	font: 10px Georgia; 
	color: #111;
	background: #F2F2F2 /*url('http://www.iainclaridge.co.uk/blog/wp-content/themes/kaput/images/bg_main.gif')*/ ;
	background-repeat:no-repeat;
	
	text-transform: lowercase;
	text-align: left;
	margin: 0;
	-webkit-text-size-adjust: none;
	}

#page {
background: url('http://www.iainclaridge.co.uk/blog/wp-content/themes/kaput/images/bg_page.gif');
	text-align: left;
	margin: 0 0 0 -10px ;
	padding: 0 0 0 0px;
	position: absolute;
	top: 0;
	left:0;
	/* The entire template's width is set in this class. */
	width: 780px;
	border-top: 0px solid #444;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-size: auto;
	}

body.flex #page { /* For the flexible-width setting. Not IE compatible */
	width: 80%;
	min-width: 780px;
	max-width: 1000px;
	}
	
.content { width: 780px; 
    }

div.spaceritem {
	width: 470px;
	clear: both;
	height: 1px;
	}     
    	
#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 160px;
	border-bottom: 1px solid #f2f2f2;
	background-repeat:no-repeat;
	background-size: auto;
	background-color: #f2f2f2;
}

.primary {
	width: 510px;
	/* _width: 500px;  IE Hack */
	float: left;
	padding: 20px 0 30px;
	margin: 0 0px 0px 30px;
	display: inline;
	
	/*
	background: transparent url(http://www.iainclaridge.co.uk/blog/images/footblock.gif) no-repeat scroll 10px bottom
	*/
	}

.secondary {
	padding:  20px 0 450px;
	margin: 0;
	width: 230px;
	line-height: 140%;
	float: left;
	
	}

.comments {
    background: url('http://www.iainclaridge.co.uk/blog/images/bg_item.gif');
	background-repeat:no-repeat;
	text-align: left;
	padding: 30px 0 0 20px;
	position: relative;
	width: 490px;
	
	}
	
.comments .itemtext {	
   text-align: left !important;
  
   }
   
.comments .navigation{ 
width: 470px !important;
margin-bottom: 20px !important;
   }  

/*- Main Menu in Header */



ul.menu {
	margin: 2px 0 0 20px;
	padding: 0;
	position: absolute;
	top: 125px;
	left: 27px;
	width: 700px;
	font-size: 10px;
	font-family: Georgia;
	text-transform: none
	}

ul.menu li {
	display: inline;
	margin: 0;
	
	}

ul.menu li a {
	padding: 3px 25px 3px 2px;
	
	}
	
ul.menu li.rsstab a {
	padding: 3px 2px 3px 2px;
	
	}
	
	ul.menu li.rsstab a:hover {
	color: #111 !important; 
	background: #f2f2f2;
	}	
	
	ul.menu li.rsstab a.twitbird {
	padding: 0px !important;
	
	}
	

ul.menu li a {
	margin: 0;
	font: 10px Georgia !important;
	font-weight: normal;
	color: #111 !important; 
	
	}
	
ul.menu li a:visited {	
	font: 10px Georgia !important;
	color: #111 !important;
	}
	
	
	

ul.menu li a:hover {
	background: #7f7f7f;
	color: #fff !important;
	text-decoration: none;
	}
	
ul.menu li a:active {	
	font: 10px Georgia !important
	}
		

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #000 !important;
	background: #FFE301;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 112px;
	_padding: 5px 15px 6px; /* IE hack */
	}
	
.rsstab {
	position: absolute;
	right: 0px;
	}	
	
#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color: #111;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #f2f2f2;
}
	
	
	

a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
    font-weight: bold
	}


/*- Headings */

 h2, h3, h4 {
	}	
	

h1 { /* H1 is used for the title of your blog */
     font-family: Helvetica, Arial, sans-serif;
	font-size: 3.8em;
	font-weight: bold;
	letter-spacing: -3px;
	padding-top: 60px;
	margin: 0 0 0 29px;
	width: 100%;
	text-indent:-9999px;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: #111 !important;
	}

h1:hover {
	text-decoration: underline;
	}

#header .description { /* Blog description, under blog title */
    color: #111;
    font-family: Helvetica, Arial, sans-serif; 
	font-size: 14px;
	margin: 0 0 0 29px;
	text-transform: uppercase;
	font-weight: bold;
	letterspacing: -1px !important;
	width: 500px !important;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	text-indent:-9999px;
	}
	
.green { 	color: #51a74a !important; }
.grey { 	color: #BBBBBB !important; }

.bigtitle {
	font: bold 36px Arial, Helvetica, sans-serif;
	color: #111;
	text-decoration: overline;
	word-spacing: -3px;
	letter-spacing: -3px;
	vertical-align: text-top;
	}

#splashContainer { /* Used on homepage */
   /*  background: url('http://www.iainclaridge.co.uk/blog/images/bg_splash.gif');
	background-repeat:no-repeat; */
	margin: 0pt 0pt 0px 20px;
	padding-top: 0px !important;
	line-height: 20px;
	width: 470px;
		border-bottom: 0px solid #ccc; 
	}

#splash { /* Used on homepage */
	margin: 0px 0 0 0px !important;
	letter-spacing: -1px !important; 
	font-family: helvetica, arial !important;
	font-weight: bold; 
	font-size: 18px !important; 
	color: #111 !important; 
	width: 470px; 
	}
	
#splash img {
    margin-bottom: 15px
    
    }	
	
#cover { /* Used on homepage */
	margin: 1px 0 0 0px !important;
	letter-spacing: -1px !important; 
	font-family: helvetica, arial !important;
	font-weight: bold; 
	font-size: 18px !important; 
	/*color: #B4BB71 !important; */
	color: #ccc !important;
	border-bottom: 0px solid #111; 
	height: 50px;
	width: 470px;
	}

#cover h2 { 
     font-family: Helvetica, Arial, sans-serif;	font-size: 24px !important;
	font-weight: normal;
	color: #111 !important;
	letter-spacing: -1px;
	text-align: left;
	display: inline;
	}
	
#cover a:visited, #cover a:active {
     font-family: Helvetica, Arial, sans-serif !important;	font-size: 18px !important;
	font-weight: bold !important;
}

color: #EAFF00 }
	
#homeAbout {
   padding: 0 0px 0 0px;
   margin: 0px 0 0 0;
   border-bottom: 0px solid #111; 
   }
	

.sb-about .about_large { 

     line-height: 140%;
	font-weight: normal;
     letter-spacing: 0px;
     margin: 0;
     padding: 5px 0 0 0;
    }
    
.date {
     margin: 0px 0 0 50px !important;
     letter-spacing: 0px;
     font-weight: bold;
     display: none;
    
  }    

.pagetitle { /* Used on static pages and archives */
	text-align: left;
	margin: 10px 0 20px !important;
	height: 30px
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
     font: 22px helvetica,arial,sans-serif;
	font-weight: bold;
	color: #111 !important;
	letter-spacing: -1px;
	text-align: left;
	display: inline;
	padding-left:  20px;
	}
	
.pageitem .pagetitle h2 {
     padding-left:  0px;	
	}
	
.sidebar {
margin: 0px 20px 0px 20px !important
}	
	

.secondary h2 { /* Secondary H2 is sidebar headlines */
    font: 14px helvetica,arial,sans-serif;
    letter-spacing: -1px;
   /* background: transparent url(http://www.iainclaridge.co.uk/blog/images/heading-dash.gif) no-repeat scroll left top; */
	color: #111 !important;
	font-weight: bold !important;
	padding: 0 0 0 0px;
	display: block;
	border-top: 0px solid #ccc;
		margin: 30px 0 5px 0 !important;
	position: relative;
	
	}
	
#twitter_div {
	width: 190px 
}	
	
.twitterhead { 
	margin-top: 0 !important;
	padding-top: 23px !important
     }
     
#twitter_update_list li a, #twitter_update_list li a:visited, #twitter_update_list li a:hover, #twitter_update_list li a:active {
     font-size: 10px !important;
     font-style: italic;
     display: block
     }     
     	
#twitter_update_list li span a {
	margin-left: 0px !important;
	}	
	
.secondary h3 {
	font-weight: bold;
	font-size: 10px !important;
	display: inline
	}	
	

.primary h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
     font: 18px/26px helvetica,arial,sans-serif;
	font-weight: bold;
	color: #111 !important;
	letter-spacing: -1px;
	display: inline;
	
	}
	
.primary h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
     font: 18px/26px helvetica,arial,sans-serif;
	font-weight: bold;
	color: #111 !important;
	letter-spacing: -1px;
	display: inline;
	
	}
	
		
.primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-weight: bold;
	letter-spacing: 0px;
	display: inline;
	}	



.primary .aside h3 {
	font-size: 0.9em;
	font-weight: bold;
	}

.itemhead {
	margin: 0px !important;
	padding-top: 20px !important;
	}

.itemhead h3 {	
	padding-left: 0px;
	}
	
.itemtext {	
	padding: 0px;
	font-size: 12px;
	}	
		

.itemtext h3 { /* For use on Pages */
     font-family: helvetica, arial, verdana;
	font-size: 18px;
	font-weight: bold;
	color: #111 !important;
	display: block;
	padding: 15px 0 0 0;
	text-transform: lowercase !important;
	letter-spacing: -1px;
	line-height: 18px;
	margin-bottom: 0px;
	
	}

.itemtext h4 { /* For use on Pages */
	font-size: 0.9em;
	font-weight: bold;
	color: #111 !important;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
	}

.secondary div div div {
    margin: 0;
    }
	
.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #111;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 0.9em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink {
	font-size: 0.9em;
	}
	
.itemaside {

    } 
    
.itemaside .itemhead h3 {
  
    }     	

.permalink .primary .aside .itemtext {
	font-size: 1em;
	color: #111;
	}

.comments .primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 10px;
	width: 10px;
	border: none;
	position: absolute;
	right: 0;
	padding-top: 1px;
	}

.primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 0px;
	}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}

.aside .editlink img {
	top: 9px;
	}

.commentseditlink {
	border: none;
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}
	
h2 a, h2 a:visited, h2 a:hover, h2 a:active {
     font: 22px Helvetica, Arial;
     font-weight: bold;
     }
     
h3 a, h3 a:visited, h3 a:hover, h3 a:active {
     font: 18px Helvetica, Arial;
     font-weight: bold;
     }
     
h4 a, h4 a:visited, h4 a:hover, h4 a:active {
     font: 10px Georgia;
     font-weight: bold;
     }     	     
     	

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #111 !important;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.metadata { /* Time and category for blog entries */
	font-size: 10px;
	display: block;
	margin-top: 0px;
	padding: 5px 0px 18px 0px;
	color: #111;
	border-top: 0px solid #ccc;
	}

.metadata a {
     font: 10px Georgia !important;
	color: #111;
	}
	
.metadata a:visited {
     font-family: 10px Georgia !important;
	color: #111;
	}
	
.metadata a:active {
     font-family: 10px Georgia !important;
	color: #111;
	}	
	
	
		

.commentslink {
	padding: 2px 0 2px 5px;
	background:  url('http://www.iainclaridge.co.uk/blog/images/comment.gif') left center no-repeat ;
	margin-left: 1px;
	white-space: nowrap;
	
	}

.chronodata {
	padding: 2px 0 2px 12px ;
	background: url('http://www.iainclaridge.co.uk/blog/images/dot.gif') left center no-repeat;
	
	}

.chronodata:after {
	content: ".";
	}

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

/*- Primary Contents */

.primary .item {
	margin: 0 20px 0 20px;
	padding: 0px;
	position: relative;
	border-top:1px solid #ccc;
	}


	.primary .item .itemtext {
	text-align: left;
	line-height: 18px;
	text-transform: none;
	font-size: 12px;
	-webkit-text-size-adjust: auto !important;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 18px 0;
	}
	
	
.primary .pageitem {
	margin: 0 20px 0 20px;
	padding: 0px;
	position: relative;
	}
	
	.primary .pageitem .itemtext {
	text-align: left;
	line-height: 18px;
	text-transform: none;
	}

.primary .pageitem .itemtext p,
.primary .pageitem .itemtext ul,
.primary .pageitem .itemtext ol,
.primary .pageitem .itemtext div,
.primary .pageitem .itemtext blockquote {
	margin: 18px 0;
	}		
	

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote {
	margin: 5px 0;
	}

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote {
	margin: 18px 0;
	}

.metalinks {
	margin-top: 3px;
	}
	
.PSR_container { margin: 3px 0 0 0
}	

.commentsrsslink {
	background: url('http://www.iainclaridge.co.uk/blog/images/feed.png') left 3px no-repeat;
	padding: 2px 0 2px 15px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('http://www.iainclaridge.co.uk/blog/images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 13px;
	height: 16px;
	}

.commentsrsslink a, .commentsrsslink a:visited, .commentsrsslink a:hover, .commentsrsslink a:active, .trackbacklink a, .trackbacklink a:visited, .trackbacklink a:hover, .trackbacklink a:active {
     font: 10px Georgia !important;
	color: #111;
	padding: 2px;
	}

.comments .commentlist {
	margin: 0 20px 20px 0;
	padding: 15px 0;
	position: relative;
	border-bottom: 1px dotted #aeaeae;
	}
	
.commentlist .item {
	border-top:1px dotted #aeaeae;
	}
	
.commentlist .item .itemtext p {
	font-size: 12px;
	line-height: 140%;
	}
	
.commentlist .item .itemtext p a:active {
	font-size: 12px !important;
	line-height: 140%;
	}			
	

.comments .commentlist li {
	margin: 0px 0px 0 0;
	padding: 10px 0 5px;
	list-style: none;
	}

.comments .commentlist .commentmetadata {
	padding: 2px 0 2px 10px;
	background: url('http://www.iainclaridge.co.uk/blog/images/dot.gif') left center no-repeat;
     display: block;
	color: #111;
	}
	
.commentmetadata a { color: #111;
    }	

.comments .commentlist li img {
	padding: 0;
	border: none;
	}

.comments .commentlist li img.gravatar {
	float: right;
	margin: 0px 0 0;
	}

.comments .commentlist li .commentauthor {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	color: #111;
	}
	
.commentauthor a { 
	font: 12px Georgia !important;
	color: #111 !important;
	font-weight: bold !important;
    }
    
.commentauthor a:visited {
	font: 12px Georgia !important;
	color: #111 !important;
	font-weight: bold !important;
	}
	
.commentauthor a:active {
	font: 12px Georgia !important;
	color: #111 !important;
	font-weight: bold !important;
	}       

.comments .commentlist li .counter {
	display: none;
	font: normal 1.4em Arial, Helvetica, Sans-Serif;
	color: #111;
	float: left;
	width: 35px;
	}

.comments .commentlist li.authorcomment {
	
	}

.comments .pinglist {
	font-size: 0.9em;
	padding: 0;
	margin: 0 0 20px 0px;
	}

.comments .pinglist li {
	margin: 40px 40px 0 0;
	padding: 10px 0;
	list-style: none;
	border-top: 1px dotted #CCCCCC;
	}

.comments .pinglist li .commentauthor {
	font-weight: bold;
	display: block;
	}

.comments .pinglist li small {
	display: block;
	}

.comments .pinglist li .counter {
	display: none;
	}

.comments .pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

.comments .pinglist li img {
	padding: 0;
	border: none;
	}
	
.comments #leavecomment {
	text-align: center;
	margin-bottom: 0px;
	padding: 0px;
	color: #ddd;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.4em;
	letter-spacing: -1px;
	display: none;
	}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -1px;
	}

.comments form {
	clear: both;
	padding: 1px 0 30px;
	margin: 0;
	}

input[type=text], textarea {
	padding: 3px;
	border: 1px solid #ccc;
	font: 12px Georgia;
	}
	
input[type=submit] {
	text-transform: lowercase;
	font: 10px Georgia;
	}	

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #111;
	border-color: #111;
	}
	
.newsletterTextInput {
	font-size: 10px !important
	}	

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	background: #f2f2f2;
	}

.comments form textarea {
	height: 150px;
	padding: 2px;
	width: 420px;
	_width: 98.5%; /* IE hack */
	background: #f2f2f2;
	}

.comments form #submit {
	margin: 0 25px 0 0;
	float: left;
	}
	
/* Word Cloud */

.cloud {
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	font-size: 1.2em;
	
	}
	
.cloud a, .cloud a:visited {
color: #999 !important;
text-decoration: none !important;
}
.cloud a:hover, .cloud a:visited:hover {
background: #111;
color: white !important;
padding: 0;
text-decoration: none !important;
}
	
	
/* Weighted Categories */

div.weighted-categories
{ margin-top:5px !important 
}
.weighted-categories {
font-family: Helvetica, Arial, sans-serif;
line-height: 2.2em;
width: 195px;
}
.weighted-categories a, .weighted-categories a:visited {
color: #999 !important;
text-decoration: none !important;
}
.weighted-categories a:hover, .weighted-categories a:visited:hover {
background: #111;
color: white !important;
padding: 0;
text-decoration: none !important;
}

select { width: 190px; height: 17px }

#footer {
   border-top: 0px solid #d1d1d1; /* not necessary, just style */
   padding: 26px 0 10px 0px !important;
   position: relative !important;
   margin-left: 30px;
   height: 170px;
}	

#footer {
	text-align: left;
	color: #666;
	width: 740px;
	background: #f2f2f2 
	}
	
	
#footer small {
	color: #111;
	}
	
#footer b {
	color: #111;
	}		

#footer a {
     font: 10px Georgia !important;
	color: #111;
	border: none;
	font-weight: normal;
	}
	
#footer a:visited {
font: 10px Georgia !important;
}	
	

#footer a:hover {
     font: 10px Georgia !important;
     border-bottom: 1px solid #111;
	text-decoration: none;
	color: #111;
	}
	
#footer a:active {
font: 10px Georgia !important;
}	
	
	
.footericon {
     width: 670px;
     float: left;
     padding-bottom: 15px;
     margin-left: 20px;
     display:none;
   
   	}
    	
.footersectionleft {
    width: 190px;
    margin: 0 37px 0 20px;
    float: left;
    font-size: 10px;
    line-height: 140%;
    }
    
.footersectionright {
     margin: 0 30px 20px 0px;
	width: 180px;
	float: right;
	font-size: 10px;
	line-height: 140%;
    }        	


/*- Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {    
	text-decoration: underline;
	}
	
	

h2 a:hover, h2 span a:hover {
	color: #3399CC !important;
	}

a {
	color: #3399CC;
	text-decoration: none;
	}

.secondary a {
    font-size: 10px;
	color: #111;
	font-family: Georgia !important;
	text-decoration: none;
	}
	
.secondary a:visited {
     font-size: 10px !important;
     font-family: Georgia !important;
	color: #111;
	text-decoration: none;
	}	
	
.secondary a:hover {
     font-size: 10px !important;
     font-family: Georgia !important;
	color: #111;
	text-decoration: underline
	}
	
.secondary a:visited {
     font-size: 10px !important;
     font-family: Georgia !important;
	color: #111;
	text-decoration: none;
	}	
	
	
	
a.button {
     font: 10px Georgia !important;
	color: #111;
	text-decoration: none;
	padding: 0px;
	font-weight: normal;
	}
	
a.button:visited {
      font: 10px Georgia !important;
     color: #111;
	padding: 0px;
	text-decoration: none !important;
	}	
	
a.button:hover {
    font: 10px Georgia !important;
	color: #111;
	padding: 0px;
	text-decoration: underline !important;
	}
	
a.button:active {
    font: 10px Georgia !important;
	color: #111;
	padding: 0px;
	text-decoration: none !important;
	}				
				
	
	

.itemtext a:visited {
	color: #3399CC;
	font-family: Georgia !important;
	font-size: 12px !important;
	}
	
.itemtext a:active {
	color: #3399CC;
	font-family: Georgia !important;
	font-size: 12px !important;
	}	
	
	
/*- Random Quotes */	
	
#wp_quotes
{
	margin-top: 5px !important;
}

#wp_quotes div.wp_quotes_quote
{
}

#wp_quotes div.wp_quotes_author
{
	text-align:right;
	font-style: italic;
	margin-top: 3px;
}

div.wp_quotepage
{
	
	padding: 10px 20px 5px 20px !important;
	font-size: 1em !important;
}

div.wp_quotepage_quote
{
    margin: 0 !important;
    padding: 0 !important
}

div.wp_quotepage_author
{
	margin: 3px 0 0 0 !important;
	padding-bottom: 0px !important;
	font-style: italic;
}

hr.wp_quotepage_hr
{
	width: 70%;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	border-top: 1px dashed #C5C5C5 !important;
	
}



div.wpquotes_poweredby
{
	text-align: right;
	font-size: 0.9em;
	margin-top: 20px !important;
	display: none;
	
}	
	
	


/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.primary img {
	margin-left: 0px;
	padding: 0px;
	border: 0px solid #eee; 
	max-width: 100%;
	}


.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

.favorite img {
	padding: 0;
	border: none;
	}

small {
	font-size: 10px;
	line-height: 1.5em;
	}

small, strike {
	color: #111;
	}
	
code {
	font: 1.1em 'Courier New', Courier, monospace;
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}

blockquote {
	margin: 20px 0;
	padding: 0 40px 0 20px;
	font-size: 12px !important;
	border: none;
	text-align: left;
	background: none !important
	}


	hr {
display: none
 } 
 
	

.navigation {
	text-align: center;
	margin: 10px 20px 8px 20px;
	padding-top: 7px;
	width: 470px;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	font-weight: normal;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a, .navigation a:visited, .navigation a:hover, .navigation a:active {
     font: 10px georgia !important;
	color: #111 !important;
	font-weight: bold !important;

	}
	
.navigation2 {
	text-align: center;
	margin: 10px 20px 8px 20px;
	padding-top: 3px;
	width: 470px;
	font-size: 10px;
	border-top: 0px solid #CCCCCC;
	font-weight: bold;
	}

.navigation2 .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation2 .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation2 p {
	margin: 0;
	padding: 0;
	}

.navigation2 a, .navigation2 a:visited, .navigation2 a:hover, .navigation2 a:active {
     font: 10px georgia !important;
	color: #111 !important;
	font-weight: bold !important;
	}	
	

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}



/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	_margin-left: 0px; /* IE Fix */
	}
	
.secondary ul.lastfm { margin-top: 0px }	

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 3px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	overflow: hidden
	}
		
	

ol li {
	list-style: decimal outside;
	}

.orangehead   {
color: #111 !important;
	font: 14px Helvetica, Arial, sans-serif !important;
	background: transparent url(http://www.iainclaridge.co.uk/blog/images/heading-dot.gif) no-repeat scroll left top;
	margin: 20px 0 0 0 !important;
	padding: 0 0 0 12px !important;
	letter-spacing: -1px;
	font-weight: bold !important;

           }
           
           

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}

/*- Search Form and Livesearch */

.sb-search {
	margin-top: 10px !important;
	}

.sb-search h2 {
	display: none;
	}

input[type=text], textarea {
	color: #444;
	padding: 2px 0 2px 2px;
	margin: 0;
	}
	
input.newsletterTextInput {
    width: 180px;
    text-transform: lowercase;
    margin-bottom: 5px
    }	

input#livesearch {
	width: 97.1%;
	}

input#s {
	width: 75%;
	}
	
.livesearchform {
   height: 30px !important; 
}	

.livesearchform input#livesearch {
   width: 180px !important;
   font-size: 10px 
}	
	

.livesearchform input[type=submit] {
	margin: 0;
	}

#LSResult {
	margin: 0;
	width: 180px;
	z-index: 100;
	position: absolute;
	background: #f2f2f2;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ccc;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #FFE301;	}

#LSResult:hover #LSHighlight {
	background: none;
	border: none;
	padding: 5px 2px;
	}

#LSHighlight small, #LSHighlight small span a {
	color: #111;
	}

.LSRow {
	padding: 5px 10px;
	}

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #bbb;
	}


/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */

/* Extended Live Archive */

#af-ela-menu li  {
    font: 18px/16px helvetica,arial,sans-serif !important;
    text-transform: lowercase !important ;
    color: #bbb !important;
    }

#af-ela-menu li.selected  {
  
    color: #111 !important;
    }
    
#af-ela-menu li:hover  {
  
    color: #111 !important;
    }
    
#af-ela-year li  {
    font: 14px helvetica,arial,sans-serif !important;
    text-transform: lowercase !important ;
    line-height: 20px !important;
    color: #bbb !important;
    }

#af-ela-year li.selected  {
  
    color: #111 !important;
    }
    
#af-ela-year li:hover  {
  
    color: #111 !important;
    } 
    
#af-ela-month li  {
    font: 14px helvetica,arial,sans-serif !important;
    text-transform: lowercase !important ;
    line-height: 20px !important;
    color: #bbb !important;
    }

#af-ela-month li.selected  {
  
    color: #111 !important;
    }
    
#af-ela-month li:hover  {
  
    color: #111 !important;
    }        
    
    
#af-ela-category li  {
    font: 14px helvetica,arial,sans-serif !important;
    text-transform: lowercase !important ;
    line-height: 20px !important;
    color: #bbb !important;
    }

#af-ela-category li.selected  {
  
    color: #111 !important;
    }
    
#af-ela-category li:hover  {
  
    color: #111 !important;
    }        
            
#af-ela-post-chrono li a { 
    color: #111 !important;
    }

#af-ela-post-chrono li a:hover { 
    color: #3399CC !important;
    }
    
    
#af-ela-post-cats li a { 
    color: #111 !important;
    }

#af-ela-post-cats li a:hover { 
    color: #3399CC !important;
    }    
    


/*-
	Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/

.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {
	color: #111;
	font-weight: normal;
	word-spacing: -1px;
	}

.secondary div.sb-comments ul li {
	margin-bottom: 6px;
	}

.activityentry {
	font-size: 1.1em;
	}

div.sb-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	}

.sb-flickr img
{
	border-top: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	margin: 5px 8px 5px 0;
	padding: 5px 5px 15px 5px !important;
	background: #f2f2f2 
}

div.sb-flickr
{ margin-top:5px !important 
}

/*-
	WordPress: Touched
	http://twilightuniverse.com/2005/03/wordpress-touched/
	
	No support for Touched 0.6 in the rest of K2.
	Seems a bit flaky just now. Waiting for new version.
*/

#poststuff fieldset {
	border: none;
	}

#poststuff #title, #poststuff #excerpt, #poststuff #tags {
	width: 470px;
	}
	
#poststuff #title {
	font-size: 2em;
	}

/* delicious linkroll */

.delicious-posts { margin: 5px 0 0 0 !important; border: 0px solid #ddd; padding: 0; width: 100%;  }

.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 0px solid #eee; padding: 0; }
.delicious-odd { }
.delicious-banner a {padding: 0 0 0 0 !important }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #111; display: block; padding: 0 }
.delicious-post a { color: #111 }
.delicious-posts h2 { display: none }

/* links page */

#linklist {
width: 470px;
margin: 0 0 0 20px;
}


#linklist h2 {
font: 18px/16px helvetica,arial,sans-serif;
	font-weight: bold;
	color: #111 !important;
	letter-spacing: -1px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

.linklist ul {
font-size: 12px;
padding-left: 0px !important;
margin-left: 0px !important
}

.linklist li {
list-style: none;
padding-left: 0px !important;
margin-left: 0px !important;
text-transform: none;
}

.linklist li a {
display: block;
font: 12px Georgia !important
}

.linklist li a:visited {
display: block;
font: 12px Georgia !important;
color: #3399CC !important 
}

.linklist li a:hover {
display: block;
font: 12px Georgia !important
}

.linklist li a:active {
display: block;
font: 12px Georgia !important
}


.linktable {


}

.linktable td {
width: 156px;
font: 14px helvetica,arial,sans-serif;
	font-weight: normal;
	
}

.linktable td a { color: #111 

}

.linktable td a:visited {  
 font-size: 14px !important;
}

.linktable td a:hover { color: #3399cc;
     text-decoration: underline; 

}

.linktable td a:active {  
 font-size: 14px !important;
}

/*
	Ultimate Tag Warrior
	K2 removes UTW's default tags for more default control.
*/

.localtags, .technoratitags {
	display: none;
	}


/*
	Contact Form
*/

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0;
	text-transform: lowercase; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}
	
.feedburnerFlareBlock  {
    margin: 0px !important;
    display: none;
    font-size: 0.9em;
	padding: 2px 10px 2px 22px !important;
	background: url('http://www.iainclaridge.co.uk/blog/images/arrow.gif') 10px center no-repeat;
	
	color: #111;
	
	}

.feedburnerFlareBlock a {
	color: #111;
	}



/* Google Adsense */

.googleAds {
font-size: 11px !important;
line-height: 14px !important;
}

#adblock {
margin-top: 27px;
border-bottom: 0px solid #e7e7e7;
padding-bottom: 0px;
/*display: none*/

}

#adblock h3 {
display: block;
font-family: georgia;
font-weight: normal !important;
font-size: 10px !important;
color: #999 !important;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 10px;
}

#adblock .veer img{
float: left;
margin-right: 15px;
}

#adblock .veer .veertext{
padding: 6px 10px 0 0;
color: #111;
line-height: 12px;
}

#adblock .veer .veertext a {
font-weight: bold !important;
font-family: georgia, times new roman;
font-size: 10px;
color: #111 !important;
}

#adblock ul li a { color: #999 !important; font-style: italic !important }

#adblock ul li {padding-top: 0px}

#adblock ul { border-top: 1px solid #E7E7E7; margin-top: 11px; }

.veer {
background: #eeeeee;
height: 36px;
margin-top: 0px !important
}

#adblock h2 {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
line-height: 10px;
}

.newsletterContainer {
  margin-top: 10px !important;
  }
  
.error {
  color: #ff0000 !important
  } 
  
.success {
  color: #9DA900 !important
  } 
  
#tickersource {
  display:none;
} 

/* Normal Bubble */
div.bubble {
     border-top:1px solid #ccc;
	width: auto;
	font-size: 10px;
	margin: 0px 20px 5px 20px;
	padding-top: 10px
}

div.bubble blockquote {
	margin: 0px;
	padding: 10px 0 10px 0;
	color: #111;
	font-family: arial, helvetica !important;
	font-size: 18px !important;
	line-height: 24px;
	letter-spacing: -1px;
	font-weight: bold;
	
	/*
	font-family: monaco, verdana;
	font-size: 11px !important;
	*/
}

div.bubble blockquote p {
	margin: 0px;
	padding: 0px;
	
	/* background: transparent url(http://www.iainclaridge.co.uk/blog/images/underline.gif); */
}

div.bubble blockquote p h3 {
    
	margin: 0 10px 0 10px;
	padding: 0px;
	font-weight: bold
}

div.bubble cite {
	display: block;
	margin: 0px;
	padding: 0px;
	top: 6px;
	font-style: normal;
	width: 200px;
}

/* toggle category panel */

li.togglelink a, li.togglelink a:visited {
    font: 10px Georgia !important;
	padding: 3px 25px 3px 15px !important;
	background: url('http://www.iainclaridge.co.uk/blog/images/arrow_down.gif') 3px center no-repeat;
	}
	
li.togglelink a:hover {
    font: 10px Georgia !important;
	padding: 3px 25px 3px 15px !important;
	background: #7f7f7f url('http://www.iainclaridge.co.uk/blog/images/arrow_down_wht.gif') 3px center no-repeat !important;
	}
	
li.togglelink a:active {
    font: 10px Georgia !important;
	padding: 3px 25px 3px 15px !important;
	background: #7f7f7f url('http://www.iainclaridge.co.uk/blog/images/arrow_down_wht.gif') 3px center no-repeat !important;
	}	
	
		

ul.nav{
	list-style:none;
	margin: 0 244px 0 13px;
	padding-left: 19px;
	float:right;
	width:200px;
	}
.nav li{border-right:0px solid #fff;float:right;display:block;}
.nav li a{font-size:10px;outline:none;color:#666;text-decoration:none;display:block;padding:5px;text-transform:lowercase;margin-right:20px; text-align:right}
.nav li a span{font-size:10px;color:#777;text-transform:lowercase;}
.nav li a:hover{background:#7f7f7f;color:#eee!important;}
* html .nav li a:hover{background:#7f7f7f;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block }
.nav li.skip a{}
li.top{border-left:1px solid #DDD;float:right;display:block }
li.top a{}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important;}
#archives{
	
	margin: 0px 0 0 23px;
	padding: 10px 22px 0 22px;
	border-top: 0px solid #F2F2F2;
	background: #f2f2f2;
	}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:101px;}
#archives li a{font-weight:normal;color:#111;width:99px;display:block;margin:2px 0 4px 5px; font: 10px Georgia; text-transform: none}
#archives li a:hover{color:#111; text-decoration: none;
background:transparent url(http://www.iainclaridge.co.uk/linknoise.gif) no-repeat scroll 0% 50% }
 
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{margin-top: 0;display:block;}


.falbum {
margin-left: 20px !important
}

.falbum-thumbnail {
background-color: #f2f2f2 !important
} 

.falbum-date-taken {
font-family: georgia !important
}

.falbum-tags {
padding: 1px 0pt 15px 0 !important
}

.falbum-tags-label {
font-family: georgia !important;
font-size: 10px !important;
}

.falbum-tags-label a {
font-family: georgia !important
}

.falbum-tags a {
font-family: georgia !important
}

a.buttonLink:visited, a.buttonLink:active, a.buttonLink:visited:active {
font-family: georgia !important
}

#af-ela-post-prev, #af-ela-post-next, #af-ela-post-prev-off, #af-ela-post-next-off {
font: 10px Georgia !important;
font-weight: bold !important;
}

#af-ela-post-chrono li, #af-ela-post-cats li, #af-ela-post-tags li {
font-size: 12px !important
}

a.akst_share_link, a.akst_share_link:visited, a.akst_share_link:active { 
    font: 10px Georgia !important
}

#akst_social ul li a, #akst_social ul li a:visited, #akst_social ul li a:hover, #akst_social ul li a:active { 
    font: 10px Georgia !important
}


#akst_form a.akst_close, #akst_form a.akst_close:active { 
    font: 10px Georgia !important
}

/* hab.la chat */

#habla_both_div {
font-family: georgia !important;
font-size: 10px !important
}

.habla_conversation_text_span  {
font-family: georgia !important;
font-size: 10px !important
}

.habla_conversation_person2 {
font-family: georgia !important;
font-size: 10px !important;
color: #3399CC !important;
}

.habla_conversation_person1 {
font-family: georgia !important;
font-size: 10px !important
}

.habla_conversation_text_span {
font-family: georgia !important;
font-size: 12px !important
}


#habla_wcsend_input {
font-family: georgia !important;
font-size: 10px !important;
border: none !important;
background-color: #ffffff !important;
width: 185px !important;
}

#habla_panel_div {
width: 200px !important;
font-family: Georgia !important;
border-top: 1px solid #f2f2f2 !important;
border-right: 1px solid #dddddd !important;
border-bottom: 1px solid #dddddd !important;
border-left: 1px solid #f2f2f2 !important;
}

#habla_conversation_div {
border-bottom: 1px solid #dddddd !important;
}


div#habla_window_div{
  z-index:3;
  width: 200px !important;
}

div#thisishabla{
  height: 45px;
  position: absolute;
  z-index: -1;
  background: url(http://www.iainclaridge.co.uk/blog/images/chatbox.gif) no-repeat;
  bottom: 0;
  left: 0px;
  width: 19px;
  
}

div#habla_middle{
  background-color: #fff;
}

.habla_oplink_a_normal{
font-family: georgia !important;
font-size: 10px !important;
}

#habla_oplink_a{
font-family: georgia !important;
font-size: 10px !important;
}

#habla_sizebutton_a
{
font-family: georgia !important;
font-size: 10px !important;
}

#habla_closebutton_a
{
font-family: georgia !important;
font-size: 10px !important;
}


/* vodpod */

.vodpod_videos_widget .vodpod_footer {
display: none
}

.vodpod_videos_widget .vodpod_video .vodpod_video_created_at {
font-family: georgia !important;
font-size: 10px !important
}

.vodpod_videos_widget .vodpod_video .vodpod_video_views {
font-family: georgia !important;
font-size: 10px !important
}

.vodpod_videos_widget .vodpod_video .vodpod_video_title {
font-family: georgia !important;
font-size: 10px !important;
font-weight: normal !important;
}


.linkwithin_hook div div div
{
font-family: georgia !important;
font-size: 10px !important;
font-weight: normal !important;
letter-spacing: 0px;
line-height: 140%
}

.linkwithin_posts a:link
{
padding-left: 0px !important;
border: none !important;
background-color: white !important
}

#linkwithin_logo_0
{
text-align: left !important;
margin: 0px !important;
padding: 0px !important;
}

.linkwithin_hook div div div a:link
{
font-size: 10px !important;
font-weight: normal !important;
font-family: georgia !important;
}

.linkwithin_hook div div div a:visited
{
font-size: 10px !important;
font-weight: normal !important;
font-family: georgia !important;
}

.linkwithin_hook div div div a:hover
{
font-size: 10px !important;
font-weight: normal !important;
font-family: georgia !important;
}

.linkwithin_hook div div div a:active
{
font-size: 10px !important;
font-weight: normal !important;
font-family: georgia !important;
}

.linkwithin_hook
{ 
width: 470px !important
}

.studionews
{
background-color: #f2f2f2; border: solid 1px #dddddd; color:#666; font-size: 10px; padding: 5px; margin-bottom: 20px
}

.studionews:hover
{
background-color: #fff;

}

.studionews a {
	margin: 0;
	font: 10px Georgia !important;
	font-weight: normal;
	color: #3399cc !important; 
	
	}
	
.studionews a:visited {	
	font: 10px Georgia !important;
	color: #3399cc !important;
	}
	
	
	

.studionews a:hover {
	color: #3399cc !important;
	text-decoration: underline;
	}
	
.studionews a:active {	
	font: 10px Georgia !important
	}

.studionews h2 {

font-family: Georgia !important;
font-size: 10px !important;
font-weight: bold !important;
font-style: italic !important;
color: #666 !important;
margin-top: 2px;
margin-bottom: 6px;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 6px
}

.studionews ul li {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0
}

.studionews ul {
padding: 0
}

div#bsaz_1242189.adblock a.adhere:hover {
font-size: 12px!important
}

a.adhere:link, a.adhere:visited  {
font-family: Georgia !important;
font-weight: normal !important;
}

div.transON {opacity:1;filter: alpha(opacity=100); -moz-opacity: 1; margin-top: 0}

div.transOFF {opacity:1;filter: alpha(opacity=100); -moz-opacity: 1; margin-top: 0 }

#TwitterCounter {
float: left;
width: 88px;
margin-right: 2px;

}

/* Peace and forgiveness */
/* Learn more about the other K2: http://en.wikipedia.org/wiki/K2 */