/********
ADOREMUS HYMNAL
Site Colors

dk grey: #333333
red:	 #840c0e
gold:	 #ba8748

tan(?):	 #fecb8c
lt grey: #dddddd
md grey: #aaaaaa

*********/


body {
	background-color:#333333;
	background-image: url("../img/bg-slice.png");
	background-repeat: repeat-x;
	background-position: 0 0;
}

a, a:link, a:active { color:#1c59a4; }
a:visited { color:#5985bc; }

.left { float:left;clear:none;margin: 0 10px 10px 0; }
.right { float:right;clear:none;margin: 0 0 10px 10px; }

/* prevent images from breaking container boxes */
#main-content img, #main-content textarea { max-width:100%; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; }
.subtitle { margin-top:-1em !important; }

#ubercontainer {
	width:960px;
	margin: 0 auto;
	padding: 1px 0;
	position:relative;
	top:0;
	left:0;
}

#header, #footer, #main-content, #side-content {
	position:relative;
	top:0;
	left:0;
	float:left;
	clear:none;
}
#header, #footer { float:none;clear:both; }

#header { padding:1px;margin-top:-1px;border-bottom: 12px solid #ba8748; }
#header a, #header img { display:block; }
#header h1, #edition, #present { float:left;clear:none;margin: -1px 0 0 -1px; }
#header h1 { width:316px;height:262px; }
#edition, #present { margin: -1px 0 0 13px;height:37px; }
#edition {
	width:163px;
	line-height:40px;
	text-align:center;
	background-color:#ba8748;
	background-image: url("../img/button-highlight.png");
	background-repeat:repeat-x;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 3px 1px 14px 3px #111; 
}
#present { padding: 5px 0 0 0;margin: -1px 0 0 12px;height:34px; }
#edition img, #present img { display:inline; }

#side-content {
	width:317px; /* total 320px */
	margin: 2.1em 0 0;
	padding: 1px 1px;
	z-index:200;
	float:none;
	border-right: 1px solid #dddddd;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
}

.side-box { margin: 0 11px 0.5em -1px; }

#main-content {
	width: 600px; /* total 960px, but minus side-content: 640px; */
	min-height: 725px;
	_height: 725px;
	margin: 0 0 1em 0;
	padding: 30px 20px 30px 340px;
	font-size:0.9em;
	background-color:#ffffff;
	background-image: url("../img/content-fade.png");
	background-repeat: repeat-x;
	background-position: 0 0;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow-x:auto;
}

#main-content h1 { border-bottom: 1px solid #dddddd; }
#main-content h2 {
	color:#840c0e;
	font-weight:normal;
	font-size:1.35em;
	padding-top:0.5em;
	margin-bottom:0.5em;
}
#main-content h3 {
	font-size:1.1em;
	line-height:1.3em;
	padding-top:0.5em;
	margin: 1em 0 0.5em;
}
#main-content h3.subtitle { padding-top:0;margin-bottom:1em;font-size:1.25em; }
#main-content .subtitle { color:#93374e; }


#main-content .section { padding: 0.5em 0;margin: 0.5em 0 1em;border-bottom: 1px solid #dddddd; }
#main-content .section:first-child { margin-top:0; }

#main-content .video, #main-content .carousel { border-bottom:0; }

#main-content .carousel { margin-bottom:0.5em;margin-top:0;padding-top:0;padding-bottom:2px; }
	#header .carousel {
		margin: 0 0 0 20px;
		padding: 1em 0 0;
		float:left;
		clear:none;
		min-width:608px; /* Opera needs this here */
		_width:608px;
	}
.slide-list {
	position:relative;
	top:0;
	left:0;
	min-height:199px;
	_height:199px;
	min-width:608px;
	_width:608px;
	overflow:hidden;
}
.slide {
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:none;
}
.slide:first-child { display:block; }
.slide a, .slide img { display:block; }
.slide a {
	margin: 0 auto;
	width:584px; /* total 608px */
	height:175px; /* total 199px */
	padding:12px;
	background-color: #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	#header .slide a {
		background-image: url("../img/slide-bg.png");
		background-repeat:repeat-x;
		background-position: 0 100%;
	}

.slide img { max-height:175px;max-width:584px; }
.slide-control { overflow:hidden;width:608px;margin: 7px auto 0 !important;padding-right:5px; }
	.no-js .slide-control { display:none; }
