/*
Theme Name: Lucy Macgregor
Theme URI: http://lucymacgregor.com/
Description: A theme designed for <a href="http://www.lucymacgregor.com/">LucyMacgregor.com</a> :)
Version: 1.1
Author: Ian Millard
Author URI: http://ianmillard.com.com/
Tags: Erm... Lucy Mac, Match Racing, Olympic Glory!
*/


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,q,blockquote,th,td {
  margin:0;
  padding:0;
} 


body {
	font-size:75%;
	background: url('images/assets/rya-olympics-bg-main.jpg') no-repeat #ecf7fb;
	margin:0 6em;
	font-family: Georgia, "times new roman", serif;
	text-align: center;
	color: #444;
}
html>body {
	font-size:12px;
}



/** Header, incl splash photo **/
#header { border: 0; margin: 0; padding: 0; background: transparent; height: 12em; background: url('images/assets/header-black.jpg') repeat-x; } 
#header div#splashPhoto { float: right; width: 450px; height: 342px; background: url('images/assets/frame.png'); }
#header div#splashPhoto p { margin: 0; line-height: 1em; }
#header div#splashPhoto img { margin: 3em 3em 0 3em; }
#header div#splashPhoto cite { float: right; text-align: right; color: #aaa; margin: 0 4em 0 0; font-size: 0.8em; line-height: 1.5em; }
#header div#splashPhoto cite a { color: #aaa; }
#header div#splashPhoto cite a:hover { color: blue; text-decoration: none; }
#header #titles { margin-left: 1.5em; float: left; }
#header h2 { margin-top: 0; }
#header a { color: white; }
#header h1 { 
	font-size: 3em;		/* 12pt * 3 = 36pt */
	line-height: 1.5em;	/* 54pt (3 lines) / 36pt font = 15em */
	margin-top: 0.5em;	/* 18pt (1 line)  / 36pt font = 0.5em */
	margin-bottom: 0;
} 


h1, h2 a { color: #444; }

#wrapper{
	width:79.5em;
	margin:0 auto;
	text-align: left;
	background: url('images/assets/lucy-grid3.gif') repeat-y;
	background: url('images/assets/edges.gif') repeat-y;

}

#col1 { 
	width: 40.5em;		/* 486px / 12 = 40.5em */
	margin-left: 1.5em;	/* 12pt * 1.5 = 18px */
	float: left;
	clear: none;
	min-height: 18em;
}

#col1.wide { width: 58.5em; }

#col2, #col3 {
	width: 16.5em;		/* 198px / 12 = 16.5em */
	margin-left: 1.5em;
	float: left;
}

ul li { list-style: none; }
#col2 ul, #col3 ul { margin-top: 0; }
#col2 ul li ul, #col3 ul li ul { margin: -1.5em 0 0 0; }

#footer { float: left; clear: both; width: 100%; text-align: center; margin-top: 6em; }
#footer * { color: #444; }

#homepageIntro { list-style: none; }

p, ul, ol, q, blockquote, tr, h3, h4, pre {
	font-size: 1em; 	/* 12pt standard font */
	line-height: 1.5em; 	/* 18pt (one line) / 12pt font = 1.5em */
	margin-top: 1.5em;	
	margin-bottom:1.5em;
}

div.post { margin-bottom: 4.5em; }
p.doubleheight { line-height: 3em; }

ul li ul li {  
	list-style: none;
	margin-left: 1em;
	line-height: 1.5em;
	background: url(images/assets/bullet.gif) left top no-repeat; padding: 0 0 0 14px;
}

ol li { margin-left: 2em; list-style: decimal; }
ol.commentlist li { list-style: decimal; border-left: 3px solid #aaa; margin: 0 0 1.5em 1.5em; padding: 0 0 1.5em 1em; }


h1, h2, #homepageIntro h2 {
	font-size: 1.5em;	/* 12pt * 1.5 = 18pt */
	line-height: 2em; 	/* 36pt (two lines) / 18pt font = 2em */
	margin-top: 1em;	/* 18pt (one line)  / 18pt font = 1em */
	margin-bottom: 1em;
}

