/* Normalizes margins, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0; 
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Removes Styles from lists */
ol, ul {
	list-style: none; 
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Removes list-style from lists */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset, img {
	border: 0;
}

/* Left-aligns text in caption and th */
caption, th {
	text-align: left;
}

/* Removes quotation marks form q */
q:before, q:after {
content: '';
}

/* Removes outline from links in firefox */
a {
	outline: none;
}
/*-------------------------------*/

/* Universal Styling */
html {
	background: url(images/wallpapertile.jpg) repeat;
} 
body { 
	color: #712919;
	font-family: Geneva, Verdana, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	text-align: justify;
}
a:link, a:visited {
	color: #721919;
}
a:hover {
	color: #380701;
}
p {
	padding-bottom: 1em;
}
h1, h2 {
	font: 2em normal Times, Georgia, serif;
	padding-bottom: 1em;
}

/*------------------------*/
/* =general layout */

div#content {
	width: 693px;
	margin: 0 auto;
	margin-top: 1px;
}
div#branding {
	height: 164px;
	width: 693px;
	background: url(images/header.png) no-repeat center;
}
div#branding h1 {
	text-indent: -9999px;
}
div#container {
	background: url(images/main-content-bg.png) repeat-y center;
	padding: 40px 0;
	width: 693px;
} 

div#main-content {
	width: 580px;
	margin: 40px auto;
}

/* =navigation */

div#navigation {
	height: 33px;
	width: 675px;
	position: absolute;
	top: 132px;
}	
ul#navbuttons li {
	display: inline;
	float: left;
	padding-left: 28px;
}
ul#navbuttons li:first-child {
	padding-left: 45px;
}
ul#navbuttons li a {
	display: block;
	height: 33px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

ul#navbuttons li#home a { background-image: url(images/navbuttons/home.png); width: 47px;}
ul#navbuttons li#about a { background-image: url(images/navbuttons/about.png); width: 49px;}
ul#navbuttons li#still a { background-image: url(images/navbuttons/stilllifes.png); width: 71px;}
ul#navbuttons li#paper a { background-image: url(images/navbuttons/works-on-paper.png); width: 124px;}
ul#navbuttons li#news a { background-image: url(images/navbuttons/news.png); width: 41px;}
ul#navbuttons li#contact a { background-image: url(images/navbuttons/contact.png); width: 63px;}
ul#navbuttons li#links a { background-image: url(images/navbuttons/links.png); width: 45px;}

ul#navbuttons li a:hover { background-position: 0 -33px;}
ul#navbuttons li.selected a { background-position: 0 -66px;}
			
/*----------------------*/
/* =site-info */

div#site-info {
  height: 100px;
  margin: 0 auto 30px;
	padding-top: 20px;
	overflow: auto;
	font-size: .875em;
	background: url(images/site-info-bg.png) no-repeat bottom center;
}
div#site-info-text {
	position: relative;
	width: 580px;
	margin: 0 auto;
}
div#site-info ul {
	float: left;
	width: 66%;
}
div#site-info ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left:10px;
}
div#site-info ul li:first-child {
	padding-left: 0;
}
p#copyright {
	float: right;
	width: 34%;
	text-align: right;
}
p#site-design {
	text-align: center;
	width: 100%;
	clear: both;
	padding-top: 1em;
	border-top: dashed 1px #721919;
	
}

/*------------------------*/
/* =homepage */

p#homepage-image {
	text-align: center;
	padding: 0 0 0 0;
}

/*-----------------------*/
/* =about page */

p.first-letter {
	float: left;
	width: 63px;
	padding-right: 5px;
}
/*-----------------------*/
/* =still lifes page */

div.gallery img {
	padding-right: 15px;
	padding-bottom: 12px;
}
div#thumbnails {
	margin-left: 19px;
}

/*-----------------------*/
/* =works on paper page */

h2.frame {
	background: url('images/picture-frame.jpg') top center no-repeat;
	width: 511px;
	height: 221px;
	padding-top: 170px;
	text-align: center;
	margin: 0 auto;
	font-size: 3em; 
}


/*-----------------------*/
/* =news page */

div#news-story {
	padding-bottom: 100px;
}

/*-----------------------*/
/* =contact page */

p.bold {
	font-weight: bold;
}
fieldset {
	
	width: 60%;
}
label {
	display: block;
	padding-top: 5px;
}
input[type=text] {
	width: 71%;
	height: 21px;	
	color: #380701;
	font-size: 1em;
	padding: 3px 0 0 4px;
	margin-bottom: 0;
	border: 0;
	background: transparent url('images/input-bg.png') no-repeat;
}
div.comments-field {
	background: url('images/textarea-bg.png') no-repeat bottom left;
}
div.comments-field label {
	padding-bottom: 2px;
}
textarea {
	width: 71%;
	height: 109px;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	padding-left: 4px;
	border: 0;
	overflow: auto;
	background-color: transparent;
}	
div.subscribe {
	padding-top: 6px;
}
div.subscribe label {
	float: right;
	width: 93%;
	margin-top: -5px;
}
span.checkbox {
  	width: 19px;
  	height: 25px;
  	padding: 0 0 0 0;
  	margin: 0 5px 0 0;
  	background: url(images/checkbox.png) no-repeat;
  	display: block;
	float: left;
}
div.send {
	clear: both;
	padding-top: 5px;
}
.submit_button {
	border-style: none;
	width: 76px;
	height: 41px;
	text-indent: -9999px;
	background: url(images/submit.png) 0 0 no-repeat;
	margin: 5px 0 0 0;
	display: block;
	float: left;
}
.reset_button {
	border-style: none;
	width: 76px;
	height: 41px;
	text-indent: -9999px;
	background: url(images/reset.png) 0 0 no-repeat;
	margin: 5px 0 0 0;
	display: block;
	float: left;

}
.submit_button:hover {
  	background-position: 0 -41px;
  	cursor: default;
}

.reset_button:hover {
		background-position: 0 -41px;
		cursor: default;
}
p.error, p.success, p.thankyou {
	font-weight: bolder;
}
/*-----------------------*/
/* =links page */

ul#page-links {
	padding-bottom: 100px;
	font-weight: bold;
}