#home, #story{
width:1166px;
}

a, a:visited{
color:#003399;
text-decoration:none;

}

a:hover, a:active{
color:#000066;
}

img{
border:none;
}

.NavLink
{
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #039;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.NavLink a, .NavLink a:visited
{
	color: #039;
	text-decoration: none;
}

.NavLink a:active, .NavLink a:hover
{
	color: #006;
	text-decoration: none;
}

.OptSubNav
{
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #f93;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.OptSubNav a, .OptSubNav a:visited
{
	color: #f93;
	text-decoration: none;
}

.OptSubNav a:active, .OptSubNav a:hover
{
	color: #c30;
	text-decoration: none;
}




.hat {
position:relative;
height:74px;
width:1005px;
margin-bottom:5px;
margin-left:5px;
}

.hattwo{
position:relative;
height:74px;
width:970px;
margin-bottom:5px;
margin-left:5px;
}

.hatleft{
position:absolute;
left:0px;
top:0px;
width:409px;
}


.hatleft img {
border:none;
}

.hatright{
position:absolute;
left:409px;
top:0px;
width:593px;
background-color:#CCCCCC;
height:72px;
margin-top:1px;
margin-bottom:1px;
padding-left:3px;
}

.hattwo .hatright{
width:558px;

}

.searchgraphic {
position:absolute;
top:25px;
width:13px;
padding-left:3px;
}

.searchbox{
position:absolute;
height:22px;
bottom:5px;
left:5px;
width:542px;
background-color:#FFFFFF;
overflow:hidden;
}

.hattwo .searchbox{
width:507px;
}



.go{
position:absolute;
top:55px;
right:10px;
}

.logonavwrapper{
position:relative;
width:1005px;
text-align:right;
margin-bottom:5px;
}

.logonavwrappertwo{
position:relative;
width:970px;
text-align:right;
margin-bottom:5px;
}

#left_column{
width:160px;
float:left;
margin-left:5px;
}

#contentwrapper{
width:916px;
margin-left:165px;
}

#leaderboard{
margin-left:5px;
width:850px;
float:left;
}

#home h1{
border-bottom:2px solid #999999;
margin-bottom:15px;
position:relative;
font-family:Helvetica,sans-serif;
font-size:11px;
text-transform:uppercase;
margin-right:10px;
color:#666666;
font-weight:bold;
margin-top:0px;
}

#home h1 a{
color:#666666;
text-decoration:none;
}

#home h2, #home p{
margin:0px;
}

#home #column_1{
width:346px;
float:left;
margin-left:5px;
}

#home #column_1 h2{
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:16px;
text-decoration:none;
}



#home #column_2 h2, #column_3 h2{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:16px;
}

#home .section{
padding-bottom:10px;
}



#home .section_header{
font-weight: bold;
font-size: 14px;
line-height: normal;
letter-spacing: 0px;
color: #000000;
font-family: Helvetica, sans-serif;
text-decoration: none;
display:block;
font-size-adjust: none;
font-stretch: normal;
padding-bottom:5px;
text-transform: uppercase;
}

#home .section_header a {
font-weight: bold;
font-size: 14px;
line-height: normal;
color: #000000;
font-family: Helvetica, sans-serif;
text-decoration: none;
display:block;
font-size-adjust: none;
font-stretch: normal;
padding-bottom:5px;
text-transform: uppercase;
}

#home .item{
display:block;
margin: 0 10px 5px 0;
}

#home .item p{
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:14px;
}

#home .byline{
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:0;
line-height:13px;
text-decoration:none;
}

#home #column_1 .item img{
float:left;
margin-right:5px;
}

#home #column_1 p{
margin-left:95px;
}

#home #column_2 .item img, #column_3 .item img{
float:right;
margin-left:5px;
}



#home #column_2{
width:244px;
padding-left:5px;
float:left;
}

#home #column_3{
width:310px;
padding-left:5px;
float:left;
}

#home .event .date{
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
letter-spacing:0;
line-height:11px;
text-decoration:none;
}

#home .event .location{
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:0;
line-height:13px;
text-decoration:none;
font-style:italic;
}

