/*
Theme Name: Baylor University Men's Choir
Theme URI: http://www.baylormenschoir.org/
Description: WordPress theme for the Baylor Men's Choir web site.
Version: 1.0.1
Author: Aaron A. Kelley
Author URI: http://aaron-kelley.net/

    This theme was designed and built by Aaron A. Kelley,
    modeled after the original BUMC web site design by
    Ramsay Zaki.

*/

body
{
	margin-top: 8px;
	margin-left: 0px;

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	text-align: justify;

	background-color: #003300;
}

table.border
{
	border-right: #FFFFFF 3px solid;
	border-top: #FFFFFF 3px solid;
	border-left: #FFFFFF 3px solid;
	border-bottom: #FFFFFF 3px solid;
	background-color: #00CC99;

	width: 720px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

table.superheading
{
	color: #FFFFFF;
	font-family: "Times New Roman", times, serif;
	font-size: small;
	letter-spacing: 4px;

    border: #009966 3px solid;
	background-color: #007744;

	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
}

table.superheading a
{
	color: #FFFFFF;
	font-family: "Times New Roman", times, serif;
	font-size: small;
	letter-spacing: 1px;
	text-decoration: none;
}

table.heading
{
	color: #FFFFFF;
	font-family: "Times New Roman", times, serif;
	font-size: small;
	letter-spacing: 4px;
	text-transform: uppercase;

	background-color: #006633;

	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
}

table.heading a
{
	color: #FFFFFF;
	font-family: "Times New Roman", times, serif;
	font-size: small;
	letter-spacing: 4px;
	text-decoration: none;
	text-transform: uppercase;    
}

table.content
{
	border: #009966 1px solid;
	background-color: #FFFFFF;

	width: 89%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}

table.layout
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

table.orderform
{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}


td.layout
{
	vertical-align: top;
	width: 50%;
}

table.calendar
{
	border: #CCCCCC 1px solid;
	width: 100%;
}

table.repertoire
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

td.rep-left
{
}

td.rep-right
{
	text-align: right;
}

td.calendar
{
	border: #CCCCCC 1px solid;
	width: 25%;
	vertical-align: top;
}

td.calendar-highlight
{
	background-color: #00CC99;
}

td.top
{
	vertical-align: top;
}

.pagetitle
{
    text-align: center;
}

.callig
{
	font-family: "Lucida Calligraphy", sans-serif;
	font-size: medium;
	color: #333333;
}

.foot-left
{
	color: #FFFFFF;
	background-color: #009966;
}

.foot-center
{
    color: #FFFFFF;
    background-color: #009966;
    text-align: center;
}

.foot-right
{
	color: #FFFFFF;
	background-color: #009966;
	text-align: right;
}

.medium
{
	font-size: medium;
}

.small
{
	font-size: small;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */