/*
Theme Name: 3K2
Theme URI: http://aydin.net/blog/2006/03/23/three-column-k2-theme-for-wordpress-3k2/
Description: Developed and maintained by <a href="http://aydin.net/blog">Hakan Aydin</a>. Built on top of the famous <a href="http://getk2.com">K2 
theme</a>. Originally developed by <a href="http://binarybonsai.com">Michael Heilemann</a> and <a href="http://chrisjdavis.org">Chris J. Davis</a>, as a 
sequel in spirit to <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. Share and distribute.
Version: Beta 1.01 (Based on Revision 310 of K2)
Author: Hakan Aydin
Author URI: http://aydin.net/blog/


	This theme is developed and maintained by Hakan Aydin:
	http://aydin.net/blog

	The original 2 column version of this theme 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 */

/* @group Page Structure */

/* Reset Styles */
/* @group Reset Styles */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* @end */

body {
	text-align: left;
	font: normal normal 100% Georgia,serif;
	text-align: left;
	line-height: 1;
	color: #bbb;
	background-color: #E0D38C;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

#page {
	margin: 0 auto 0 auto;
	width: 800px;
	background: #000;
	overflow: hidden; /* Stops background becomming invisible in Firefox */
}


body.flex #page { /* For the flexible-width setting. */
	width: 900px;
	}

#header {
	width: 800px;
	height: 175px;
	background: url('images/hdr.gif') no-repeat bottom right #E0D38C
}

#header a {	/* Styles for the site title */
	position: relative;
	top: 8px;
	left: 2px;
	padding: 0px 3px 3px 3px;
	letter-spacing: 2px; /* stretches the title out nicely */
	font-family: Georgia, serif; /* Makes the title a different font to the paragraph text */
	font-size: 2.3em; /* adjust to suit length of title */
	font-weight: bold;
	font-style: italic;
	color: #634C04;
	text-decoration: none;
}

.leftbar {
	/* padding-bottom: 75px; Leaves a gap at the bottom of the column to push the background image down */
	float: left;
	width: 165px;
	background: url('images/guitar.gif') no-repeat bottom left #000;
}


#primary {
	padding-bottom: 15px; /* Leaves a nice gap at the bottom of the column */
	float: left;
	width: 455px;
	background: transparent;
	margin-right: -3px;
}

.secondary {
	padding-bottom: 15px; /* Leaves a nice gap at the bottom of the column */
	float: right;
	width: 180px;
	background: transparent;
}

.comments {
	text-align: left;
	padding: 5px 0 0;
	position: relative;
}

#footer { /* This div is used for validation and copyright info */
	margin: 0 auto;
	width: 770px;
	height: 30px;
	line-height: 30px;
	color: #333;
	font-size: 0.6em;
	text-align: center;
	overflow: hidden;
}

#footer a {
	padding-right: 10px;
	color: #634C04;
	text-decoration: underline;
}

#footer a:hover {
	padding-right: 10px;
	color: #EEAB36;
	text-decoration: underline
}

#footer-3k2 a {
	padding-left: 10px;
}

/* @end */

/*- Main Menu in Header */

/* @group Main Menu in Header */

ul.menu {	 /* defined as left because the nav is in the left div */
	margin: 33px 0 0 0;	/* top margin brings the menu down slightly */
	list-style: none;
	padding: 0;
	width: 160px;
}

ul.menu li {
	border: 0;
	padding: 0;
	margin: 0;
	display: inline; /* fix for IE 5 & 6 */
}

ul.menu, 
ul.menu li a {
	padding: 5px 10px 6px;
	}

ul.menu li a {	/* these "a" styles define the main text that appears when the main links are hovered over */
display: block;
border: 0;
padding: 3px 3px 22px;
margin: 0;
font-family: Georgia, serif;
font-size: 15px;
text-decoration: none;
letter-spacing: 3px;
}

ul.menu a:link, ul.menu a:visited { /* these "a" styles define the main text that appears when the main links are hovered over */
padding-left: 10px;
color: #FCF0AD;
background: url('images/menuarrow.gif') no-repeat;
background-position: 0% 25%;
}

ul.menu a:hover, ul.menu a:active { /* these "a" styles define the main text that appears when the main links are hovered over */
padding-left: 10px;
color: #EEAB36;
background: url('images/menuarrowover.gif') no-repeat;
background-position: 0% 25%;
background-color: #444;
}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
padding-left: 10px;
color: #EEAB36;
background: url('images/menuarrowover.gif') no-repeat;
background-position: 0% 25%;
text-decoration: none;
}