#home .events_footer a{
font-family:verdana;
font-size:11px;
text-transform:uppercase;
}

#home .event_region{
margin-bottom:10px;
}

#home ul.mostemailed{
	margin:0;
	padding-left:5px;
}


#home ul.mostemailed li
{
	font-weight: bold;
	font-size: 11px;
	line-height:13px;
	padding-bottom:5px;
	letter-spacing: 0px;
	color: #039;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:2em;
}

#home ul.mostemailed li a, ul.mostemailed li a:visited
{
	color: #039;
	text-decoration: none;
}

#home ul.mostemailed li a:active, ul.mostemailed li a:hover
{
	text-decoration: none;
	color: #006;
}



.navSideBox
{
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	margin-bottom: 5px;
	width: inherit;
}

.navSideBox ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}










.navSideBox li
{
	display: block;
	text-align: right;
	padding: 5px 5px 5px 5px;
	margin: 0 0 1px 0;
	background-color: #99f;
}

.navSideBox li:active, .navSideBox li:hover
{
	background-color: #039;
}

.navSideBox li a, .navSideBox li a:visited
{
	text-decoration: none;
	margin: 0px;
	color: #fff;
	width: 100%;
}

.navSideBox li a:active, .navSideBox li a:hover
{
	text-decoration: none;
	color: #fff;
}

.smalltext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:13px;
}

#fromthemagazine .smalltext{
padding-bottom:5px;
}

#fromthemagazine{
background-color: rgb(228, 228, 228); 
width: 160px; 
margin-bottom: 5px; 
}

#frommagcontent{
padding:5px;
}
#fromthemagazine h2{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:0;
line-height:13px;
}

/* story styles */

#story #column_1{
padding:0 5px;
width:484px;
float:left;
}

#story #column_2{
float:left;
width:346px;
margin-left:5px;
}

#story .pager{
font-family:Arial, Helvetica, sans-serif;
float:right;
font-size:14px;
margin-bottom:10px;
}


#story .pager a{
font-weight:bold;
}

#story .toolbox{
background-color:#FFFFFF;

float: left; 
margin-bottom: 5px; 
margin-right: 0px; 
width: 115px;
}


#story div.toolbox a:hover{
background-color:#e4e4e4;
}

#story .toolbox.print a{
background:url(/images_cms/icon_print.gif) 0 5px no-repeat;
}

#story .toolbox.email a{
background:url(/images_cms/icon_email.gif) 0 6px no-repeat;
}

#story .toolbox.talk a{
background:url(/images_cms/icon_talk2us.gif) 0 6px no-repeat;
}

#story .toolbox img{
border-width: 0px;
border-color: #000;
border-style: solid;
padding-right: 2px;
float: left;
}

#story .toolbox a {
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
line-height:11px;
text-decoration:none;
text-transform:uppercase;
position: relative;
top: -1pt;
width: auto;
display:block;
padding-bottom:3px;
padding-top:5px;
padding-left:20px;
}

#story #ce_icon{
margin-bottom: 10px; 
}

#story #column_1 h3{
font-size: 9px;
	line-height: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	float:left;
	}
	
#story #column_1 h3 a{
color:#666666;

}



#story #column_1 h3 a:hover{
color:#ffffff;
background:#666666;
}




#story #column_1 h1{
color:#003399;
font-size:22px;
line-height:24px;
margin:0 0 3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	clear:both;
}

#story #column_1 h2{
color:#000000;
font-family:Georgia,Times New Roman,Times,New York,serif;
font-size:12px;
line-height:14px;
margin:0 0 25px;
font-weight:bold;
}

#story #column_1 h4{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
line-height:13px;
margin:0 0 5px;
color:#666666;
}

#story #column_1 .date{
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:normal;
letter-spacing:0;
line-height:11px;
}

#story #column_1 .commentBox{
float:right;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
margin-bottom:10px;
}

#story #column_1 .commentBox a, #story #column_1 .commentBox a:visited{
color:#FFFFFF;
display:block;
background-color:#F1A32B;
padding:5px;
}

#story #column_1 .commentBox a:hover, #story #column_1 .commentBox a:active{
background:#a5701e;
color:#FFFFFF;
}

