/* Dave Arthur Web Design Main Stylesheet */

/* Author:  Dave Arthur */
/* Website:  http://www.davearthurweb.com */
/* June 2011 */

@import url('reset.css');

@font-face {
    font-family: 'Accord';
    src: url('../fonts/AccordReg-webfont.eot');
    src: url('../fonts/AccordReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AccordReg-webfont.woff') format('woff'),
         url('../fonts/AccordReg-webfont.ttf') format('truetype'),
         url('../fonts/AccordReg-webfont.svg#AccordRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font-size: 62.5%;
	line-height: 1.5;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	background: #ddd2c0 url(../images/backgrounds/main-bg.jpg) 0 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 5px #7d4d00 solid;
	border-top: 5px rgba(125,77,0,0.9) solid ;	
}


h1, h2, h3, h4, h5, h6, header p {
	color: #000;
	font-family: 'Accord', Helvetica, Arial, sans-serif;	
}

h1 {
	font-size: 2.2em;
	margin-bottom: 15px;
	font-weight: normal;
	line-height: 1.33;
}

h2 {
	font-size: 1.8em;
	margin-bottom: 10px;
	line-height: 1.33;
	
}

h3 {
	font-size: 1.5em;
	line-height: 1.33;
	margin: 25px 0 5px;
}

ul {
	margin: 15px 0 5px;
}

a, a:link, a:visited {
	color: #0065bd;
	text-decoration: none;
}

a:hover {
	color: #7a7369;
    color: rgba(0,0,0,0.6);
	-moz-transition-property: color;
	-moz-transition-duration: 0.3s;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.3s;
	-o-transition-property: color;
	-o-transition-duration: 0.3s;
	transition-property: color;
	transition-duration: 0.3s;
}


p, li, dt, dd {
	margin-bottom: 10px;
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", serif;
}

strong, b {
	font-weight: bolder;
}

em, i {
	font-style: italic;
}

label {
	font-size: 1.2em;
}

input, textarea {
	display: block;
	margin-bottom: 10px;
}

small {
	font-size: 0.85em;
}

/* START CLEARFIX STYLES */

.VisualClear {
	clear: both;
}

.VisualClear:after {  /* This prevents floats from expanding out of their containing box - apply as container class when needed.  */
	content: '.';
	height: 0;
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
}

/* END CLEARFIX STYLES */


.MainWrapper {
	width: 900px;
	margin: 0 auto 20px;
	padding: 30px 30px 60px 30px;
	background-color: transparent;
	background: url(../images/backgrounds/grass.png) 0 100% no-repeat scroll, url(../images/backgrounds/tree-bike.png) 0 100% no-repeat scroll;
	position: relative;
}

.no-multiplebgs .MainWrapper {
	background: url(../images/backgrounds/tree-bike-no-multiplebg.png) 0 100% no-repeat scroll;
}

.Masthead {
	margin-left: 290px;
}

.Masthead h1 {
	font-size: 5.5em;
	margin-bottom: 0;
	letter-spacing: 0.5px;
	line-height: 1;
}

.Masthead p {
	font-size: 2.3em;
	color: rgba(0,0,0,0.7);
	margin-left: 115px;
	margin-bottom: 0;
}

[role="main"] > p, [role="main"] > section {
	padding-top: 20px;
	margin: 0 auto;
	margin-left: 350px;
}

[role="main"] > section:first-child {
	padding-top: 0;
}

[role="main"] > p {
	font-size: 1.7em;
	color: #7d4d00;
}

#RecentWork li {
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 7px;
	min-height: 20px;
}

#RecentWork li:nth-child(3n) {
	margin-right: 0;
}

#RecentWork img {
	opacity: 0.6;
	margin: 0 0 0 3px;
	position: relative;
	top: 1px;
}

#RecentWork p, #RecentWork li {
	line-height: 1;
}

#RecentWork p {
	padding-top: 10px;
	border-top: 1px rgba(0,0,0,0.25) dotted;
}

#RecentWork p img {
	margin: 0 3px 0 0;
}

#RecentWork p a:hover {
	color: #a83835;
	text-decoration: none;
}

#GetInTouch li {
	float: left;
	margin-right: 50px;
}


footer { 
	position: absolute;
	bottom: 0;
	left: 380px;
}

footer p {
	color: #e4d9c8;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
}

.no-multiplebgs footer p {
	color: #444;
}