@import url("http://www.richardburnsfoundation.com/includes/nav");

html,body {
	height: 100%;
}


body {
	font: 12px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 1100px;
	margin: 0 auto;
		background: #ccc url('http://www.richardburnsfoundation.com/imgs/2011/gradient.png') center top repeat-y;
	

}
a {
	text-decoration: none;
	color:#999;
	font-style: italic;
}

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

#wrap {
	width: 971px;
	margin: 0 auto;
	padding: 0 64px 0 63px;
	position:relative;
	height: 100%;	
	height: auto; 
	min-height: 100%;
}

#header {
	position: absolute;
	display: block;
	width: 971px;
	height: 610px;	
	background: #ea2028 url('http://www.richardburnsfoundation.com/imgs/2011/content-back.jpg') right top no-repeat;
}

#header #logo {
	position: absolute;
	top: 29px;
	left: 39px;
	background: url('http://www.richardburnsfoundation.com/imgs/2011/logo.png') no-repeat;
	display: block;
	width: 77px;
	height: 79px;
	text-indent: -100000px;
}

#header #menu {
	position: absolute;
	top: 60px;
	right: -43px;
	width: 560px;
	height: 32px;
	background: url('http://www.richardburnsfoundation.com/imgs/2011/nav/menu-back.png') no-repeat;
	padding: 12px;
}

#content {
	position: absolute;
	top: 240px;
	width: 971px;
	margin: 0 39px 0 39px;
	
}

#content h1 {
    width: 551px;
	margin: 8px 0 0 14px;
	padding: 0;
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
}

#content h1.second {
	-webkit-transform: rotate(3deg); 
	-moz-transform: rotate(3deg);	
}

#content h2 {
    width: 551px;
	margin: 8px 0 0 14px;
	padding: 0;
	font-size: 33px;
    line-height:36px;
	font-weight: normal;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);

}



#content h3 {
    width: 551px;
	margin: 0px 0 0 14px;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
}

#content .home {
	position: relative;
	top: -20px;
	width: 863px;
	height: 230px;
	z-index: 100;
	padding: 14px;
	background: #d21d24;
	color: #fff;
}

#content .home .info{
	width: 580px;
}

#content .home img {
	position: absolute;
	top: 0;
	right: 0;
}

/*left column styling*/

#content .left {
	position: relative;
	top: 0;
	width: 590px;
	z-index: 100;
	background: #fff;
}

#content .narrow {
	width: 240px;
}

#content .single {
	background: transparent !important;
	position: absolute;
	top: -80px;
	color: #fff;
}

#content .details {
	background: #fff;
	color: #000;
	margin: 50px 0 0 0;
	padding: 14px;
}

#content .noback{
	background: transparent !important;
	color: #fff;
}

#content .noback a {
	color: #fff;
}

#content .noback a:hover {
	color: #fff;
}

/*right column styling*/

#content .right {
	position: absolute;
	top: 0;
	width: 272px;
	right: 39px;
	margin: 0 39px 0 0;
	color: #fff;
}

#content .right a {
	text-decoration: none;
	color:#fff;
	font-style: italic;
}

#content .right a:hover {
	text-decoration: underline;
	color: #fff;
}

#content .wide {
	position: absolute;
	top: -60px;
	left: 311px;
	width: 650px;
	z-index: 100;
}

#content .row {
	position: absolute;
        top:69px;
}

#content .col {
	float: left;
	width: 288px;
	margin: 0 20px 0 0;
}

#content .back {
	background: #fff;
	color: #000;
	
}

#content .fixedheight {
	height: 300px;
}

#pag {
	position: absolute;
	right: 66px;
	top: 321px;
}

#footer {
	position: absolute;
	top: 610px;
	width: 971px;
	margin: 0 39px 0 39px;
}

#footer-col1 {
	position: absolute;
	top: 0;
	left: 0;
}

#footer-col2 {
	position: absolute;
	top: 0;
	left: 310px;
}

#footer-col3 {
	position: absolute;
	top: 0;
	left: 620px;
}

.box {
	float: left;
	width: 288px;
	margin: 0 22px 0 0px;
}

.box h1 {
	position: absolute;
	width: 248px;
	margin: -59px 0px 10px 14px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	
}

.box p {
	width: 248px;
	background: #fff;
	margin: -29px 0 0 0;
	padding: 14px;
	border: 1px solid #ea2028;	
}

.homebox {
       	clear: both;
	float: left;
	width: 288px;
	margin: 89px 0 0 0;
}

.homebox h1 {
	color: #ea2028;
	
}

.homebox p {
	border: 1px solid #ea2028;	
}

#sub-links {
	position: absolute;
	top:1200px;
	right: 120px;
}

/*Events boxes*/

	.event-box {
		clear: both;
		float: left;
		margin: 0 0 30px 0;
		
	}
	.date-box {
		float: left;
		display: block;
		width: 56px;
		height: 50px;
		font-size: 12px;
		line-height: 14px;
		background: #b80303;
		text-align: center;
		text-transform: uppercase;
		margin: 4px 10px 0 0;
		padding: 6px 0 0 0;
		border: 0;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	.event-details {
		float: left;
		margin: 8px 0 0 0;
	}