/* Less Constants */
@Text: #434343;

body {background-color: black; color: @Text; font-family: "Georgia"; line-height: 145%; font-size: 14px;}
* {background-repeat: no-repeat;}
img {display: block;}
i {.Italic;}
.Italic {font-style: italic;}
b {.Bold;}
.Bold {font-weight: bold;}

/* Styles */
.Large {font-size: 20px; padding-bottom: 10px;}
.Small {font-size: 11px; font-family: "Arial"; text-transform: uppercase; font-weight: bold;}
.Big_Row {padding-bottom: 25px;}

/* Generic */
.Hidden {display: none;}
.Clear {clear: both;}

/* Reusable Elements */
.Top_Links {margin-bottom: 15px; text-align: center;}
.Thumbnail {border-style: solid; border-width: 1px; border-color: #888888;}
.Left {float: left;}
.Section {margin-bottom: 25px;
	.Header {font-size: 14px; .Bold; margin-bottom: 5px;}
	}
.Spaced {margin-bottom: 10px;}
.Nudged {margin-bottom: 3px;}
.Inline {display: inline;}
.Inline_Block {display: inline-block;}

/* HTML Elements */
h1 {}
h2 {font-size: 16px;}
h3 {font-size: 16px; }
h4 {font-size: 14px; font-weight: bold;}
h5 {font-size: 13px; font-weight: bold; text-transform: uppercase;}
h6 {font-size: 11px; font-weight: bold; text-transform: uppercase;}
a {color: #b85b00; text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin-bottom: 10px;}

div.Page {position: relative; width: 900px; margin: auto; background-color: white; background-image: url(/images/Background.jpg); background-repeat: no-repeat; padding: 50px; padding-bottom: 150px;
	
	div#Header {font-size: 14px; margin-bottom: 30px; width: 425px;
		h1#Tristan_Perich {background-image: url(/images/Tristan_Perich.png); width: 285px; height: 18px; margin-bottom: 15px;}
		.Links {.Small; margin-bottom: 3px;
			.Link {.Left; margin-right: 10px;}
		}
		
		.Exhibition_Iterator {
			.Exhibition_Item {display: block; font-style: italic; margin-bottom: 3px;
			}
		}
		.Event_Iterator {
			.Event_Item {display: block; margin-bottom: 3px;
				.Date {.Left; width: 45px; padding-right: 5px; font-size: 11px; text-transform: uppercase;}
				.Text {.Left; width: 375px;}
			}
		}
		
		.All_Events_Link {.Small;}
		
		.Streaming_Wrapper a:hover {text-decoration: none;}
	}
	
	div#Music_Wrapper {padding-left: 250px; padding-top: 100px;
		div#Music {width: 471px; padding-top: 56px; background-image: url(/images/Music_Top.png); padding-left: 15px; padding-right: 15px; position: relative;}
	
		div#Recordings {padding-bottom: 15px;}
		div.Recording_Information {text-align: center; font-family: Arial; font-size: 10px; line-height: normal;}
		div#MP3_Player {}
		
		#Compositions_Content {text-align: center;
			.Composition_Item {display: block; margin-bottom: 8px;
				.Title {font-size: 15px;}
				.Instrumentation_And_Date_And_Download {font-size: 12px; font-style: italic;}
				.Note {font-size: 12px; font-style: italic;}
			}
		}
		
		.Top_Links {
			a {display: inline-block; height: 11px; margin-right: 20px;}
			#Compositions_Selected_Link {width: 72px; background-image: url(/images/Selected.png);}
			#Compositions_Selected_Link:hover, #Compositions_Selected_Link.On {background-image: url(/images/Selected_On.png);}
			#Compositions_All_Link {width: 86px; background-image: url(/images/All_Works.png);}
			#Compositions_All_Link:hover, #Compositions_All_Link.On {background-image: url(/images/All_Works_On.png);}
			#Compositions_Piano_Link {width: 45px; background-image: url(/images/Piano.png);}
			#Compositions_Piano_Link:hover, #Compositions_Piano_Link.On {background-image: url(/images/Piano_On.png);}
		}
	}
	
	div#Artwork_Wrapper {padding-left: 50px; padding-top: 100px;
		div#Artwork {width: 471px; padding-top: 56px; background-image: url(/images/Art_Top.png); padding-left: 15px; padding-right: 15px; position: relative;
			.Artwork_Item {display: block; margin-bottom: 25px;
				.Title {font-size: 20px; margin-bottom: 10px;}
				.Description {margin-bottom: 10px;}
				.Image {}
			}
		}
	}
	
	div#About_Wrapper {float: left; padding-left: 25px; padding-top: 600px;
		div#About {width: 346px; padding-top: 51px; background-image: url(/images/About_Top.png); padding-left: 10px; padding-right: 10px; position: relative; text-align: justify;}
	}
	
	div#Projects_Wrapper {float: left; padding-left: 50px; padding-top: 100px;
		div#Projects {width: 412px; padding-top: 56px; background-image: url(/images/Projects_Top.png); padding-left: 15px; padding-right: 15px; position: relative;
			.Book_Item {display: block; margin-bottom: 25px;
				.Title {font-size: 20px; margin-bottom: 10px;}
				.Description {margin-bottom: 10px;}
				.Image {}
			}
			.Album_Item {display: block; margin-bottom: 25px;
				.Title {font-size: 20px; margin-bottom: 10px;}
				.Description {margin-bottom: 10px;}
				.Image {}
			}
		}
	}
	
	div#Calendar_Wrapper {padding-left: 325px; padding-top: 50px;
		div#Calendar {width: 451px; padding-top: 56px; background-image: url(/images/Calendar_Top.png); padding-left: 25px; padding-right: 25px; position: relative;}
		
		.Top_Links {
			a {display: inline-block; height: 11px; margin-right: 20px;}
			#Calendar_Upcoming_Link {width: 80px; background-image: url(/images/Upcoming.png);}
			#Calendar_Upcoming_Link:hover, #Calendar_Upcoming_Link.On {background-image: url(/images/Upcoming_On.png);}
			#Calendar_Past_Link {width: 35px; background-image: url(/images/Past.png);}
			#Calendar_Past_Link:hover, #Calendar_Past_Link.On {background-image: url(/images/Past_On.png);}
		}

		#Calendar_Content {
			.Calendar_Upcoming {
				.Exhibition_Iterator {
					.Exhibition_Item {display: block; font-style: italic; margin-bottom: 4px;}
				}
				.Event_Iterator {
					.Event_Item {display: block; margin-bottom: 5px;
						.Date {.Left; width: 50px; padding-right: 5px;}
						.Info {.Left; width: 396px;
							.Title {}
							.Time_And_Price {}
							.Venue {}
						}
					}
				}
			}
			.Calendar_Past {
				.Header {.Bold; margin-bottom: 10px; font-size: 15px;}
				.Exhibitions {margin-bottom: 15px;
					.Exhibition {margin-bottom: 8px; font-size: 13px;
						.Title {.Italic;}
						.Venue {}
						.Date {}
					}
				}
				.Events {margin-bottom: 15px;
					.Year {.Bold; margin-bottom: 10px; font-size: 15px;}
					.Event {margin-bottom: 5px; font-size: 13px;
						.Date {.Left; width: 40px; padding-right: 5px;}
						.Info {.Left; width: 406px;
							.Title {}
							.Venue {}
						}
					}
				}
			}
		}
		
	}
}

