/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	html { overflow: scroll; font: normal 13px Arial, Helvetica, sans-serif; line-height: 200%; height: 100%; margin: 0; padding: 0; color: #636363; }
	body { margin: 0; padding: 0; width: 100%; height: 100%; background: url('../images/bg.jpg') repeat-x #fff; }

/* LINKS */

	a, a:link, a:visited { color: #374836; text-decoration: none; cursor: pointer; outline: none; }	
	a:hover, a:active { text-decoration: underline; }

/* HEADINGS */

	h1 { font: normal 2em Arial, Helvetica, sans-serif; color: #374836; }		
	h2 { font: normal 1.5em Arial, Helvetica, sans-serif; color: #374836; margin-top: 15px; }		
	h3 { font: normal 1.2em Arial, Helvetica, sans-serif; color: #374836; margin-top: 25px; }		
	h4 { font: normal 1em Arial, Helvetica, sans-serif; color: #374836; margin-top: 5px; }		
	h5 { font: normal 0.9em Arial, Helvetica, sans-serif; color: #374836; }

/* PARAGRAPH */

	p { font: inherit; }

/* LISTS */

	ul { margin: 0 10px; padding: 0; }			
	ul li { margin: 0 5px; padding: 5px 0 0 0; list-style: circle; }			
	ol { margin: 0 10px; padding: 0; }	
	ol li { margin: 0 15px; padding: 5px 0 0 0; }

/* FORMS */

	label { display: block; width: 100%; margin: 5px 0; font-weight: bold; }
	input, textarea, select { display: block; margin: 5px 0; width: 97%; border: 1px solid #c4c4c4; background: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
	select { width: 100%; }
	.button { width: auto; margin: 15px 0; padding: 2px 10px; background: url('../images/button_bg.png') repeat-x; cursor: pointer;  }
	*:focus { outline: none; }

/* OTHER */

	hr { height: 1px; background: none; border:0; border-top: 1px dotted #ccc; margin: 15px 0; }	
	table { border-collapse: collapse; }	
	strong { font-weight: bold; }	
	em { font-style: italic; }
	.right { float: right; }	
	.left { float: left; }	
	.align-right { text-align: right; }	
	.align-left { text-align: left; }
	.align-center { text-align: center; }	
	.align-justify { text-align: justify; }
	.hide { display: none; }
	.clear { clear: both; }
	.bold { font-weight: bold; }	
	.italic { font-style: italic; }
	.underline { border-bottom: 1px solid; }	
	.uppercase { text-transform: uppercase; }
	.notification { font-weight: bold; color: #a52a2a; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WRAPPER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#wrapper { width: 750px; margin: 0 auto; padding: 0; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#header { position: absolute; margin: 0; padding: 0; }
	#logo { display: block; width: 301px; height: 82px; margin: 16px 0 0 0; background: url(../images/logo.jpg) no-repeat; }
	
	#follow { float: right; margin: 33px 0 0 497px; padding: 0; width: 259px; height: 85px; background: url(../images/follow.jpg) no-repeat; }
		#follow a { display: block; position: absolute; width: 28px; height: 28px; }
		#follow a#linked_in { margin: 30px 0 0 118px; }
		#follow a#facebook { margin: 30px 0 0 161px; }
		#follow a#twitter { margin: 30px 0 0 203px; }
	
	#sub_nav { position: absolute; margin: 172px 0 0 0; width: 750px; padding: 0 5px 0 0; text-align: right; color: #6596bd; font-size: 14px; font-weight: bold; }
	#sub_nav a, #sub_nav a:visited { color: #487ea9 }
	#sub_nav a.cur { color: #004074; }
	
	#rot_banner { width: 465px; height: 125px; margin: 15px 0 0 0; border: 4px solid #bec6d0; background: url(../images/banner.jpg) no-repeat; }
	#rot_banner ul { margin: 0; padding: 0; }
	#rot_banner ul li { position: absolute; margin: 0; padding: 55px 15px 0 15px; width: 465px; color: #0d4572; height: 125px; font-size: 22px; text-align: center; list-style: none; }
	#rot_banner ul li#rot_stop { padding: 40px 0 0 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	/* Essentials */
	
	#navigation { position: absolute; margin: 118px 0 0 0; padding: 0; border-right: 1px solid #e3e4e8; }
	
	#navigation ul { display: block; margin: 0; padding: 0; position: relative; }
  	#navigation ul li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
 	#navigation ul ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  	* html #navigation ul ul { line-height: 0; } /* IE6 "fix" */
  	#navigation ul ul a { zoom: 1; } /* IE6/7 fix */
    #navigation ul ul li { float: none; }
    #navigation ul ul ul { top: 0; }
    
	#navigation ul ul { margin: 18px 0 0 1px; width: 130px; background: #374836; }
	#navigation ul ul ul { margin: 0; padding: 0; left: 131px; }

	/* Theming */
 
	#navigation ul *:hover { background: none; }
	#navigation ul a { display: block; float: left; height: 26px; padding: 15px 15px 1px 15px; margin: 0; border-left: 1px solid #e3e4e8; color: #fff; font-size: 13px; line-height: 100%; font-weight: bold; }
  	#navigation ul li.hover a { background: #374836; text-decoration: none; }
    #navigation ul ul { top: 25px; }
    #navigation ul ul li a { height: auto; width: auto; padding: 7px; margin: 0; float: none; }
    #navigation ul ul a.hover { background-color: #374836; text-decoration: underline; }
   	#navigation ul ul a { border: none; }
	
	/* Search Box */
	
	#search { float: right; width: 135px; margin: 124px 0 -5px 0;  }
	#search input { width: 115px; background: url('../images/search.jpg') no-repeat; color: #374836; padding: 3px 10px; border: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#content { clear: both; margin: 0; padding: 70px 0 20px 0; }
	.c_main { width: 465px; float: left; }
	.c_callout { width: 185px; padding: 30px; float: left; margin: -16px 0 0 40px; background: url(../images/feed_bg.jpg) repeat-x; font-weight: bold; }
	
	/* FEED */
	p.feed_obj { line-height: 140%; }
	a.feed_title { display: block; margin: 5px 0 0 0; padding: 0; font-size: 11px; font-weight: normal; color: #9c9c9c; }
	
	#content p img { border: 1px solid #d6dacb; padding: 3px; }
	
	/* Articles */
	.blog_entry { }
	.blog_entry h4 { color: #999; float: right; }
	.blog_entry div { border-left: 5px solid #d5dce5; padding: 0 0 0 20px; }
	.blog_entry p { padding: 0; margin: 0; }
	.blog_entry a.read_post { margin: 0; }
	
		/* Tags */
		.tags h3 { border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
		.tags ul { margin: 15px 0; }
		.tags ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: block; float: left; }
		.tags ul li a { display: block; float: left; padding: 1px 8px; border: 1px dotted #ccc; }
		.tags ul li a:hover { text-decoration: none; background: #f0f1f0; }
		
		/* Social Bookmarks */
		.bookmarks { margin: 25px 0 0 0; padding: 15px; background: #f8faff; border: 1px dashed #e4e1e1; }
		.bookmarks h3 { margin: 5px 0 20px 0; }
		.bookmarks ul { margin: 15px 0; }
		.bookmarks ul li { margin: 0 20px 0 0; padding: 0; list-style: none; display: inline; float: left; }
		.bookmarks ul li span { font-weight: bold; }	
		.bookmarks ul li a { display: block; width: 24px; height: 24px; float: left; text-indent: -9000px; }
		.bookmarks ul li a.twitter { background: url('../images/bookmarks/twitter.png') no-repeat; }
		.bookmarks ul li a.facebook { background: url('../images/bookmarks/facebook.png') no-repeat; }
		.bookmarks ul li a.digg { background: url('../images/bookmarks/digg.png') no-repeat; }
		.bookmarks ul li a.delicious { background: url('../images/bookmarks/delicious.png') no-repeat; }
		.bookmarks ul li a.stumbleupon { background: url('../images/bookmarks/stumbleupon.png') no-repeat; }
		.bookmarks ul li a.google { background: url('../images/bookmarks/google.png') no-repeat; }
	
	
	#comment_block { margin: 25px 0 0 0; padding: 15px; background: #f8faff; border: 1px dashed #e4e1e1; }
	#comment_block .no_comments { font-weight: bold; }
	#comment_block h3 { margin: 5px 0 20px 0; }
	#comment_block ul { margin: 0; padding: 0; }
	#comment_block ul li { margin: 15px 0; padding: 0 0 15px; list-style: none; border-bottom: 1px solid #e1dcdc; }
	#comment_block ul li p { margin: 0; padding: 5px 0; }
	
	/* Contact Form */
	#emailform { margin: 25px 0 0 0; padding: 15px; background: #fffefc; border: 1px dashed #e4e1e1; }
	#emailform h3 { margin: 5px 0 20px 0; }
	
	/* Gallery */
	.gallery { margin: 0; padding: 0; }
	.gallery li { margin: 0 5px 5px 0; padding: 0; list-style: none; float: left;  }
	.gallery li img { padding: 2px; border: 1px solid #e8e6e6; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#footer, #push { height: 100px; }
	#footer { clear: both; background: #e0e0de; border-top: 1px solid #ccc; }
	#footer div { width: 750px; margin: 0 auto; padding: 30px 0 0 0; color: #777; }
	#footer a { color: #777; }