/* ================= */
/* = color palette = */
/* ================= */

/*
	
	taupe			#FFFCDD
	dark red		#782B19 (background and buttons)
	deep orange		#9B422F (headers)
	forest green	#404A34 (caption)
	bright green	#29776F
	dusty blue		#3D6181 (headlines)
	blue			#005FB4 (links)
	brown-black		#302719
	
	
*/

/* ================== */
/* = color blocking = */
/* ================== */


body {
	background-color: #b48b50;
	border-top: 11px solid #302719;
	background-image: url('../img/main-bg-alt.jpg');
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: top center;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}

#body {
	background-color: #FFFCDD;
	border: 2px solid #302719;
	border-bottom: none;
	padding-bottom: 5em;
}

.home #body {
	padding-bottom: 0;
}

/*#wrapper {
	background: transparent url('/wp-content/themes/lyso/img/violin_clip.png') no-repeat;
	background-position: center -40px;
} */

/* ============= */
/* = headlines = */
/* ============= */

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3D6181;
	clear: both;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}

.alignright {
	float: right;
}

/* ========== */
/* = header = */
/* ========== */

#home {
	display: block;
	height: 153px;
	width: 381px;
	text-indent: -9000px;
	background-image: url('/wp-content/themes/lyso/img/logo.png');
	background-repeat: no-repeat;
	margin-left: -30px;
	margin-bottom: -2.5em;
}

.topnav ul {
	margin: 0;
	padding: 0;
}

	.topnav ul li {
		list-style-type: none;
		float: left;
		cursor: pointer;
		text-align: center;
		margin: .5em 10px .5em 0;
		padding: 0 15px 0 0;
		height: 30px;
		line-height: 30px;
	}

		.topnav ul li a {
			display: block;
			color: white;
			text-transform: uppercase;
			font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
			text-decoration: none;
			padding: 0 0 0 15px;
			position: relative;
			white-space: nowrap;
			height: 30px;
			line-height: 30px;
		}
		
	.topnav ul li.current_page_item, .topnav ul li.current_page_ancestor {
		background: transparent url( '/wp-content/themes/lyso/img/btn_right.png' ) no-repeat scroll right top;
	}
		
		.topnav ul li.current_page_item a, .topnav ul li.current_page_ancestor a {
			background: transparent url( '/wp-content/themes/lyso/img/btn_left.png' ) no-repeat scroll left top;
		} 

		.topnav ul li:hover a {
			background: transparent url( '/wp-content/themes/lyso/img/btn_left.png' ) no-repeat scroll left top;
			background-position: 0% -30px;
		}
		
	.topnav ul li.current_page_item:hover, .topnav ul li.current_page_ancestor:hover, .topnav ul li:hover {
		background: transparent url( '/wp-content/themes/lyso/img/btn_right.png' ) no-repeat scroll right top;
		background-position: 100% -30px;
	}

/* ============= */
/* = slideshow = */
/* ============= */		

/*
sometimes the vertical border needs to be switched
between the .home #updates and .home #home-sidebar

TODO: figure out a way to not have to do this.
*/


.home #updates {
	border-left: 2px solid #302719;
}
.home #home-sidebar, #slideshow {
/*	border-right: 2px solid #302719;*/
}

.home #slideshow, .home #home-sidebar {
	margin-right: 0;
}

.home #updates {
	width: 358px;
}

#slideshow {
	background-color: #404A34;
	float: left;
}

	.slideshow{
		height: 417px;
		width: 590px;
		position:relative;
		overflow: hidden;
	}
	
		.slideshow .slide {
			height: 417px;
			width: 590px;			
		}

	div.slideshow_credit {
		height: 32px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

		div.slideshow_credit p.caption {
			padding: 3px 40px;
			margin: 0;
			font-family: "Trebuchet MS", Trebuchet, Tahoma, Lucida, sans-serif;
			color: white;
			font-size: 11px;
			line-height: 12px;
			background-color: #404A34;
			}
		div.slideshow_credit p.caption a {
			color: white;
		}

		div.slideshow_credit p.photographer {
			display: none;
			margin: 0;
			font-family: "Trebuchet MS", Trebuchet, Tahoma, Lucida, sans-serif;
			color: #e7ecf0;
			font-size: 9px;
			position: absolute;
			bottom: 3px;
			right: 20px;
		}



/* ==================== */
/* = homepage updates = */
/* ==================== */

#updates {
	float: right;
}

.alignleft {
	float: left;
}

#updates .concert-date {
	border-right: 1px solid #302719;
}

#updates h6 {
	padding-left: 40px;
}

h5.title {
	background: #9B422F url('/wp-content/themes/lyso/img/music_grey_16.png') no-repeat 10px 50%;
	clear: both;
	color: white;
	text-transform: uppercase;
	font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: .1em;
	padding: 3px 0 3px 40px;
}

h5#blog {
	background: #9B422F url('/wp-content/themes/lyso/img/news_grey_16.png') no-repeat 10px 50%;
}

#updates h1 {
	font-size: 2em;
}


/* ==================================== */
/* = event styles - used for concerts = */
/* ==================================== */

/*new #event-details*/

div#event-details {
	/* 5 columns last */
	border: 1px solid #302719;
	margin-left: 10px;
	width: 190px;
	float: right;
	color: #302719;
	font-family: "Trebuchet MS", Trebuchet, Tahoma, Lucida, sans-serif;
}

	div#event-details .concert-date {
		width: 190px;
		color: white;
		background-color: #782B19;
		margin-bottom: .75em;
	}
	
	div#event-details .event-location {
		background-color: white;
		padding: 0 12px 10px;
		font-size: 12px;
		line-height: 15px;
	}

	div#event-details .weekday, div#event-details .time {
		float: left;
		font-size: 14px;
		line-height: 18px;
		text-align: left;
	}
		div#event-details .weekday {
			margin-top: 4px;
		}
	
		.cal {
			width: 70px;
			margin: 0 10px 5px 0;
			float: left;
		}
			
			.event-location .rsvp {
				display: block;
				width: 110px;
				height: 22px;
				margin-top: 10px;
				margin-left: auto;
				margin-right: auto;
				background: #00336b; 
				border:1px solid #003768!important;
				border-left-color:#8BA1B4!important; 
				border-top-color:#8BA1B4!important;
				color: white;
				font-size: 13px;
				line-height: 22px;
				font-weight: bold;
				text-decoration: none;
				text-align: center;		
			}
			
			.event-location dl {
				margin: .75em 0 .75em;
			}


div.concert-listing {
	display: block;
	float: left;
	margin-bottom: 1.5em;
	}

	div.concert-date {
		float: left;
		width: 85px;
		padding-top: 10px;
		text-align: center;
		font-family: "Trebuchet MS", Trebuchet, Tahoma, Lucida, sans-serif;
		}
		
		.concert-date span {
			display: block;
			line-height: 25px;
			}
		.concert-date .date {
			font-weight: bold;
			font-size: 36px;
			}
		.concert-date .month {
			font-weight: bold;
			font-size: 18px;
			text-transform: uppercase;
			}
		.concert-date .time {
			font-size: 11px;
			}
		.concert-date .rsvp {
			padding: 2px 1em;
			background: #00336b; 
			border:1px solid #003768!important;
			border-left-color:#8BA1B4!important; 
			border-top-color:#8BA1B4!important;
			color: white;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
			}
		.rsvp:hover {
			background: white;
			color: #00336b;
			}
			
	div.event-info {
		float: left;
		margin-top: 5px;
		margin-left: 15px;
		}
		
		.event-info h3 {
			margin-bottom: 0;
			}
		
		.event-info h3 a,
		.post h3 a,
		#updates h1 a {
			color: #3d6181;
			text-decoration: none;
			}

		.event-info h3 a:hover,
		.post h3 a:hover,
		#updates h1 a:hover {
			text-decoration: underline;
			}
			
		.event-info .location {
			font-family: "Trebuchet MS", Trebuchet, Tahoma, Lucida, sans-serif;
			font-size: 12px;
			}
			
		.event-info dl{
			margin: 0;
			margin-top: -.75em;
		}
			
		.event-info .event-description {
			text-indent: 0;
			margin-top: -.75em;
			margin-bottom: .75em;
			}

