/**
 *	WordPress Theme 'Dylan'
 *	Forms CSS
 *	
 *	pages: single page/pages with comments
 *	media: all
 *	
 *	written by: Phil Thompson hello@philthompson.co.uk November 2007
 *	last edited: 27/11/07 by Phil Thompson
 */


div#commenting_rules{
	background: #FFF;
	border: 1px solid #EEE;
	float: right; 
	font-size: 95%;
	margin: 10px 10px 10px 0;
	width: 300px;
}

div#primarycontent form{
	background: #FFF;
	border: 1px solid #EEE;
	margin: 10px;
	width: 620px;
}

	div#primarycontent form p{
		padding: 5px 0;
	}

	div#primarycontent form fieldset{
		border: none;
		margin: 1em 0;
		padding: 10px; 
	}
	
		div#primarycontent form fieldset legend{
			font-size: 140%;
		}
		
		div#primarycontent form fieldset fieldset{
			border: 1px solid #EEE;
			clear: both;
			padding: .5em 10px;
		}
		
		/* HELP & FEEDBACK */
		
		div#primarycontent p.instructions{
			background: #EEE;
			border-bottom: 1px solid #EEE;
			clear: both;
			color: #333;
			margin: .5em 0 1em; 
			padding: 5px;	
		}
		
		div#primarycontent p.help{/* all dependent upon size of div#primarycontent form elements and whether they're floated or not*/
			clear: none;
			float: right;
			padding: 0;
			margin: -1.5em 0 0;
			width: auto;
		}
		
		/* LABELS */
		
		div#primarycontent form fieldset label{
			color: #333;
			display: block;
			font-weight: bold;
			margin: .25em 0 0;
		}

			div#primarycontent form fieldset label.required{
				background: transparent url('/img/div#primarycontent forms/star.gif') 128px center no-repeat;
			}
			
		/* DATA ENTRY */
		
		div#primarycontent form fieldset input{
			border: 1px solid #A7A6AA;
			margin: 0 0 .25em;
			padding: 1px 2px;
			width: 296px;
		}
		
			div#primarycontent form fieldset input[type="hidden"]{
				border: none;
			}
		
			div#primarycontent form fieldset input:focus{
				background: #FFB;
				color: #333;
			}
		
		div#primarycontent form fieldset textarea{
			border: 1px solid #A7A6AA;
			float: left;
			height: 100px;
			margin: .25em 0;
			padding: 1px 2px;
			width: 296px;
			
		}
		
			div#primarycontent form fieldset textarea#comment{
				width: 597px;
			}

		
			div#primarycontent form fieldset textarea:focus{
				background: #FFB;
				color: #333;
			}
			
		/* CHECKBOXES/RADIO BUTTONS */
		div#primarycontent form fieldset input.checkbox{
			border: none;
			clear: left;
			float: left;
			margin: .5em 10px .5em 0;
			width: 1em;
		}
		
		div#primarycontent form fieldset label.checklabel{
			clear: none;
			float: left;
			margin: .5em 0;
			width: auto; /* IE6+ has trouble with this */
		}
		
		/* DROP DOWNS*/
		
		div#primarycontent form fieldset select{
			border: 1px solid #A7A6AA;
			/* width should be slightly wider than textareas and inputs */
		}
		
			div#primarycontent form fieldset select option{
				margin-right: .5em;
			}
		
				select option[selected="selected"]{
					background: #FFB;
				}
		
		/* BUTTONS */
		
		div#primarycontent form fieldset input.button, div#primarycontent form fieldset button{
			clear: both;
			float: left;
			margin: .5em 0;
			width: auto;
		}