body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
font-family: Helvetica, Arial, sans-serif;
}
article, aside, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
div.row,* html .group {
height: 1%;
}
.group:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/* START IE HACKS */
*:first-child+html .group {
min-height: 1px;
}
/* END IE HACKS */
.left {
float: left;
}
/*------------------------------------------ fonts ------*/
h1 {
/*font-size: .9em;*/
}
h1.sitename {
font-size: 1.5em;
}
nav div.sub {
font-size: .75em;
}
.sub li {
font-size: .8em;
}
article h1 {
font-size: 1.5em;
}
div.summary p {
font-size: .9em
}
footer {
font-size: .75em;
}
footer section nav a {
text-decoration: none;
}
/* person-single */
.person-single article p {
font-size: .85em;
margin-bottom: .85em;
}
#poweredby {
font-size: .75em;
}
/* videos */
.videos h1 {
font-size: .6em;
}
.videos-single h1 {
font-size: 1.12em;
}
.videos h2, .videos-single h2 {
font-size: 1.12em;
font-style: italic;
}
/* photos*/
.photos h1 {
font-size: .6em;
}
.photos h2 {
font-size: 1.12em;
font-style: italic;
}
#playoverlay {
font-weight: bold;
font-style: italic;
font-size: 2em;
text-decoration: none;
}
/* gallery */
.gallery div.contents h1 {
font-size: 1.5em;
}
/*------------------------------------------ color ------*/
h1.sitename {
background: #cf0000;
}
article h1 a {
color:#000;
}
footer, footer section nav a {
background-color: #1b1b1b;
color: #a8a8a8;
}
/* news */
footer .cw {color: #616161;}

article.even {background-color: #eee;}

/* photos */
body.photos {color:#fff;}
.photos h2 {background-color:#cf0000;}
.photos div.content {background-color:#393939;}

/* gallery */
body.gallery {background-color:#393939;}
.gallery .contents {color:#fff}

/* videos */
body.videos, body.videos-single  {color:#fff;}
.videos h2, .videos-single h2 {background-color:#cf0000;}
.videos div.content, .videos-single div.content {background-color:#393939;}

/* videos-single */
#playoverlay {background-color:#444; color:#fff;}

/*------------------------------------------ layout ----*/
header {
height: 57px;
margin-bottom: 20px;
}
h1.sitename {
position: absolute;
top: 0;
left: 0;
margin: 0;
height: 57px;
width: 100%;
}
.sub {
height: 35px;
position: absolute;
top: 36px;
right: 0;
left: 90px;
background: #fff;
border-left: #000 solid 1px;
border-bottom: #000 solid 1px;

/* min-width: 200px;
position: relative;
top: 7px;
left: 31%;
background: #fff;
width: 68%;
border-left: #000 solid 1px;
border-bottom: #000 solid 1px;
padding: 2% .75%;
text-align: center; */
}

.sub li {
padding-top: 9px;
width: 23%;
height: 34px;
text-align: center;
display: inline-block;
list-style-type: none;
}
.sub a:first-child {
padding-left: 0;
border-left: 0px;
}
.sub a {
padding-left: 5%;
padding-right: 5%;
font-weight: bold;
color: #cf0000;
text-decoration: none;
font-style: italic;
font-family: arial;
border-left: 1px solid #898989;
}
div.pagination-links {
margin: 15px auto;
width: 156px;
}
div.paging-next a,div.paging-next a:visited,div.paging-previous a,div.paging-previous a:visited {
color: #FFF;
display: block;
height: 30px;
padding-top: 13%;
width: 78px;
}
.pagination-sprite {
background: url('../images/misc-sprite-1.png') no-repeat;
color: #FFF;
display: block;
font-style: italic;
font-weight: bold;
text-align: center;
}
div.paging-previous-deactive {
background-position: -22px -232px;
height: 30px;
padding-top: 7%;
width: 78px;
}
div.paging-previous {
background-position: -23px -112px;
height: 38px;
width: 78px;
}
div.paging-next {
background-position: 0 -155px;
height: 38px;
width: 78px;
}
footer {
text-align: center;
}
footer section nav {
margin-bottom: 15px;
}
footer section nav a {
}
footer .p2 {
padding: 15px 10px;
}

/* news */
article {
padding: 3% 3%;
}
article h1 a {
text-decoration: none;
}
.image-container img {
min-width: 96%;
width: 100%;
}
.image-container {
position: relative;
width: 100%;
}
.news .social {
padding-top: 10px;
margin-top: 20px;
border-top: 1px dotted #CCC;
}
/* person-single */
.person-single article img {
min-width: 96%;
width: 100%;
height:auto;
}
/* photos */
.photos h2 {
margin-top: 23px;
margin-bottom: 0;
padding: 1% 3%;
}
.photos article {
float:left;
width: 27%;
height: 175px;
overflow: hidden;
}
.photos article img {
display:block;
min-width: 96%;
width: 100%;
}
/* gallery */
.gallery div.contents h1 {
padding: 0% 3%;
}
.gallery article img {
min-width: 96%;
width: 100%;
}

/* videos*/
.videos article {
float:left;
width: 27%;
height: 110px;
}
.videos article a img {
min-width: 96%;
width: 100%;
}
.videos h2, .videos-single h2 {
margin-top: 23px;
margin-bottom: 0;
padding: 1% 3%;
}
.videos div.content {
padding: 5% 0%;
}

/* videos-single */
#playoverlay {
width: 100%;
text-align: center;
position: absolute;
bottom: 20%;
display: block;
text-decoration:none;
}

/* celebrity-list */
ul#celebs>li {
border-bottom:1px solid #c3c3c3;
padding: 1% 5%;
}
ul#celebs>li img {
vertical-align:middle;
padding-right:2%;
display:inline-block;
}
ul#celebs>li h4 {
display:inline-block;
width: 73%;
}
/* 404 page*/
div.page404 {
padding: 5% 5%;
}


/*feature phones*/
@media screen and (max-width:240px) {
header {
height: 120px;
}
.sub {
height: auto;
border-left: none;
border-top: 2px solid #393939;
}
.sub li {
display:block;
width: 100%;
height: auto;
padding-top: 2%;
padding-bottom: 2%;
border-bottom: 1px solid #393939;
}
.sub ul li a {
padding: 0;
}
.news article h1 {
font-size: 1em;
}
.news article p {
display:none;
}
.news.news-single article p {
display:block;
}
ul#celebs>li h4 {
width: 68%;
}
}

@media screen and (max-width:300px) {
h1.sitename {
position:static;
}
.sub {
width:100%;
position: static;
border-left: none;
}
.sub li a {
width: 100%;
text-align: center;
}
.imgLarge {
display:none;
}
header { 
margin-bottom: 35px;
}
}

/*tablets*/
@media screen and (min-width:430px) {
.videos article {
height: 165px;
}
.photos article {
height: 300px;
}
.imgLarge {
margin: 0 auto;
}

}
/*smartphones*/
@media screen and (min-width:301px) {
.imgSmall {
display:none;
}
.gallery article {
overflow:hidden;
}
}