#Last_Path_Item_Wrapper {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url(/images/Transparent.png); background-repeat: repeat; box-sizing:border-box; padding: 20px;
	#Last_Path_Box {background-color: white; width: 735px; position: relative; height: 100%; margin: auto;
		#Close_Button {position: absolute; left: -10px; top: -10px;}
		#Last_Path_Content {overflow: scroll; height: 100%;
			#Last_Path_Item {font-family: "Open Sans", "Lucida Grande", "Arial"; font-size: 13px; padding: 35px; line-height: 140%;}
		}
	}
}

/* Inputs */
.Input_Row {margin-bottom: 10px;}
.Input_Row .Label {float: left; width: 100px; margin-right: 10px; text-align: right;}
.Input_Row .Input {float: left;}
.Input_Row .Execute {padding-left: 110px;}

/* Worksheet */
.Worksheet_Event {padding: 5px; background-color: #eeeeee; margin-bottom: 10px;}
.Block_Link {color: inherit; display: block; color: #777777;}
.Block_Link:hover {color: #aaaaaa; text-decoration: none;}

/* Pages */

.CV_Page {
	.Solo_Exhibitions {.Exhibitions;}
	.Group_Exhibitions {.Exhibitions;}
	.Biography {margin-bottom: 30px;
		.Header {.Bold; margin-bottom: 5px;}
	}
	.Exhibitions {margin-bottom: 30px;
		.Header {.Bold; margin-bottom: 5px;}
		.Note {.Italic; margin-bottom: 5px; font-size: 11px;}
		.Exhibition {margin-bottom: 1px; font-size: 11px;
			.Year {.Inline_Block; .Bold; width: 40px;}
			.Venue {.Inline_Block;
				.Name {.Bold; .Inline;}
				.City {.Inline;}
				.State {.Inline;}
				.Country {.Inline;}
			}
		}
	}
	.Performances {margin-bottom: 30px;
		.Header {.Bold; margin-bottom: 5px;}
		.Note {.Italic; margin-bottom: 5px; font-size: 11px;}
		.Year {margin-top: 5px; margin-bottom: 5px; .Bold; font-size: 11px;}
		.Event {padding-left: 20px; margin-bottom: 1px; font-size: 11px;
			.Date {.Inline_Block; .Bold; width: 40px;}
			.Venue {.Inline_Block;
				.Name {.Bold; .Inline;}
				.City {.Inline;}
				.State {.Inline;}
				.Country {.Inline;}
			}
		}
	}
}

/* Lists */
ul.Bullets {padding-left: 20px;
	li {list-style-type: square;}
}