html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family:Arial, Helvetica, sans-serif; }
p { text-align: justify; }
body { line-height: 1; font-size: 62.5%; /* 10px */ line-height: 1.5em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table /*cellspacing="0" */ { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }
/* -------------------- PAGE -------------------- */
html{
background:#000 url(bgBody.jpg) center top repeat;
height:100%;
font-size: 100%; /* nice text resizing in IE */
}
body{
color:#333;
background: url(colors.png) repeat-x top right;
}
/* -------------------- HEADER -------------------- */
#header{
height:62px;
}
#header IMG{
border: 0px;
}
#logo {
position: absolute;
z-index: 10;
float: left;
}
#nav{
height:40px;
background: url(nav.png) left bottom repeat-x;
}
#nav ul{
margin:0 0 0 10px;
}
#nav li{
float:left;
margin:0 15px 0 0;
list-style:none;
padding: 10px 0 0 0;
position: relative;
}
#nav li a { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#nav li a:hover { color:#FF6600; }
#nav li.end{
margin:0;
}
#nav a{
color:#333;
position: static;
text-decoration: none;
}
#nav span {
position: absolute;
background-repeat:no-repeat;
background-position: 0 0;
height: 35px;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
}
* html #nav a:hover { background-position: 0 0;} /* :hack: fix sticky menu images in IE6 */
#nav a:focus span, #nav a:hover span {
background-position:0 -40px;
}
#nav_home { width:68px; }
#nav_home span { background-image:url(nav_home.png); }
#nav_daily { width:87px; }
#nav_daily span { background-image:url(nav_daily.png); }
#nav_rels { width:51px; }
#nav_rels span { background-image:url(nav_rels.png); }
#nav_fashion { width:39px; }
#nav_fashion span { background-image:url(nav_fashion.png); }
#nav_paparazzi { width:68px; }
#nav_paparazzi span { background-image:url(nav_paparazzi.png); }
#nav_movies { width:51px; }
#nav_movies span { background-image:url(nav_movies.png); }
#nav_tv { width:70px; }
#nav_tv span { background-image:url(nav_tv.png); }
#nav_music { width:43px; }
#nav_music span { background-image:url(nav_music.png); }
/* -------------------- COLUMNS -------------------- */
#container{
width:960px;
margin: 0 auto;
padding: 15px 0 15px 0;
overflow: hidden;
}
#content{
padding:10px;
background-image: url("bg_content.png");
overflow: hidden;
}
.column{
float: left;
}
#columnA {
width: 468px;
margin-right: 10px;
}
#columnA1 {
width: 650px;
margin-right: 10px;
}
#columnB1 {
width: 270px;
margin-right: 10px;
}
.mainmenu li { background: url('arrow.jpg') no-repeat !important; background-position: 0 4px; padding-left: 18px; }
#columnB {
width: 300px;
margin-right: 10px;
}
#columnC {
width: 152px;
}
/* -------------------- BOXES -------------------- */
.ads{
margin-bottom: 10px;
}
#news{
background-color: #FFF;
padding: 8px 8px 8px 8px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
blockquote {
margin:2px 40px;
upadding:3px;
color:#575757;
padding: 0 50px;
background: transparent url("quote.gif") no-repeat 0 0;
}
#comments{
background-color: #FFF;
padding: 8px 8px 0 8px;
margin-bottom: 10px;
}
#comments h4,
#comments h4 A{
font: 13pt Arial;
text-decoration: none;
color: #8b3955;
}
#search input,
#search textarea,
#comments input,
#comments textarea{
color: #333;
font: 8.5pt Tahoma;
padding: 2px;
border: 1px #999 solid;
margin-bottom: 2px;
}
.commentlist,
#comments form{
margin-top: 5px;
padding-bottom: 5px;
font: 8pt Arial;
}
.commentlist li{
border: 1px #333 dashed;
margin-bottom: 5px;
padding: 5px;
font: 8.5pt Arial;
}
.comment-author IMG{
float: left;
border: 1px #CCC solid;
margin-right: 8px;
}
.comment-meta,
.comment-meta A {
font-size: 7pt;
margin-bottom: 7px;
margin-top: 5px;
text-decoration: none;
color: #999;
}
.fn{
font-weight: bold;
}
#tags,
#tags A,
.post_tags A {
font-family: Arial;
text-decoration: none;
color: #164054;
}
#tags a:hover,
.post_tags A:hover {
color: #256a8b;
}
.perm,
.perm a {
color: #256a8b;
text-decoration: none;
text-align: center;
font-size: 9pt;
}
#news h1,
#news h1 A{
font: 16pt Arial;
text-decoration: none;
color: #164054;
font-weight: bold;
}
h5{
font-size: 17px;
font-weight: bold;
font-family: arial;
}
#news IMG{
margin: 8px auto 8px auto;
border: 2px #164054 solid;
}
#news p{
font: 9pt Arial;
padding-bottom: 8px;
}
.info {
font: 7.5pt Tahoma;
color: #164054;
text-decoration: none;
}
.info A,
.info A:link,
.info A:hover {
font-weight: bold;
text-decoration: none;
color: #164054;
}
.box p { font-size:12px; }
.box{
background-color: #FFF;
padding: 8px 8px 8px 8px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
#news h2 { font-size:14px; }
#tags li a { font-size:12px; }
p a { color:#666666; text-decoration:underline; }
.box H2{
font: 14px Arial !important;
font-weight: bold !important;
color: #8b3955;
}
#comment{
font: 8pt Arial;
background: #FFF url("dashes.gif") left bottom repeat-x;
padding: 8px 0 8px 0;
margin-bottom:8px;
overflow: hidden;
}
#comment A,
#comment A:link,
#comment A:hover {
color: #164054;
text-decoration: none;
font-weight: bold;
}
#about p{
font: 8pt Arial;
padding: 8px 0 0 0;
}
#daily p{
font: 9pt Arial;
padding-bottom: 8px;
padding-top: 0;
margin-top: 0;
}
#daily IMG{
border: 1px #333 solid;
margin: 8px auto 8px auto;
display: block;
}
#daily #title,
#daily #title A,
#daily #title a:hover{
font: 10pt Arial;
padding: 0;
margin: 0;
font-weight: bold;
color: #333;
text-decoration: none;
}
.right{
float: right;
font: 8pt Arial;
font-weight: bold;
color: #FFF;
padding: 5px;
background: #FFF url("bg_content.png") left top repeat;
}
.left{
float: left;
font: 8pt Arial;
font-weight: bold;
color: #FFF;
padding: 5px;
background: #FFF url("bg_content.png") left top repeat;
}
.left A,
.right A{
text-decoration: none;
color: #FFF;
}
.inactive {
text-decoration: none;
color: #b1b1b1;
}
/* -------------------- FOOTER -------------------- */
.wp-pagenavi {
font-family: Arial;
}
.footer{
background: url("footer.png") left bottom repeat-x;
height: 50px;
}
.footer p{
margin-left: 20px; padding-top: 12px; font-size: 11pt; float: left;
font-family: arial;
font-weight: bold;
font-size: 11px;
}
.footer img.imgTop {
float: right; margin-top: 12px; margin-right: 25px;
}
.blackline{
background: #333 url(colors.png) left top repeat;
height: 8px;
}
#blackBottom {
background:url("bg_content.png") repeat;
overflow:hidden;
color: #fff;
font: 1.2em/2.0em Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 20px;
}
#articles li { margin:3px 0; padding:3px 0; }
#articles li a { color:#333333; text-decoration:none; font-size:12px; }
#more a { font-size:11px !important; color:#999999 !important; padding-top:10px; }
#blackBottom .lineleft { background:url("lineleft.png"); height: 11px; width: 128px; margin-bottom: 9px; margin-left: -3px;}
#blackBottom .linemid { background:url("linemid.png"); height: 11px; width: 104px; margin-bottom: 9px; margin-left: -5px;}
#blackBottom .lineright { background:url("lineright.png"); height: 11px; width: 88px; margin-bottom: 9px; margin-left: -5px;}
#blackBottomLeft { width: 320px; float: left; padding-left: 20px; margin-left: 14px;}
#blackBottomLeft a.news { color: #fff; text-decoration:none; border-bottom: 1px solid #87314e; font-weight: bold;}
#blackBottomLeft p { margin: 10px 0 10px 0; line-height: 16px;}
#blackBottomMid { width: 225px; float: left; margin-left: 33px; margin-right: 26px; }
#blackBottomMid li { background: url("listBulletRood.png") center left no-repeat; padding-left: 18px;}
#blackBottomMid li a { color: #fff; text-decoration:none;}
#blackBottomMid li a:hover { border-bottom: 1px solid #fff;}
#blackBottomMid li:hover { background: url("listBulletRoodOver.png") center left no-repeat; padding-left: 18px;}
#blackBottomRechts { width: 900px; float: right; padding-right: 39px; margin-bottom: 40px;}
#blackBottomRechts li { background: url("listBulletPaars.png") center left no-repeat; display:inline; padding-left:10px; margin-left:15px; }
#blackBottomRechts li a { color: #fff; text-decoration:none;}
#blackBottomRechts li a:hover { border-bottom: 1px solid #fff;}
#blackBottomRechts li:hover { background: url("listBulletPaarsOver.png") center left no-repeat; padding-left: 10px;}