/*-=-=-=-=-=Global Selectors-=-=-=-=*/

html{
    font-family: arial;
    color: #000000;
    background:#000000;
}
h1, h1 a{ font-family: arial; font-weight:normal; padding-left:5px; font-size:135%; } 
h4 { margin-top:10px; }
a, a:link, a:active, a:visited{ color:#E80B0B; text-decoration:none; }
h1 a, h1 a:link, h1 a:active, h1 a:visited, h1 a:hover{ color:#000000; text-decoration:none; }
h5{ font-size:85%; }
a:hover{ text-decoration:underline; }
*{ margin:0; padding:0; }
p{ margin:7px 5px; text-align:justify; }
ul{ list-style-type:none; }
a span{ display:none; }
/*a img{ padding:7px; border:1px solid #000000; }*/
a img{ border:none; }

p { margin:15px 0; }

/*---------------------------------------
-=-=-=-=-=A few Global classes-=-=-=-=-=
----------------------------------------*/

.clear { clear:both; background:transparent!important; }
.center { text-align: center; margin:0 auto; display:block; }
.hidden { display: none; }

.itemlist li { list-style-type:disc; margin-left:15px; }

/*--------------------------------------
======begin OTownStyle classes========
--------------------------------------*/

.left{ float:left; }
.right{ float:right; }
.noborder{ border:none; }
.italic{ font-style:italic; display:inline; }
.bold{ font-weight:bolder; display:inline; }
.bold{ font-weight:bolder; }
.whitesection{ background:#ffffff; }
.sectsp{ margin:10px; }
.spacer{ height:10px; margin:5px; }
.graybox{ background:#ffffff; }
.pinkbox{ background:#FFC4F7;}
.sectionheader{
    height:29px;
    display:block;
    background: url(images/blackheader.jpg) repeat-x;
    color:#ffffff;
    text-decoration:none;
}
h1.sectionheader a, h1.sectionheader a:link{ 
    background:url(images/blackheader.jpg) right no-repeat; 
    color:#ffffff; 
    text-decoration:none; 
    display:block; 
    height:29px;
}
.blacksectionheader{
    height:29px;
    display:block;
    background: url(images/blackheader.jpg) repeat-x;
    color:#ffffff;
    text-decoration:none;
}
h1.blacksectionheader a, h1.blacksectionheader a:link{ 
    background:url(images/blackheader.jpg) right no-repeat; 
    color:#ffffff; 
    text-decoration:none; 
    display:block; 
    height:29px;
}
.section{ border:1px solid #000000; margin-bottom:15px; }

/*------------------------------------
-=-=-=-=-=Block level elements-=-=-=-=
------------------------------------*/

#container{
    width:940px;
    border:1px solid #CFCACA;
    margin:-5px auto;
    padding-top:5px;
        background:#000000;
}

#leaderboard{
    width:728px;
    height:90px;
    margin: 0 auto 30px auto;
}

#header{
    width:940px;
    background: url(images/header_otown.jpg) bottom no-repeat;
    position:relative;
    margin-bottom:0px;
    text-align:left;
}

#content{
    width:940px;
}

#left_col{ background:#ffffff; float:left; width: 610px; margin:5px; display:inline; }
#right_col{ background:#ffffff; float:right; width:300px; margin:5px; display:inline; }

/*-----------------------------------
========= header elements ===========
-----------------------------------*/

#search{ 
    float:right; 
    color:#ffffff; 
    text-align:right; 
    width:135px; 
    margin-right:10px; 
}
#search #search_field { 
    float:left; 
    background:transparent url(images/searchbar.png); 
    width:130px; 
    height:14px; 
    border:0;
}
#search #search_submit { 
    float:left;
    margin-left:-20px;
    width:20px;
    height:14px;
    border:0;
    background:none;
}

#header #menuheader{ position:relative; height:40px; background:#000; }

#header #homelink{
    display:block;
    height:103px;
}

#header #askangela{
    float:right;
    width:160px;
}
#askangela p{ color:#000000; font-weight:bolder; font-size:90%; margin:0 5px;}
#askangela h1 a{ color:#E91515; }



/*menu level elements*/
#menu ul{
    background: url(images/blackotownmenu2.png) no-repeat;
    width:632px;
    height:30px;
    margin: 4px 8px;
