@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

body { background: #fff; font:12px/18px Helvetica, Arial, sans-serif; color:#333; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*
	----------------------------
	LAYOUT
	____________________________
*/

#wrapper { width:960px; margin: 16px auto; }

#header { position: relative; height: 100px; }
	#logo { position: absolute; }
	#pageTitle { position: absolute; right: 16px; top: 20px; font: 24px/30px Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; color: #666; }

#nav { position: relative; height: 30px; }
	#nav ul { list-style: none; position: absolute; right: 0; }
		#nav ul li { display: inline; margin-right: 16px; }

#main { clear: both; padding: 30px 0; }
#main h2 { font-weight: normal; }
	#subnav { float: left; width: 180px; }
		#subnav ul { list-style: none; margin-top: 0; }
			#subnav ul li { margin: 10px 0 0 12px; }
	#content { float: right; width: 760px; }
	
	form#backendLogin {  }
		form#backendLogin ul { list-style: none; }
			form#backendLogin ul li { margin: 2px 0; }
				form#backendLogin ul li label.loginLabel { width: 80px; display: block; float: left; clear: both; }
				form#backendLogin ul li input.loginField { float: left; margin-left: 20px; }
	
#footer {  }

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

/* TinyMCE */
div.formfield div textarea { width: 450px; height: 180px; }

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }