/* consolidating to one stylesheet for performance -n */

/* set up the overall page appearance */


body { 
background:#000 url(/images/bgs/wood.jpg);
	margin:0;
	padding:0;
}

body#advertise { background:#000 url(/images/bgs/bg1.gif);}
body#subscribe { background:#000 url(/images/bgs/bg4.gif);}
body#photos { background:#000 url(/images/bgs/bg2.gif);}
body#new-music { background:#000 url(/images/bgs/tile5.gif);}

body#about { background:#000 url(/images/bgs/tile1.gif);}
body#contact-us { background:#000 url(/images/bgs/tile2.gif);}
body#magazine { background:#000 url(/images/bgs/tile4.gif);}
body#videos { background:#000 url(/images/bgs/tile5.gif);}
body#rap-up-tv { background:#000 url(/images/bgs/tile6.gif);}

#page { text-align: center;
        width: 750px;
        min-width: 600px;
        max-width: 1200px;
      }
#box,#copyright {  padding: 20px 0px 45px 0;
		border-left:12px solid white; /* makes IE happy */
        background-color: #fff;
        width: 955px;
        text-align: left;
      }
#copyright { margin:0 auto; padding:15px 0; background:#e5e5e5; border:0; }
#copyright p { text-align:center; margin:0; }

#logo { float:left; width:194px; overflow:hidden; }

/* styles for the columns. the widths relate to the #box width */

#left, #right
           { margin-right: 16px; vertical-align: top; float:left; }
#left      { width: 500px; }
#right     { width: 420px; margin-right:0; }

