/* ===================================================================================
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 print { */
/* ===========================================================================
BEGINS THE STYLES FOR PRINTING. SCREEN VIEWING IS IN SEPARATE STYLESHEET 
============================================================================== */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	text-align: left;
	}
#print_header {
	width: 100%;
	padding-bottom: 12pt;
	border-bottom: 2pt solid #620;
	text-align: center;
	page-break-after: avoid;
}
#print_header h1 {
	font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 24pt;
	letter-spacing: .4ex;
	text-align: center;
	color: #620;
	margin-top: 0;
	padding-top: 0;
	page-break-after: avoid;
}
#print_header.description { 
	text-align: center; 
	font-size: 9pt; 
	page-break-after: avoid;
}
#header {
	display: none;
	}

.navbar {
	display: none;
}

#sidebar {
	display: none;
	}
/* narrowcolumn includes the sidebar, widecolumn just has the content section */

#content {
	margin-left: 0; /* margin is zero because there is no sidebar column */
	text-align:left;
}
#footer {
	display: none;
	}


	
/*	========================
		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: 10pt 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 */

#main_wrapper {
	background-color:#FFF;
	}

#promo {background-color:transparent;}


h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Century Gothic', Tahoma, Verdana,  san-serif;
	} 
	
/* CLASSES */
img.floatleft {float: left; margin: 0 1em .5em 0;}
.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;
}

/* ------- HEADER TEXT STYLES ---------- */

.postmetadata {
	margin-bottom: 2em;
}


/* --------- sidebar TEXT STYLES ----------*/
/* --------- 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 PRINT" */