/*
Theme Name: Joanne McEwan's Wordpress Theme
Theme URI: http://www.joannemcewan.com/
Description: A customised theme for Joanne McEwan.
Version: 1.0
Author: Simon Fairbairn
Author URI: http://www.line-in.co.uk/
*/

/* Colors: 
	Content Text: #666666
	Link text: #231F20
	Blue title text: #58B7DD
*/

/* TAGS */
body {font-size: 14px;  /* Resets 1em to 10px */ font-family: 'Helvetica Neue', Arial, Sans-Serif; color: #333; text-align: left; background: #fff; margin: 0; padding: 0; color: #666666;  }
blockquote { margin: 0; padding-left: 40px; background: url(images/quote.png) no-repeat top left; }

/* CLASSES */

.aligncenter { margin: 0 auto; }
.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }
.alignright { float: right; margin-left: 20px; margin-bottom: 20px; }
.postmetadata { font-size: 11px; color: #b3b3b3; clear: both}
	.postmetadata a:link, .postmetadata a:visited { color: #828282; }
	.postmetadata a:hover, .postmetadata a:active, .postmetadata a:focus { text-decoration: none; }	
.navigation { padding-bottom: 20px; }
.commentlist { list-style: none; padding: 0; }	
.picture {float: left; border: 1px solid #564661; padding: 2px; margin-right: 10px; margin-top: 5px;}
.commentText { padding-top: 15px; padding-bottom: 10px; }

a:link, a:visited { color: #58B7DD; }
a:hover, a:active, a:focus { text-decoration: none; }	

#page { width: 960px; margin: 0 auto; position: relative; border-top: 12px solid #231F20; }
#header {width: 100%; margin: 0 0 20px 0;}
#header h1 { width: 275px; height: 130px; position: relative; color: #fff; font-size: 8px; padding: 0; margin: 21px 0 0 12px; text-align: left;}
	#header h1 span {position: absolute; width: 100%; height: 100%; background: url(images/JM-logo-new.png) no-repeat top left; }

#content { width: 650px; float: right; line-height: 21px; }
	#content .post { clear: both; margin-bottom: 3em;}
		#content .post h2, #content .post h2 a:link, #content .post h2 a:visited { color: #58B7DD; text-decoration: none; }
		#content .post h2 a:hover, #content .post h2 a:active, #content .post h2 a:focus { text-decoration: underline; }
		#content .post .postDate {margin-top: -16px; }

body.home #content { margin-top: 20px; }
body.home div#sidebar { width: 255px; padding-right: 20px; }
	body.home div#sidebar h2 { font-weight: normal; /* color: #58B7DD; */ }
	body.home div#sidebar a, body.home div#sidebar a:link, body.home div#sidebar a:visited { color: #000; }
	body.home div#sidebar a:hover, body.home div#sidebar a:active, body.home div#sidebar a:focus {text-decoration: none; }
	body.home div#sidebar .widget_recent_entries, body.home div#sidebar .widget_twitter	 { margin-top: 40px; }
		body.home div#sidebar .widget_recent_entries h2, body.home div#sidebar .widget_twitter h2  { color: #000; border-bottom: 1px solid #b3b3b3; padding-bottom: 5px}
			body.home div#sidebar .widget_twitter h2 a:link, body.home div#sidebar .widget_twitter h2 a:visited { text-decoration: none; }
			body.home div#sidebar .widget_twitter h2 a:hover, body.home div#sidebar .widget_twitter h2 a:active, body.home div#sidebar .widget_twitter h2 a:focus { text-decoration: underline; }
			body.home div#sidebar .widget_twitter ul, body.home div#sidebar .widget_recent_entries ul { padding: 0; }
			body.home div#sidebar .widget_twitter li { margin-bottom: 15px; }
			body.home div.entry-home p { margin: 0 0 30px 50px; font-weight: bold; color: #808080; }
	
#sidebar { float: left; width: 275px; line-height: 21px; padding-left: 35px; padding-top: 5px; }
	#sidebar h2 { font-size: 18px; }
	#sidebar ul { padding-left: 0; list-style: none; margin: 0;  }
		#sidebar ul ul { margin-left: 2em; }
body.home #sidebar ul ul { margin-left: 0; }
	#sidebar li { margin-bottom: 20px; }

#sidebar li li { margin: 0; }

#footer { height: 70px; clear: both; padding-top: 20px; }
#footer ul.socialMedia { padding: 0; margin: 0; list-style: none; text-align: left; margin-left: 32px; }
	#footer ul.socialMedia li { float: left; width: 60px; height: 60px; position: relative; padding: 0; margin: 0; }
		#footer ul.socialMedia li a { color: #fff; text-indent: -500px; font-size: 1px; padding: 0; margin: 0;}
			#footer ul.socialMedia li a span { position: absolute; width: 100%; height: 100%; background: url(images/socialSprite.png) bottom right;}
		#footer ul.socialMedia li.linked-in a:link span, #footer ul.socialMedia li.linked-in a:visited span { background-position: -60px 0; }
		#footer ul.socialMedia li.linked-in a:hover span, #footer ul.socialMedia li.linked-in a:active span, #footer ul.socialMedia li.linked-in a:focus span { background-position: -60px -60px; }
		
		#footer ul.socialMedia li.twitter a:link span, #footer ul.socialMedia li.twitter a:visited span {  background-position: -180px 0px;  }
		#footer ul.socialMedia li.twitter a:hover span, #footer ul.socialMedia li.twitter a:active span, #footer ul.socialMedia li.twitter a:focus span {  background-position: -180px -60px;  }

		#footer ul.socialMedia li.flickr a:link span, #footer ul.socialMedia li.flickr a:visited span {  background-position: -120px 0; }
		#footer ul.socialMedia li.flickr a:hover span, #footer ul.socialMedia li.flickr a:active span, #footer ul.socialMedia li.flickr a:focus span {  background-position: -120px -60px; }

		#footer ul.socialMedia li.facebook a:link span, #footer ul.socialMedia li.facebook a:visited span {  background-position: 0 0; }
		#footer ul.socialMedia li.facebook a:hover span, #footer ul.socialMedia li.facebook a:active span, #footer ul.socialMedia li.facebook a:focus span { background-position: 0 -60px; }

		
#footer ul.footerContact { float: right; padding: 0; margin: 0; list-style: none; text-align: left; margin-right: 32px; margin-top:25px; width: 450px;  }
	#footer ul.footerContact li { padding-left: 20px; float: right; position: relative;  margin: 0; font-size: 12px; color: #b3b3b3; text-align: right;}
	#footer ul.footerContact li a:link, #footer ul.footerContact li a:visited { color: #828282; text-decoration: none; }
	#footer ul.footerContact li a:hover, #footer ul.footerContact li a:active, #footer ul.footerContact li a:focus { text-decoration: underline; }
		
div.menu { position: absolute; top: 110px; right: 0; margin-right: 22px; text-align: right; font-size: 18px; }
	div.menu ul { padding: 0; margin: 0; list-style: none; }
		div.menu ul li { float: left; padding: 0 20px; border-left: 1px solid #231F20; }
			div.menu ul li a:link, div.menu ul li a:visited { color: #231F20; text-decoration: none; }
			div.menu ul li a:hover, div.menu ul li a:active, div.menu ul li a:focus {text-decoration: underline; }
			div.menu ul li.current_page_item a { text-decoration: underline; }
			div.menu ul > li:first-child { border-left: none; }
			div.menu ul li ul { display: none; }
			
.carousel-container { position: relative; }
body.home div.carousel-container p.enlarge-notice { position: absolute; top: 160px; right: 47px; margin: 0; font-weight: normal; font-size: 10px;}