@charset "UTF-8";
/* CSS Document */

body {
		background-color: #d6d6ab;
		background-image:url(images/background_stripe.gif);
		background-repeat:repeat-x;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #393931;
}

p	{
	padding-bottom: 1em;	
}

a:link {
	font-weight: bold;
	color: #066;
}

a:visited {
	color: #066;	
}
a:hover {
	color:#063;
}



#mainbox {
		background-color: #FFFFE0;
		min-height: 590px;
		padding-bottom: 30px;
		width: 900px;
		margin: 0 auto;
/*		display: block;
		clear:both;*/
}

#topbarspacer {
		width: 900px;
		height: 75px;
		margin: 0 auto;
		background-color:#FFFFEO;
}


#topbar {
		background-color:#505143;
		height: 50px;
		width: 900px;
		/*margin-top: 75px;*/
}

#heathername {
		float: left;
		color:#FFF;
}

#mainnav {
		float: right;
		color:#FFF;
}

#mainnav ul li {
		display:inline;
		
}

/*This is where you must change the width of the text caption below the front page photo. It also controls where it is on the page.
You ONLY need to change this if the new image must be wider than 400px.
Change ONLY the information in #mainimagebox
width: Put the new width here. It must match the width of your image and must be written as XXXpx with XXX being its numerical value.
example: for a new width of 500px, it would be written:
		width: 500px;
		
You will also want to change the margin-left so that the image is still centered. For the example above of a new image width of 500px,
you would change the margin-left to be 200px (because the whole width is 100px wider so it needs to be 50px closer on each side to remain centered.)
example: for a new width of 500px, the margin-left would change to 200px. It would be written:
		margin-left: 200px;
Don't change anything else!!!
*/
#mainimagebox {
		margin-top: 30px;
		margin-left: 250px;
		width: 400px;
		background-color: #505143;
		color: #fff;
		clear: both;
}

#imagebox-tag a:link {
		color: #fff;
		font-weight:normal;
}

#imagebox-tag a:visited {
		color: #fff;
		text-decoration: none;
}
#imagebox-tag a:hover {
		color: #FF9;
		text-decoration:underline;
}



#imagebox-tag p {
		padding-left: 5px;
		padding-bottom: 2px;
}

#aboutbox {
	margin-top: 50px;
}

#aboutbox p {
		width: 400px;
		margin-top: 20px;
		margin-right: 100px;
		float: right;	
}

#aboutbox img {
		float: left;
		margin-left: 50px;
}

worksbox p {
		padding-bottom: none;	
}

#worksbox p.gallery {
		float: left;
		margin-left: 50px;
		margin-top: 20px;
		margin-bottom: 30px;
}

span.gallerytitle {
		float: right;
		margin-top: 20px;
		margin-right: 50px;
		width: 350px;
		clear: both;
}

.gallerytitle b {
		margin-bottom: 1em;
		font-weight: bold;
}

#contactbox {
		float: right;
		width: 500px;
		margin-right: 50px;
		margin-top: 20px;
}

form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
	padding-bottom: 10px;
	font-size: .8em;
}

form.cmxform legend, form.cmxform label {
	color: #333;
	float: left;
}

form.cmxform fieldset {
	border: none;
	/*border-top: 1px solid #C9DCA6;*/
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 7px 10px 10px;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

#commentForm { width: 500px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 150px; }

.smallitalic {
		font-size: .8em;
		font-style: italic;
}

#contact-receiptbox {
		float: right;
		width: 500px;
		margin-right: 50px;
		margin-top: 50px;
}

#contact-receiptbox p {
		padding-bottom: 10px;	
}

/*#contact-receiptbox a:link {
		font-weight: bold;
		color: #066;
}

#contact-receiptbox a:*/

#pressbox {
		float: right;
		width: 600px;
		margin-right: 50px;
		margin-top: 30px;
		padding-bottom: 30px;
		display: block;
		clear: both;
		/*height:inherit;*/
		
}

#pressbox p a:link {
		font-weight: bold;
		color:#066;
}

#pressbox p a:visited {
		color:#066;	
}

#pressbox p a:hover {
	color:#063;
}

.year {
	font-weight: bold;	
}

#copyright {
		font-size: .7em;
		margin-left: 500px;
}