.control { float:right;clear:none;margin: 0 2px; }
.control, .control a { display:block;width:20px;height:20px;text-indent:-9999em;overflow:hidden; }
.control a {
	background-image: url("../img/arrows.png");
	background-repeat:no-repeat;
	background-position: 0 0;
}
.control.back a { background-position: 0 -20px; }
.control a:hover { background-position: -20px 0; }
.control.back a:hover { background-position: -20px -20px; }

.item-control a {
	background-image:none;
	text-indent:0;
	background-color:#878280;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border-radius:3px;
}
.item-control a:hover, .item-control a.active { background-color:#a98a5f; }

.yt-clip {
	display:block;
	margin: 0 auto;
	max-width:100%;
}
.vid-share { width:400px;margin: 0.5em auto; }
#main-content .vid-share h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#93374e;
	color:#ffffff;
	text-indent:10px;
	padding: 2px 0;
	margin: 0 0 0;
}
.vid-share .vid-share-box {
	border: 1px solid #93374e;
	background-color: #f5f5f5;
	-webkit-border-bottom-right-radius: 11px;
	-webkit-border-bottom-left-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-moz-border-radius-bottomleft: 11px;
	border-bottom-right-radius: 11px;
	border-bottom-left-radius: 11px;
}
.vid-share ul { margin: 10px 10px 5px 2em; }
.vid-share li { padding: 0 0 5px; }
.vid-share li strong { width:5em;display:inline-block; }
.vid-share .tw-share, .vid-share .embed-share { font-style:italic; }
.vid-share .tw-share strong, .vid-share .tw-share input,
.vid-share .embed-share strong, .vid-share .embed-share input { font-style:normal; }
.tw-share input { width:14.5em;text-align:center; }
.vid-share textarea { width:90.5%;height:4em;max-width:100%; }


#main-content .synopses { border-bottom: 3px double #dddddd; }
.synopses .cover {
	float:left;
	clear:none;
	width:110px;
	margin: 0 20px 10px 0;
}
	.cover {
		border: 1px solid #ffffff;
		box-shadow: 0 0 5px 2px #ccc;
	}
.synopses h2 {
	font-weight:bold !important;
	padding: 0.25em 0;
	background-color:#eeeeee;
	text-shadow: 1px 1px 1px #ccc;
}
#main-content .synopses h3 {
	line-height:1.1em;
	float:left;
	clear:none;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}
	#main-content .synopses h3.subtitle {
		float:none;
		font-size:1.1em;
		line-height:1.1em;
		margin: -1em 0 1em;
		padding: 0 0 0 0;
	}
.synopses h3 + ul { clear:left; }

