/* --------------------------------------------------------------------------------
this is the official css style sheet for jvddesign.net

version: 1.1
author: me! (jon van dine)
email: jvddesign@gmail.com
website: http://www.jvddesign.net
all CSS has been completely validated by the w3c
--------------------------------------------------------------------------------*/

/* general
--------------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* body styles */
body {
	text-align: center;
	background-image:url('img/back.gif');
}
.about, .portfolio, .links, .divide, .work {
	background: url('img/white_bg.png');
}
.inner {
	margin-left:30px; margin-right:30px; margin-top:10px;
}
#portfolio_inner {
	text-align:center;

}
.divide {
	text-align:center;
	height: 30px;

}
/* typography
--------------------------------------------------------------------------------*/
body {
	text-align: left; 
	font: 100% "Helvetica Neue", "Helvetica", Arial, sans-serif;
	color:#666666
}
p {font-size:.65em;letter-spacing:.1em;line-height:1.89em}
p.upper, p.links_type {text-transform:uppercase;}
p.contact_type {color:#FFFFFF;text-transform:uppercase}
a {
	color:#333333;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}

/* container
--------------------------------------------------------------------------------*/
.container {
	width: 909px;
	margin: 20px;
	margin-left: auto; margin-right: auto;
}

/* header
--------------------------------------------------------------------------------*/
.header {
	height: 306px;
	margin-bottom: 20px;
	background-image:url('img/header.png');
}

/* navigation
--------------------------------------------------------------------------------*/
.navigation {
	text-align:center;
	height: 74px;
	margin-bottom:15px;
}

/* about
--------------------------------------------------------------------------------*/
.content_top {
	height: 35px;
	background-image:url(img/top_rounded.png);
}
.about {
	height:350px;
}
.about_left, .about_right{
	width:453px;
	float:left;
}
.about_divide {
	width:3px;
	float:left;
}
/* content
--------------------------------------------------------------------------------*/
.work {
	padding-left:25px;
	padding-bottom:20px;
}
.portfolio {
	height: 870px;
	padding-left:24px;
	text-align:center;
}
.portfolio_left, .portfolio_middle, .portfolio_right {
	text-align:center;
	width:285px;
	float:left;
}
#bottom_divide {
	margin:0;
	text-align:center;
	background-image:url('img/white_bg.png');
}
#links {
	background:url('img/white_bg.png');
	margin:0;
	padding:32px;
}
#contact {
	background:url('img/blue_bg.png');
	height:300px;
	margin:0;
	padding-left:32px;
	padding-top:20px;
}
#contact_info {
	width:500px;
	margin:0;
}
.bottom {
	height: 38px;
	background-image:url(img/bottom_rounded.png);
}

/* --------------------------------------------------------------------------------
thanks for looking at my code, you creep!
seriously, though-- if you noticed anything i did wrong and
want to give me a css tip or two, please e-mail me! i just
learned all of this in 2009! way late in the game.
--------------------------------------------------------------------------------*/