h3 {
	font-weight: bold;
	clear: left;
}

div.textwidget a img { vertical-align: top; }

/* sidebar */
li.widget h2 { 
        font-size: 1em;         /* 12pt standard font */
        line-height: 1.5em;     /* 18pt (one line) / 12pt font = 1.5em */
        margin-top:1.5em;
        margin-bottom:1.5em;
}

/* gallery stuff */
#col1.wide h3 { margin-top: -1.5em; }
div.thumbs { line-height: 0; }
div.thumbs img { margin: 0 3em 3em 0; }
div.thumbs img.col5 { margin: 0 0 3em 0; }
a.thumb   { margin: 0 1.5em 1.5em 0; }
a.thumb-4 { margin: 0 0     1.5em 0; }

div.mugshots { height: 15em; text-align: center; }
div.mugshots div { float: left; width: 10.5em; margin: 0 4.5em 1.5em 0; }
div.mugshots div.c3 { margin-right: 0; }

div.textwidget { margin-top: 1.5em; line-height: 1.5em; }    


q { margin: 1.5em; width: 50%; font-weight: bold; }
q:before, q:after { content: ''; }
q cite  { color: #aaa; font-weight: normal; }
q.full { display: block; width: auto; }


p.datetime { margin-top: -1.5em; color: #888; }

blockquote { padding: 0 6em 0 3em; margin-bottom: 4.5em; }
blockquote cite { float: right; margin-top: -1.5em; font-style: italic; }

/** links **/  
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a:hover img { text-decoration: none; }


/** tables **/

table { border-spacing: 0; }
table.fullwidth { width: 100%; }
table.spacedrows tr td { padding: 0 0 1.5em 0; }
tr { vertical-align: top; }
tr.mid { vertical-align: middle; }
td { margin: 0; padding: 0;
        font-size: 1em;         /* 12pt standard font */
        line-height: 1.5em;     /* 18pt (one line) / 12pt font = 1.5em */

}

td.h2 {
	font-size: 1.5em;	/* 12pt * 1.5 = 18pt */
}

/** pagination **/
div#wp_page_numbers li { display: block; float: left; margin: 0 0.25em; padding: 0 0.25em; line-height: 3em; }
div#wp_page_numbers li.active_page { background: #ddd; padding: 0 1em; }

/** forms **/
input { border: 1px solid #aaa; padding: 0.6em; }
textarea { border: 1px solid #aaa; padding: 0.6em; width: 39em; height: 18em; }
form#searchform { margin-top: -1.5em; }
form#searchform label.screen-reader-text, input#searchsubmit { display: none; }
input, textarea { -moz-border-radius: 4px; border-radius: 4px; }

/** general formatting **/

abbr { border-bottom: 1px dotted #666; }
.bold { font-weight: bold; }
.red   { color: red; }
.left, .alignleft  { float: left; }
.right, .alignright { float: right; }
.alignright { margin-left: 1.5em; }
.center { text-align: center; }
.hidden { visibility: hidden; }
.displaynone { display: none; }
.clearboth { clear: both; margin: 0; padding: 0; }
.nomargin { margin: 0; }
.disabled { color: #888; }
.latesttweet { background: #eee; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; padding-right: 1.5em; min-height: 6em; }
.twitterbutton { float: left; margin: 0 1.5em; }

.gallery_container { padding: 0 0 1.5em 10.5em; }
.gallery_container img { float: left; width: 9em; height: 9em; padding: 0 0 0 -10.5em; border: 0; margin: 0 0 1.5em -10.5em; }


/** search results **/
div.navigation { margin-bottom: 6em; }
div.searchresult { margin: 1.5em 0; }
div.searchresult .postmetadata { margin-top: 0; }
div.searchresult .datetime { color: #444; margin-bottom: 0; }