body {
	font-family: Arial, Helvetica, Trebuchet, Verdana,  sans-serif;
	font-size: 62.5%;
	color:#000;  
	margin:0;
	padding:0;
	background: #fff url(../images/bgs/body.gif) repeat-x;
}

* { 
	font-size: 1em; 
}
div, form{
	margin:0;
	padding:0;
}
blockquote{
	margin:.5em 10px .5em 30px;
	padding: 0;  
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	padding: 3px 0 .2em 0;
	line-height: 1.2em;
}	

h1{
	color:#9E0145;
	font-size: 2.5em;
	text-transform:uppercase;
}
h2 {	
	color:#E52596;
	font-size: 1.8em;
}
li h2{font-size: 1.5em;}

h3 {
	color:#9E0145;
	font-size: 1.5em;
}
li h3, dd h3{font-size: 1.25em;}

h4 {font-size: 1.4em;}
li h4{font-size: 1.16em;}

h5 {font-size: 1.3em;}
li h6{font-size: 1.08em;}

h6 {font-size: 1.2em;}
p{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 1em 0;  
}
li li, li p, li h6{font-size: 1em;}

ul, ol, dl { 
	padding: 0 0 1em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none;
}
li, dt, dd {
	font-size: 1.2em;
	line-height: 1.5em;
}
li li, li dt ,li dd,
dt li, dt dt ,dt dd,
dd li, dd dt ,dd dd, dd p {
	padding:0;
	font-size: 1em;
}
li p, dt p, dd p {padding-bottom:.5em;}


table{border-collapse:collapse;}
td, th{
	margin:0;
	padding:0;
	font-size: 1.2em;
}
th {font-weight:bold;}

a {
	color:#E52596; /* pink */ 
	text-decoration: underline;
}
a:hover {
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration: none;
}	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration: underline;
}	

	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
img, a img {
	border: none;
	vertical-align:text-bottom;
}		



/* BOXES */
	#wrapper { 
		width: 920px;
		padding: 0;
		margin:0 auto;
		text-align: center;
		z-index:1;
	}

	#header, #content, #footer, #slideshow {
		clear:both;
		width: 920px;
		text-align:left;
		z-index:1;
	}
	#header {
		color:#fff;
		height:150px;
		position:relative;
		background:url(../images/bgs/header.gif) left top no-repeat;
		
	}
	#slideshow {
	color:#fff;
	height:150px;
	overflow: hidden;		
	}
	
	 #slideshow2 { position: relative; width: 100px; height: 100px; }
     #slideshow2 div { position: absolute; left: 0; top: 0; }
	
	#content{
		float:left;
		background:url(../images/bgs/content.gif) 675px 0px no-repeat;
	}
	
		#content #feature { 
			float:left;
			display:inline;
			width: 630px;
			text-align: left;
			padding: 0px 0px 150px 25px;
		}
		#content #sidebar {
			width:220px;
			float:right;
			display:inline;
			text-align:left;
			padding: 0px 0px 10px 0px;
		}
	#footer {  
		text-align: center;
		width: 920px;
		padding: 0;
		margin:20px auto 20px auto;
	
	}
	#footerNav li {display:inline;padding: 0 2px;}



