/* 1. Body & Structure
********************************************************/
body {
		background: #894b83 url(/images/girls_night_out/bg.jpg) repeat-x;
		
}

strong {
    font-weight:bold;
    }

#header {
		width: 960px;
		margin: 0 auto;
		
}
#corners-box {
		float: right;
		width: 460px;
		height: 162px;
		background: #ebebf1;
		padding: 15px 20px;
		margin-top: -210px;
		
		/* mozilla/safari border radius */
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
		
}

#content-topper {
		width: 960px;
		height: 23px;
		background: url(/images/girls_night_out/content_topper.png);
		
		position: absolute;
		margin-left: -480px;
		margin-top: 12px;
		left: 50%;
		
		z-index: 100;
		
}
#content {
		width: 910px;
		padding: 25px;
		background: #ef4f9a url(/images/girls_night_out/content_bg.jpg) repeat-x;
		height:auto;
		position: relative;
		margin-left: -480px;
		margin-top: 35px;
		left: 50%;
		
		z-index: 100;
 
               	/* mozilla/safari border radius */
		-moz-border-radius-bottomleft: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-radius-bottom-left: 14px;
		-webkit-border-radius-bottom-right: 14px;
		
		/* mozilla/safari drop shadow */
		-moz-box-shadow: 0px 3px 3px #48214e;
}

.clear{           
                clear:both;
                height:0;
}

#share {
		
		margin: 15px auto 0 auto;
                position:absolute;
                bottom:10px;
               
		
}


.addthis_button{
                display:inline-block;
                margin-right:15px;
                vertical-align:top;
}

.connect_widget_text {
                color:#fff !important;
                
}





/* 2. Header Styling
********************************************************/
h1 {
		width: 264px;
		display: block;
		padding-top: 220px; 
		height: 0 !important;
		height /**/: 220px; 
		overflow: hidden;
		background: url(/images/girls_night_out/logo.png) no-repeat 0% 50%;
		
}
h2 {
		font: bold 20px Arial, sans-serif;
		color: #fff;
		
}
h2 span {
		font-size: 22px;
		
}

#girls {
		width: 618px;
		display: block;
		padding-top: 312px; 
		height: 0 !important;
		height /**/: 312px; 
		overflow: hidden;
		background: url(/images/girls_night_out/girls.png) no-repeat 0% 0%;
		
		position: absolute;
		margin-left: 140px;

}

#bblogo {
		width: 100px;
		display: block;
		padding-top: 44px; 
		height: 0 !important;
		height /**/: 44px; 
		overflow: hidden;
		background: url(/images/girls_night_out/bblogo.png) no-repeat 0% 0%;
		
		position: absolute;
		margin-left: 858px;
		margin-top: 14px;
		
}

#corners-box p {
		float: right;
		width: 319px;
		font: normal 14px Helvetica, sans-serif;
		line-height: 17px;
		color: #002356;
		
}


#corners-box p#pamper {
		margin: 10px 0;
		font-size: 21px;
		color: #002356;
		
}


/* 3. Form Styling
********************************************************/
.info {
		float: left;
		
		margin-top: 20px;
		width: 420px;
		font: bold 16px Arial, sans-serif;
		line-height: 30px;
		color: #fff;
		
}
.info label {
		float: left;
		
}
.info input {
		height: 20px;
		width: 254px;
		margin-left: 4px;
		
		font: normal 16px Arial, sans-serif;
		color: #383172;
	
}
.info .textfield {
		float: right;
		
}
.info .textfieldx {
		float: right;
		
}
.info .textfield-wrap {
		float: right;
		margin: 8px 0;
		
}

/* Ruby adds this div wrapper; need to keep it from screwing up display */
.info div.fieldWithErrors{
                display:inline-block;
                
}

.location {
		float: right;
		margin-top: 20px;
		width: 420px;
		font: bold 16px Arial, sans-serif;
		line-height: 30px;
		color: #fff;
		
}
.location label {
                width: 420px;
		margin: 10px 0;
		line-height: 18px;
		
}

.attendees label {
		width: 420px;
		margin: 10px 0;
		line-height: 18px;
                float:left;
		
}
.attendees input {
		float: right;
		width: 40px;
		height: 20px;
		margin: -42px 100px 0 4px;
		
		font: normal 16px Arial, sans-serif;
		color: #383172;

}
.location select {
		font-size: 14px;
		width: 180px;
                position:relative;
                top:0px;
}

#metro_area_id{
                margin-bottom:12px;
                
}

.offers {
		margin-top: 8px;
		font: bold 12px Arial, sans-serif;
		
}
.offers label {
		float: right;
		width: 390px;
		margin-top: 0;
}
.offers .checkbox {
		float: left;
}

.submit {
		width: 120px;
		font: normal 12px Arial, sans-serif;
		
}

/* 3. Thanks Page Styling
********************************************************/


#friend-signup .textfield-wrap {
		float: right;
		margin-bottom: 10px;
		width: 420px;
		
}
#friend-signup  label {
		float: left;
		margin-top: 4px;
		
		font: bold 12px Arial, sans-serif;
		color: #fff;
}
#friend-signup  input {
		float: right;
		height: 18px;
}
#friend-signup .submit {
		float: left;
		margin: 0 0 0 166px;
}
#friend-signup #message {
		float: right;
		width: 320px;
		height: 112px;
}

#friend-signup h2{
     margin-left:69px;
     margin-bottom:12px;
                
}




#thanks {
		float: left;
		width: 420px;
		
		font: bold 16px Arial, sans-serif;
		color: #fff;
		
}
#thanks h4 {
		font-size: 20px;
}
#thanks p {
		margin: 8px 0;
		
}

#thanks strong{
                color:#002356;
                
}


#facebook{
                position:absolute;
                bottom:24px;               
}