/*
Theme Name: Sarah L
Theme URI: http://pippinsdesign.com/
Description:
Version: 0.1
Author: Pippin Williamson
Author URI: http://pippinsdesign.com/
Tags: 

*/


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
}
#page	{
	width: 800px;
	margin: 0 auto;
}
#header	{
	background: url('http://sarahlutkenhaus.com/wp-content/gallery/site-images/header.jpg') no-repeat;
	height: 150px;
	width: 600px;
	margin: 0 100px 0 100px
}
#navigation	{
	margin: 0 auto 0 auto;
	padding: 6px 0 0 0;
	height: 44px
}
#navigation ul	{
	display: inline;
	margin: 0;
	padding: 0px 10px 5px 0;
	list-style: none;
	width: 100%;
}
#navigation li	{
	display: inline;
	margin: 0 15px 0 15px;
}

#content	{
	width: 400px;
	margin: 35px 0 0 100px;
	float: left;
	text-align: left;
}
#links	{
	float: right;
	width: 150px;
	margin: 35px 90px 0 40px;
	padding-bottom: 10px;
	text-align: left;
}
#links	ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}
#links	li	{
	list-style: none;
}
#description	{
	float: right;
	width: 150px;
	padding: 0 10px 10px 10px;
	text-align: left;
	margin-top: 40px;
	line-height: 15px;
}
#thumbnails	{
	width: 540px;
	float: left;
	margin-left:125px;
}
.thumbnail {
	display:inline;
	float:left;
	width:150px;
	height:150px;
	margin: 30px 15px 0 15px;
}
.thumbnail img	{
	border: 5px solid white;
}
.thumbnail a:link img	{
	border: 5px solid white;
}
.thumbnail a:visited	img{
	border: 5px solid white;
}
.thumbnail a:hover img	{
	border: 5px solid #ccc;
}
.thumbnail a:active img	{
	border: 5px solid white;
}

.entry	{
	padding-bottom: 5px;

}


#footer	{
	width: 800px;
	float: left;
}
#respond	{
	text-align: left;
}
#respond textarea	{
	width: 400px;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;

}
#respond input	{
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
}
.right	{
	float: right;
}
.left	{
	float: left;
}

.clear	{
	clear: both;
}
/*link styles */

h1 a:link	{
	text-decoration: none;
	color: #666;
}
h1 a:visited	{
	text-decoration: none;
	color: #666;
}
h1 a:hover	{
	text-decoration: none;
	color: #ccc;
}
h1 a:active	{
	text-decoration: none;
	color: #666;
}
h2 a:link	{
	text-decoration: none;
	color: #666;
}
h2 a:visited	{
	text-decoration: none;
	color: #666;
}
h2 a:hover	{
	text-decoration: none;
	color: #ccc;
}
h2 a:active	{
	text-decoration: none;
	color: #666;
}
h4	{
	margin: 8px 2px 2px 2px;
}

a:link	{
	color: #666;
	text-decoration: none;
}
a:visited	{
	color: #666;
	text-decoration: none;
}
a:hover	{
	color: #ccc;
	text-decoration: none;
}
a:active	{
	color: #666;
	text-decoration: none;
}



/*image styles */
img.alignleft	{
	float: left;
	padding: 5px;
	background: #ccc;
	margin: 0px 80px 10px 0;
}
img.alignleft a:link {
	padding: 5px;
	background: #ccc;
	margin: 0px 80px 10px 0;
}
img.alignright	{
	float: right;
	margin: 0px 0 10px 10px;
	padding: 5px;
	background: #ccc;
}
img.alignnone	{
	padding: 5px;
	margin: 10px;
	background: #ccc;
}
img.alignnone a:link	{
	

/*form styles */

textarea	{
	width: 400px;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
}
input	{
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
}