/*
Theme Name: Friendly Design 3.0
Theme URI: http://weAreFriendlyDesign.com/
Description: The Friendly Design re-brand
Version: 3.0
Author: Friendly Design
Author URI: http://iamfriendly.com/
Tags: fixed width, 2 columns, simplistic, professional, minimalistic, typography
*/

/* Eric Meyer's Amazing CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: Arial; vertical-align: baseline; }
:focus { outline: 0; }
body {	line-height: 1.5; color: #231F20; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body{font-size: 62.5%; }

@font-face
{
	font-family: Diavlo;
	src: url('fonts/Diavlo_BOOK_II_37.eot');
	src: local('Diavlo Book'), url('fonts/Diavlo_BOOK_II_37.otf') format('opentype');
}

@font-face
{
	font-family: GrauBlau;
	src: url('fonts/GraublauWeb.eot');
	src: local('GrauBlau Web'), url('fonts/GraublauWeb.otf') format('opentype');
}

a
{
	text-decoration: none;
	color: #00B3F2;
}
a:hover
{
	text-decoration: underline;
}

/* HOME PAGE -- Header */

	/* Header Layout */

		#external_header_container
		{
			width: 100%;
			background-color: #F7F7F7;
			height: 60px;
		}

		#logo_and_menu_container
		{
			width: 960px;
			margin: 0 auto;
			padding: 15px 10px;
		}

		#top_left_logo_container
		{
			float: left;
			width: 220px;
		}

		#main_menu_container
		{
			float: left;
			width: 720px;
			text-align: right;
		}

	/* Header Typography */

		ul#main_menu
		{
			margin-top: 3px;
		}

		ul#main_menu li
		{
			display: inline;
			margin: 0 0 0 10px;
		}

		ul#main_menu li a
		{
			text-decoration: none;
			margin: 4px;
			padding: 5px 10px 5px 10px;
			font-size: 1.3em;
			color: #231F20;
		}

		ul#main_menu li a:hover
		{
			color: #4D4D4F;
		}

		ul#main_menu .current_page_item, ul#main_menu .current_page_parent
		{
			padding: 5px 0;
			background: #231F20;
			border-radius: 12px; /* CSS 3 */
			-o-border-radius: 12px; /* Opera */
			-icab-border-radius: 12px; /* iCab */
			-khtml-border-radius: 12px; /* Konqueror */
			-moz-border-radius: 12px; /* Firefox */
			-webkit-border-radius: 12px; /* Safari */
		}

		ul#main_menu .current_page_item a, ul#main_menu .current_page_parent a
		{
			color: #F7F7F7;
		}

		ul#main_menu .current_page_item a:hover, ul#main_menu .current_page_parent a:hover
		{
			color: #E5E5E5;
		}

		ul#main_menu .page-item-53
		{
			padding: 5px 0;
			color: #231F20;
			background: #C5F400;
			border-radius: 12px; /* CSS 3 */
			-o-border-radius: 12px; /* Opera */
			-icab-border-radius: 12px; /* iCab */
			-khtml-border-radius: 12px; /* Konqueror */
			-moz-border-radius: 12px; /* Firefox */
			-webkit-border-radius: 12px; /* Safari */
		}

		
