/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline. */
/*.container { background: url(lib/grid.png); }*/

body {
	margin: 0;
}

.container {
	margin-top: 2em;
}

/*#header {
	position: relative;
	height: 100px;
	margin: 0;
	padding: 0;	
	color: #fff;
	background: url(../images/header_bg.png) 0 0 repeat-x;	
}


#header h1 {
	height: 100px;
	width: 350px;	
	margin: 0;
	padding: 0;	
}

#header h1 a {	
	display: block;
	height: 100px;
	width: 350px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -1000em;
	overflow: hidden;		
}

#header h1 a:hover {
	background: url(../images/logo_hover.png) no-repeat;
}*/

#header {
	position: relative;
	cheight: 80px;
	margin: 0;
	padding: 1em;	
	ccolor: #fff;
	background: url(../images/header_bg.png) 0 0 repeat-x;	
}

#header h1 {
	cheight: 100px;
	cwidth: 350px;	
	margin: 0;
	padding: 0;	
}

#header h1 a {	
	display: block;
	cheight: 100px;
	cwidth: 350px;
	cbackground: url(../images/logo.png) no-repeat;
	ctext-indent: -1000em;
	overflow: hidden;		
}

#header p {
	position: absolute;
	top: 15px;
	right: 3em;
	height: 29px;
	width: 22.5em;	
	line-height: 29px;
	text-align: center;
	color: #ccc;
	background: url(../images/header_contact_bg.png) no-repeat;
}

#header p a {
	color: #ccc;
	text-decoration: none;
}*/

#header ul {
	position: absolute;
	bottom: 0.3em;
	right: 4em;
	margin: 0;
}

#header ul li {
	display: inline;
	margin: 0 0 0 0.1em;
	padding: 0.7em 0 0.3em;
	height: 11px;
	background: #000 url(../images/menu_tr.png) top right no-repeat;
}

#header ul li a {
	padding: 0.7em 1em 0.3em;
	color: #fff;
	background: url(../images/menu_tl.png) top left no-repeat;
	text-decoration: none;
}

#header ul li a:hover {
	text-decoration: underline;
}

.sidebar {
	padding: 1em 0;
}

.sidebar ul {
	list-style: none;
	margin-bottom: 0;
}

.sidebar ul li a {
	color: #369;
	text-decoration: none;
}

.vcard {
	padding-left: 1.5em;
}

.vcard .n, .vcard .adr {
	margin-bottom: 1.5em;
}

#footer {
	height: 4.5em;
	padding: 1.5em;
	color: #666;
}

#footer a {
	color: #369;
	text-decoration: none;
}

/*
** =forms
*/
fieldset {  
	float: left;  
	clear: both;  
	width: 100%;  
	margin: 0 0 1.5em 0;  
	padding: 0;  
	border: 1px solid #BFBAB0;  
	background-color: #F2EFE9;  
	background-image: url(../images/fieldset_gradient.jpg);  
	background-repeat: repeat-x;  
}

legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold;
}

fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;
}

fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em;
}

fieldset.submit {  
	float: none;  
	width: auto;  
	border-style: none;  
	padding-left: 12em;  
	background-color: transparent;  
	background-image: none; 
}

label {  
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: right; 
}

#grandcentral {
	margin: 1.5em 0;
}

#grandcentral embed {
	margin: 0 auto;
}

#repertoire {
	width: 100%;
}

#repertoire td, #repertoire th {
	padding-left: 0.5em;
}

#repertoire ul {
	list-style: none;
	margin: 0;
}

#repertoire ul li {
	line-height: 2.2;
}

#repertoire ul li.wedding {
	background: url(../images/heart.png) right 6px no-repeat;
}

#repertoire ul li.favorite {
	background: url(../images/star.png) right 6px no-repeat;
}

#repertoire ul li object {
	position: relative;
	top: 6px;
	left: 5px;
}

