/* 
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*/

@charset "utf-8";


/* -- Contact area styles -- */
#contactArea {
	padding: 1em 0 1em 1.2em;
	}
#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;
	}

/* -- Forms styles --*/


fieldset {
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 0px;
	display: block;
	padding-left: 25px;
}
.submit {
	margin-left: 10px;
	}
.clear {
	clear:both;
	}
input {
	width: 200px;
	}
/* reset width for non-text inputs */
input.radio, input.checkbox, input.submit {
  width: auto;
}

/* contain interior floats */
#docform {
	float:left;
	}
#docform p{
	position: relative;
	width: 100%;
	}
#docform form {
	border: 1px solid #CCCCCC;
	width: 490px;
	margin-left: 30px;
	margin-top: 20px;
}
legend {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	padding: 2px 5px;
	color: #CC6699;
	margin-bottom: 20px;
	margin-left: -18px;
	margin-top: -2px;
	display: inline;
}
/* display labels next to form elements, add a class for when you want them to stack */
label {
	float:left;
	margin-right: 10px;
	}
label.top {
	display:block;
	float:none;
	}
/*style feedback message */
label .feedback {
	position: absolute;
	margin-left: 6em;
	left: 220px;
	font-weight: bold;
	color:#760000;
	padding: 0 0 5px 20px;
	background: url(../_images/notice.gif) no-repeat left top;
	/* so IE doesn't freak out */
	width: 200px;
}
#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: 14em;
	padding-left: 1px;
	}

/* --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: #FFFFFF;
	border: 2px ridge #666666;
}
fieldset[id=artistinfo] {
	background: #FFFFFF;
	border: 2px ridge #666666;
}
legend[class=perlegend] {
	background: #FFFFFF;
	border-top: 2px ridge #666666;
	border-right: 2px ridge #666666;
	border-left: 2px ridge #666666;
}
legend[class=artlegend] {
	background: #FFFFFF;
	border-top: 2px ridge #666666;
	border-right: 2px ridge #666666;
	border-left: 2px ridge #666666;
}
input:focus, textarea:focus {
	border: 2px solid #630;
	}

/* ----- REQUIRED ----- */

form .req{
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
}