/*
Theme Name:Clean Tanaka
Theme URI:
Description:This WordPress theme is Awesome!
Version:1.2.0
Author:Jesse
Author URI:http://punchandpiedesign.com/


*/

body {
font-family: Geneva, Arial, Helvetica, sans-serif;

color:#ffffff;
}
a {
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: underline;
color:#ffffff;
}
a:hover {
color:#ff0000;
}
#wrapper {
width:1000px;
margin-right:auto;
margin-left:auto;
}
#header {
float:left;
width:1000px;
height: 150px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}

#nav {
float: left;
font-size: 20px;
width:1000px;
height: 50px;
padding:0px 20px 0px 125px;
background-image: url(images/nav.jpg);
background-repeat: no-repeat;
}

#main {
width: 950px;
float:left;
min-height: 500px;
padding:20px 30px 10px 30px;
background-image: url(images/mainbg.jpg);
}
#content {
width:600px;
padding-top: 10px;
float:left;
min-height:350px;
}
#sidebar {
width:300px;
font-size:14px;
float:right;
padding: -20px 10px 10px 10px;
}
#sidebar h3 {
font-size:18px;
}
#footer {
width:1000px;
height:35px;
font-size:10px;
float:left;
text-align:center;
background-image: url(images/footer.jpg);
}
#tweeter {
margin-top: 20px;
width: 300px;
padding-bottom: 10px;
float:right;
}
#home {
background-image: url(images/home.gif);
display: block;
width: 150px;
height: 50px;
float: left;
}

#home a {
display:block;
width: 150px;
height:150px;
background: url("images/home.gif") 0 0 no-repeat;
text-decoration: none;
background-repeat: no-repeat;
}

#home a:hover { 
background-position: 0 -50px;
}

#home a:active {
background-position: 0 -50px;
}

#about {
background-image: url(images/about.gif);
display: block;
width: 150px;
height: 50px;
float: left;
}

#about a {
display:block;
width: 150px;
height:150px;
background: url("images/about.gif") 0 0 no-repeat;
text-decoration: none;
background-repeat: no-repeat;
}

#about a:hover { 
background-position: 0 -50px;
}

#about a:active {
background-position: 0 -50px;
}

#websites {
background-image: url(images/websites.gif);
display: block;
width: 150px;
height: 50px;
float: left;
}

#websites a {
display:block;
width: 150px;
height:150px;
background: url("images/websites.gif") 0 0 no-repeat;
text-decoration: none;
background-repeat: no-repeat;
}

#websites a:hover { 
background-position: 0 -50px;
}

#designs {
background-image: url(images/designs.gif);
display: block;
width: 150px;
height: 50px;
float: left;
}

#designs a {
display:block;
width: 150px;
height:150px;
background: url("images/designs.gif") 0 0 no-repeat;
text-decoration: none;
background-repeat: no-repeat;
}

#designs a:hover { 
background-position: 0 -50px;
}

#designs a:active {
background-position: 0 -50px;
}

#contact {
background-image: url(images/contact.gif);
display: block;
width: 150px;
height: 50px;
float: left;
}

#contact a {
display:block;
width: 150px;
height:150px;
background: url("images/contact.gif") 0 0 no-repeat;
text-decoration: none;
background-repeat: no-repeat;
}

#contact a:hover { 
background-position: 0 -50px;
}

#contact a:active {
background-position: 0 -50px;
}
#websites a:active {
background-position: 0 -50px;
}