/*
Theme Name: Emu for JudithLuke.com
Theme URI: http://www.emuwebware.com/
Description: Emu Base Theme
Author: the Emu team
Version: 1.0
*/

/* Reset - Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html  */  
/* ---------------------------------------------------------------------------------------------------------------- */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
:focus { outline: 0; } /* remember to define focus styles! */
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
/* ---------------------------------------------------------------------------------------------------------------- */

html, body { height: 100%; }

body { background: url('images/body_bg.jpg') repeat; font-family: Georgia, Times, "Times New Roman", serif; }

div#container { position: relative; height: 100%; width: 900px; margin: 0px auto;}

	div#home { position: absolute; top: 50%; height: 480px; margin: -280px 0 0 72px; width: 739px; }
	div#home div#media { bacfkground: url('images/flash_holder.jpg'); height: 504px; margin-bottom: 20px; }
	
	ul.emu-social {display: block; float: right; list-style: none; position: relative; top: 7px; margin-right: 16px; }
	
	ul#nav { display: block; float: left; list-style: none; font-size: 17px; }
	ul#nav li { display: block; float: left; line-height: 17px;}
	ul#nav a { display: block; float: left; position: relative; padding: 10px 12px 12px 12px; }
	ul#nav a,
	ul#nav a:link,
	ul#nav a:visited { color: #fff; text-decoration: none }
	ul#nav a:hover,
	ul#nav li.current_page_item { background-color: #993333 }

div#header { background-color: #A03241; height: 81px; width: 100%; margin-bottom: 4px; }

	div#header img { float: left; }
	div#header ul#nav { margin-top: 42px; }
	div#header ul#nav li.current_page_item a,
	div#header ul#nav li.current-page-ancestor a,
	div#header ul#nav a:hover { background-color: #DA707A }
	div#header ul.social-media { margin-top: 10px; }

div#content { background-color: #fff; padding: 20px 50px 20px 50px; }

div#footer { display: block; clear: both; padding-top: 10px; height: 80px;}

	div#footer ul { list-style: none; float: right; }
	div#footer ul li { float: left; margin-right: 8px; color: #9F3343}
	div#footer ul li a,
	div#footer ul li a:link,
	div#footer ul li a:visited { text-decoration: none; color: #9F3343; font-weight: bold }
	div#footer ul li a:hover { text-decoration: underline }
	
div#sec-nav { float: left; width: 240px;}

	div#sec-nav ul { list-style: none; }
	div#sec-nav ul li { display: block; border-right: 3px solid #A03241 }
	div#sec-nav ul li a { display: block; padding: 10px 15px 10px 2px; text-align: right }
	div#sec-nav ul li a,
	div#sec-nav ul li a:link,
	div#sec-nav ul li a:visited { color: #9F3343; text-decoration: none; font-size: 18px; font-weight: bold }
	div#sec-nav ul li.current_page_item a,
	div#sec-nav ul li a:hover { background-color: #A03241; color: #fff }

div#content.narrow { width: 553px; float: right; }	
	
	div#contact-form { float: left; width: 375px; }

div#side-bar { width: 207px; float: right; }

	div#side-bar * {font-family: Arial, Georgia, "Times New Roman", Times, serif;}
	div#side-bar ul li {margin-bottom: 25px;} /* spacing between the widgets */
	div#side-bar li.widget_tag_cloud * {text-align: center;}
	div#side-bar li.widget_tag_cloud h2 {width: 233px; height: 37px; color: #a03545; text-transform: uppercase; background: url('images/tag_cloud_header.gif') no-repeat scroll 0 0; font-size: 25px; letter-spacing: -1px; padding-top: 47px;}
	div#side-bar li.widget_tag_cloud div a {font: inherit; color: #a03545}

	div#side-bar li.widget_twitter {display: block; width: 213px; padding-top: 36px; height: 341px; margin: 0px 0 20px 9px; background: #ddeef6 url('images/twitter_bg.jpg') no-repeat scroll 0 0; }  
	div#side-bar li.widget_twitter h2 {display: block; text-align: center; padding: 0; margin:0;}
	div#side-bar li.widget_twitter a {color: #fff; font-size: 16px; font-weight: normal} 
	div#side-bar li.widget_twitter ul {margin: 13px 0 0 0; padding:0 10px 0 10px;}
	div#side-bar li.widget_twitter ul li {font-size: 12px; color: #0d3357; line-height: 20px; padding: 0 0 10px 0; margin: 0;}
	div#side-bar li.widget_twitter ul li span.twitter-timestamp {color: #4f89a5}

