/*  



Theme Name: Matt Brock.ca



Author: Aisling 



Author URI: http://dreamling.ca



*/


* {

	margin:0;
	padding:0;

}

body {
	background: url(img/bg.jpg);
}

#top {
	width:100%;
	background-color: #201803;
	height:20px;
	border-bottom: 1px #000 solid;
}


#bottom {
	width:100%;
	background-color: #263512;
	border-top: 1px #000 solid;
	height:55px;
}

#contain {
	width:914px;
	margin:auto;
	margin-top:20px;
}

#title {
	background: url(img/title.png) no-repeat;
	width: 380px;
	height: 90px;
	float:right;
}

#navigate {
	list-style: none;
        margin: 0; 
	padding: 0;
	margin-top:10px;
}

#navigate li {
	float:left;
        display:inline;
	margin-left:20px;
}

#navigate li a {
	display:block;
	margin-right:30px;
}

.bio a {
	background: url(img/bio.png) bottom left no-repeat;
	width: 45px;
	height: 32px;
	display:block;
}

.bio a:hover {
	background: url(img/bio.png) bottom right no-repeat;
	
}

.media a {
	background: url(img/media.png) bottom left no-repeat;
	width: 190px;
	height: 38px;
	display:block;
}

.media a:hover {
	background: url(img/media.png) bottom right no-repeat;
	
}

.contact a {
	background: url(img/contact.png) bottom left no-repeat;
	width: 125px;
	height: 38px;
	display:block;
}

.contact a:hover {
	background: url(img/contact.png) bottom right no-repeat;
	
}

#photo {
	background: url(img/photo.png) no-repeat left;
	width:914px;
	height:309px;
	margin-top:-50px;
}

#text {
	background: url(img/text.png);
	border: 1px #9D5222 solid;
	margin-top:15px;
	color: #FEFEFE;
	font-family: Arial, Sans-serif;
	padding:20px;
}

#text p:first-letter {
	color:#9D5222;
	font-size:190%;
	font-family:Georgia, serif;
	
}

#text p {
	margin-bottom:20px;
}

#footer {
	background: url(img/footer.png) center no-repeat;
	width: 914px;
	height: 199px;
	text-align:right;
	margin-top:10px;
	color:#FEFEFE;
}

#copy {
	text-align:center;
	margin:20px;
	margin-bottom:5px;
	color:#FEFEFE;
}

#copy a {
	color: #FEFEFE;
	font-weight:bold;
}

#copy a:hover {
	color: #9D5222;
	font-weight:bold;
}