.admintab {
	position: absolute;
	right: 0px;
	/*_padding: 5px 15px 6px;*/ /* IE hack */
}

* html .admintab { padding: 5px 15px 6px }	/* IE hack */
	
a img,:link img,:visited img { border:none }

/* @end */

/*- Sidebar Subpages Menu */

/* @group 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 {
	}

/* @end */

/*- Headings */

/* @group Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

h1 {
	font-size:1em;
	font-weight:normal;
	letter-spacing:2px;
	line-height:1em;
}

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

h1:hover {
	text-decoration: underline;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	color:#FCF0AD;
	font-family:Georgia,serif;
	font-size:0.8em;
	font-weight:normal;
	letter-spacing:2px;
	line-height:0.8em;
	margin-left:5px;
	margin-top:26px;
}

.leftbar h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: inline;
	}

#primary h3, #primary h4, .permalink #primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	color:#FCF0AD;
	font-family:Georgia,serif;
	font-size:1em;
	font-weight:normal;
	letter-spacing:2px;
	line-height:1em;
	margin-bottom:0px;
	margin-left:20px;
	margin-top:20px;
}

#primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.itemhead {
	margin-top: 10px;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

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

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

.secondary div div div {
    margin: 0;
    }
.leftbar 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: #999;
	font-weight: normal;
	}

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

#primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink #primary .aside .itemtext {
	font-size: 1.4em;
	color: #999;
	}

.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: 16px;
	width: 16px;
	border: none;
	}

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

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

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

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

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

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

.leftbar span a {
	margin-left: 10px;
	}

.editlink a, .commentseditlink a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 7px;
	background: url('images/pencil.png') left center no-repeat;
	height: 16px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #FCF0AD;
	font-family:Georgia,serif;
}

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

.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
	}

.metadata a, .commentmetadata a {
	color: #bbb;
	font-size: 0.85em;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	font-size: 0.85em;
	background: url('images/time.png') left center no-repeat;
	color:#bbb;
	}

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

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

/* @end */

/*- Primary Contents */

/* @group Primary Contents */

#primary object {
	margin: 15px 0 15px 15px
}

#primary .item {
	margin: 0;
	padding: 0;
	position: relative;
}

#primary .item .itemtext {
	margin: 15px;
	background: #312B0A;
	border: 1px solid #433B10;
}

#primary .item .itemtext p {
	margin: 15px;
	font-size: 0.9em;
	color: #E0D38C;
	line-height: 1.5em;
	letter-spacing: 1.25px;
}

#primary .item .itemtext ul,
#primary .item .itemtext ol {
	color:#E0D38C;
	font-size:0.9em;
	line-height:1.5em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	margin-bottom:15px;
	margin-top:15px;
}

#primary .item .itemtext blockquote {
	background:transparent url(images/quote.jpg) no-repeat scroll 30px 0pt !important;
	border:medium none;
	font-size:1.2em;
	line-height:1.8em;
	margin:13px 0pt;
	padding:0pt 20px 0pt 50px;
	text-align:justify;
}

#primary .item .itemtext div {
	margin: 13px 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: 13px 0;
	}

.metalinks {
	margin-top: 5px;
	}

.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
	}

.comments #commentlist {
	margin: 0;
	padding: 10px 0 0px;
	position: relative;
	}

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

.comments #commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	}

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

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

.comments #commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

.comments #commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

.comments #commentlist li.authorcomment {
	background: #f6f7f8;
	}

.comments #commentlist li.authorcomment blockquote {
	color: #333;
	background: #f6f7f8 url('images/quote.png') no-repeat 10px 0;              
	}
	 
.comments #pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
	}

.comments #pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

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

.comments #pinglist li small {
	font: .8em Arial, Sans-Serif;
	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, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	margin-top: 20px !important;
	}

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

.sb-search input[type=text], #searchinput textarea {
	font: .8em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #777;
	}

.sb-search input[type=text]:focus, #searchinput textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

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

.comments form textarea {
	height: 250px;
	padding: 2px;
	width: 100%;
	margin: 10px 0;
	color: black;
}

.comments form #submit {
	margin: 0;
	float: right;
	}
	
div#hidden-band {	/* This the div class is used for hidden paragraph blocks (e.g. bio page) */
	margin: 15px;
	background: #312B0A;
	border: 1px solid #433B10;
	display: none;
}

