/*
Theme Name: 3k2redux-klein 
Theme URI: http://getk2.com/
Description: Description: Originally developed by <a href="http://binarybonsai.com">Michael Heilemann</a>, <a href="http://chrisjdavis.org">Chris J. Davis</a> and <a href="http://zeo.unic.net.my/">Zeo</a>.</p><p>Configure from the K2 Options Panel. Styled by<a href="http://www.headsetoptions.org"> Headsetoptions</a>.
Version: 
Author: Michael Heilemann & Chris J Davis
Author URI: http://binarybonsai.com/


	 |  /_  )
	 . <   / 
	_|\_\___|

	http://getk2.com/

	This theme was created by Michael Heilemann:
	http://binarybonsai.com/

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

	Zeo
	http://zeo.unic.net.my/

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

	Support questions go here:
	http://getk2.com/forum/

	K2 uses Fam Fam Fam Silk Icons: 
	http://www.famfamfam.com/lab/icons/silk/

	IMPORTANT: This is a beta release. Use at your own risk
	

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

        Modified to include header image from http://www.mandarinmusing.com
        Styled by http://www.headsetoptions.org

*/


/*- Page Structure */

* {
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	}

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	background:url(bg.jpg) repeat #EDEDED;
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 10px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 800px !important;
	_width: 800px !important;
	border: none !important;
	border-top: none;
	}

* html #page { width: 800px } /* IE hack */

body.flex #page { /* For the flexible-width setting. */
	width: 98%;
	/*width: 80%;
	min-width: 800px !important;
	max-width: 800px; */
	}


#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background: url("../../rotate/rotator.php") /* rotating header */
	no-repeat bottom center;	}


/* #header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background:url(head.jpg) no-repeat #000000;
	}  --> This is the usual header css - uncomment if rotating header doesn't work*/ 

#primary {
	width: 450px !important;
	_width: 450px !important;
	float: left;
	margin: 0 25px 0 25px !important;
	_margin: 0 25px 0 25px !important;
	display: inline;
	}

.secondary {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding: 10px 0 10px!important;
	margin: 0 0 20px 500px !important;
	width: 250px !important;
	_padding: 10px 0 10px !important;
	_margin-left: 0%;
	_margin-right: -4%;
	_width: 250px !important;
	color: #666;
	position: relative;
	}

/* For the flexible-width setting. */
body.flex #primary  { width: 65% } 
.flex .secondary { width: 25% } 

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


/*- Main Menu in Header */



ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

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

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

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: white;
	margin: 0;
	background: #F657DE;
	}

ul.menu li a:hover {
	background: #00CCFF;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #fff !important;
	background: #77A10D;
	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 }

/*- Sidebar Subpages Menu */


.sidebar {
	margin: 0;
	width: 250px !important;
	_width: 250px;
	float: left !important;
	padding: 0 9px 0 9px !important;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	}
.sb-about{
	text-align:left;
	/*background-color:#E6F4FC;*/

	}

.sb-about h2 {
	background: white;
	color: #666;
	margin-left: -2px;
}

.sb-latest h2 {
	background-color: #69943E;
}

.sb-meta h2 {
	background-color:#CCC;

	}


.sb-flickr div a img {
	border: none;
	padding: 2px !important;
	margin: 15px 2px 0 !important;
	background-color:#E6F4FC;
}

.sb-flickr div a:hover img {
	border: none;
	background: #FFC0CB;
}


.feedlink img { /* On the sidebar */
	right: 210px;
	border: 0 !important;
	padding: 0 !important;
	}
.feedlink img:hover { /* On the sidebar */
	background: none !important;
	}

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



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