/* ------------------------------------------------------------------------------------ */
/* 	KHAZAR STYLESHEET
/*  11/19/07
/*  7/28/10
/* ------------------------------------------------------------------------------------
	COLOR GUIDE
	Backgrounds								Lines
		Dark blue: 111E3D						Box border: 4A493B
		Content tan: 9b9b7c						Section borders: 86866C (86866C)
		Box tan: B6B591							Masthead borders: 86866C
		Top menu hover: 4A493B					Footer borders: 86866C
		Sub menu hover: 4A493B
		Top/Sub menu active: FFFFFF
		Dark Tan bar at bottom: 4A493B		
	Text
		Top Menu norm/link: AeAd8b				Box h1 h1 norm: 111E3D
		Top Menu hover: DAD7B1					Box h1 h2 linked/hover: 21448C
		Top Menu active: 22100B (dark brown)	Box p norm: 5b5a48
		Sub Menu norm/link: 22100B				Box p linked/hover: 424134
		Sub Menu hover: DAD7B1					Footer norm/link: 9b9b7c
		Sub Menu active: 22100B					Footer hover: DAD7B1		
		Content h1 h2 norm: 111E3D
		Content h1 h2 linked/hover: 21448C
		Content p norm: 3F3E32	   				< Majority color of text
		Content p linked/hover: 3F3E32
		Content, Box, Footer active: ffffff
	TAN COLOR LIST (dark to light)
		1: #424134	2: #4A493B	3: #535248	4: #5B5A48	5: #53524F	6: #6E6E58
		7: #7A7A62	8: #86866C	9: #919174	10:#9B9B7C	11:#A3A383	12:#AEAD8B
		13:#B6B591	14:#BDBC96	15:#C6C49C	16:#CECEA2	17:#DCDAAD
		(for reference see images/colors.png)
/* ------------------------------------------------------------------------------------ 
	IMPORTANT SIZES
		Main body: 802px (2 extra pix to account for borders
		Side panels: 150px
		Center section: 500px
		Distance between lines: 22px
/* ------------------------------------------------------------------------------------
	FORMAT SEQUENCE GUIDE
		Positioning/top/left
		background
		width/height
		margin/padding
		borders
	FORMAT TEXT SEQUENCE GUIDE
		color
		font-size/line height
		font-transform/weight/
		margin/padding														
/* ------------------------------------------------------------------------------------ */
/* Universals */
/* ------------------------------------------------------------------------------------ */
@media print { 		/* What not to print 											*/
	* {
  		background-color: white !important;
  		background-image: none !important;
		border:none !important;
		color:#000000;
  	}

#masthead, 
#footer, 
#attribution, 
.noprint {display:none;} 
}
body 	{padding:0; margin:0;}
img 	{	border:none;}
/* ------------------------------------------------------------------------------------ */
/* Major Divs  */
/* ------------------------------------------------------------------------------------ */
/* positioning */
#metadiv					{ position:relative;	}
#content					{ position:absolute;	}
#content .section			{ position:relative;	clear:both;}
#content .section div.left	{ position:absolute;	 	}
#content .section div.center{ position:relative;	 	min-height:66px;}
#content .section div.right	{ position:absolute;	 	}
#masthead					{ position:absolute;	}
/* location (left, top) */
#content					{ 				top:151px;	}
#content .section div.left	{ left:0px; 	top:0px;	}
#content .section div.right	{ left:652px;	top:0px;	}
#masthead					{				top:0px;	}
/* size (width, height) */
#metadiv					{ width:802px;	}
#content					{ width:802px;	}
#content .section div.left	{ width:150px;	}
#content .section div.center{ width:500px;	}
#content .section div.right	{ width:150px;	}
#masthead					{ width:802px;	height:151px;	}
/* border */
#content .section div.center{ border-left:#86866C solid 1px; border-right:#86866C solid 1px;}
#content .section div.left 	{ border-top:#86866C solid 1px;}
#content .section div.right { border-top:#86866C solid 1px;}
/* background */
body 						{ background:#111E3D url(http://www.khazar.com/v2images/farback.gif);} 	
#content					{ background:#9b9b7c url(http://www.khazar.com/v2images/lines.gif);	}
#masthead					{ background:#111e3d;	}
/* margins & padding */
body						{ padding:0px;			margin:0;	}
#metadiv					{ 						margin:auto;}
#content					{						margin:auto;}
#content .section			{ padding:0 0 0 150px;	margin:0px;	}
#content .section div.left	{ padding:0px;			margin:0;	}
#content .section div.center{ padding:0px;			margin:0;	}
#content .section div.right	{ padding:0px;			margin:0;	}
#masthead					{ padding:0px;			margin:0;	}
#footer						{ padding:0px;			margin:auto;}
#attribution				{ padding:22px 0 22px 0;margin:auto;}
/* z-index*/
#content .section .left		{ z-index:1000;	}
#content .section .center	{ z-index:10;	}
#content .section .right	{ z-index:100;	}
/* ------------------------------------------------------------------------------------ */
/* Top medallions  */
#content div.medallion {
	position:absolute; 
	top:0; left:0;
	width:151px; height:384px; 
	background:url(http://www.khazar.com/v2images/side_medallion.gif) no-repeat;
	margin-top:-1px; 
}
#content div.medallion.left {left:0;}
#content div.medallion.right {left:651px;}
/* ------------------------------------------------------------------------------------ */
/* HEADER, FIRST, LAST & ONLY SECTIONS */
/* ------------------------------------------------------------------------------------ */
/* header section */
#content div.section.header div.center {
	background:url(http://www.khazar.com/v2images/shaders/50-DAD7B1.png);
	border-bottom:#86866C solid 1px;
	height:43px;
}
#content div.section.header div.left,
#content div.section.header div.right {
	margin-top:11px;
	border:none;
	height:14px;
}
/* --------------------------------------- *//* first section */
#content div.section.first div.right,
#content div.section.first div.left,
#content div.section.first div.center { 
	border-top:none; 
}
#content div.section.first div.right div.box h2,
#content div.section.first div.left div.box h2  { 
	margin-top:0px;
}
#content div.section.first div.right div.box,
#content div.section.first div.left div.box   { 
	margin-top:138px; margin-left:-1px;
}
#content div.section.first div.right h1,
#content div.section.first div.left h1 { 
	margin-top:20px; 
}
#content div.section.first div.right h2,
#content div.section.first div.left h2 { 
	margin-top:21px; 
}
#content div.section.first div.center {
	padding-top:0;padding-bottom:0;
}
/* --------------------------------------- *//* Last section */ 
#content div.section.last div.center { padding-bottom:52px;	} 	/* adds two lines to the end of the content */
#content div.section.only div.center { height:470px;		}	/* adds sixteen lines to the end of the content */

/* ------------------------------------------------------------------------------------ */
/* ALL FONT & TEXT FORMATING */
/* ------------------------------------------------------------------------------------ */
/* --------------------------------------- *//* Text 									*/
body { 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px;
}
/* --------------------------------------- *//* SIZE, COLOR 							*/
/* context			tag	{	font-size:NNem;		line-height:NNpx;	color:#NNNNNN;	} 	*/
					h1	{	font-size:1.25em;	line-height:22px;	color:#111E3D;	text-shadow:#424134 0px 3px 4px;}
					h2	{	font-size:1em;		line-height:22px;	color:#111E3D;	}
					h3	{	font-size:1em;		line-height:22px;	color:#111E3D;	}
					h4	{	font-size:1em;		line-height:22px;	color:#3F3E32;	}
					p	{	font-size:1em;		line-height:22px;	color:#3F3E32;	}
				.khlog	{	font-size:1em;		line-height:22px;	color:#3F3E32;	}
					ul	{	font-size:1em;		line-height:22px;	color:#3F3E32;	}
					li	{	font-size:1em;		line-height:22px;	color:#3F3E32;	}				
	/* Narrower leading & smaller size for side text */
	.left			p	{	font-size:.9em;		line-height:1.2em;	color:#6e6e58;	}
	.right			p	{	font-size:.9em;		line-height:1.2em;	color:#6e6e58;	}
	.section.header	h1	{	font-size:1em;		line-height:1.2em;	color:#111E3D;	text-shadow:#5b5a48 0px 3px 4px;}
	.box			h1	{	font-size:.9em;		line-height:1.3em;	color:#111e3d;	}
	.box			h2	{	font-size:.9em;		line-height:1.3em;	color:#111e3d;	}
	.box			p	{	font-size:.9em;		line-height:1.3em;	color:#5b5a48;	}
/* --------------------------------------- *//* POSITION, STYLE */
/* context			tag	{	text-align:justify;	font-weight:bold;	font-style:italic;	text-transform:uppercase	} */
					h1	{	text-align:left;	font-weight:bold; 													}
					h2	{	text-align:left;	font-weight:bold;													}
					h3	{	text-align:left;	font-weight:bold;	font-style:normal;	text-transform:uppercase	}
					h4	{	text-align:left;	font-weight:normal;	font-style:italic;	text-transform:uppercase	}
					p	{	text-align:left;																		}
					ul	{	text-align:left;																		}
					li	{	text-align:left;																		}				
	/*set text by location */
	.left			h1	{	text-align:right;	 																	}
	.left			h2	{	text-align:right;																		}
	.left			h3	{	text-align:right;																		}
	.left			p	{	text-align:right;																		}
	.right			h1	{	text-align:left;	 																	}
	.right			h2	{	text-align:left;																		}
	.right			h3	{	text-align:left;																		}
	.right			p	{	text-align:left;																		}
	.center			p	{	text-align:justify;																		}
	.section.header	h1	{	text-align:center;											text-transform:uppercase	}
	.box			h1	{	text-align:left;	font-weight:bold;													}
	.box			h2	{	text-align:left;	font-weight:bold;													}
	.box			p	{	text-align:left;																		}
/* --------------------------------------- *//* PADDING, MARGIN */
/* context			tag	{	padding:NNpx NNpx NNpx NNpx;	margin:NNpx NNpx NNpx NNpx;	} */
					h1	{	padding:0;						margin:0; 					}
					h2	{	padding:0;						margin:0; 					}
					h3	{	padding:0;						margin:0; 					}
					p	{	padding:0 0 22px 0;				margin:0;		 			}
					ul	{	padding:0;						margin:0; 					}
					li	{	padding:0;						margin:0; 				 	}				
	/* Pad side text */
	.left			h1	{	padding:0    10px 0    10px; 								}
	.left			h2	{	padding:0    10px 0    10px;								}
	.left			h3	{	padding:0    10px 0    10px;								}
	.left			p	{	padding:4px  9px  6px  10px;								}
	.right			h1	{	padding:0    10px 0    10px;								}
	.right			h2	{	padding:0    10px 0    10px;								}
	.right			h3	{	padding:0    10px 0    10px;								}
	.right			p	{	padding:4px  10px 6px  9px;									}
	.center			h2	{	padding:1px  0    0    0;		margin:0    0   -1px  0;	}
	.center			h3	{	padding:1px  0    0    0;		margin:0    0   -1px  0;	}
	.center			h4	{	padding:1px  0    0    0;		margin:0    0   -1px  0;	}
	.section.header	h1	{	padding:15px 0    0    0;									}
	.box			h1	{	padding:0    0    8px  0;									}
	.box			h2	{	padding:0    0    8px  0;									}
	.box			p	{	padding:8px  0    8px  0;		margin:0				}

/* ------------------------------------------------------------------------------------ */
/* BOX FORMATTING */
/* ------------------------------------------------------------------------------------ */
/* --------------------------------------- *//* GENERIC BOX 							*/ 
#content div.box { 
	background:url(http://www.khazar.com/v2images/shaders/33-DAD7B1.png);
	position:relative; 	
	/* ^ This is a bug fix for IE. Sometimes the background layers multiple times 		*/
	/* inside the box. This is the only way to fix it. I HATE IE!  						*/
	border:#4A493B solid 1px; 
	padding:10px 10px 20px 10px;
	text-align:left;
}
#content div.right .box, #content div.left .box {
	width:108px;
	position:absolute;
	top:-139px;
	left:11px;
}
#content div.section.first div.box { margin-top:10px; }	
/* Special case box text */
#content .box img+h1 	{margin-top:0px; padding:0}
#content .box img+h2 	{margin-top:0px; padding:0}
#content .box img+p 	{margin-top:0px; padding:0}
#content .box h1 { 
	font-size:1em;
	padding-bottom:0; 
}
#content .box p	 { color:#5b5a48; }/* Just a little lighter to account for lighter background 					 
/* --------------------------------------- *//* BULLET BOX */
#content div.center div.box.bullets 	{ margin:-22px 22px 21px 22px; padding:22px 22px 21px 22px;}
#content div.center div.box.bullets ul 	{ list-style:url(../v2images/bullet.png)}
#content div.center div.box.bullets li 	{ margin-left:12px;}
#content div.center div.box.bullets li.subbullet 	{
	list-style:none;
	margin-left:30px;
	font-style:italic;
	color:#6E6E58;
}
#content div.box.flushleft  {
	float:left;
	width:250px; height:89px; 	/* customize height locally in multiples of 22 + 1 		*/  
	margin:0 10px -5px -1px;
}								
#content div.box.flushright {
	float:right;
	width:250px; height:111px;  /* customize height locally in multiples of 22 + 1   	*/
	margin:0 0 -5px 10px;
} 
/* --------------------------------------- *//* link box								*/
#content div.section div.box.links { padding-top:6px;}
#content div.section div.box.links ul { 
	list-style-type: none;
	border-bottom:#86866C solid 1px;
	margin-top:-1px;
}
#content div.section div.box.links li {
	border-top:#86866C solid 1px;
	border-left:#86866C solid 1px;
	border-right:#86866C solid 1px;
	background:url(http://www.khazar.com/v2images/shaders/33-DAD7B1.png);
	font-size:10px; text-transform:uppercase; line-height:12px;
	display:block;
	font-weight:bold;
	color:#333228;
}
#content div.section div.box.links h1,
#content div.section div.box.links h2,
#content div.section div.box.links p,
#content div.section div.box.links ul,
#content div.section div.box.links li	{
	text-align:center;
}
#content div.section div.box.links li a {
	padding:5px 5px 4px 5px;
	display:block;
	text-decoration:none;
}
#content div.section div.box.links li:hover {
	background:#DAD7B1; 
}
/* show current location  */
#content div.section div.box.links li.here {
	padding:5px 5px 4px 5px;
	background:url(http://www.khazar.com/v2images/shaders/20-000000.png);
	color:#CECEA2;
}
#content div.section div.box.links li.here:hover {
	background:url(http://www.khazar.com/v2images/shaders/20-000000.png);
	color:#CECEA2;
}
/* Links box in Center Div only  */
#content div.section div.center div.box.links {
	padding:0 10px 22px 10px;
	margin:0px 125px 0 125px;
}
#content div.section div.center div.box.links p {
	line-height:22px;padding:0px;margin:0;
}
#content div.section div.center div.box.links h2 {
	line-height:22px;padding:0px;margin:-1px 0;
}
#content div.section div.center div.box.links ul {
	padding:0px;margin:1px 0 -1px 0;
}
#content div.section div.center div.box.links li {
	margin:0; padding:0;
}
/* ------------------------------------------------------------------------------------ */
/* SPECIAL CASES */
/* ------------------------------------------------------------------------------------ */
/* --------------------------------------- *//* inter/intra page navigation				*/
/* --------------------------------------- */
/* Drop Shadow */
/* --------------------------------------- */
#content p.return,
#content p.outbound,
#content p.to_top {
	font-size:10px; 
	text-transform:uppercase;
	text-align:right;
}
#content p.to_top {
	margin: -1px 2px 0 0;padding:0;
}
#content p.return a,
#content p.outbound a,
#content p.to_top a {
	font-weight:normal;
	color:#6E6E58;
}
/* --------------------------------------- *//* Init Cap Div							 */
div.initCap {
	margin:0;
	padding:0;
	position:absolute;
}
div.initCap.mid {
	left:106px;
}
div.initCap.flush {
	left:150px;
}
div.section.first div.initCap.flush {
	top:10px;
}
div.section.first div.initCap {
	top:-9px;
}
div.initCap.small {
	top:-1px;
}
.wrapLeft {
	float:left;
	clear:left;
}
/* --------------------------------------- *//* Kill top border							*/
#content div.right.topless,
#content div.left.topless {
	border-top:none;
}
/* --------------------------------------- *//*special info icon 						*/
#content .info {
	vertical-align:middle;
}