#hidden-band p {
	color:#E0D38C;
	font-size:0.9em;
	letter-spacing:1.25px;
	line-height:1.5em;
	margin:15px;
}

div#hidden-matt, div#hidden-jeff, div#hidden-jonnie {
	display: none;
}

/* @end */

/*- Links */

/* @group Links */

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


h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a, a:visited {
	color: #ccc;
	text-decoration: underline;
}

a:hover, .itemtext a:active {
	color: #EEAB36;
	text-decoration: underline	}

/* @end */

/*- Various Tags and Classes */

/* @group Various Tags */

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

#primary .itemtext img {
	margin: 0 5px;
	padding: 4px;
	max-width: 100%;
}


.theme {
	font: 80% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: left;	
       }

.center {
	text-align: center;
	}

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

img.center, img[align="center"] {
	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: .9em;
	line-height: 1.5em;
	}

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

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

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: #fff url('images/quote.png') no-repeat 10px 0;
	border: none;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.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 {
	color: #999;
	}

.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;
	}

/* @end */

/*- Begin Lists */

/* @group 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 div p {
	color: #CCCCCC;
	font-size: 0.8em;
	line-height: 1.6em;
	margin: 5px 5px 10px;
}

.secondary a {
	color:#CCCCCC;
	text-decoration:underline;
}

.secondary a:hover, .secondary a:active {
	color: #EEAB36;
}

.leftbar div p {
	margin-top: 0.5em;
	}

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

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

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

.secondary ul {
	/*_margin-left: 0px;*/ /* IE Hack */
	}

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

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

.secondary ul li, .secondary ol li {
	padding: 1px 0;
	color:#CCCCCC;
	font-size:0.8em;
	line-height:1.6em;
	margin:5px;
}

.leftbar ul li, .leftbar ol li {
	margin: 0;
	padding: 1px 0;
	}

.secondary li {
	list-style-type: none;
	list-style-image: none;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

.leftbar ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ol li {
	list-style: decimal outside;
	}

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

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

/* @end */

/*- Search Form and Livesearch */

/* @group Search Form & Livesearch */

.sb-search {
	margin-top: 20px;
	}

.sb-search h2 {
	display: none;
	}

.sb-search input[type=text], textarea {
	color: #DDD;
	padding: 2px 0 2px 2px;
	margin: 0;
	}

#searchinput {
	width: 75%;
}
	
#searchsubmit {
	margin: 10px 0 0;
	width: auto;
}

#searchinput.livesearch {
	width: 91%;
	}

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

#LSResult {
	margin: 0;
	width: 100.1%;
	z-index: 100;
	position: absolute;
	background: #eee url('images/livesearchbg.jpg') center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
	}

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

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;	}

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

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

.LSRow {
	padding: 5px 10px;
	}

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

/* @end */


/*- Rolling Archives */

/* @group Rolling Archives */

#rollingarchives {
	position: relative;
	padding: 5px 0 0;
	margin: 0 0 10px;
	/*text-align: center;*/
	}

#rollingarchives a {
	color: #888;
	}

#rollingarchives a:hover {
	text-decoration: underline;
	}

#rollnavigation {
	padding: 4px;
	}

#rollprevious, #rollnext, #rollpages, #rollload {
	position: absolute;
	width: 90px;
	padding: 7px 5px;
	top: 3px;
	text-align: center;
	}

#rollhome {
	display: none;
	margin-bottom: 5px;
	}

#rollload {
	right: 40px;
	padding-left: 24px;
	/*background: url('images/spinner.gif') left center no-repeat;*/
	background: url('images/spinner.gif') no-repeat left center;
	width: 50px;
	text-align: left;
	}

#rollpages {
	color: #777;
	left: 50px;
	}

#rollprevious {
	left: 0;
	text-align: left;
	}

#rollnext {
	right: 0;
	text-align: right;
	}

#rollingarchives a.inactive, #rollingarchives a.inactive:hover {
	visibility: hidden;
	text-decoration: none !important;
	background-color: transparent !important;
	color: #bbb;
	cursor: default;
	}

#rollnotices {
	padding: 7px;
	text-align: center;
	border-top: 1px solid #f3f3f3;
	}

#rollnotices a {
	color: #227EE9;
}

#rollnotices img {
	float: right;
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin-right: 5px;
	/*background: url('images/reset-fff.gif') center center no-repeat;*/
	background: url('images/reset-fff.gif') no-repeat center center;
	}