/* ====================================== */
/* = extremely specific homepage styles = */
/* ====================================== */

#text-5 {
	margin-bottom: 1.5em;
}

#text-5 .widget-title, #cforms-2 .widget-title {
	font-size: 1em;
	text-transform: uppercase;
	color: #9B422F;
}

#text-3 .widget-title, #text-4 .widget-title, #text-7 .widget-title, #second-loop .widget-title {
	font-size: 1em;
	background: #29776F url('/wp-content/themes/lyso/img/his_grey_16.png') no-repeat 10px 50%;
	clear: both;
	color: white;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding: 3px 0 3px 40px;
}

#text-7 .widget-title, #second-loop .widget-title {
	background: #29776F url('/wp-content/themes/lyso/img/airplane_grey_16.png') no-repeat 10px 50%;
}

#text-7 .widget-title, #second-loop .widget-title a {
	color: white;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#text-7 .textwidget, #second-loop .content {
	padding-left: 40px;
	width: 510px;
	margin-right: 10px;
}

#text-7 .textwidget, #text-4 .textwidget {
	margin-bottom: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	-moz-column-count:2;
	-moz-column-gap:10px;
}

div#cforms-2 {
	padding-left:29px;
	margin-left:20px;
	border-left:1px solid #302719;
}

#text-3 .wp-caption {
	margin-left: 20px;
	margin-top: 15px;
}

.textwidget .button {
	float: right;
	font-size: 11px;
	height: 14px;
	line-height: 14px;
	font-family: "Lucida Grande";
}

/* ===================================== */
/* = extremely specific article styles = */
/* ===================================== */

#post-16 dd {
	margin-bottom: 1.5em;
}


/* ======================== */
/* = site sidebar styling = */
/* ======================== */

#sidebar {
	margin-top: 1.5em;
}

	#sidebar .widget {
		/*border: 1px solid black;*/
		margin-bottom: 1.5em;
		padding: 10px;
	}

	#sidebar .title, #sidebar .widget-title {
		text-align: right;
		font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		color: black;
		margin: 0;
		padding: 0;
	}

		#sidebar ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

			#sidebar ul ul {
				font-size: .9em;
			}
			
			#sidebar .page_item a, #sidebar li a, #sidebar .recentcomments {
				display: block;
				padding: 3px 10px 3px 1.5em;
				text-decoration: none;
				color: white;
				line-height: 25px;
				background: #6E2717;
				background: -webkit-gradient(
				    linear,
				    left top,
				    right top,
				    color-stop(0.01, rgb(96,34,20)),
				    color-stop(0.54, rgb(112,40,23)),
				    color-stop(0.99, rgb(96,34,20))
				);
				background: -moz-linear-gradient(
				    left center,
				    rgb(96,34,20) 1%,
				    rgb(112,40,23) 54%,
				    rgb(96,34,20) 99%
				);
				border-right: 1px solid rgba(0,0,0,20);
				border-left: 1px solid rgb(50,0,0);
				border-bottom: 1px solid rgb(63,23,13);
				border-top: 1px solid rgb(152,112,102);
			}
			
			#sidebar .page_item a:hover, #sidebar li a:hover {
				color: white;
				background: #a72707;
				background: -webkit-gradient(
				    linear,
				    left top,
				    right top,
				    color-stop(0.01, rgb(147,35,11)),
				    color-stop(0.54, rgb(169,39,7)),
				    color-stop(0.99, rgb(147,35,11))
				);
				background: -moz-linear-gradient(
				    left center,
				    rgb(147,35,11) 1%,
				    rgb(169,39,7) 54%,
				    rgb(147,35,11) 99%
				);

			}

			/* styles for comments in the sidebar */
			#sidebar .recentcomments a {
				background: transparent;
				border: none;
				font-weight: bold;
				text-decoration: underline;
			}
			
			
			#sidebar .recentcomments a:hover {
				background: transparent;
				font-weight: bold;
				text-decoration: underline;
				color: #FFFCDD;
			}
			


			#sidebar .page_item, #sidebar .page_item {
				list-style-image: none;
				list-style-type: none;
			}

