body {margin: 15px; background-color: white;}
.Clear {clear: both;}

@Text: #222222;
@Color_Text: #20242b;
@Faint_Color: lighten(@Text, 50%);
@Link: lighten(@Color_Text, 30%);
@Link_Hover: lighten(@Color_Text, 60%);

@Page_Width: 1000px;

@Margin: 40px;
@Half_Margin: @Margin / 2;

p {line-height: 150%; margin-bottom: 15px;}

.Nudged {margin-bottom: 1px;}
.Nudged_More {margin-bottom: 3px;}
.Spaced {margin-bottom: 20px;}
.Spaced_Half {margin-bottom: 15px;}
.Spaced_Small {margin-bottom: 10px;}
.Section_Spaced {margin-bottom: 40px;}
.Caps {text-transform: uppercase;}
.Bold {font-weight: 400;}
.Normal {font-size: 16px; font-weight: 300;}
.Smaller {font-size: 13px;}
.Small {font-size: 11px;}
.Small_Caps {.Caps; .Small; .Bold;}
.Big {font-size: 30px; .Bold;}
.Big_Caps {.Big; .Caps;}
.Medium {font-size: 20px; .Bold;}
.Medium_Caps {.Medium; .Caps;}
a {text-decoration: none; color: @Link;}
a:hover {text-decoration: underline; color: @Link_Hover;}
i {font-style: italic;}

ul.Bullet {list-style-type: circle; margin-left: 15px;
	li {}
}

td {vertical-align: bottom;}

h1 {}
h2 {.Big_Caps; .Spaced;}
h3 {.Big; .Spaced;}
h4 {.Medium_Caps; .Spaced;}
h5 {.Medium; .Spaced;}
h6 {.Spaced;}

