/* -------------------------------------------------------------------------------------------------	
INFORMATION:					
		
		Fashionista by Costume

	Created: Nov 30th 2009
	By: Marianne Godskesen

--------------------------------------------------------------------------------------------------*/


/* @group Layout */
body { background: #fff; margin: 0px auto; padding: 0px; font-family: Calibri, Arial, sans-serif; font-size: 15px; color: #4c4c4c; }
a { outline: none; }


#wrapper { margin: 0px auto; width: 700px; position: relative;}
#header { float: left; }
#content{ background: url(../gfx/bg.jpg) no-repeat top left; float: left; width: 700px; height: 570px; padding-bottom: 20px; margin-top: 40px;}
#footer{ float: left; }

#mainContent{ width: 390px; float: right; }
h1{ font-family: times new roman; font-size: 40px; line-height: 0.9em; color: #fff; background: url(../gfx/h1.png) no-repeat top left; text-indent: -9999px; font-weight: normal; text-transform: uppercase; height: 80px; margin: 122px 0 0 -3px; }
h2{ font-weight: normal; color: #111; line-height: 1.1em; font-size: 18px; background: url(../gfx/h2.png) no-repeat top left; text-indent: -9999px; height: 60px; }
p{ padding-right: 20px; }	
#secondaryContent{ width: 285px; float: left; padding:120px 0 0 20px; }
.magazine{ background: url(../gfx/mag_bg.png) no-repeat top left; width: 260px; height: 355px; }
.magazine img{ margin: 5px 0 0 5px; }

#unsubscribe{ font-size: 12px; color: #666; width: 400px; float: left; margin-top: 8px; }
.seemag{ background: url(../gfx/semag.jpg); height: 40px; width: 157px; text-indent: -9999px; float: left; margin: 10px 0 0 50px;}
ul{ padding: 0px 0 0 15px; margin: 0px 0 15px; }

/* form elements */
#signup_form_wrap{ background: url(../gfx/signup_bg.png) repeat-y top left; width: 360px; float: left; margin-top: 23px; padding: 10px 10px 0 10px;  }
form{  }
form label{ font-size: 14px; color: #000; text-transform: uppercase; float: left; width: 100%; }
form label a{ color: #000; }
form input{ width: 245px; height: 20px; border: 1px solid #999; float: left; margin: 10px 0 0 0; color: #999; font-size: 12px; padding: 3px 0 0 5px; }
fieldset{ width: 340px; border: 0px; float: left; margin: 0px; padding: 0px 0 10px 0; }

#checkbox{ margin: 0px; padding: 10px 0 0 0; border: none; height: auto; width: auto; float: left; }

#checkbox_label{ width: 315px; float: right; font-size: 12px; font-weight: normal; text-transform: none; color: #666;}

button{ float: right; background: url(../gfx/tilmeld.jpg) no-repeat top left; border: 0px; width: 80px; height: 25px; text-indent: -9999px; cursor: pointer; margin: 10px 0 0 0; }
.unsubscribe{ background: url(../gfx/frameld.jpg) no-repeat top left; }
button:hover{ }


/* terms */
#termsBox { display: none; }
#terms #termsBox { position: absolute; display: block; background: #279ae7; width: 400px; padding: 20px; border: 1px solid #999; opacity: 0.9; color: #fff; }
/* @end Layout */