ul.key {
	list-style: none;
	margin: 0 0 1.5em 2em;
}

ul.key li {
	padding-left: 24px;
	line-height: 1.5;
}

ul.key li.wedding {
	background: url(../images/heart.png) no-repeat;
}

ul.key li.favorite {
	background: url(../images/star.png) no-repeat;	
}

a {
	color: #369;
}

dl#links {
	
}

dl#links dt {
	font-size: 1.3em;
}

dl#links dd {
	margin-left: 0;
	margin-bottom: 1.5em;
}

.content p img {
	float: left;
	margin: 0.3em 1em 0.5em 0;
	padding: 1px;
	border: 1px solid #333;
}


/*
** =home
*/

#home .left-column {
	margin-right: 1.5em;
	padding: 1em;
/*	border: 1px solid #fff999;
	background: #fffdde;*/
/*	border: 1px solid #eeeddd;
	background-color: #EDF3FE;	*/
	border: 1px solid #efefef;
	background-color: #f5f5f5;		
}

#home .right-column {
	padding: 1em 0;
}

#home h3 {
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #999;
}

ul#news {
	margin: 0;
	padding: 0;	
}

ul#news li {
	margin-bottom: 1.5em;
	padding: 0;
	clear: both;
	list-style-type: none;	
}

ul#news li div.date {
	float: left;
	width: 26px;
	margin: 0 0.5em 1em 0;
	padding: 2px 5px 5px 5px;	
	color: #A19D68;
	background: #FAF4C8;
	border-right: 1px solid #E3DE9F;
	border-bottom: 1px solid #E3DE9F;
	text-align: center;
	font-size: 16px;
	line-height: 1.1em;
}

ul#news li div.date:first-line {
	font-size: 70%;
}

ul#news li p {
	margin-left: 45px;
}

ul#events {
	margin: 0;
	padding: 0;	
}

ul#events li {
	margin-bottom: 1.5em;
	padding: 0;
	clear: both;
	list-style-type: none;	
}

ul#events li div.date {
	float: left;
	width: 33px;
	height: 38px;
	margin: 0 0.5em 1em 0;
	cpadding: 2px 5px 5px 5px;	
	color: #333;
	background: transparent url(../images/date_bg.png) 0 0 no-repeat;
	cborder-right: 1px solid #E3DE9F;
	cborder-bottom: 1px solid #E3DE9F;
	text-align: center;
	font-size: 16px;
	line-height: 1.1em;
}

ul#events li div.date:first-line {
	color: #fff;
	font-size: 70%;
}

ul#events li h4 {
	font-weight: bold;
	margin: 0;
}

ul#events li p {
	margin-left: 40px;
}

ul#flickr {
	list-style: none;
	width: 414px;
	margin: 0 auto;
	padding: 0;
}

ul#flickr li {
	float: left;
}

ul#flickr li img {
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 0.75em 1.5em;
}

ul#videos {
	list-style: none;
	width: 330px;
	margin: 0 auto;
	padding: 0;
}

ul#videos li {
	float: left;
	padding: 0.5em 1em;
}

ul#videos li img {
	padding: 1px;
	border: 1px solid #ccc;
	margin: 0;
}

ul#videos li p {
	text-align: center;
	margin: 0;
	
}

#home a.news {
	float: right;
	padding: 3px 0 3px 20px;
	text-decoration: none;
	background: url(../images/newspaper.png) 0 4px no-repeat;
}

#home a.calendar {
	float: right;
	padding: 3px 0 3px 20px;
	text-decoration: none;
	background: url(../images/calendar.png) 0 4px no-repeat;
}

#home a.videos {
	float: right;
	padding: 3px 0 3px 20px;
	text-decoration: none;
	background: url(../images/film.png) 0 4px no-repeat;
}

#home a.flickr {
	float: right;
	padding: 3px 0 3px 20px;
	text-decoration: none;
	background: url(../images/photos.png) 0 4px no-repeat;
}