/*    position:absolute;*/
}
#menu li{ display:block; float:left; }
#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited{
    display: block;
    float: left;
    height: 30px;
    overflow: hidden;
    background: url(images/blackotownmenu2.png) no-repeat 0 30px;
}
#menu_fashion{ width:80px; }
#menu ul li a#menu_fashion:hover { background-position: 0 -31px; }
#menu_entertainment{ width:170px; }
#menu ul li a#menu_entertainment:hover { background-position: -80px -31px; }
#menu_music{ width:95px; }
#menu ul li a#menu_music:hover { background-position: -250px -31px; }
#menu_shopping{ width:122px; }
#menu ul li a#menu_shopping:hover { background-position: -345px -31px; }
#menu_dining{ width:90px; }
#menu ul li a#menu_dining:hover { background-position: -467px -31px; }
#menu_about{ width:75px; }
#menu ul li a#menu_about:hover { background-position: -557px -31px; }


/*-=-=-=-=- homepage styles -=-=-=-=-=-*/

#newthisweek{ padding:10px 16px 10px 4px; height:385px; background:url(images/leadboxblack.jpg) no-repeat; }
#left_left_col{ width:300px; float:left; margin:5px 10px 5px 0;}
#left_right_col{ width:300px; float:left; margin:5px 0;}


div.section{ margin-bottom:15px; }
div.featured ul li{ margin:10px 4px; width:140px; }
#calendar { border:0; }

/*-------------------------------
==== styles for top stories =====
--------------------------------*/

#topstorylist{ position:relative; }
#topstories a img{ border:none; padding:0; height:80px; }
#topstories{
    position:absolute;
    width:154px;
    height:330px;
    top:25px;
    left:8px;
    display:block;
    overflow:hidden;
}
#topstories li{
    margin:8px;
    position:relative;
}

#storyup{
    position:absolute;
    top:-10px;
    left:61px;
    height:34px;
    width:44px;
    display:block;
    background: url(images/grayarrowup.jpg) no-repeat 50px 50px;
}

#storydown{
    position:absolute;
    left:61px;
    bottom:-42px;
    height:34px;
    width:44px;
    display:block;
    background: url(images/grayarrowdown.jpg) no-repeat 50px 50px;
}

#storydown:hover, #storyup:hover{ background-position: 0 0; } 

#stories{
    float:right;
    position:relative;
    width:154px;
    height:355px;
}

.topstory{
    width:138px;
    height:80px;
    overflow:hidden;
}

.topstory h5 a{
    position:absolute;
    text-align:center;
    bottom:0px;
    color:#ffffff;
    width:100%;
    background:#000000;
    display:block;
}
.imgholder{
    display:block;
    background: #000000;
}
#mainstory{
    position:relative;
    width:415px;
    margin:0 20px 0 5px;
    float:left;
}
#storyholder{
    position:absolute;
}
a.mainimgholder{
    width:415px;
    height:240px;
    background: #000000;
    display:block;
    position:relative;
    overflow:hidden;
}
#mainstory img{
    height:240px;
    border:none;
    padding:0;
}
#mainstory h1{
    display:block;
    position:relative;
    margin-top:5px;
}
#mainstory h1 a{
    width:100%;
}
#mainstory p{
    position:relative;
    display:block;
}

/*------------------------------------------
-=-=-=-=-=-Story Detail page styling-=-=-=-=
------------------------------------------*/

.storycontent{
    margin:5px;
    line-height:135%;
}
.storycontent h1{ color:#000000; padding:10px 0; }
.attr{
    font-size:90%;
    font-weight:bolder;
    padding-bottom:20px;
}

.blackimgholder{display:block; width:610px; background:#000000; }
#slideshow{width:250px; background:#333333; padding:5px; margin:5px;}
#slideshow img{cursor:pointer;}
#slideshow p{color:#ffffff;}
#getprevimage{display:block; float:left; width:30px; height:23px; margin-right:10px; background:url(images/ltarrow.png);}
#getnextimage{display:block; float:left; width:30px; height:23px; background:url(images/rtarrow.png);}
#slideshowcontrols{ width:70px; margin:5px auto;}
.imgbox{ background:#333333; margin:5px; padding:5px; }
#cheappixel{ height:500px; width:1px; float:right;}

/*--------------------------------------
-=-=-=-=- paparazzi styling -=-=-=-=-=-=
--------------------------------------*/

/*a#popleft, a#popright { width:30px; display:block; float:left; height:100px; }

#paparazzi_holder {
    width:700px;
    height:200px;
    position:relative;
    display:block;
    overflow:hidden;
}

#paparazzi_mover {
    position:absolute;
}*/

ul.paparazzi_list, ul.paparazzi_list li{ float:left; white-space:nowrap; }


/* category page styling */

.storylist li{ margin: 10px; border-bottom: 2px solid #999; }
.storylist li div{ width:350px; padding:10px;}
/*.storylist h3{ padding: 25px;}*/