body {
	font-size: 75%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
	background: transparent;
	}

/*layout*/
#wrapper {
  width: 940px;
  margin: auto;
  background: white;
}

#header {
	height: 113px;
	width: 100%;  
	float: left;
}

#headerimg {
  background: url(images/logo.png) no-repeat;
  width: 400px;
  height: 113px;
  float: left;
  
}

#header ul {
  float: right;
  text-align: right;
  color: #670000;
  padding: 10px;
  width: 400px; 
}

#header li {
  font-color:  #670000; font-size: 24px;
  font-family: corbel, arial, sans-serif;
}
#page {
  width: 100%;

}
#portfolio {
	width: 700px;
	height: 600px;
	float: right;
	color: #fff;
	background: url(images/portfolio_bg.png) no-repeat; 
	}


#content {
  float: right;
  background: white;
  width: 600px;
  margin-left: 50px;
  padding: 1em;
}


.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: left;
	}

/*typography*/
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: #336600;}
	h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;}
#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
	
h1 {
	margin: 0;
	padding: 0;}

.description {
text-align: right;
padding-top: 90px;
  font-size: 18px;
  font-style: italic;
  
}	
	
h2 {
	margin: 0;
	color: #000;
	}



p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}
	#sidebar ul li{
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	color: #999;
	font-size: 24px;
	}
#form {
  width: 180px;
  text-align: left;
  border: dashed 2px #000;
  padding: 10px;
}
#form ul li {
  list-style-type: none;
  list-style-image: none;
  font-size: 10px;
  color:#000;
  margin: 0;
}

/* End Entry Lists */
/* Begin Sidebar */
#sidebar
{	float: left;
	width: 200px;
	text-align:left;
	margin: 50px 0 0 0;
	}

/* End Sidebar */

table.content {
  table-layout: auto;
margin: auto;
width: 550px
}