@import url("reset.css");

body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: -.03em;
	color: #151515;
	text-align: center;
	background: #F1F1F1 url(../img/bg-gradient.png) center top repeat-x;
}

#static{
   width: 892px;
   margin: auto;
}

#logo{
   width: 70px;
   height: 350px;
   float: left;
   margin-top: 20px;
}
#logo a{
   display: block;
   width: 70px;
   height: 350px;
   background: url(../img/goosebumps-logo.png) 0 0 no-repeat;
   text-decoration: none;
   text-indent: -5000px;
}

#static-content{
   width: 751px;
   margin-left: 80px;
   background: #666;
   padding: 42px 52px 24px;
   background: #E3E4E5 url(../img/main-gradient.png) top center repeat-x;
}

#pinkbanner{
   width: 760px;
   height: 40px;
   background: url(../img/pink-banner.png) 0 0 no-repeat;
   font-size: 0.8em;
   margin-bottom: 8px;
}
#pinkbanner p{
   background: #ED008C;
   color: #FFF;
   display: block;
   width: 750px;
   text-align: center;
   padding: 7px 0;
}
#pinkbanner p a{
   color: #FFF;
}

#content{
   width: 750px;
}
#content .column{
   display: block;
   float: left;
   width: 214px;
   padding: 15px 18px;
   min-height:450px;
   height:auto !important;
   height:450px;
   margin-bottom: 20px;
}
#content #column1{background: #BCBDBF url(../img/col1-gradient.png) top center repeat-x;}
#content #column2{background: #D1D1D3 url(../img/col2-gradient.png) top center repeat-x;}
#content #column3{
   background: #EEEEEF;
   width:250px;
   padding:0;
   min-height:480px;
   height:auto !important;
   height:480px;
}

#content #column3 .col-top{
   display: block;
   padding: 15px 18px;
   background: url(../img/col3-gradient.png) top center repeat-x;
}
#content #column3 .col-bottom{
   display: block;
   padding: 15px 18px;
}

#content a, h2, h3{color: #EC008B;}
#content a{text-decoration: none;}
#content a:hover{text-decoration: underline;}

#content p{padding: 0 0 .8em;}
#content h3{padding: 0em;}
#content h4{padding: 0 0 .8em; font-size: .9em;}

.decorative{
   font-size: 2.4em;
   padding-top: .6em;
   line-height: .8em;
}

#footer{
   clear: both;
   font-size: 0.8em;
}
#footer p{
   text-align: center;
}