#pagetrack {
	margin: 0 auto;
	width: 218px;
	height: 18px;
	/*background: url('images/sliderbgleft.png') left 5px no-repeat;*/
	background: url('images/sliderbgleft.png') no-repeat center left;
}

#pagetrackend {
	height: 18px;
	/*background: url('images/sliderbgright.png') right 5px no-repeat;*/
	background: url('images/sliderbgright.png') no-repeat center right;
	}

#pagehandle {
	width: 18px;
	height: 18px;
	/*background: url('images/sliderhandle.png') center center no-repeat;*/
	background: url('images/sliderhandle.png') no-repeat center center;
	cursor: e-resize;
}

/* @end */

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

/* @group Supported Plugin CSS */


/*-
	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: #999;
	font-weight: normal;
	word-spacing: -1px;
	}

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

.secondary div.sb-comments li > a[title="Go to the comments of this entry"] {
	position: absolute;
	right:0;
	color: #999;
}

.activityentry {
	font-size: 1.1em;
	}

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


/*-
	FlickrRSS
*/

.sb-flickr div img {
	border: 0px;
	padding: 5px;
}

.sb-flickr div a img {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 3px 0;
}

.sb-flickr div a:hover img {
	border: 1px solid #999;
}

/*-
	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;
	}

/*
	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; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}

/* Noteworthy */
.noteworthy {
	background: url('images/favorite.gif') no-repeat right center;
	padding-right: 25px;
	display: inline;
}

.noteworthyLink { margin-left: 5px }

/* @end */

/* Peace and forgiveness */

/* @group My additions */

em {
	font-style: italic;
}

/* @group mailing list form style */
form {
	margin: 0 0 1em;
}


label {
	width: 110px; /* label width *//* label margin = (input left margin) - (label width) */
	margin: 5px 10px; /* label margin */
	float:	left;
	text-align: right;
	padding-top: 0.2em;
	font-size: 1em;
	color: #E0D38C;
	line-height: 1.5em;
}

input {
	margin: 5px 0px 5px 100px;
	width: 205px;
	padding: 1px 3px;
	font: 1em verdana, arial, sans-serif;
	color: #EEE;
	background-color: #777;
	border: 1px solid #999;
}

select {
	margin: 5px 0px 5px 100px;
	padding: 1px 3px;
}

/* Previous input style
	margin-left: 50px; /* (label width) + (label margin) 
	margin-bottom: -0.5em;
	width: 200px;
*/

.required {
	font-style: italic;
}

#submit {
	margin: 15px 50px 0px 100px;
	width: auto;
}

form br {
	clear: left;
}

form input[type="hidden"], input[type="radio"], input[type="checkbox"] {
	/* 
		Keeps Mozilla browsers (and others) from making the RADIO and CHECKBOXES too wide and/or tall.
		Also removes unnecessary borders from these browsers (They don't respond as expected) 
	*/
	width: auto; 
	height: 0.8em; 
	border: 0;
}

form input[type="hidden"] {
	/*
		Firefox doesn't want to make them actually hidden, so I'll force it.
	*/
	display: none;
}

input:hover,
input:focus, {
	color: #FFF;
	background-color: #999;
	border: 1px solid #EEE;
}

/* @end */

/* @group Upcoming.org panel */

div#upcoming_classic {
	width:150px;
	margin:0;
	padding:0;
	/*background:#312B0A none repeat scroll 0%;
	border:1px solid #433B10;*/
}

div#upcoming_classic .upb_text,div#upcoming_classic a {
	color: #FCF0AD;
	font:normal 10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

div#upcoming_classic a {
	color:#FCF0AD;
	font-weight:bold;
	text-decoration:none
}

div#upcoming_classic a:hover {background-color:#969696;}

div#upcoming_classic .upb_header {
	margin:0;
	padding:3px 3px 5px 3px;
	font-weight:bold;
}

div#upcoming_classic .upb_events {
	margin:0;
	padding:5px 5px 0px 5px;
}

div#upcoming_classic .upb_event {
	margin-bottom:0px;
	padding:0px;
}

div#upcoming_classic li {list-style: none;}

div#upcoming_classic .upb_date {
	border-bottom:1px solid #C6C3C6;
	margin:10px 0 3px 0
}

div#upcoming_classic .upb_date .upb_text{
	color:#C6C3C6;
	font-size: 10px;
	font-weight: bold;
	border-bottom:1px solid #C6C3C6;
	margin:10px 0 3px 0
}

#upcoming_classic .upb_more {
	margin: 10px 5px 5px 0;
	text-align:right
}

/* @end */

/* @end */

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