/**** CSS designed for http://www.johnwilliamtrotter.com
      (c) Daniel Cox except where noted
      Last Updated: 13 May 2009
****/

/**** General ****/
body {
background: #221e1f url('../images/vertical-line.jpg') repeat-y scroll top left;
color: white;
font-family: Helvetica, sans-serif;
}

a, a:link, a:visited {
color: #748a3c;
text-decoration: none;
}

a.underline, a:link.underline, a:visited.underline {
color: #748a3c;
text-decoration: underline;
}

a:hover {
color: #748a3c;
text-decoration: underline;
}

.footer {
text-align: center;
}

.center {
text-align: center;
}

.right {
float: right;
}

.left {
float: left;
}

.underline {
text-decoration: underline;
}

.smaller {
font-size: smaller;
}

.disabled {
color: #AAAAAA;
}

h2 {
color: #748a3c;
font-size: 3em;
font-family: Garamond, serif;
text-align: center;
margin-top: 0px;
margin-bottom: .25em;
}

#body_mc img, a img, a:link img, a:visited img, a:hover img {
border: #748a3c 1px solid;
padding: 2px;
margin: .5em;
}

a.boxed, a.boxed:link, a.boxed:visited, a.boxed:hover {
border: #748a3c 1px solid;
padding: 4px;
text-decoration: none;
}

.center_margins {
margin-left: auto;
margin-right: auto;
}

div.padLeft {
padding-left: 2em;
}
/**** End General ****/



/**** Layout ****/
h1#header {
margin: 0px 0px 0px 60px;
height: 70px;
width: 750px;
font-family: Helvetica, sans-serif;
color: #748a3c;
font-size: 70px;
font-weight: normal;
}

h1#conductor-text {
position: absolute;
top: 0;
right: 0;
text-indent: -1000em;
}

div#conductor {
background: transparent url('../images/tan-horizontal.jpg') repeat-x bottom right;
padding-bottom:8px;
padding-top: 6px;
padding-left:10%;
width:25%;
margin-left:-1%;
}

div#horizontal_nav {
background:transparent url('../images/tan-horizontal-thick.jpg') repeat-x scroll right bottom;
left:0px;
position:absolute;
top:100px;
width:96%;
font-family: Garamond, serif;
font-size: larger;
padding-bottom: 9px;
}

div#login {
        position: absolute;
        top: 0px;
        right: 0px;
	font-size: 14px;
        text-align: right;
}

div#SiteActions {
background-color: black;
padding: 0px 3px 3px 0px;
border: 1px white solid;
}

div#SiteActions a, div#SiteActions a:hover, div#SiteActions a:link, div#SiteActions a:visited {
	padding-right: 5px;
	color: white;
	text-decoration: underline;
}

table.body_container {
position: absolute;
top: 180px;
left: 0px;
width: 84%;
margin: 0% 0% 5px 10%;
border-collapse: collapse;
border: none;
}

table.body_container td {
padding: 0px;
margin: 0px;
}

#body_ul {
background:transparent url('../images/corner_ul.jpg') no-repeat scroll right top;
width: 49px;
height: 40px;
}

#body_ur {
background:transparent url('../images/corner_ur.jpg') no-repeat scroll left top;
width: 49px;
height: 40px;
}

#body_lr {
background:transparent url('../images/corner_lr.jpg') no-repeat scroll left bottom;
width: 49px;
height: 40px;
}

#body_ll {
background:transparent url('../images/corner_ll.jpg') no-repeat scroll right bottom;
width: 49px;
height: 40px;
}

#body_uc {
background:transparent url('../images/side_top.jpg') repeat-x scroll left top;
}

#body_lc {
background:transparent url('../images/side_bottom.jpg') repeat-x scroll right top;
}

#body_ml {
background:transparent url('../images/side_left.jpg') repeat-y scroll right top;
}

#body_mr {
background:transparent url('../images/side_right.jpg') repeat-y scroll left top;
}

#body_mc {
background: #f8f2e5;
color: black;
}

#ajax-loader {
position: absolute;
top: 2px;
left: 2px;
}
/**** End Layout ****/



/**** Concert pages ****/
table.concerts {
border-collapse: collapse;
}

table.concerts td {
padding: 15px 10px;
vertical-align: top;
}

table.concerts td.date {
min-width: 160px
}

table.concerts p.concert_date {
margin-top: 0px;
}

table.concerts p.concert_date_range {
margin: 0px;
}

table.concerts span.concert_time {
font-size: smaller;
font-style: italic;
}
/**** End Concert Pages ****/


/**** Photos Pages ****/
table.photos {
margin-left: auto;
margin-right: auto;
}

table.photos td.picture {
padding: 0em 0.25em;
text-align: center;
}

.thumbnail_button {
display: block;
padding:0px;
margin-top: -3em;
}

.credit {
margin-top: -1.2em;
font-style: italic;
font-size: smaller;
text-align: right;
}

.caption {
margin-top: -.8em;
}
/**** End Photos Pages ****/


/**** Edit Box Fixes ****/
#toolbar2_content img {
border:1px solid #D3D3D3;
padding: 0px;
margin: 0px;
}
/**** End Edit Box Fixes ****/


/**** Quotes CSS (compiled from various sources) *****/
blockquote {
	margin: .5em;
	padding: 0em .5em;
	position: relative;
	text-indent: 2em;
        width: 54%;
}

.bqstart,
.bqend { font-size: 300%; }

/* apply IE specific rules first */
.bqstart {
	text-indent: 0;
	margin: -0.6em 0 -2em 0;
	float: left;
	position: relative;
}

blockquote > .bqstart {
	/* add extra non-ie rules */
	position: absolute;
	top: -0.2em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;
}

.bqend {
	position: absolute;
	margin-top: -0.6em;
	right: 0em;
	text-indent: 0;
}

blockquote > .bqend {
	margin-top: -0.2em;
}

div.attribute {
padding: 0px;
font-style: italic;
font-size: smaller;
text-align: right;
}