.callout, .choose-these {
	padding: 0.8em 1em;
	margin: 1em 2em 1em 1em;
	border: 1px solid #13af0a;
	background-color: #f5f5f5;
	box-shadow: 0 0 5px 2px #ccc;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.callout > * { margin-bottom:0.5em; }
.callout > *:last-child,
blockquote > *:last-child { margin-bottom:0; }

blockquote { background-color:#e9e1d6;padding: 0.5em 0.75em; }
.cite {
	background-color:#93374e;
	color:#ffffff;
	font-size:1.1em;
	margin-bottom:1.8em;
	text-indent:10px;
	padding:2px;
}
cite { font-weight:bold; }

.valediction { margin-left:1.5em; }

.onthispage { color:#aaaaaa;font-size:0.9em;margin-top:-1em; }



table { font-size:1.05em; }
	table.feature-table { font-size:1em; }
	table.music { width:100%;font-size:1em;line-height:1em; }
	.feature-table a { color:#333333; }
	.feature-table a:hover { color:#1c59a4; }
caption { font-weight:bold;padding: 0.35em 0.25em 0.25em;margin: 0.5em 0 -0.25em; }
	.music caption { margin: 0.5em 0 0.25em; }
	caption p { margin: 0.5em 0 0.25em;font-weight:normal;font-size:0.9em; }
	.notes .entry { display:inline-block;border-right:1px solid #cccccc;padding: 0 8px 0 2px; }
	.notes .entry:last-child { border-right:0; }


a[href='downloads/audio/.mp3'] { color:#aaa;text-decoration:none;border-bottom: 1px dashed #ccc; }


thead th {
	background-color:#333333;
	color:#ffffff;
	border-color:#000000;
	font-weight:bold;
	line-height:1em;
}
	.feature-table thead th { font-size:0.8em;padding: 0.25em 0.1em 0.2em; }
	.music .hymn-num, .music .download { width:1em;text-align:center; }
	.music td.hymn-num { background-color:#eeeeee; }
	.music .download { white-space:nowrap; }
thead tr.sub th { font-weight:normal;padding: 0.1em 0.1em 0.1em;background-color:#eeeecc;color:#333333;min-width:4em; }

tbody th { vertical-align:top;border-left-color:#ffffff;background-color:#eeeecc; }
	.feature-table tbody td { text-align:center;font-weight:bold;font-size:1.1em; }
	.feature-table tbody th em { font-size:0.8em;font-weight:normal;font-style:normal;line-height:1em;display:block;color:#666666; }

	.music tbody th { background-color:#333333;color:#ffffff;font-weight:normal;border-color:#333333;padding:1.2em 1em 0.8em; }
	.music tbody .alt th, .music tbody .alt th { background-color:#666666; }

	.pricing-table { width:98%;margin: 0 auto 1em; }
	.pricing-table tbody td { text-align:center; }
	.pricing-table tbody th { vertical-align:middle; } 
	thead th.ghosty, tbody .ghosty { background-color:#ffffff;border-color:#ffffff;border-left-color:inherit; }

tbody tr:hover td { background-color:#e9e1d6; }
	tbody tr:hover td.hymn-num { background-color:#d9d1c6; }

table sup { font-size:12px;line-height:16px; }
.feature-table tr.sub th sub {
	vertical-align:text-top;
	display:inline-block;
	padding:0.1em 0.2em;
	font-weight:bold;
}
th[title] { cursor:help; }

.table-key {
	margin: -0.5em 0.5em 2em;
	padding: 0.5em 0.2em 0;
	font-size:0.8em;
	line-height:1.5em;
	color:#555555;
	border-top: 1px solid #aaaaaa;
}
.table-key .key {
	font-weight:bold;
	color:#333333;
	background-color:#eeeecc;
	padding:0.1em 0.25em;
	display:inline-block;
	font-size:1.1em;
	vertical-align:baseline;
}
.table-key em.title { font-weight:bold;font-style:normal;padding-right:1em; }


.alert { color:#aa0000;font-weight:normal;padding: 0 2px; }

#footer {
	font-size:12px !important;
	margin: 0 0 -2px;
	padding: 2.5em 5% 1.5em;
	font-size:0.9em;
	line-height:1em;
	color:#ba8748;
	overflow:hidden;
	background: #333333;
	text-shadow: 1px 1px 1px #222;
}

#footer a { color:#ba8748; }

/* menus */
.menu { margin: 0 0 0; }
.menu .menu-item { list-style-type: none; }
.side-box .menu .menu-item { padding: 0 0;margin: 0.6em 0; }
.side-box .menu a {
	display:block;
	text-decoration:none;
	padding: 0.2em 0.6em 0.3em 1.2em;
	line-height:1.35em;
}
.side-box .menu a:hover { text-decoration:underline; }

#main-menu {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	line-height:1.1em;
}
#main-menu .menu {  }
#main-menu a { color:#ba8748;text-shadow: 1px 1px 1px #ddd; }

/** main menu here states **/
.home #main-menu .home a,
.features #main-menu .features a,
.mp3s #main-menu .mp3s a,
.faq #main-menu .faq a,
.order #main-menu .order a,
.contact #main-menu .contact a {
	font-weight:bold;
	color:#eeeecc;
	text-shadow: none;
	padding-right:21px;
	padding-left:1em;
	border-left: 1px dashed #eeeecc;
	background-color:#840c0e;
	background-image: url("../img/ribbon-end.gif");
	background-repeat:no-repeat;
	background-position: 100% 50%;
	text-decoration:none !important;
}

#out-menu { margin: 3em 11px 0.5em;border-top: 1px solid #aaaaaa; }
#out-menu p { color:#666666;margin: 0.5em 0.5em; }
#out-menu .menu-item { list-style-type:circle;list-style-position:inside;padding: 0 0.85em 0.3em;margin: 0; }
#out-menu a { display:inline;padding:0;margin:0; }


#footer .menu { text-align:center; }
#footer .menu-item { display:inline-block;padding: 0 5px; border-right: 1px solid #ba8748; }
#footer .menu-item:last-child { border-right: 0; }
#footer .menu a { text-decoration:none; }
#footer .menu a:hover { text-decoration:underline; }
#footer p { margin: 0.75em 0.5em 0;text-align:center; }