/*************************************************
	Blueprint CSS Overrides for chchchoir.org
*************************************************/

ul#access {display:none;}
a {color:#009;text-decoration:none; color:#333; font-weight:700; text-transform:uppercase; font-size:80%;}
 
ul.hor, ul.breadcrumb {list-style:none; margin-left:0; padding-left:0;}
ul.hor li, ul.breadcrumb li  {display:inline; margin-right:10px;}

#utility-links { width: 950px; margin: 0 auto; }
	#utility-links ul {text-align:right;}
#logos { width: 950px; margin: 10px auto; }
	#choir-logo { float: left; margin-right: 10px; width: 710px; }
	#chch-logo { float: left; margin-right: 10px; width: 230px; margin-right: 0; }

#navigation-wrapper {background:#333; height:35px;}
#navigation {   background:#333; height:35px; }
#navigation ul {margin-left:0;  padding-left:0;}
#navigation li {list-style:none; text-align:center; padding-top:8px; border-left:1px solid #666; height:24px;   width: 100px; margin-right: 0px; float:left; }
#navigation li a {color:#f5f5f5;}
#navigation .last {border-right:1px solid #666;}

#breadcrumb-wrapper {  background:#CCC; height:20px;  margin-bottom:10px; border-top:1px solid #900;}
#breadcrumb {width: 950px; margin:0 auto;   height:20px; }
#breadcrumb ul {margin:0;}

#content { width: 950px; margin: 0 auto; }
		#main-article { float: left; margin-right: 10px; width: 470px; background:#333; color:white;}

	#more-news { float: left; margin-right: 10px; width: 230px; }
	#event-listing { float: left; margin-right: 10px; margin-right: 0; width: 230px; }
	
#footer { width: 950px; margin:30px auto 10px auto; border-top:1px solid #666;} 
	#copyright { float: left; margin-right: 10px; width: 510px; }
	#site-by { float: left;   margin-right: 0; width: 430px; text-align:right; } 
	
/*************************************************
	FORMS
*************************************************/
 
/* forms.css */
label {font-weight:bold; float:left; width:150px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:1em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input { padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
p.formHint {margin-left:150px; font-size:90%; color:#666;}
.cke_editor_Podcast-Description{margin-left:150px;}

/*************************************************
	CFWHEELS CLASSES
*************************************************/
.field-with-errors input {border:1px solid red;}
ul.error-messages {list-style:none; color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }
.blue {
    color: #FFFFFF;
    padding: 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #0099CC;
    margin-bottom: 2px;
}

.green {
    color: #FFFFFF;
    padding: 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #693;
    margin-bottom: 2px;
}

.red {
    color: #FFFFFF;
    padding: 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #900;
    margin-bottom: 2px;
}


/*************************************************
	Admin Links
*************************************************/
div#admin-links ul {border-bottom: 1px solid red; background:#FFECEC; margin-right:0}
.admin { background:#900;}
.admin a { color:#FFF; padding:2px;}
/*************************************************
	Helper Classes
*************************************************/
.left, .left-pad {float:left;}
.right, .right-pad {}
.left-pad {margin:0 10px 10px 0;}
.right-pad {margin:0 0 10px 10px;}
.caption {font-style:italic; text-align:center;}
.box { background-color:#f5f5f5;}
.sCaptioned{
border:10px solid #C0C0C0;
margin-bottom:20px;
}
/*************************************************
	Blog
*************************************************/
#blog .title {margin-bottom:0.5em;}
#blog .date {margin:0;}
 
.gallery-row { height:130px;}

.cke_editor_blog-content {margin-left:150px;}