/* ===================================================================================
Theme Name: Khagyun
Theme URI: http://khagyum.org/
Description: customized Theme for <a href="http://khagyun.org">Khagyun.org</a>
Version: 1.0
Author: Jake Sterling
Author URI: none
Tags: gold, liquid, two columns, left sidebar, widgets

	This theme was designed and built by Jake Sterling, 
	based on the Kubrick design by Michael Heilemann.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
=================================================================================== */

/* =========================
	TWO COLUMN LAYOUT 
	SIDEBAR ON LEFT
============================*/

/*	STRUCTURE	
	=========	*/
@media screen { 
/* ===========================================================================
BEGINS THE STYLES FOR SCREEN VIEWING. PRINT VIEWING IS IN SEPARATE STYLESHEET 
============================================================================== */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:960px; /* sets max layout width */
	min-width:720px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	}
#print_header {
	display: none;
}
#header {
	position: relative;
	}

.navbar {
	position: absolute;
	top: 180px;
	right: 2em;
}

#sidebar {
	width: 199px; /* the content margin must match this value */
	float:left; /* floats on sidebar and content divs make them sit side by side */
	}
/* narrowcolumn includes the sidebar, widecolumn just has the content section */
.narrowcolumn #content {
	margin-left:203px; /* margin = width of sidebar column */
	}
.widecolumn #content {
	margin-left: 0; /* margin is zero because there is no sidebar column */
}
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#DDC; /* TEMP - REMOVE OR RESTYLE  */
	}
#header_inner, #sidebar_inner, #content_inner, #promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner {
	margin: 0 2em 0 227px;
	padding-top: 180px;
	background-image: url(images/k1-khagyunhead.gif);
	background-repeat: no-repeat;
	background-position: center 8px;
}
#sidebar_inner {
	padding:1em; /* creates space between the box and the content */
	}
#content_inner { 
	padding:0em 1em 1em 1.5em; /* creates space between the box and the content */
	}
#footer_inner {
	text-align:center;
	}
	
/*	========================
		FONTS AND COLORS
	========================	*/
	
/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details */
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font: 80% Verdana, Arial, sans-serif; /* 1em = 16pts */
}
.float_left {
	float:left; 
	margin: 0 .3em .3em 0;
}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {
	float:right;  
	margin: 0 0 .3em .3em;
} /* apply this class to any image or element with width  - text will wrap it to the left */

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body {
	background-color:#000;
}
#main_wrapper {
	background-color:#FFF;
	border: 8px solid #000;
	}
#header {
	background-color:#FFF;
	border-top: 4px solid #900;
	border-right: 4px solid #900;
	border-left: 4px solid #900;
	background-image: url(images/k1_tiger_01.jpg);
	background-repeat: no-repeat;
	min-height: 203px;
}
#content_wrapper {
	background-image: url(images/k1_sidebar-bg.gif);
	background-repeat: repeat-y;
	background-color: #FC6;
	border: 4px solid #900;
}
.navbar ul li {
	float: right;
	list-style-type: none;
	margin: 0 .5em;
	font-family: "Century Gothic";
	font-size: .9em;
}
#sidebar {
	background-color:#F90;
}
#content {background-color:#FC6;}
#promo {background-color:transparent;}
#footer {background-color:#000;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Century Gothic', 'Trebuchet MS', Verdana,  san-serif;
	} 
	
/* CLASSES */

.alignright{
	float: right;
	margin: 0 0 .25em 1em;
}

img.alignleft {
	float: left; 
	margin: 0 1em .25em 0;
}
.wp-caption-text {
	font-family: 'Centruty Gothic', 'Trebuchet MS', Verdana, sans-serif;
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px solid black;
}

.clearboth {clear: both}
/* TEXT COLORS */

	/* =============================
				FONT SIZES 
	   =============================*/
	   
a:link, a:visited, a:hover, a:active {
	color: #940; 
	text-decoration: none;
}
a:hover {color: #900; 
	text-decoration: underline;
}
p {
	font-size: 1em;
	margin: 0.5em 0;
}
h1 {
	margin: 0 0 0.5 0;
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 3em;
}
h2 {
	margin: .5em 0 0.5em 0;
	padding-right: 1em;
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 2em;
}
h3 {
	margin: 1em 0 .5em 0;
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
}
h4 {
	margin: 0 0 0.6em 0;
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
}
h5 {
	margin: 0 0 0.6em 0;
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 1em;}
h6 {
	margin: 0 0 0.6em 0;
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: .8em;}

ul, ol {
	margin-left: 1em;
}
li {
	margin: 0.6em 0 0.6em 1em;
}
ul li ul {
	
}
ul li ul li {
	
}
ul li ul li ul {
	
}
ul li ul li ul li {
	
}

/* ------- HEADER TEXT STYLES ---------- */
#header h1 {
	font-size: .9em;
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif;
	text-align: right;
}

#header h1 a:hover { text-decoration: underline;}


#header h1, #header h6, #navbar li {
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif; 
}

#header_inner h1, #header_inner h6 {
	font-weight: normal;
	display: inline;
}
#header_inner h1 {
	font-size: 1em; 
	margin-top: 180px;
}
#header_inner h6 {
	font-size: .8em;
}
.navbar ul li {
	float: right;
	list-style-type: none;
	margin: 0 1ex;
	font-size: .9em;
}
.navbar .page-item-9 {display: none;}

.postmetadata {
	margin-bottom: 2em;
}


/* --------- sidebar TEXT STYLES ----------*/
#sidebar a { color: #620;}
#sidebar a:hover { color: #900 }
#sidebar li p {
	font-family: Verdana, Arial, sans-serif;
	font-size: .7em;
	line-height: 1.2em;
}
#sidebar li p strong, #sidebar li p a {
	font-family: "Century Gothic", Tahoma, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
#sidebar ul, #sidebar ol { 
	margin-left: 0;
}
#sidebar_inner li {
	margin-bottom: .5em;
	margin-top: .5em;
	margin-left: 0;
	line-height: 1.2em;
}
#sidebar_inner li h2 {
	font-size: .9em;
}
#sidebar_inner ul {
	list-style-type: none;
	font-family: "Century Gothic", Tahoma, Trebuchet, Verdana, Arial, sans-serif; 
}
#sidebar_inner ul li {
	font-size: 1.3em;
}
#sidebar_inner ul li ul {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-left: .5em;
}
#sidebar_inner ul li ul li {
	font-size: .7em;
	margin-left: 0;
	padding-left: 0;
}
#sidebar_inner ul li ul li ul {
	margin-left: .5em;
}
#sidebar_inner ul li ul li ul li {
	list-style-type: none;
	margin-left: 0;	
	font-size: .9em;
}

/* --------- FOOTER TEXT STYLES ----------- */
#footer {
	text-align: center;
	color: #FFF;
	}
#footer p {
	font-size: .8em;
	}
#inner-footer a:link, #inner-footer a:visited, #inner-footer a:hover, #inner-footer a:active {
	color: #F90;
}

/* ------------ OTHER BITS --------------- */
form input {
	margin-top: .5em; 
	margin-bottom: .5em; 
}
form label {
	font-size: .7em; 
	font-weight: bold;
}
.redtext {
	color: #900;
}
.clearall {
	clear: both;
	}
.alignleft {
	float: left;
	margin: .5em 1em .5em 0;
}

/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
table {
	margin: .3em 1em 1em 1em;
	border-top:1px solid #069;
	border-collapse:collapse;
	font-size:.8em;
	}
table th	{
	padding: .3em .5em .3em .5em;
	border-bottom:2px solid #069;
	}
table td	{
	padding: .3em .5em .3em .5em;
	border-bottom:1px solid #069;
	}
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: ".";
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 

} /* END "@MEDIA SCREEN" */