/* styles for the rounded corners */
/* height and background *must* match the color and height here with the corner images */
.roundrect { width: 100%; background: #e5e5e5;}
.roundrect { margin-bottom: 5px; }

/* no more rounded corners! (but i left the html (ctop divs) in there) -n
.ctop div  { background: url(images/corner1.blk.png) no-repeat top left; }
.ctop      { background: url(images/corner2.blk.png) no-repeat top right; }
.cbot div  { background: url(images/corner3.blk.png) no-repeat bottom left; }
.cbot      { background: url(images/corner4.blk.png) no-repeat bottom right; }
*/

.ctop div, .ctop, .cbot div, .cbot
           { width: 100%; height: 7px; font-size: 1px; }

iframe     { margin-bottom: 5px; }
.half { width:49%; float:left; margin-right:1%; }
.half.tail { margin-right:0; }
.full { width:408px; }
div.row {float: left; margin: 0; padding: 0; width: 98.5%;}
div.cols3 {float: left; width: 32%; margin: 0 3px 0 0; padding: 0;}

/* styles for the page content */

/* global formatting: font */
body { font-family: "American Typewriter", "Courier New", Courier, monospace; }
a, p, h1, h2, h3, h4, h5, .dateline, .byline, ol, .entry { 
	text-align: left;
	font-weight:normal;
}
.entry { overflow:auto; }
.entry { clear:left; }

/* margins */
p, h1, h2, h3, h4, h5, .dateline, .byline, ol
           { padding-left: 6px; 
             padding-right: 6px;
           }

a { color: #ff0099; text-decoration: none }
a:hover { text-decoration: underline }



.tight     { margin: 0px }

p, #page, .entrytext
           { color: black; font-size: 13px; }

p.small, ol { color: black; font-size: 13px; }

.grey      { 
             margin-left: 5px; margin-right: 5px;
}

h2 a { color:#000; }

h1 { font-size: 13px;
     font-family: "American Typewriter";
     font-weight: normal;
     text-transform: uppercase;
     margin-top: 3px;}
h2 { font-size: 18px; text-transform: uppercase; margin-top: 3px; margin-bottom: 0px; }
h3 { font-size: 16px; }
h4 { font-size:  14px; }
h5 { font-size:  14px; color: #32CCFF; font-style: italic; font-weight: normal; }

ol { margin-left: 5px; }
li { list-style-position: inside; }
hr { color: #ED2690; margin-left: 5px; margin-right: 5px; }

img { border: none; }

.bookmark { position: relative; top: 3px;}

#topnav { clear:left; }
ul#nav { margin:0; padding:5px 0 4px 0; list-style-type:none; width:99%; text-align:center; }
ul#nav li { 
	display:inline; 
	padding-right:4px;
/*	background:url(/images/nav-divider.gif) top right no-repeat; */
	}
ul#nav li a { 
	text-transform:uppercase; 
	font-weight:bold;
	font-size:15px;
	color:#000;
	background:#fff200 url(/images/navbutton-bg-yel.gif);
	padding:2px 4px 0 4px; 
	white-space:nowrap;
	line-height:30px;
}
ul#nav li.tail { background:none; margin-right:0; border:none; }
ul#nav li.active a { background:#000  url(/images/navbutton-bg-blk.gif); color:#ff00cc; }

/* search form styles */
#s-label { font-size:18px; display:block; float:left; margin:0 6px 0 6px;  }
#searchform #s { width:276px; height:21px; border:0; background:#fff url(/images/searchbar-bg.gif) top left no-repeat; padding:2px 4px; font-size:12pt;}
#searchsubmit { display:none; }

.spacer { clear:both; height:0; font-size:0; margin:0; padding:0; }

.num-comments {
	margin: 2px 0 0 8px;
	background: #fff200 url(/images/comment-bubble.gif) top left no-repeat;
	padding: 4px 6px 4px 31px;
	float: left;
	text-transform: uppercase;
	color: #666;
}

.byline {
	color: #666;
	margin: 7px 8px 0;
	padding: 0;
	float: right;
}
.metadata-contd { border-top:5px solid white; }

.date { float:left; display:block; border-right:1px solid #666; text-align:center; font-weight:bold; padding-right:8px; margin-right:8px; }
.date .month, .date .day { font-size:12px; background: #fff200; padding:1px; line-height:1.1em; }
.date .day { font-size:16px; line-height:1.1em; }

#respond,#comments { font-size:24px; font-weight:normal; color:#333; }
h3#respond { text-transform:uppercase; margin:25px 0 10px 0;}
#comments span { background: #fff200; }
p.postmetadata,p.interact { color:#666; font-size:12px; margin-top:4px; }

ol.commentlist { list-style-type:none ;}
ol.commentlist cite { font-size:16px; font-style: normal; }
ol.commentlist p { padding:0; margin:6px 0 12px 0;}
ol.commentlist small.commentmetadata a { font-size:12px; color:#09f; }
ol.commentlist li { margin-bottom:20px; }

#commentform #author-label,#commentform #email-label { text-transform:uppercase; font-size:12px; }
#commentform #comment,#commentform #author,#commentform #email { background:#e5e5e5; width:200px; border:0; padding:4px; font-size:16px; font-family: "American Typewriter", Courier, monospace; }
#commentform #comment { width:100%; }
#commentform p { margin:4px 0; }

#videobox { margin:10px 0; }

ul.clean,ul.clean li { margin:0; padding:0; list-style:none; }
ul.clean { padding:5px 10px; }
ul.clean li a { font-size:14px; color:#000; display:block; padding:2px 0;}

#category-list ul.clean { padding:0; }
#category-list ul.clean li a { font-size:12px; padding:2px 0 2px 10px; }
#category-list ul.clean.tail li a { font-size:12px; text-align:right; padding:2px 10px 2px 0;}

ul.bordered-links { margin:10px 0; padding:0; list-style:none; }
ul.bordered-links li {
	margin: 0 10px;
	padding: 0;
	list-style: none;
}
ul.bordered-links a {
	display: block;
	width: 200px;
	padding:10px 0; 
	border-top:1px solid black; 
	color:#00aeef;
}

.issue { padding-bottom:28px; background:url(/images/issue-separator.gif) bottom left no-repeat; margin-bottom:10px; }
.issue .buy-now { margin-left:10px; }
.issue h5 { margin:10px 0 0 0; }

#bottom-banner { width:728px; margin:0 auto; }

.navigation { width:100%; font-size:18px; margin-top:20px; }
.navigation .previous { width:50%; float:left; }
.navigation .next { width:50%; float:right; text-align:right; }

/* sidebar styles */
#player-wrap,
form#subscribe { width:185px; margin:4px auto; }
form#subscribe { width:175px; }
form#subscribe #email,
form#subscribe #fname,
form#subscribe #lname,
form#subscribe #name { width:168px; }
form#subscribe p.tight { padding:0; }

.post h2 a { display:block; padding-left:51px; }
.avatar { display:inline; }
.avatar img { width:30px; }

h2.blue { color:#00AEEF; }
.photo-gallery-link { margin:10px 0; }

#recently-popular img { display:block; width:75px; }
#recently-popular .photo { display:block; float:left; width:75px; height:50px; overflow:hidden; }
#recently-popular ul { margin:0; padding:5px 10px; list-style:none; }
#recently-popular ul li { clear:left; margin:0 0 2px 0; padding: 4px 4px 4px 37px; min-height:54px; overflow:auto; }
#recently-popular ul li a { font-size:14px; color:#000; display:block; padding:2px 0;}
#recently-popular .title, #recently-popular .post-stats { margin-left:85px; display:block; font-weight:normal; }
#recently-popular h2 { width:390px; height:86px; background:url(/images/most-read.gif) top left no-repeat; text-indent:-1000em; margin:0 auto; padding:0; }
.wpp-comments { display:none; padding-left:13px; background:url(/images/comment-icon-tiny.gif) left center no-repeat; }

ul li.most-read-1 { background:#e0469e url(/images/most-read-1.gif) left center no-repeat; }
ul li.most-read-2 { background:#4cbbf0 url(/images/most-read-2.gif) left center no-repeat; }
ul li.most-read-3 { background:#e0469e url(/images/most-read-3.gif) left center no-repeat; }
ul li.most-read-4 { background:#4cbbf0 url(/images/most-read-4.gif) left center no-repeat; }
ul li.most-read-5 { background:#e0469e url(/images/most-read-5.gif) left center no-repeat; }

.ad-300x250 { width:300px; height:255px; margin:5px auto; }
.ad-160x600 { width:160px; height:605px; margin:5px auto; }
.ad-728x90 { width:728px; height:90px; float:left; }
.ad-blogads { width:160px; height:610px; margin:5px auto; }

/* rap-up tv page */
#rap-up-tv #left { width:920px; }
#rap-up-tv .post { width:890px; margin:0 auto; }

/* blogs page */
ul.celebrity-blogs { margin:10px; padding:0; list-style:none; overflow:auto; }
ul.celebrity-blogs li { margin:0 0 8px 0; padding:0; list-style:none; width:49%; float:left; }