/* 
Cheek Chastain Gallery Styles
©2007 James Williamson
version 1.0, last modified 05-09-07
for questions or comments contact james@lodestone.com
*/

/*secondary styles features areas local to pages or individual sections
when needed, this page can be modified and assembled for section content and then reassembled in the linked css file
This will only occcur when the subsection has multiple div tags to avoid adding uneccessary weight to this file*/

/* -- Contact area styles -- */
#contactArea {
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0em;
	}
#contactArea h1{
	font: bold 1.4em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	color: #d52e36;
	}
#contactArea h2{
	font: 1.4em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	color: #028925;
	}
#contactArea p{
	font: .9em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom:1em;
	}
#contactArea a{
	color: #d52e36;
	text-decoration: none;
	border-bottom: dotted 1px #d52e36;
	}
#contactArea a:hover{
	border-bottom-style: solid;
	}
#contactArea img{
	float:left;
	padding-right:1em;
	}
/* -- Forms styles --*/


fieldset {
	margin-top: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-left: 15px;
	margin-right: 0px;
}
.submit {
	margin-left: 10px;
	}
.clear {
	clear:both;
	}
input {
	width: 200px;
	}
	
input.reset {
	width: 100px;
}
input.submit {
	width: 100px;
}



/* contain interior floats */
#docform {
	float:left;
	}
#docform p{
	position: relative;
	width: 100%;
	}
#docform form {
	border: 1px solid #00780C;
	width: 540px;
	margin-left: 30px;
	margin-top: 20px;
}
legend {
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 20px;
	margin-left: -15px;
	margin-top: 0px;
	display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/* display labels next to form elements, add a class for when you want them to stack */
label {
	float:left;
	margin-right: .5em;
	text-align: right;
	width: 6em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
form div {
	margin-top: .8em;
	margin-right: 0px;
	margin-bottom: .8em;
	margin-left: 0px;
}

label.top {
	display:block;
	float:none;
	}
/*style feedback message */
label .feedback {
	position: absolute;
	margin-left: 6em;
	left: 220px;
	font-weight: bold;
	color:#760000;
	/* so IE doesn't freak out */
	width: 200px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 20px;
}
#informationType {
	margin: 20px 0;
	}
/* display labels inline with checkboxes */
#informationType label, #artistinfo label{
	float:none;
	display:inline;
	padding-left:5px;
	}
/* align columns of checkboxes or radio buttons */
div.group1, div.group2, div.group3 {
	float:left;
	width: 15em;
	padding-left: 10px;
	}

/* --these styles use attribute selectors and the focus pseudo-selector to style form elements
in DOM compliant browsers. Other browseres (such as IE6 will ignore these
and render the default form */
fieldset[id=personalinfo] {
	background: #00780C;
	border: 0px none #fff;
}

legend[class=perlegend] {
	background: #00780C;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #fff;
	border-right-color: #fff;
	border-left-color: #fff;
	border-bottom-width: 0px;
	border-bottom-style: none;
}

input:focus, textarea:focus {
	border: 2px solid #630;
	}