@media screen, projection {


/* BODY AND FONTS: =body
----------------------------------------------- */
	* 		{ margin: 0; padding: 0; }
	body		{ margin-top: 20px; padding-bottom: 40px; background: #5A5A5A; }

/* CONTAINERS: =container
----------------------------------------------- */
	#inner-wrapper		{ margin: 0 auto; border: 3px solid #484848; }
	.container		{ width: 866px; }

/* HEADER: =header
----------------------------------------------- */
	#header				{ background: #FFFFFF url(../images/header.jpg); height: 100px; }
	#header h1 { margin: 0; padding: 0; overflow: hidden; }
	#header h1 a { display: block; width: 200px; height: 100px; }
	#header h1 a span { display: none; }
	#header h2	{ display: none; }
	
/* NAVIGATION: =navigation
----------------------------------------------- */
	#navigation			{ background: #999B9E !important; background-color: #999B9E !important; }
	
	#navigation ul			{ list-style-type: none; background: #999B9E !important; margin-left: 12px; }
	#navigation li			{ display: inline; float: left; }
	#navigation li a {
	display: inline-block; 
	color: #D5D6D8;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background: #999B9E;
	padding: 8px;
	float: left; 
	}
	
	#navigation li a:hover	{ background: #5A5B5D; color: #FFFFFF; }
	
/* BODY: =body
----------------------------------------------- */
	#body			{ background: #FFFFFF url(../images/content-background.gif) repeat-y; }

/* CONTENT: =content
----------------------------------------------- */
	#content	{ width: 570px; float: left; margin: 20px 16px 0 20px; padding-bottom: 40px; }
	
	#content h3		{ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 17px; margin-bottom: 20px; color: #88898C; }
	
	#content ul { margin: 10px 0 20px 40px; }
	#content ul li { margin: 0 0 8px; }
	
	.post			{ margin-bottom: 30px; }
	.post h2,
	#content h2,
	.post h2 a		{ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 20px; text-decoration: none; color: #333333; }
	.post h2 a:hover	{ text-decoration: underline; }
	
	.post-title h3	{ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif !important; font-size: 12px !important; margin-top: 3px !important; color: #88898C; }
	.post-title h3 a		{ color: #6CAEDF; text-decoration: none; }
	.post-title h3 a:hover	{ text-decoration: underline; }
	
	.post-content		{ font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #88898C; margin: 10px 0 20px 0; }
	.post-content p	{ line-height: 17px; }
	
	#content p		{ font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #88898C; margin: 10px 0 20px 0; }
	
	p a.post-edit-link	{ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 19px; color: #FEBE10; }
	
	ul.post-comments	{ margin-top: 20px; }
	ul.post-comments h3	{ font-size: 14px !important; }
	
	li.comment		{ list-style-type: none; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; }
	
	li.comment cite	{ padding-bottom: 3px; color: #6CAEDF; }
	li.comment cite a	{ color: #6CAEDF; }
	.comment-content	{ margin: 3px 0 0 0; color: #88898C; line-height: 17px; }
	
	#commentform p			{ margin-bottom: 5px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #88898C; }
	#commentform p a		{ color: #6CAEDF; text-decoration: underline; }
	#commentform p a:hover	{ text-decoration: none; }
	
	#commentform small	{ font-size: 12px !important; color: #88898C; }
	
	#commentform input,
	#commentform textarea	{ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 13px; color: #88898C; }
	
/* SIDEBAR: =sidebar
----------------------------------------------- */
	#right		{ float: left; width: 220px; padding: 20px; }
	
	#sidebar h2	{ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 19px; color: #5A5B5D; padding-bottom: 10px; }
	
	ul#sidebar	{ list-style-type: none; }
	
	#sidebar ul	{ margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #ACCFE9; }
	
	ul#sidebar ul li
	{ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 13px; margin-left: 15px; list-style-type: square; color: #6C9CBE; padding-bottom: 2px; }
	ul#sidebar ul li a		{ color: #5A5B5D; text-decoration: none; }
	ul#sidebar ul li a:hover	{ text-decoration: underline; }
	
	#sidebar li p			{ font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #5A5B5D; padding-bottom: 10px; }
	#sidebar li p a		{ text-decoration: underline; color: #437395; }
	#sidebar li p a:hover	{ text-decoration: none; }
	
	ul#widgets		{ padding-bottom: 0 !important; margin-bottom: 20px !important; }
	li.widget			{ list-style-type: none !important; margin: 0 0 10px 0 !important; padding-bottom: 0 !important; }
	li.widget img		{ border: none; }
	
	li.widget p a		{ color: #437395 !important; text-decoration: underline; }
	li.widget p a:hover	{ text-decoration: none; }
	
	li.tour img		{ float: right; margin: 0 0 0 10px; }
	
	p.center			{ text-align: center; }
	
	/* Search */
	#search			{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ACCFE9; }
	
/* FOOTER: =footer
----------------------------------------------- */
	#footer				{ margin: 0 auto; height: 40px; background: #000000; }
	#footer p.copyright		{ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 12px; color: #FFFFFF; text-align: center; padding-top: 12px; }
	#footer p.copyright a		{ color: #FFFFFF; }
	#footer p.copyright a:hover	{ text-decoration: none; }
	
/* MISC: =misc
----------------------------------------------- */
	hr { display: none; }

	/* 
	* Image replacement using the Gilder/Levin IR technique 
	* http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	*/		
	.replace { 
	position: relative;
	/* hide overflow: hidden from mac ie5 \*/
	overflow: hidden;
	font-size: 1.2em; /* reset to desired font size for good browsers for CSS on/images off situations*/
	/* end hide from mac ie5 */
	}
	.replace span { display: block; position: absolute; top: 0px; left: 0px; z-index:1; /*for Opera 5 and 6*/ }

	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }

	/*
	* "How To Clear Floats Without Structural Markup" -
	* http://www.positioniseverything.net/easyclearing.html
	*/
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */

  /* Alignments */
	.left, .alignleft { float: left; margin: 4px 10px 6px 0; }
	.right, .alignright { float: right; margin: 4px 0 6px 10px; }

}