body {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFF;
margin:0;
}

a {
color:#FFF;
}

img {
border:none;
}

p {
font-size:14px;
margin-top:20px;
margin-bottom:20px;
}

strong {
background:#390;
padding-left:2px;
padding-right:2px;
}

h1 {
margin-top:0;
margin-bottom:0;
font-size:90px;
font-family:"Times New Roman",Georgia,Serif;
font-weight:100;
}

h2 {
margin-top:0;
margin-bottom:0;
font-size:50px;
font-family:"Times New Roman",Georgia,Serif;
font-weight:100;
}

h3 {
margin-top:0;
margin-bottom:0;
font-size:25px;
font-family:"Times New Roman",Georgia,Serif;
font-weight:100;
}

hr {
margin-top:20px;
}

#home {
width:100%;
background:#71c837;
margin-left:auto;
margin-right:auto;
}

#blog {
width:100%;
background:#CCC;
}

#about {
width:100%;
height:768px;
background:#CCC url(images/bg2.gif) repeat-x;
}

#wrapper {
width:960px;
margin-right:auto;
margin-left:auto;
}

#welcome {
float:right;
width:430px;
margin-top:42px;
margin-left:auto;
margin-right:auto;
}

#worknavbg {
position:relative;
width:100%;
clear:both;
height:40px;
background:#888699;
}

#blognavbg {
position:relative;
width:100%;
clear:both;
height:40px;
background:#333;
}

#aboutnavbg {
position:relative;
width:100%;
clear:both;
height:40px;
background:#633;
}

#contactnavbg {
position:relative;
width:100%;
clear:both;
height:40px;
background:#699;
}

#errornavbg {
position:relative;
width:100%;
clear:both;
height:40px;
background:#390;
}

#othernav {
text-align:right;
width:960px;
height:20px;
word-spacing:20px;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
margin-right:auto;
margin-left:auto;
padding:10px;
}

#othernav a {
text-decoration:none;
}

#homenav {
position:absolute;
z-index:1;
width:430px;
margin-top:40px;
margin-left:auto;
margin-right:auto;
}

#homenav-blog {
float:left;
display:block;
width:204px;
height:234px;
background:url(images/nav/blog.gif) no-repeat;
}

#homenav-blog:hover {
background-position:0 -234px;
}

#homenav-contact {
float:left;
margin-top:24px;
display:block;
width:226px;
height:210px;
background:url(images/nav/contact.gif) no-repeat;
}

#homenav-contact:hover {
background-position:0 -210px;
}

#homenav-about {
float:left;
display:block;
width:204px;
height:235px;
background:url(images/nav/about.gif) no-repeat;
}

#homenav-work {
float:left;
display:block;
width:204px;
height:235px;
background:url(images/nav/work.gif) no-repeat;
}

#homenav a {
color:#fff;
outline:none;
}

#roadbg {
position:absolute;
z-index:10;
margin-top:485px;
margin-left:170px;
background:url(images/road.jpg) no-repeat;
width:136px;
height:291px;
}

#roadbg2 {
position:absolute;
z-index:20;
margin-left:212px;
background:url(images/road2.jpg) no-repeat;
width:40px;
height:64px;
}

#workbg {
position:relative;
top:10px;
background:url(images/workbg2.png) no-repeat center bottom;
width:887px;
height:696px;
margin-left:auto;
margin-right:auto;
}

#contactbg {
background:url(images/contactbg.png) no-repeat right bottom;
width:960px;
height:693px;
}

#contacttext {
position:relative;
top:20px;
width:500px;
height:703px;
}

#contacttext strong {
background:#069;
padding-left:2px;
padding-right:2px;
}

#blogbg {
display:block;
clear:both;
background:url(images/blogbg.jpg) no-repeat center top;
width:960px;
height:400px;
margin-left:auto;
margin-right:auto;
}

#blogbg2 {
width:100%;
height:400px;
background:#000;
}

#blogtext {
float:left;
width:600px;
color:#333;
margin:30px auto;
}

#blogtext a {
color:#333;
text-decoration:none;
}

#blogtext a:hover {
color:#000;
}

#blog-column {
float:right;
width:250px;
color:#333;
margin:30px auto;
}

#aboutbg {
float:right;
background:url(images/aboutbg.png) no-repeat left bottom;
width:412px;
height:703px;
}

#abouttext {
position:relative;
top:20px;
width:530px;
height:703px;
}

#errorbg {
background:url(images/404bg2.png) no-repeat left bottom;
width:960px;
height:693px;
}

#errortext {
float:right;
margin-top:100px;
width:450px;
}

#errortext ul,ol {
margin:10px 0;
padding:0 0 0 15px;
}

#errortext li {
list-style-type:circle;
margin:3px 0;
}

#worktext {
float:left;
color:#000;
width:402px;
height:367px;
margin-left:auto;
margin-right:auto;
padding:20px;
}

#workdisplay {
float:left;
word-spacing:10px;
color:#000;
width:402px;
height:367px;
margin-left:auto;
margin-right:auto;
padding:20px;
}

#workdisplay img {
border-color:#FFF;
border-style:solid;
border-width:3px;
}

#workdisplay a img {
border:3px solid #FFF;
}

#workdisplay a:hover img {
border:3px solid #333;
}

#gallery {
width:960px;
margin:20px auto;
}

#gallery img {
border-color:#FFF;
border-style:solid;
border-width:5px;
margin:12px;
}

#gallery a img {
border:5px solid #FFF;
}

#gallery a:hover img {
border:5px solid #333;
}

#home-footer {
width:960px;
height:142px;
background:url(images/footerbg.jpg) no-repeat;
margin-right:auto;
margin-left:auto;
}

#home-footerbg {
position:relative;
top:330px;
width:100%;
clear:both;
height:170px;
background:url(images/footerbg2.jpg) repeat-x;
}

#blog-footer {
position:relative;
clear:both;
width:960px;
margin-right:auto;
margin-left:auto;
}

#footer {
position:absolute;
top:768px;
clear:both;
width:960px;
margin-right:auto;
margin-left:auto;
}

#footer2 {
position:relative;
top:350px;
width:960px;
margin-right:auto;
margin-left:auto;
}

#footer-column1 a {
margin-left:5px;
border-bottom:1px dotted #FFF;
text-decoration:none;
}

#footer-column3 ul,ol {
margin:10px 0;
padding:0 0 0 15px;
}

#footer-column3 li {
list-style-type:square;
margin:3px 0;
}

.nospace {
margin-top:0;
margin-bottom:3px;
}

.morespace {
position:absolute;
top:300px;
}

.date {
text-align:right;
font-size:11px;
margin-top:0;
margin-bottom:15px;
}

.readmore {
background:#999;
text-decoration:none;
padding:5px;
}

.disqus {
font-size:10px;
text-align:left;
margin-top:10px;
margin-bottom:10px;
}

a:hover,.contrast {
color:#333;
}

#work,#contact,#error {
width:100%;
height:768px;
background:#71c837 url(images/bg.gif) repeat-x;
}

#homenav-blog span,#homenav-contact span,#homenav-about span,#homenav-work span {
display:none;
}

#homenav-about:hover,#homenav-work:hover {
background-position:0 -235px;
}

#workdisplay a,#gallery a {
outline:none;
}

#footer-column1,#footer-column2,#footer-column3 {
float:left;
width:300px;
height:200px;
padding:10px;
}

.nextpost,.previouspost {
border-bottom:1px dotted #000;
}