/* HOME PAGE -- Content */

	/* Content Layout */

		#external_content_container
		{
			width: 960px;
			padding: 0 10px;
			margin: 30px auto;	
		}

		#example_sites_slider_container
		{
			width: 900px;
			border: 1px solid #CECECE;
			height: 420px;
			margin-bottom: 30px;
			padding: 20px;
		}

		#welcome_text_container
		{
			height: 150px;
			width: 940px;			
		}

		#external_featured_blog_posts_container
		{
			width: 100%;
			background-color: #231F20;
			height: 450px;
		}

		#featured_blog_posts
		{
			width: 960px;
			margin: 20px auto;
			padding: 20px 10px;
		}

		.featured_blog_post
		{
			width: 460px;
			float: left;
			margin: 0 20px 0 0;
		}

	/* Content Typography */

		#welcome_text p
		{
			font-family: GrauBlau, arial;
			color: #666;
			font-size: 2.5em;
			text-align: justify;
			
		}
		
		#welcome_text p span
		{
			font-family: GrauBlau, arial;
			color: #231F20;
		}
		
		#featured_blog_posts h3
		{
			color: #cccccc;
			font-size: 2em;
			margin-bottom: 10px;
			font-family: Graublau;
		}

		.featured_blog_post h3 a
		{
			color: #F7F7F7;
			text-decoration: none;
			line-height: 0.3;
			font-family: Graublau;
		}

		.featured_blog_post h3 a:hover
		{
			text-decoration: underline;
		}

		.featured_blog_post h5
		{
			color: #666666;
			margin-bottom: 10px;
		}

		.featured_blog_post p
		{
			font-size: 1.3em;
			color: #F7F7F7;
		}

		.read_more_link a
		{
			color: #231F20;
			padding: 3px 8px;
			background: #EF9300;
			border-radius: 12px; /* CSS 3 */
			-o-border-radius: 12px; /* Opera */
			-icab-border-radius: 12px; /* iCab */
			-khtml-border-radius: 12px; /* Konqueror */
			-moz-border-radius: 12px; /* Firefox */
			-webkit-border-radius: 12px; /* Safari */
			margin-top: 10px;
			float: right;
			text-decoration: none;
		}

		.read_more_link a:hover
		{
			background: #D7861E;
		}

	/* Content Misc Styling */

		.complay_logo
		{
			float: right;
			margin-left: 20px;
		}

		.home_page_blog_post_image
		{
			border: 10px solid #F7F7F7;
			margin-bottom: 20px;
		}

	/* Home Page - Slider Styling */

		.anythingSlider                         { width: 900px; height: 420px; position: relative; }
		.anythingSlider .wrapper                { width: 900px; height: 420px; overflow: auto; position: absolute; top: 0; left: 0; }
		.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
		.anythingSlider ul li                   { display: block; float: left; width: 900px; }
		.anythingSlider .arrow                  { display: none; }
		.anythingSlider .forward                { display: none; }
		.anythingSlider .back                   { display: none; }
		.anythingSlider .forward:hover          { display: none; }
		.anythingSlider .back:hover             { display: none; }

		.anythingSlider .slider_image			{ float: left; margin-right: 20px; width: 650px; }
		.anythingSlider .slider_image img		{ padding: 4px; border: 1px solid #eee; }
		.anythingSlider .slider_description		{ float: left; width: 200px; background: #231F20; color: #F7F7F7; height: 420px; padding: 10px; }

		.slider_description h3					{ font-size: 1.6em; font-family: GrauBlau; }
		.slider_description h5					{ font-size: 1.1em; font-family: GrauBlau; color: #898989; line-height: 0.8; margin-top: 30px; }
		.slider_description p					{ font-size: 1.1em; }

		#thumbNav                               { position: absolute; bottom: 0; right: 60px; }
		#thumbNav a                             { border: 2px solid #F7F7F7; text-decoration: none; color: #F7F7F7; display: inline-block; height: 14px; background: #00B3F2; margin: 0 0 10px -6px; padding: 5px 8px; width: 8px; border-radius: 24px; -o-border-radius: 24px; -icab-border-radius: 24px; -khtml-border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; }
		#thumbNav a:hover                       { background: #0086AA; text-decoration: none; }
		#thumbNav a.cur                         { background: #EF9300; text-decoration: none; }

		#start-stop                             { display: none; }
		#start-stop.playing                     { display: none; }
		#start-stop:hover                       { background-image: none; }

		/*
		  Prevents
		*/
		.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
		.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

		/* ***** */


/* HOME PAGE -- Footer */

	/* Footer Layout */

		#external_footer_container
		{
			width: 960px;
			padding: 0 10px;
			margin: 20px auto;
			height: 60px;
		}

		#footer_logo, #footer_text_and_menu
		{
			float: left;
		}

	/* Footer Typography */

		#footer_text_and_menu p
		{
			color: #ccc;
			font-size: 1.3em;
			margin-top: 10px;
		}

		ul#footer_menu
		{
			margin-top: 3px;
		}

		ul#footer_menu li
		{
			display: inline;
		}

		ul#footer_menu li a
		{
			text-decoration: none;
			font-size: 1.3em;
			margin: 4px 4px 4px 0;
			padding: 5px 10px 5px 0;
			color: #ccc;
		}

		ul#footer_menu li a:hover
		{
			color: #4D4D4F;
		}

	/* Footer Misc Styling */

		#footer_logo .complay_logo_small
		{
			margin-right: 20px;
		}

/* -------------------- ABOUT PAGE -------------------- */

/* ABOUT PAGE CONTENT */

	/* About Page Content Layout */

		#about_page_top_image
		{
			width: 940px;
			border: 1px solid #CECECE;
			height: 460px;
			margin-bottom: 30px;
		}

		#about_page_description, #about_page_what_we_do_list
		{
			float: left;
		}

		#about_page_description
		{
			width: 620px;
		}

		#about_page_what_we_do_list
		{
			width: 190px;
			margin-left: 100px;
			padding: 15px;
			background: #F7F7F7;
			border-radius: 12px; /* CSS 3 */
			-o-border-radius: 12px; /* Opera */
			-icab-border-radius: 12px; /* iCab */
			-khtml-border-radius: 12px; /* Konqueror */
			-moz-border-radius: 12px; /* Firefox */
			-webkit-border-radius: 12px; /* Safari */

		}

		.the_ever_so_annoying_clear_fix
		{
			clear: both;
			height: 1px;
			margin-top: -1px;
		}

		#about_page_external_featured_products_container
		{
			width: 100%;
			background-color: #231F20;
			height: 460px;
		}

		#featured_products
		{
			width: 960px;
			margin: 20px auto;
			padding: 20px 10px;
		}

		.featured_product
		{
			width: 460px;
			float: left;
			margin: 0 20px 0 0;
		}

	/* About Page Content Typography */

		#about_page_description
		{
			font-size: 1.3em;
		}

		#about_page_description h4
		{
			font-size: 1.38em; /*(actually 18pm ish) */
			margin-bottom: 15px;
		}

		#about_page_what_we_do_list h3
		{
			font-size: 1.38em;
			margin-bottom: 7px;
			font-weight: bold;
		}

		#about_page_what_we_do_list p
		{
			font-size: 1.3em;
		}

		#about_page_what_we_do_list ul
		{
			margin: 18px 0;
			font-size: 1.3em;
			
			list-style-type: none;
			list-style-position: inside;
		}

		#about_page_what_we_do_list ul li
		{
			margin-bottom: 10px;
			display: block;
			padding-left: 24px;
			background-image: url("images/accept.png");
			background-repeat: no-repeat;
			background-position: 0 10%;
		}

		.portfolio_link a
		{
			color: #F7F7F7;
			padding: 3px 15px;
			background: #00B3F2;
			border-radius: 12px; /* CSS 3 */
			-o-border-radius: 12px; /* Opera */
			-icab-border-radius: 12px; /* iCab */
			-khtml-border-radius: 12px; /* Konqueror */
			-moz-border-radius: 12px; /* Firefox */
			-webkit-border-radius: 12px; /* Safari */
			margin-top: 10px;
			float: right;
			text-decoration: none;
		}

		.portfolio_link a:hover
		{
			background: #29A2D2;
		}

		.about_page_contact_link a
		{
			color: #F7F7F7;
			padding: 3px 8px;
			background: #EF9300;
			border-radius: 12px; /* CSS 3 */
			-o-border-radius: 12px; /* Opera */
			-icab-border-radius: 12px; /* iCab */
			-khtml-border-radius: 12px; /* Konqueror */
			-moz-border-radius: 12px; /* Firefox */
			-webkit-border-radius: 12px; /* Safari */
			margin-top: 10px;
			float: right;
			text-decoration: none;
		}

		.about_page_contact_link a:hover
		{
			background: #D7861E;
		}

		#featured_products h3
		{
			color: #cccccc;
			font-size: 1.8em;
			margin: 5px 0 15px 0;
		}

		.featured_product h3 a
		{
			color: #F7F7F7;
			text-decoration: none;
			line-height: 0.3;
			font-weight: bold;
		}

		.featured_product h3 a:hover
		{
			text-decoration: underline;
		}

		.featured_product h5
		{
			color: #666666;
			margin-bottom: 10px;
		}

		.featured_product p
		{
			font-size: 1.3em;
			color: #F7F7F7;
		}

	/* About Page Content Misc Styling */
		
		#about_page_top_image img
		{
			margin: 20px 0 0 20px;
		}

		.about_page_product_image
		{
			border: 10px solid #F7F7F7;
			margin-bottom: 20px;
		}

/* -------------------- WORK PAGE -------------------- */

	/* Work Page Content Layout  */

		#work_page_external_quotes_and_worksheet_container
		{
			width: 99%;
			background-color: #231F20;
			height: 500px;
		}

		#quotes_and_worksheet_container
		{
			width: 960px;
			margin: 20px auto;
			padding: 20px 
		}

		#quotes_container
		{
			width: 380px;
			float: left;
			margin: 0 100px 0 0;
		}

		#worksheet_container
		{
			width: 450px;
			float: left;
			
		}

	/* Work Page Content Typography */

		#we_make_these h3
		{
			font-size: 1.8em;
			font-weight: bold;
			margin-bottom: 20px;
		}

		#quotes_and_worksheet_container h3
		{
			color: #F7F7F7;
			font-size: 1.8em; /* 18px */
			margin: 5px 0 20px 0;
		}

		#quotes_and_worksheet_container p
		{
			font-size: 1.3em;
			color: #F7F7F7;
		}

		#quotes_container p.quote_author, #quotes_container p.quote_author_alt
		{
			font-size: 0.9em;
			color: #666666;
			margin: 5px 0 20px 0;
			float: right;
		}

		#quotes_container p.quote_author_alt
		{
			float: left;
		}

		#worksheet_container p
		{
			margin-bottom: 19px;
		}

		#worksheet_container span
		{
			padding-right: 80px;
			color: #cccccc;
		}

		p.download_worksheet_link, p.contact_link
		{
			margin: 12px 0 0 0;
			float: right;
		}

		p.download_worksheet_link a
		{
			color: #231F20;
			padding: 6px 10px;
			background: #C5F400;
			border-radius: 12px; /* CSS 3 */
			-o-border-radius: 12px; /* Opera */
			-icab-border-radius: 12px; /* iCab */
			-khtml-border-radius: 12px; /* Konqueror */
			-moz-border-radius: 12px; /* Firefox */
			-webkit-border-radius: 12px; /* Safari */
			text-decoration: none;
		}

		p.download_worksheet_link a:hover
		{
			background: #B9CD2B;
		}
		
		p.contact_link a
		{
			color: #231F20;
			padding: 6px 15px;
			background: #EF9300;
			border-radius: 12px; /* CSS 3 */
			-o-border-radius: 12px; /* Opera */
			-icab-border-radius: 12px; /* iCab */
			-khtml-border-radius: 12px; /* Konqueror */
			-moz-border-radius: 12px; /* Firefox */
			-webkit-border-radius: 12px; /* Safari */
			text-decoration: none;
		}

		p.contact_link a:hover
		{
			background: #D7861E;
		}

		p.good_match_bottom
		{
			margin-top: 20px;
		}

	/* Work Page Content Misc Stylying */

		#we_make_these img
		{
			margin: 10px 20px 10px 0; 
		}

		#we_make_these hr
		{
			margin: 25px 0;
			color: #CECECE;
			width: 940px;
		}

		#quotes_container .alignleft
		{
			float: left;
			margin: 22px 20px 0 0;
		}

		#quotes_container .alignright
		{
			float: right;
			margin: 22px 0 0 20px;
		}

		#worksheet_container img
		{
			float: left;
			margin: 15px 20px 0 10px;
		}

/* -------------------- CONTACT PAGE -------------------- */

	/* Contact Page Content Layout  */

		#online_contact_form
		{
			width: 460px;
			margin-right: 180px;
			float: left;
		}

		#contact_side
		{
			width: 300px;
			float: left;
		}
		
		#contact_page_external_contact_container
		{
			width: 100%;
			background-color: #231F20;
			height: 405px;
		}

		#google_map_and_other_container
		{
			width: 960px;
			margin: 20px auto;
			padding: 20px
		}

		#google_map_container
		{
			width: 460px;
			float: left;
			margin: 0 180px 0 0;
		}

		#twitter_feed_container
		{
			width: 300px;
			float: left;
		}

	/* Contact Page Typography  */

		#contact_page_external_contact_container h3
		{
			font-size: 1.8em;
			font-weight: bold;
			margin-bottom: 20px;
			color: #CCC;
		}

		#online_contact_form p
		{
			font-size: 1.3em;
		}

		#contact_side h4
		{
			font-size: 1.5em;
			font-weight: bold;
			margin-bottom: 0.75em;
		}

		#contact_side p
		{
			font-size: 1.3em;
			margin-bottom: 0.5em;
		}

		p.download_our_client_worksheet
		{
			background-color: #F7F7F7;
			border: 2px solid #CCC;
			padding: 10px 60px 10px 10px;
			background-image: url('images/download.png');
			background-repeat: no-repeat;
			background-position: 95% 50%;
			margin: 25px 0 25px 0;
		}

		p.download_our_client_worksheet span
		{
			font-size: 0.8em;
		}

		h4#postal_address_details, h4#telephone_number_details
		{
			margin-top: 1.5em;
		}
		
		div.address
		{
			font-size: 1.3em;
			padding-left: 10px;
		}

		div.company_name
		{
			margin-top: 15px;
		}

		div.address a
		{
			color: #00B3F2;
			text-decoration: none;
		}

		div.address a:hover
		{
			text-decoration: underline;
		}

		div.telephone_number
		{
			font-size: 1.3em;
			padding-left: 10px;
		}

		#twitter_feed_container
		{
			color: #F7F7F7;
		}

		#twitter_feed_container ul
		{
			list-style-image: url("images/friendly_design_widget_48_x_48.png");
			list-style-type: square;
			list-style-position: inside;
		}

		ul#twitter_update_list li
		{
			margin-bottom: 10px;
			font-size: 1.3em;
			border-bottom: 1px solid #CCC;
			padding-bottom: 10px;
			padding-left: 60px;
			display: block;
			background-image: url("images/friendly_design_widget_48_x_48.png");
			background-repeat: no-repeat;
			background-position: 0 10%;
		}

		li.firstTweet, li.lastTweet
		{
			color: #E0E0E0;
		}

		ul#twitter_update_list li a
		{
			color: #00B3F2;
			text-decoration: none;
		}

		a#profileLink
		{
			color: #C5F400;
			text-decoration: none;
			font-size: 1.3em;
		}

		p#preloader {
			margin: 0;
			padding: 1em 1em 1em 3em;
			background: transparent url("images/loader.gif") 1em center no-repeat;
		}
	
	/* Contact Page Contact Form Styling & Comment Form */

		#online_contact_form form, #comment_form form
		{
			margin-top: 3em;
		}
		
		#online_contact_form fieldset
		{
			margin-bottom: 2em; 
			border-bottom: 1px dotted #ccc;
		}
		
		#online_contact_form label, #comment_form label
		{
			overflow: hidden;  
			margin-bottom: .5em;
			cursor: pointer;
			line-height: 3.3;
		}

		#online_contact_form span, #comment_form span
		{
			float: left;
			width: 20%;
			margin-right: 5%;
			margin-left: 2%;
			display: block;
		}

		#online_contact_form label.textarea span
		{
			width: 50%;
		}

		#online_contact_form input, #comment_form input
		{
			width: 68%;
			margin-bottom: 1.5em;
		}

		#online_contact_form textarea, #comment_form textarea
		{
			width: 93%;
			margin: 0.5em 0 1.5em 0;
			border: 2px solid #CCC;
			background-color: #F7F7F7;
			padding: 0.5em 0.25em;
			margin-left: 2%;
		}

		#online_contact_form input.input_text, #comment_form input.input_text
		{
			border: 2px solid #CCC;
			background-color: #F7F7F7;
			padding: 0.5em 0.25em;
		}

		#online_contact_form input.form_submit
		{
			width: 25%;
			float: right;
			margin-right: 1.1em;
		}

		#online_contact_form input:hover, #online_contact_form textarea:hover, #comment_form input:hover, #comment_form textarea:hover
		{
			-moz-box-shadow: 0 1px 4px #ccc;
			cursor: pointer;
		}

		h5.error
		{
			text-align: right;
			font-size: 1em;
			margin: -15px 1.2em 1em 0;
			background: #FFA1A1;
			color: #231F20;
			border: 1px solid #FF4848;
			padding: 3px;
		}

		h5.success
		{
			display: none;
		}

		#comment_form h3
		{
			margin: 30px 0 10px 0;
			font-size: 1.8em;
			font-family: garamond;
		}

		#comment_form h4, #comment_form h4 a /* Author name */
		{
			color: #00B3F2;
			font-size: 1.3em;
			font-weight: bold;
			text-decoration: none;
			margin-bottom: 10px;
		}

		#comment_form h4 a:hover
		{
			text-decoration: underline;
		}

		#comment_form h4 span.wrote
		{
			font-weight: normal;
			float: none;
			display: inline;
			margin-left: 0;
			margin-right: 0;
			width: auto;
			color: #231F20;
		}

		div.comment_body
		{
			font-size: 1.1em;
			line-height: 1.7;
			margin-bottom: 10px;
		}
		div.comment_body p
		{
			margin: 10px 0;
		}

		div.date_and_reply
		{
			padding: 10px;
			background: #F7F7F7;
			height: 15px;
		}

		div.comment_date
		{
			float: left;
			width: 75%;
		}

		div.reply_link
		{
			float: left;
			text-align: right;
			width: 25%;
		}

		h2#postcomment
		{
			margin: 20px 0 10px 0;
			font-size: 1.8em;
			font-family: garamond;
		}

		#comment_form ol li
		{
			margin: 10px 0;
			padding: 10px;
			border: 10px solid #F7F7F7;
		}

		#comment_form ol li p.comment_body
		{
			font-size: 1.2em;
		}

		#comment_form ol li img
		{
			float: right;
			border: 5px solid #E8E8E8;
			padding: 1px;
			background: white;
			margin: 0 0 5px 10px;
		}

		#comment_form ol li.odd
		{
			background: #FBFBFB;
		}

	/* Contact Page Misc Styling  */

/* -------------------- BLOG PAGE -------------------- */

	/* Blog Page Content Layout */

		#blog_page_list_of_blog_posts
		{
			float: left;
			width: 380px;
			margin-right: 100px;
			/* border-top: 2px solid #F7F7F7; */
		}

		#blog_post
		{
			float: left;
			width: 460px;
			/* border-top: 2px solid #F7F7F7; */
		}

		.blog_post_small
		{
			/* border-bottom: 2px solid #F7F7F7; */
			height: 100px;
			padding: 10px 0 0 10px;
			overflow: hidden;
			cursor: pointer;
			position: relative;
		}
		
		/* ** Attempt at vertical text ** */
		div.vertical_reading_text span.vertical
		{
			-webkit-transform: rotate(90deg); 
			-moz-transform: rotate(90deg);
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
			-moz-transform: rotate(90deg);
			position: absolute;
			right: -40px;
			top: 37px;
			color: #F7F7F7;
			font-size: 2.4em;
			text-transform: uppercase;
			font-family: helvetica, arial;
		}

		div.blog_post_small:hover
		{
			background-color: #F7F7F7;
		}

		.blog_post_small_content
		{
			width: 135px;
			float: left;
		}

		#external_blog_page_featured_post_and_archive
		{
			width: 100%;
			background-color: #231F20;
			height: 405px;
		}

		#blog_page_featured_archive
		{
			width: 960px;
			margin: 20px auto;
			padding: 20px
		}

		#blog_page_featured_post
		{
			width: 460px;
			float: left;
			margin: 0 180px 0 0;
		}

		#blog_page_archive
		{
			width: 300px;
			float: left;
		}

	/* Blog Page Typgraphy */

		.blog_post_small_content h3 a
		{
			color: #231F20;
			font-size: 0.85em;
			font-weight: bold;
		}

		.blog_post_small_content p.blog_post_subtitle
		{
			color: #77787B;
			font-size: 1.1em;
		}

		#blog_post h2
		{
			color: #00B3F2;
			font-family: garamond;
			font-size: 2.5em;
			line-height: 1.25;
			margin: 20px 0 35px 0;
		}

		#blog_post h3
		{
			color: #2186af;
			font-family: garamond;
			font-size: 2em;
			line-height: 1.25;
			margin: 0;
		}

		#blog_post p
		{
			margin: 20px 0;
			font-size: 1.2em;
			line-height: 2;
		}

		#blog_post img:first-child
		{
			margin-bottom: 20px;
		}

		#blog_post ul
		{
			margin: 18px 0 18px 20px;
			font-size: 1.3em;
			list-style-image: url("images/accept.png");
			list-style-type: square;
			list-style-position: inside;
		}

		#blog_post ul li
		{
			margin-bottom: 10px;
			display: block;
			padding-left: 36px;
			background-image: url("images/accept.png");
			background-repeat: no-repeat;
			background-position: 0 10%;
		}


	/* Blog Page Misc Styling */
		
		.blog_post_small img
		{
			float: left;
			margin-right: 15px;
		}

		/* The 'current' blog post has different styling in the list and it's div has a class of 'current' */

		div.current
		{
			background: #231F20;
		}
		div.current div.blog_post_small_content p
		{
			color: #DDDDDD;
		}
		div.current div.blog_post_small_content h3 a
		{
			color: white;
			font-weight: bold;
		}
		div.current:hover
		{
			background: #231F20;
			cursor: default !important;
		}

/* -------------------- LOG IN PAGE --------------------------- */

	/* Log In page content layout */

		#login_form_container
		{
			height: 540px;
			float: left;
			width: 520px;
		}

		#login_page_instructions
		{
			float: left;
			width: 300px;
			margin-left: 60px;
			padding-left: 60px;
			margin-top: 2em;
			border-left: 2px solid #ccc;
			text-align: right;
			
		}

		#login_page_instructions h3
		{
			font-size: 1.4em;
			font-weight: bold;
			text-align: right;
			margin-bottom: 15px;
		}

		#login_page_instructions p
		{
			font-size: 1.2em;
			margin-bottom: 20px;
			text-align: justify;
		}

	/* Log in page typography */

	/* Log in page misc styling */
	
	#login_form_container form
		{
			margin-top: 3em;
		}
		
		#login_form_container fieldset
		{
			margin-bottom: 2em; 
		}
		
		#login_form_container label
		{
			overflow: hidden;  
			margin-bottom: .5em;
			cursor: pointer;
			line-height: 3.5;
		}

		#login_form_container span
		{
			float: left;
			width: 20%;
			margin-right: 5%;
			margin-left: 2%;
			display: block;
		}

		#login_form_container input
		{
			width: 68%;
			margin-bottom: 1.5em;
		}

		#login_form_container input.input_text
		{
			border: 2px solid #CCC;
			background-color: #F7F7F7;
			padding: 0.5em 0.25em;
		}

		#login_form_container input.form_submit
		{
			width: 100px;
			float: right;
			margin-right: 1.1em;
		}

		#login_form_container input:hover
		{
			-moz-box-shadow: 0 1px 4px #ccc;
			cursor: pointer;
		}

#blog_post img
{
	padding: 10px;
	margin: 20px 0;
	background: #F7F7F7;
	border: 1px solid #eee;
}

#blog_post img:first-child
{
	margin: 0 0 35px 0;
}

#blog_post .post_update_message
{
	padding: 10px;
	border: 1px solid #EEE;
	background-color: #F7F7F7;
}

#blog_post .post_update_message p
{
	margin: 7px 0 0 0;
	line-height: 1.5;
}

span.update_title
{
	text-transform: uppercase;
	font-weight: bold;
}

#blog_post blockquote
{
	padding: 5px;
	background-color: #F7F7F7;
	text-align: center;
	font-family: Helvetica, Arial;
	font-style: italic;
}