/* HEADER styles */

	#slideshow a.logo{ 
		height:120px;
		width:920px;
		display: block;
		padding:0px;
	}
	#header h1 a,
	#header h2,
	#header h3{color:#fff;}
	

	.shortcuts {
		width: 895px;
		top:18px;
		margin-right:25px;
		position:absolute;
		text-align:right;
		
		z-index:2;
	}
		.shortcuts h2{padding:0; }
		.shortcuts h3{padding: 0;font-size:1.3em;text-transform:uppercase; }
		.shortcuts p{padding:0;line-height:1.2em; }
			
		#MailingList {
			width:190px;
			float:right;
			}
		
		#MailingList,
		.shortcuts .thanks{
			padding-top:10px;
		}
		#MailingList label { 
			margin:0;
			padding:0;
			float:none;
			width:auto;
			color:#fff; 
			line-height:1.1em;
			font-weight:normal;
			text-transform:uppercase;
		}
		#MailingList .row,
		#MailingList .formbuttons {display:inline;}
		#MailingList input {
	width:145px;
	padding:2px 3px;
	border-color:#262626;
}
		#MailingList input#submitbutton {width:auto;padding:0;margin:0;}




	/* MENU styles */
		#menu, 
		#mainNav,
		#mainNav li{
			float:left;
			display:inline;
			width:880px;
			position:relative;
			z-index:100;
			padding:0;
			text-align:left;
		}
			#mainNav{margin:-59px 0 0 14px;position:relative;}
			#mainNav li{
				width:auto;
				height:33px;
				font-size:1.1em;
				line-height:1em;
				background: url(../images/bgs/menu-li.gif) left top no-repeat;
			}
				
			#mainNav li:hover,
			#mainNav li.sfhover{
				background: url(../images/bgs/menu-li.gif) left bottom no-repeat;
			}
	
			#mainNav li a {
				color:#fff;
				display:block;
				text-decoration:none;
			}

				#mainNav li .navitem a {
	color:#999;
	line-height:22px;
	font-size:12px;
	padding:11px 11px 0px;
	font-weight:bold;
	text-transform:uppercase;
				}
				#mainNav li.sfhover .navitem a,
				#mainNav li .navitem a:hover {
					color:#fff;
				}

			/* second-level lists */
			#mainNav .menuTree { 
				width:170px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				position: absolute;
				padding: 0 0 30px 0;
				background:transparent url(../images/bgs/menu-li-ul.gif) left bottom no-repeat;
			}
				#mainNav li.sfhover .menuTree, 
				#mainNav li:hover .menuTree {
					left:auto;
					z-index:100;
				}

				#mainNav .menuTree li,
				#mainNav .menuTree li a{
					float:left;
					display:inline;
					width:170px;
				}
				
				#mainNav .menuTree li,
				#mainNav .menuTree li:hover,
				#mainNav .menuTree li.sfhover{
					clear:both;
					height:auto;
					padding-top:1px;
					background: #646464 url(../images/bgs/menu-li-li.gif) left top no-repeat;
				}
				
				#mainNav .menuTree li a,
				#mainNav .menuTree li.active span a{
					width:150px;
					padding:6px 10px;
					background: #646464 none;
				}
				#mainNav .menuTree li a:hover {
	background-color:#A4A4A4;
				}
				
			/* third-level lists */
			#mainNav .menuTree ul{ padding-bottom:0;margin-top:-1px;}
				#mainNav .menuTree ul li{font-size:1em;}
				#mainNav .menuTree ul li a,
				#mainNav .menuTree ul li.active span a{
					width:140px;
					padding-left:20px;
					background:url(../images/bgs/menu-li-li-a.gif) 13px 10px no-repeat;
				}

			#mainNav span.dgButton {display:none;}




/* CONTENT styles */
	#content li,
	#content dt,
	#content dd{
		padding-left:14px;
		background: url(../images/icons/bullet.gif) 4px 6px no-repeat;
	}
	#content dd{
		background-image:none;
	}
	#content ol li {
		list-style:  decimal outside;
		background-image:none;
	}


/* FEATURE COLUMN styles */
	#feature li {padding-bottom:.5em;}

	/* TEXT styles */

	/* CONTENTITEM styles */
		#feature .contentItem {
			width:410px;
			margin:0 0px 10px 215px;
			padding:0;
		}
			#feature .contentItem a:hover {
				color:#000 !important;
			}
			#feature .contentItem .captionBox {
				float:right;
				display:inline;
				padding:0 0 5px 10px;
			}
		#feature h1.pageHeader,
		#feature .narrow{
			float:left;
			display:inline;
			width:210px;
			text-align:right;
			margin-left:-20px;
		}
			#feature .narrow .captionBox {
				padding:0;
			}
	
		#feature .wide{
			float:none;
			width:625px;
		}



/* SIDEBAR base styles */
	#sidebar h1{color:#E52596;font-size:2em;text-transform:none;}
	#sidebar h2{color:#9E0145;}
	#sidebar h3{color:#E52596;}
	#sidebar ul li a {
		padding-bottom:0.4em;
		color:#000;
	}
	 
	#sidebar .sectionNav li{
		padding-left:0px;
		background-image:none;
	}
	#sidebar .sectionNav li a{
		padding-left:14px;
		background: url(../images/icons/bullet.gif) 4px 6px no-repeat;
	}
	#sidebar .sectionNav .navitem a{
		display:block;
		color:#9E0145;
		font-size: 1.5em;
		font-weight:bold;
		line-height: 1.2em;
		padding:3px 0 .2em 0;
		text-decoration:none;
		background-image:none;
	}
	#sidebar .sectionNav .navitem a:hover{text-decoration:underline;}


	/* INDEX styles */
	.index #content h2.intro {
		text-transform: lowercase;
	}





/* PRODUCTIONS styles */
	#content .productionList a{color:#000;}

	#feature h1.title {
		line-height:1em;
		padding:0;
		margin:0;
	}
	#feature  h2.standFirst,
	#feature  h2.presentedBy {
		color:#EC5CB0;
		font-size: 1.4em;
	}
	#feature .productionHeader{
		float:left;
		display:inline;
		width:290px;
		text-align:right;
	}
		#feature .productionImage{padding:10px 0 10px 15px;}

	#feature .productionDetail{
		float:right;
		display:inline;
		width:310px;
		margin-bottom:10px;
	}
		#feature .productionDetail .specs{
			float:left;
			display:inline;
			clear:both;
			width:310px;
			padding-bottom:.5em;
			margin-bottom:.5em;
			background:url(../images/bgs/rule.gif) left bottom no-repeat;
		}
		#feature .productionDetail .specs li{
			float:left;
			display:inline;
			width:140px;
			padding:0 10px 0 0;
			background-image:none;
		}
		#feature .productionDetail .synopsis{padding-top:.3em;clear:both;}

		#feature .productionDetail .contentItem {
			width:310px;
			margin:0px;
		}
		#feature .productionDetail .item{
			float:left;
			display:inline;
			width:auto;
			padding-top:10px;
			margin-left:0px;
		}
		#feature .productionDetail .auction{
			width:310px;
			margin-left:-195px;
			padding-left:195px;
		}
		#feature .productionDetail .image{
			float:left;
			width:180px;
			text-align:right;
			padding-top:10px;
			position:relative;
			margin-left:-195px;
		}
		#feature .productionDetail .artist{
			width:310px;
		}

	#feature .productionPeople {
		clear:left;
		width:290px;
		padding:0px;
		margin:0 0 20px 0;
		text-align:right;
		}
		
		#feature .productionSpecs h3{
			margin:.5em 0 0 0;
		}
		
	




/* SUPPORT styles */

	#feature .sponsorIntro{
		clear:left;
		width:190px;
	}
	#feature .sponsorCategories{
		width:410px;
		float:right;
		margin-bottom:10px;
		padding:0 0 5px 0;
	}
	#feature .sponsorCategories h2{
		text-transform:uppercase;
	}
	#feature .sponsorCategories .sponsorList {
		padding-bottom:.5em;
		margin-bottom:1em;
		background:url(../images/bgs/rule.gif) center bottom no-repeat;
	}
	#feature .sponsorCategories .sponsorItem {
		clear:both;
		padding: 10px 0;
		background-image:none;
	}
	#feature .sponsorCategories .sponsorItem .logo {
		float:right;
		width:auto;
		padding:0 0 5px 10px;
	}




/* ABOUT styles */



	/* staff/board styles */
	#feature .staffList {
		width:410px;
		float:right;
		padding:0 0 5px 0;
	}
		#feature .staffList .staffItem {
			clear:both;
			padding: .5em 0 .5em 0;
			background:url(../images/bgs/rule.gif) center bottom no-repeat;
		}

		#feature .staffList .staffItem h2{font-size:1.3em;}
		#feature .staffList .staffItem h3{font-size:1.1em;}












/* pp: flash vid player on front */
#player {
	margin-left: 20px;
	margin-top: 10px;
}



