/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
   COLORS:
	blue dark	113bb4
	blue light	4162c3
	red			b20f1d
	light bg	f9ffff
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 100%; }
.contentspace {
	margin: 0 auto;
	width: 774px;
	}

/* Fixed Footer
-------------------------------------------------------------- */
*, body {margin: 0; padding: 0; position: static;}
#wrap {display: block; position: absolute; min-height: 100%; width: 100% }
#content {display: block; width: 100%; margin-bottom: 260px; }
#footer { position: absolute; display: block; bottom: 0; 
	width: 100%; height: 73px; background-color: #ccc; }

/* My Stylin
-------------------------------------------------------------- */
body {
	background: #f9ffff url(img/bg-body.jpg) repeat-x top left;
	}
	body.admin-menu { background-position: 0 20px; }
	body#tinymce { background-color: #fff !important; background-image: none !important; }
#footer {
	height: 260px;
	background: url(img/bg-footer.gif) repeat-x bottom left;}	
	
/* Banner
-------------------------------------------------------------- */
#banner {
	width: 100%; height: 108px;
	background: url(img/bg-banner.jpg) no-repeat top left;
	position: relative;
	}
	#banner h1 { margin-bottom: 0;}	
	#banner h1 a {
		display: block;
		width: 246px;
		height: 108px;
		margin: 0; padding: 0;
		background: url(img/ChrisColeman-logo.jpg) no-repeat top left;
		text-indent: -9999px;
		}
	#banner ul.links {
		list-style: none;
		}
		#banner ul.links li {
			float: left;
			}	
	#banner ul.secondary-links {
		position: absolute;
		top: 42px;
		left: 250px;
		}	
		#banner ul.secondary-links li.first a {
			text-indent: -9999px;
			background: url(img/btn-contribute.jpg) no-repeat top left;
			display: block;
			height: 15px; width: 106px;
			}
		#banner ul.secondary-links li.last a {
			text-indent: -9999px;		
			background: url(img/btn-volunteer.jpg) no-repeat top left;
			display: block;
			height: 15px; width: 97px;
			margin-left: 12px;
			}			
	#banner ul.primary-links {
		position: absolute;
		top: 77px;
		left: 500px;
		margin-bottom: 0;
		}
		#banner ul.primary-links li {
			margin: 0 6px 0 0;
			padding: 0;
			}			
	#banner ul.primary-links li a {	
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		padding: 4px 8px;
		letter-spacing: 0.1em;
		}
		#banner ul.primary-links li a.active, 
		#banner ul.primary-links li a:hover  {	
			background-color: #4162c3;
			text-decoration: none;
			}
.message, .status { display: none; }			
body.admin-menu .message, body.admin-menu .status {
	display: inline;
	}
#emailform {
	position: absolute;
	top: 0; right: 0;
	width: 200px;
	}	
	#emailform p {
		text-align: center;
		color: #fff;
		border-bottom: 1px solid #fff;
		padding-bottom: 6px;
		margin-bottom: 6px;
		}			
/* Bannerimage
-------------------------------------------------------------- */	
#bannerimage {
	height: 409px;
	background: url(img/shadow-bannerpic.jpg) no-repeat bottom right;
	}
/* Columns
-------------------------------------------------------------- */	
#primarycol {
	float: left;
	display: inline;
	width: 510px;
	color: #000066;
	margin-bottom: 12px;
	}
	.no-sidebars #primarycol {
		width: 773px; }		
#secondarycol {
	float: right;
	display: inline;
	width: 246px;
	margin-bottom: 12px;
	}
blockquote { 
	float: right;	
	display: block;
	width: 246px;
	background: #b20f1d url(img/bg-blk-quote-bottom.jpg) no-repeat bottom left;
	margin: 0 0 0 12px;
	padding-bottom: 12px;
	}	
	blockquote p {
		background: url(img/bg-blk-quote-top.jpg) no-repeat top left;
		color: #fff;
		padding: 24px 9px 0;
		}
		blockquote p + p {
			background: none;
			padding: 0 9px 6px;
			}
.links ul.inline li a, .meta .terms ul.inline li a {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #999;
	font-size: 0.7em;
	}
	.links ul.inline li a:hover, .meta .terms ul.inline li a:hover {
		color: #4162c3;	
		}
.view-content, .views-row, .node { margin-bottom: 2em; }		
/* Blocks
-------------------------------------------------------------- */	
#secondarycol .block {
	color: #fff;
	background: #b20f1d url(img/bg-blk-red-bottom.jpg) no-repeat bottom left;
	padding-bottom: 6px;
	}
	#secondarycol .block h3 {
		color: #fff;
		background: url(img/bg-blk-red-top.jpg) no-repeat top left;	
		padding: 18px 12px 12px;
		}
	#secondarycol .block .content, #newsevents #block-block-15 .content {
		padding: 6px;
		margin-top: -1em;
		}
#secondarycol .block-menu, #secondarycol #block-block-tw,
#secondarycol #block-block-3, #secondarycol #block-block-8 {
	background: #113bb4 url(img/bg-blk-blue-bottom.jpg) no-repeat bottom left;
/*	color: #4162c3;	*/
	}
	#secondarycol .block-menu h3, #secondarycol #block-block-tw h3,
	#secondarycol #block-block-3 h3, #secondarycol #block-block-8 h3 {
		background: url(img/bg-blk-blue-top.jpg) no-repeat top left;	
		}
	#secondarycol .block-menu a, #secondarycol #block-block-tw a,
	#secondarycol #block-block-3 a {	color: #fff; }
	#secondarycol #block-block-8 li { margin-bottom: 0.5em; }
#twoboxes, #newsevents { 
	background: #b20f1d url(img/bg-2blocks.jpg) no-repeat bottom left;
	padding-bottom: 24px;
	color: #fff;
	}	
	#newsevents .block {
		width: 246px;
		float: left;
		background: none;
		}
		#newsevents #block-views-calendar-block_1, #newsevents #block-block-15 {	
			float: right;
			}
	#twoboxes .viewscol {
		float: left; display: inline;
		width: 246px; padding-bottom: 12px;
		}
		#twoboxes .viewscol li {
			list-style: none;
			}
		#newsevents a, #twoboxes .viewscol a {
			color: #fff;
			}
		#twoboxes h3#news-title, #newsevents .block h3 {
			color: #fff;
			padding: 18px 12px 12px;
			background: url(img/bg-2blocks-top.jpg) no-repeat top left;
			}	
	#twoboxes #eventscol {
			margin-left: 18px;
			}	
		#twoboxes h3#events-title {
			color: #fff;
			padding: 18px 12px 12px;
			background: url(img/bg-2blocks-top.jpg) no-repeat top right;
			}
ul#social-links {
	display: block;
	width: 223px;
	height: 75px;
	background-image: url(img/bg-socialmedia.jpg);
	margin: 0 0 4px 4px; padding: 0;
	position: relative;
	}	
	ul#social-links li {
		list-style: none;
		float: left;
		margin: 42px 0 0 0;
		width: 25%;
		text-align: right;
		}
		ul#social-links li#fb {		
			float: right;
			text-align: left;
			width: 35%;
			}
		ul#social-links li a:hover {
			color: #b20f1d;
			}
ul#twitter_update_list li a {
	color: #4162c3;
	}	
a#btn-donate {
	background-color:#B20F1D;
	color:#fff;
	display:block;
	line-height:2em;
	padding:0.5em;
	text-align:center;
	width:26em;	
	}	
	a#btn-donate:hover {
		background-color: #113bb4;
		} 
.block ul { padding: 0 0.5em 0.25em 1em }
.more-link { padding: 0 1em }
#secondarycol #block-block-16 .content { padding: 0 12px 12px; }		
#block-block-16 .entry span { float: left; width: 8em; }
#block-block-16 .entry input { float: left;  }
#block-block-16 #supporter { clear: left; margin-top: 6px; }
/* Footer
-------------------------------------------------------------- */
#footer .contentspace {	
	height: 223px;
	background-image: url(img/footerpic-image1.jpg);
	}	
	#footer .contentspace h2 {		
		margin: 0; padding: 0;
		}
		#footer .contentspace h2 a {
			display: block;
			width: 246px;
			height: 100px;
			text-indent: -9999px;
			}