/* --------------------------------------- */
/* Links */
/* --------------------------------------- */
/* ---------------------- */
/* Attribution links      */
/* ---------------------- */
#attribution a:link { color:#4A493B;  }
#attribution a:hover { color:#4A493B }
#attribution a:visited { color:#4A493B }
/* ---------------------- */
/* Content links          */
/* ---------------------- */
#content  		  	a 			{	color:#3F3E32;	text-decoration:none;		font-weight:bold; 	}
#content  		  	a:hover 	{	color:#3F3E32;	text-decoration:underline;	font-weight:bold; 	}
#content  		  	a:active 	{	color:#FFFFFF;	text-decoration:underline;	font-weight:bold; 	}
#content h1 	  	a, 
#content h2 	  	a,
#content h3 		a 			{	color:#21448C;	text-decoration:none;							}
#content h1 		a:hover, 
#content h2 		a:hover, 
#content h3 		a:hover 	{	color:#21448C;	text-decoration:underline;						}
#content h1 		a:active, 
#content h2 		a:active,
#content h3 		a:active	{	color:#FFFFFF;	text-decoration:underline;						}
#content .box 	p 	a 			{	color:#424124;	text-decoration:none;		font-weight:bold; 	}
#content .box 	p 	a:hover		{	color:#424124;	text-decoration:underline;	font-weight:bold; 	}
#content .box 	p 	a:active	{	color:#FFFFFF;	text-decoration:underline;	font-weight:bold; 	}

/* ------------------------------------------- *//*  -------------------------------------------   */
/* ---------------------- */
/* KHlog styling          */
/* ---------------------- */
.khlog				{	text-align:justify;															}
p.published 		{	line-height:22px!important;	color:#3F3E32!important;	margin-top:-3px;	}
.blogger_link		{	text-align:right!important; font-size:.75em;			margin-top:-1px;	margin-bottom:-1px;			}
.blogger_link a		{	color:#6E6E58!important;	}
#content .khlog_section div.left	{ 	border-top:1px #111E3D solid;}
#content .khlog_section div.center	{ 	border-top:1px #111E3D solid;}
#content .khlog_section div.right	{	border-top:1px #111E3D solid;}