.Section {.Section_Spaced;}
.Left {float: left;}
.Inline {display: inline;}
.Block {display: block;}
.Red {color: #ff0000;}

.Photograph {
	.Picture {margin-bottom: 2px;}
	.Caption {text-align: right; font-size: 9px; color: @Faint_Color; text-transform: uppercase;}
}
.Media_Collection {.Spaced;
	.Highlight {float: left; width: 580px; margin-right: @Half_Margin;}
	.Items {float: left; width: 400px;}
	.Highlighted {opacity: .25;}
}
.Media_Item {float: left; margin-right: @Half_Margin; .Spaced;}
.Last_Item {margin-right: 0px;}

.Body {padding: @Margin + 20px; width: @Page_Width; margin: auto; font-family: 'Source Sans Pro', 'Arial'; .Normal; color: @Text;
	.Site_Header {
		h1 {display: block; float: left; .Section_Spaced; background-image: url(/images/Header_500.gif); width: 500px; height: 35px; background-repeat: no-repeat;
			div {visibility: hidden; font-family: Georgia; font-size: 40px;}
		}
		.Navigation {float: right; .Section_Spaced; padding-top: 22px;
			.Link {float: left; margin-left: 15px; font-size: 14px;}
			.Link a:hover {border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @Link_Hover; text-decoration: none;}
			.Active a {color: @Text; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: @Text;}
			.Active a:hover {color: @Text; text-decoration: none; border-bottom-color: @Text;}
		}
	}
	
	.Container {margin-bottom: 45px;}
	
	.Image {.Section;}
	
	.Overview_Page {
		.Biography_And_Websites {float: left; width: 600px; margin-right: @Margin;
			.Biography {.Spaced;
				p {display: inline;}
				.Read_More {padding-left: 5px; display: inline; .Small_Caps;}
			}
			.Websites {.Spaced;
				.Website {
					.Header {.Bold; .Nudged;}
					.Overview {.Small_Caps;}
				}
			}
		}
		
		.Right {float: left; width: @Page_Width - 600px - @Margin;
			
			.Calendar {margin-bottom: 40px;
				.Events {.Spaced_Half;
					.Event {.Spaced_Half;
						.Date {margin-bottom: 2px; color: #555555; .Small_Caps;}
						.Header {margin-bottom: 4px; .Bold;}
						.Venue {margin-bottom: 2px; .Smaller;
							.Name {.Bold; .Inline;}
							.Address {.Inline;}
							.City {.Inline;}
							.State {.Inline;}
							.Country {.Inline;}
							.Map {.Inline;}
						}
						.More_Info {.Nudged; .Smaller; color: #555555; font-style: italic;}
					}
				}
				.Footer {.Spaced_Half;
					.Link {.Small_Caps;}
				}
			}
			
			.Albums {.Spaced;
				.Album {margin-bottom: 25px;
					.Picture {float: left; width: 150px; margin-right: 10px;}
					.Content {float: left; width: 1000px - 600px - @Margin - 150px - 10px;
						.Header {.Spaced_Small; .Bold;}
						
						.Links {.Spaced_Small; .Small_Caps;
							.Link {.Left; margin-right: 5px;}
						}
						
						.Tracks {
							.Header {margin-bottom: 3px; .Small_Caps;}
							.Track {.Nudged;
								.Player {float: left; margin-right: 3px;}
								.Title {float: left; .Smaller; padding-top: 1px;}
							}
						}
					}
				}
			}
		}
	}
	
	.Calendar_Page {
		.Calendar_And_Image {
			.Calendar {float: left; width: 560px; margin-right: @Margin;
				.Events {
					h2 {}
					.Year {margin-top: 25px; margin-bottom: 15px; .Bold;}
					.Event {.Spaced_Half;
						.Date {.Nudged_More; color: #555555; .Small_Caps;}
						.Header {.Nudged_More; .Bold;}
						.Subtitle {.Nudged_More; .Smaller;}
						.Venue {.Nudged_More; .Smaller;
							.Name {.Bold; .Inline;}
							.Address {.Inline;}
							.City {.Inline;}
							.State {.Inline;}
							.Country {.Inline;}
							.Map {.Inline;}
						}
						.More_Info {.Nudged_More; .Smaller; color: #555555; font-style: italic;}
					}
				}
			}
			.Image {float: left; width: 400px;}
		}
	}
	
	.About_Page {
		.Portrait_And_Information {
			.Portrait {float: left; width: 400px; margin-right: @Margin;}
			.Information {float: left; width: @Page_Width - 400px - @Margin;
				.Subscribe {.Section;}
				.Contact {.Section}
				.Biography {.Section}
			}
		}
	}
	
	.Page_Gallery {
		h2 {}
		.Photograph_Item, .Vimeo_Video_Item {
			.Item {.Section;
				.Media {.Spaced_Small;}
				.Caption {
					.Festival {.Inline; .Bold;}
					.Venue {.Inline; .Bold;}
					.Date {.Smaller; .Inline;}
				}
			}
		}
	}
	
	.Media_Page {
		.Audio_And_Photographs_And_Video {
			.Audio {float: left; width: @Page_Width - 700px - @Margin; margin-right: @Margin;
				.Albums {.Spaced;
					.Album {
						.Picture {float: left; width: 100px; margin-right: 10px;}
						.Content {float: left; width: @Page_Width - 700px - @Margin - 100px - 10px;
							> .Header {.Spaced_Small;}
							
							.Links {.Spaced_Small; .Small_Caps;
								.Link {.Left; margin-right: 5px;}
							}
							
							.Tracks {.Spaced_Small;
								.Track {.Nudged;
									.Player {float: left; margin-right: 3px;}
									.Title {float: left; .Smaller; padding-top: 1px;}
								}
							}
						}
					}
				}
			}
			.Photographs_And_Video {float: left; width: 700px;
				.Header {.Big; .Spaced;}
				.Photograph {.Spaced;}
			}
		}
		
		.Portraits {
			.Header {.Big; .Spaced;}
		}
	}
	
	.Work_Page {
		.Audio_And_Main_Project {
			.Audio {float: left; width: @Page_Width - 700px - 50; margin-right: 50px;
				.Albums {.Spaced;
					.Album {
						.Picture {margin-bottom: 10px;}
						.Content {
							.Header {.Bold; .Spaced_Small;}
							
							.Links {.Spaced_Small; .Small_Caps;
								.Link {.Left; margin-right: 5px;}
							}
							
							.Tracks {.Spaced_Small;
								.Track {.Nudged;
									.Player {float: left; margin-right: 3px;}
									.Title {float: left; .Smaller; padding-top: 1px;}
								}
							}
						}
					}
				}
			}
			.Main_Project {float: left; width: 700px;
				.Overview {.Spaced;}
				.Photographs {.Section;
					.Photograph_Item {.Block; margin-bottom: 10px;}
					}
			}
		}
		
		.Projects {margin-top: 25px; padding: 20px; background-color: #eeeeee;
			.Project {float: left; margin-right: 25px; margin-bottom: 25px; width: 303px;
				.Photograph {margin-bottom: 5px;}
				.Name {.Bold; margin-bottom: 6px;}
				.Overview {.Smaller;}
			}
			.Last {margin-right: 0px;}
		}
	}
	
	.Resume_Page {
		.Biography {margin-bottom: 25px;}
		.Performances {margin-bottom: 25px;
			.Year {margin-top: 25px; margin-bottom: 15px; .Bold;}
			.Event {margin-bottom: 5px;
				.Header {.Nudged; .Smaller; .Inline;}
				.Festival {.Nudged; .Smaller; .Inline;}
				.Venue {.Nudged; .Smaller; .Inline;
					.Name {.Inline;}
					.Address {.Inline;}
					.City {.Inline;}
					.State {.Inline;}
					.Country {.Inline;}
				}
			}
		}
	}
	
	.Proposal_Page {
		.Performances {margin-bottom: 25px;
			.Event {margin-bottom: 5px; .Smaller;
				.Year {float: left; width: 50px; margin-right: 5px;}
				.Name_And_City {width: 300px; float: left; .Nudged; .Inline;}
			}
		}
		.Photograph_Item, .Vimeo_Video_Item {
			.Item {.Section;
				.Media {.Spaced_Small;}
				.Caption {
					.Festival {.Inline; .Bold;}
					.Venue {.Inline; .Bold;}
					.Date {.Smaller; .Inline;}
				}
			}
		}
	}
	
	.Album_Page {
		.Cover {.Left; width: 350px; margin-right: 25px;}
		.Content {.Left; width: 625px;
			.Links {.Spaced; .Caps; .Smaller;
				.Link {.Left; margin-right: 5px;}
			}
			.Tracks {.Spaced_Small;
				.Track {.Nudged;
					.Title {}
				}
			}
		}
	}
	
	.Event_Page {
		.Event_Title {.Big; margin-bottom: 5px;}
		.Subtitle {.Medium; .Spaced;}
		
		.Info {margin-bottom: 50px;
			.Date {margin-bottom: 5px;}
			.Venue {margin-bottom: 15px;
				.Name {.Bold; .Inline;}
				.Address {.Inline;}
				.City {.Inline;}
				.State {.Inline;}
				.Country {.Inline;}
				.Map {.Inline;}
			}
		}
		
		.Photographs {margin-bottom: 50px;
			.Header {font-size: 18px; .Bold; margin-bottom: 10px;}
			.Photograph_Item {margin-bottom: 25px;}
		}
		.Vimeo_Videos {margin-bottom: 50px;
			.Header {font-size: 18px; .Bold; margin-bottom: 10px;}
			.Vimeo_Video_Item {margin-bottom: 25px;}
		}
	}
	
	.Project_Page {
		.Description {.Section;}
		.Recordings {.Section;}
		.Photographs {.Section;
			.Photograph_Item {.Block; margin-bottom: 10px;}
			}
		.Vimeo_Videos {.Section;}
	}
	
	.Page_Footer {margin-bottom: 50px; padding-top: 5px; font-size: 12px; color: #CCCCCC; border-top-style: solid; border-top-color: #eeeeee; border-top-width: 1px;
		.Content {float: right;
			.Copyright {.Left; padding-top: 8px;}
			.Email {.Left; margin-right: 20px; padding-top: 8px;}
			a {color: #CCCCCC;}
			.Subscribe {.Left; margin-right: 20px;
				input {font-size: 11px; border-color: #f3f3f3; color: #CCCCCC;}
			}
		}
	}
}

/* Media Element Skin */

.mejs-container.Lesley_Sound_Skin {
	.mejs-controls {height: 10px; background: white;}
	.mejs-button button {margin: 1px; background: url(/images/Lesley_Sound_Skin_Controls.png);}
	.mejs-controls .mejs-play button {background-position:0 0;}
	.mejs-controls .mejs-pause button {background-position:0 -16px;}
}