/* FORMS */
	
	/* CORE FORM styles */
		form * {
			color:#313131; /* change for each site */
			font-family:arial, helvetica, verdana, trebuchet, sans-serif;
		}
		form{
			padding:0 0 1em 0;
		}

		/* clear browser defaults */
		input, select, textarea, label, legend, fieldset{
			padding:0;
			margin:2px 0 ;
			font-size: 1.2em;
		}
		input, select, textarea{
			color:#313131;
			padding:3px 2px;
			vertical-align:middle;
			background:#eee url(../images/bgs/input.gif) !important;
			border:1px solid #D7D7D7;/* change for each site */
		} 
		input.radio{background:transparent none !important;} 
		option {font-family: arial, helvetica, verdana, trebuchet, sans-serif;}
		label, legend {
			color:#000;
			font-weight:bold;
		}
		input{ width:180px; }
		label{
			float:left;
			width:120px;
			margin:3px 0 8px 0;
		}
		select {width:auto;}
		textarea{ 
			height: 70px;
			width: 240px;
		} 
		fieldset{ 
			clear:both;
			font-size:1em;
			padding:5px 10px;
			margin:0 0 .5em 0; 
			background:#fff !important;
			border:1px solid #D7D7D7; /* change for each site */
		} 

		/* DREAMGIRL FEATURE FORMS  */
			#feature form{width:420px;}
				#feature form h2,
				#feature form h3,
				#feature form h3,
				#feature form p{clear:left;}
	
				#feature form h3{
					color:#980000;
					padding:.5em 0 0 0;
					}
				#feature form .row {clear:both;}
		
			/* LIST TYPE STUFF */
				#feature form ul{
					float:left;
					clear:both;
					width:420px;
					padding-bottom:.5em;
				}
				#feature form fieldset ul,
				#feature form fieldset ul li{width:400px;}
				#feature form ul li{
					float:left;
					width:420px;
					padding:0px;
					line-height:1em;
					background-image:none;
				}
				#feature form ul input{
					float:left;
					width:auto;
					margin-right:5px;
					vertical-align:middle;
				}
				#feature form ul label{
					width:auto;
					font-weight:normal;
				}
	
		/* FEATURE LOGIN FORM  */
			#feature form.loginForm{ 
				width:300px; 
				margin-left:215px;
			}
			#feature form.loginForm label{ 
				width:80px; 
			}
			#feature form.loginForm input{ 
				margin:2px 0; 
			}
			#feature form.loginForm input.loginbutton{ 
				margin-left:80px; 
			}
			

	
	
	
		/* BUTTONS */
			form .gobutton,
			form .loginbutton,
			form .updatebutton,
			form .submitbutton,
			form #submitbutton{
				width:auto;
				padding:0;
				cursor:pointer;
				margin-left:120px; 
				background:#fff !important;
				border:0px solid #DA1105;
				vertical-align: middle;
			}


		/* ERROR styling */
			form h2.warning{ 
				font-size:1.6em;
				color:#DE041D; 
			}
			form .inputError{ 
				display:block;
				color:#DE041D; 
				font-size:11px;
				line-height:1em;
				margin:6px 0 0 3px;
			}
	





/* management tweaks */
	#feature .manage{
		width:410px;
		margin-left:215px;
		margin-bottom:10px;
		padding:0 0 5px 0;
	}
	#feature .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	#feature .manage dd {
		margin-left: 20px;
	}
	#feature .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	





	/* dreamgirl CMS styles*/
	.buttonContainer
	{
			display: inline;
	        overflow: visible;
	}

	#dgInlineFeedback {
	        width: 259px;
	        height: 242px;
	        color: #000;
	        background: url(../dreamgirl/images/success.png)!important;
	        background: url(../dreamgirl/images/success.gif);
	        }

			#dgProgressDiv
			{
			        position: absolute;
			        bottom: 0px;
			        left: 10px;
			        width: 241px;
			        height: 241px;
			z-index: 2000;
				background-image: url(../dreamgirl/images/dreaming.gif);
			}

	.dgInlineForm {
	        width: 500px;
	        border: 0px;
	       /* margin:12px 0 0 -200px; */
	        margin:12px 0 0 0;
			left:0;
	        position: absolute;
	        visibility: visible;
	        overflow: hidden;
			z-index:100;

	}

	iframe {
			position:absolute;
	        width: 500px;
	        border: 0px;
	        padding: 0px;
	        margin: 0px;
	}
	.dgInlineButton {
	        border: 0px;
	        background-color: transparent;
	}

	.dgInlineButtonActivated {
			opacity: 0.5;
	}

	.dgActiveElement {
			border: 1px dashed #eebddc;
			z-index:100 !important;
	}

	.dgInactiveElement {
	        background-color: transparent;
	}

	.dgButtonLink {
	        border: 0px;
	        margin-right: 3px;
	}