div#blog { width: 500px; margin-left: 35px; }

	div#blog div.post {display: block; width: 465px; position: relative; padding-left: 13px; margin-bottom:30px;}
	div#blog div.post span.category a,
	div#blog div.post span.category a:visited,
	div#blog div.post span.category a:link {color: #000; font-size: 11px; font-family: arial; position: relative; top: 9px;}
	div#blog div.post h2 {margin-top: 1px; display: block; padding-right: 72px; letter-spacing: -1px;}
	div#blog div.post h2 a,
	div#blog div.post h2 a:link,
	div#blog div.post h2 a:visited {color: #a03545;  font-family: arial;}
	div#blog div.post p.post-date {position: absolute; left: -54px; top: 10px; text-align: center; padding: 9px 0 0 0; margin: 0; font: 130%/30% Georgia,"Times New Roman",Times,serif; background: url("images/date_bg.gif") no-repeat scroll 0 0 transparent; height: 51px; width: 54px; display: block; text-transform: uppercase; color: #fff}
	div#blog div.post p.post-date span {font: italic 159%/90% Georgia,"Times New Roman",Times,serif; letter-spacing: -1px; display: block; color: #fff;}
	div#blog div.post div.post-content {color: #000; line-height: 24px; font-size: 14px; font-family: arial;}

	div#blog div.post p.replies {position: absolute; right: 0; top: 5px; padding: 9px 0 0 7px; margin: 0; font: italic 159%/90% Georgia,"Times New Roman",Times,serif; letter-spacing: -1px; background: url("images/repliefs_bg.gif") no-repeat scroll left transparent; height: 35px; width: 80px; display: block; color: #0c3357; text-align: left;}
	div#blog div.post p.replies span { font-size: 18px; }
	div#blog div.post p.replies a {display: block; text-align: right; padding-left: 42px;}
	div#blog div.post p.replies a, 
	div#blog div.post p.replies a:visited {color: inherit;}

	div#blog p.postmetadata {margin-top: 10px;}

	div.sociable_tagline {display: inline;}
	div.sociable * {font: 80%/160% Arial,Helvetica,sans-serif; font-size: 12px; color: #4f4c55;}
	div.sociable ul {display: inline-block;}
	div.sociable ul li {display: inline;}
	div.sociable ul li img {position: relative; top: 3px; margin-left: 8px; margin-right: 3px}
	div.sociable ul li.sociablefirst img {margin-left: 0px;}
	div.sociable ul li {color: #6b6b6b}
	div.sociable div.sociable_tagline {color: #a03545; font-size: 18px; font-family: Georgia,Times,"Times New Roman",serif; margin-right: 5px; position: relative; top: 2px;}
	
div#gallery { margin-bottom: 6px; }
	
/* Generic Styles, mainly for content formatting */
		
	.clear { clear: both; }
	.clear-right { clear: right; }
	.clear-left { clear: left; }

	.content h1, .content h1 a,
	.content h2, .content h2 a,
	.content h3, .content h3 a {padding: 10px 0px; margin: 0; letter-spacing: -1px; color: #A03545}

	.content h1 { font-size: 25px; }
	.content h2 { font-size: 20px; }
	.content h3 { font-size: 18px; }
	.content h4 { font-size: 16px; }

	.content a, 
	.content a:link,
	.content a:visited { text-decoration: none; color: #A03545 }
	.content a:hover { text-decoration: underline; }

	.content {color: #004a6f;}
	.content p {margin: 0 0 10px 0; padding:0; color: #004a6f;}
	.content > p {line-height: 24px;}
	.content input[type="text"],
	.content input[type="password"],
	.content textarea,
	.content select {border-style: solid; border-color: #dedede}
	.content h2 {font-size: 20px;}
	.content h3 {font-size: 18px;}
	.content h4 {font-size: 16px; font-weight: bold; color: #9c5e28; padding-bottom: 10px;}
	.content h5 {font-size: 14px;}
	.content h6 {font-size: 12px;}
	.content p.wp-caption-text {padding: 3px;}
	.content strong {font-weight: bold;}
	.content em {font-style: italic; font-weight: bold;}
	.content > ul, .content > ol {margin-left: 40px; }
	.content > ul li, .content > ol li {margin-bottom: 5px; line-height: 24px}
	.content > ul { list-style: disc }
	.content > ol { list-style: decimal }
	.content table {border-collapse: collapse; margin-top: 12px; margin-bottom: 15px;}
	.content table th {text-align: left; font-weight: bold; background-color: #D8E7F0}
	.content table td, 
	.content table th {padding: 5px 12px; vertical-align: top;}
	.content table td {background-color: #F3F3F3}
		
	.aligncenter,
	dl.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}

	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		font-size: 12px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	.wp-caption img {
		margin: 0;
		padding: 0 0 6px 0;
		border: 0 none;
	}

	.wp-caption-dd {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}