/*			
			#sidebar .page_folder {
				list-style-image: url('/wp-content/themes/lyso/img/arrow_right_grey.png');
				list-style-type: disc;
			}

			#sidebar .current_page_ancestor, #sidebar .page_folder.current_page_item {
				list-style-image: url('/wp-content/themes/lyso/img/arrow_down_grey.png');
				list-style-type: square;
			}
			
			#sidebar .current_page_item {
				list-style-type: square;
			}
			*/			
			
			body div div #sidebar li.current_page_item > a {
				color: white;
				background: #a72707;
				background: -webkit-gradient(
				    linear,
				    left top,
				    right top,
				    color-stop(0.01, rgb(147,35,11)),
				    color-stop(0.54, rgb(169,39,7)),
				    color-stop(0.99, rgb(147,35,11))
				);
				background: -moz-linear-gradient(
				    left center,
				    rgb(147,35,11) 1%,
				    rgb(169,39,7) 54%,
				    rgb(147,35,11) 99%
				);
				border-right: 1px solid rgba(0,0,0,20);
				border-left: 1px solid rgb(50,0,0);
				border-top: 1px solid rgb(63,23,13);
				border-bottom: 1px solid rgb(152,112,102);

			}

					#sidebar ul ul .page_item a {
						border: none;
						border-right: 1px solid black;
						padding-left: 3em;
					}
					
					#sidebar ul ul ul .page_item a {
						border: none;
						border-right: 1px solid black;
						padding-left: 6em;
					}

/* ================== */
/* = article styles = */
/* ================== */

.page img.alignleft, .post img.alignleft {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.page img.alignright, .post img.alignright {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.post-excerpt {
	margin-bottom: 3em;
}

.pagination_single {
	float: left;
	width: 100%;
	padding: .25em 0 .25em 0;
	border-top: 1px dotted #302719;
	border-bottom: 1px dotted #302719;
}

.alignright {
	float: right;
}

.previous {
	float: left;
}

.next {
	float: right;
}

/* ============================================= */
/* = footer (uses widgets to populate content) = */
/* ============================================= */

#footer {
	/*text-align: center;*/
	background-color: black;
	border-left: 2px solid #302719;
	border-right: 2px solid #302719;
	/*padding-bottom: 1.5em;*/
	margin-bottom: 0;	
}

	#footer h2 {
		font-size: 13px;
		font-weight: normal;
		color: white;
		font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
	}

	#footer ul {
		padding-left: 0;
		list-style-type: none;
	}
		#footer .blogroll ul, #footer .blogroll li {
			display: inline;
		}

		#footer li a {
			padding-right: 1em;
			color: #782B19;
			text-decoration: none;
		}
		#footer li a:hover {
			text-decoration: underline;
		}

		#footer .widget_pages h2 {
			text-indent: -9999px;
		}

	#footer .widget_links {
		padding-bottom: 30px;
		/*border: 1px solid #333;*/
	}
		#footer .widget_links h2 {
			/* border-bottom: 1px solid #333;*/
			/* background-color: #111; */
			padding-left: 4px;
			text-align: left;
		}
	#footer .widget {
		margin: 0 10px;
	}
	
	#footer .sub-menu {
		padding-left: 10px;
	}
	
	    #footer #nav_menu-4 {
			margin-left: 40px;
		}
		
		#copyright {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			display: block;
		}
/* =================== */
/* = sociable styles = */
/* =================== */	

div.sociable{margin:16px 0;}
span.sociable_tagline{position:relative;}
span.sociable_tagline span{display:none;width:14em;}
span.sociable_tagline:hover span{position:absolute;display:block;top:-5em;background:#ffe;border:1px solid #ccc;color:black;line-height:1.25em;}
.sociable span{display:block;}
.sociable ul{display:inline;margin:0 !important;padding:0 !important;}
.sociable ul li{background:none;display:inline !important;list-style-type:none;margin:0;padding:1px;}
.sociable ul li:before{content:"";}
.sociable img{float:none;width:16px;height:16px;border:0;margin:0;padding:0;}
.sociable-hovers{opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);}
.sociable-hovers:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}