#story #column_1 .storyCore
{
	clear:right;
}

#story #column_1 .storyCore p
{
	font-family: Georgia, Times New Roman, Times, New York, serif;
	text-decoration: none;
	font-size: .77em;
	line-height: 1.40em;
	color: #000;
}

#story #column_1 .storyCore p a, .storyCore p a:visited
{
	text-decoration: none;
	border-bottom: 1px dotted #039;
	color: #039;
}

#story #column_1 .storyCore p a:active, .storyCore p a:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #039;
	color: #039;
}

#story #column_1 .premiumCore
{
	z-index: 200;
	position: relative;
	width: 480px;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color: #ddd;
}

#story #column_1 .premiumCore p
{
	font-family: Georgia, Times New Roman, Times, New York, serif;
	text-decoration: none;
	font-size: .82em;
	line-height: 1.40em;
	color: #000;
	padding: 10px;
	margin: 0px;
}

#story #column_1 .premiumCore p a, .premiumCore p a:visited
{
	text-decoration: none;
	border-bottom: 1px dotted #039;
	color: #039;
}

#story #column_1 .premiumCore p a:active, .premiumCore p a:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #039;
	color: #039;
}

#story .newRelatedBox
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	color: #000;
	margin: 35px 10px 10px 0px;
	clear:both;
}

#story #column_1 .newRelatedBox h3, #story #column_2 .newRelatedBox h3{
text-transform:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:14px;
line-height:14px;
letter-spacing:0px;
margin:10px 0;
float:none;
}

.EOS_item img{
float:left;
margin-right:10px;
}

.EOS_item a{
color:#cc3300;
font-weight:bold;
text-decoration:none;
}

.EOS_item p{
margin-top:5px;
margin-bottom:0px;
}

.EOS_item{
background:#efefef;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:5px;
margin-bottom:10px;
}

#story .large_image{
background:#ffffcc;
clear:both;
margin-bottom:5px;
}

#story #column_1 .large_image{
width:484px;
}


#story #column_1 .large_image img{
width:484px;
}




#story .large_image .caption{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
margin:0 10px;
}



#story .large_image .credit{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:11px;
color:#666666;
margin:0 10px;
}

#story #column_2 .twocol{
float:left;
width:168px;
height:168px;
padding-right:10px;
margin-bottom:5px;
}

#story #column_2 .threecol{
float:left;
width:110px;
height:110px;
padding-right:6px;
margin-bottom:5px;
}

#story #column_2 .fourcol{
float:left;
width:82px;
height:82px;
padding-right:6px;
margin-bottom:5px;
}

#story #column_2 .fivecol{
float:left;
width:66px;
height:66px;
padding-right:4px;
margin-bottom:5px;
}

#story #column_2 .sixcol{
float:left;
width:56px;
height:56px;
padding-right:2px;
margin-bottom:5px;
}



#story #column_2 .last{
padding-right:0px;
}

#metaddthis{
float:right;
clear:right;
margin-bottom:10px;
}

.formContainer {
    background-image:url('http://www.metropolismag.com/images/homepage_images/formbg_new.jpg');
    background-repeat:no-repeat;
    padding-top: 220px;
    padding-left: 45px;
	width: 800px;
    }
	
.fc {
padding-bottom: 12px;
}	

.formLayout
    {  
        padding-top: 10px;
		width: 500px;
		height: 230px;
    }
    
.formLayout label
    {
        display: block;
        width: 100px;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        text-align: left;
        clear: left;
    }

.formLayout input
    {
        display: block;
        width: 
        float: left;
        height: 19px;
		border: 1px solid #666666; 
    }
    
.submit_footer
    {
        display: block;
        padding-left: 175px;
		margin-bottom: 20px;
    }
 
.formLayout br
    {
        clear: left;
    }
    
.formLayout #zip {
    width: 95px;
    }
    
.formLayout #state {
    width: 100px;
    }
    


.formLayout .offer
    {
        display: block;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #999999;
    }
	
.right {
align: right;
}

.right label {
        display: block;
        width: 100px;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        text-align: right;
        padding-right: 0px;
        clear: left;
}

.circpromo {
	padding-left: 165px;

}

