/*
Theme Name: The New Music
Theme URI: http://blog.thenewmusic.net
Description: A custom theme for the The New Music.
Version: 1
Author: Matt McCausland
Author URI: http://www.muchmusic.com
*/

body {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: Arial, sans-serif;
	/*background: #464646 url(images/ZuneBackground.jpg) center 133px no-repeat;*/
	background: #464646 url(images/Background.jpg) center 133px repeat-y;
}

#Container {
	width: 974px;
	margin: 0 auto;
	background: #b6b6b6;
}

a:focus {
	outline: none;
}

.Clear {
	clear: both;
}

/* Much Header And Footer ========================= */

#nav .navInner {
	width: 974px;
	margin: 0 auto;
}

#Footer table table {
	width: 974px;
	margin: 0 auto;
}

#LeaderBoardContainer {
	background: #242424 url(http://www.muchmusic.com/images/home/bg/leaderBoard.jpg) bottom left repeat-x;
}

#LeaderBoard {
	width: 974px;
	margin: 0 auto;
	padding: 5px 0;
}

/* Header ========================================== */

#Header {
	height: 159px;
	background: url(images/Header.jpg);
	position: relative;
}

#Header h1 {
	margin: 0;
	padding: 0;
}

#Header h1 a {
	display: block;
	text-indent: -9999px;
	width: 310px;
	height: 161px;
	float: left;
}

#Header a#ZuneHeader {
	position: absolute;
	top: 0;
	right: 0;
	width: 297px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background: url(images/ZuneHeader.png) no-repeat;
}

/* Main Menu ====================================== */

ul#Nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#Nav li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#Nav li a {
	display: block;
	float: left;
	text-indent: -9999px;
	height: 159px;
}

ul#Nav li.News a {
	width: 109px;
}

ul#Nav li.News a:hover, ul#Nav li.News a.Selected {
	background-image: url(images/Header.jpg);
	background-position: -310px 100%;
}

ul#Nav li.Concerts a {
	width: 140px;
}

ul#Nav li.Concerts a:hover, ul#Nav li.Concerts a.Selected {
	background-image: url(images/Header.jpg);
	background-position: -419px 100%;
}

ul#Nav li.Videos a {
	width: 139px;
}

ul#Nav li.Videos a:hover, ul#Nav li.Videos a.Selected {
	background-image: url(images/Header.jpg);
	background-position: -559px 100%;
}

ul#Nav li.Reviews a {
	width: 140px;
}

ul#Nav li.Reviews a:hover, ul#Nav li.Reviews a.Selected {
	background-image: url(images/Header.jpg);
	background-position: -698px 100%;
}

ul#Nav li.Photos a {
	width: 136px;
}

ul#Nav li.Photos a:hover, ul#Nav li.Photos a.Selected {
	background-image: url(images/Header.jpg);
	background-position: 100% 100%;
}

/* Primary Post ======================= */

#PrimaryPost {
	margin: 15px 25px;
	overflow: hidden;
	background: url(images/ZuneBottomBorder.png) bottom left repeat-x;
	padding-bottom: 23px;
}

#PrimaryPost a img {
	float: left;
	border: 3px solid #000;
	margin-right: 13px;
}

#PrimaryPost a:hover img {
	border: 3px solid #09ffc2;
}

#PrimaryPost h2 {
	margin: 0;
	padding: 0;
}

#PrimaryPost h2 a {
	text-decoration: none;
	color: #000;
	font-size: 32px;
	line-height: 34px;
	text-transform: uppercase;
}

#PrimaryPost h2 a:hover {
	color: #09ffc2;
}

#PrimaryPost p {
	font-size: 15px;
	color: #000;
	line-height: 18px;
}

#PrimaryPost a.ReadMore {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#PrimaryPost a.ReadMore:hover {
	color: #09ffc2;
}

/* Secondary Posts ============================= */

#SecondaryPosts {
	margin: 0 16px 14px;
	overflow: hidden;
	background: url(images/SecondaryBG.gif) repeat-y;
}

.SecondaryPost {
	width: 300px;
	float: left;
	background: #09ffc2;
	color: #000;
	margin: 0 7px;
	padding-bottom: 8px;
}

.SecondaryPost a img {
	border: 0;
}

.SecondaryPost h3 {
	margin: 8px 7px;
	padding: 0;
}

.SecondaryPost h3 a {
	text-decoration: none;
	color: #000;
	font-size: 23px;
}

.SecondaryPost h3 a:hover {
	color: #fff;
}

.SecondaryPost p {
	margin: 0 7px 8px;
	font-size: 15px;
	line-height: 18px;
}

.SecondaryPost a.ReadMore {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 7px;
}

.SecondaryPost a.ReadMore:hover {
	color: #fff;
}

/* Sidebar ===================================== */

.Sidebar {
	width: 300px;
	float: left;
	margin: 0 7px;
}

#BigBoxAd {
	width: 300px;
	height: 250px;
	background: #000;
	border-bottom: 14px solid #B6B6B6;
}

#Search {
	background: #5d5d5d;
	width: 280px;
	height: 75px;
	padding: 10px;
	position: relative;
}

#Search a.Contact {
	text-decoration: none;
	background: #09ffc2;
	color: #000;
	font-weight: bold;
	padding: 7px 13px;
	position: relative;
	top: 8px;
}

#Search a.Contact:hover {
	color: #09ffc2;
	background: #000;
}

#Search a.RSS {
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/FeedIcon.gif);
	text-indent: -9999px;
	float: left;
	margin-right: 10px;
}

/*a#ZuneSidebarHome {
	display: block;
	text-indent: -9999px;
	width: 300px;
	height: 108px;
	background: url(images/ZuneSidebar.png);
	margin-top: 56px;
}

a#ZuneSidebarInner {
	display: block;
	text-indent: -9999px;
	width: 300px;
	height: 108px;
	background: url(images/ZuneSidebar.png);
	margin-left: 15px;
}
*/
/* Tertiary Posts ============================== */


#TertiaryPostsTop {
	background: url(images/TertiaryTop.jpg);
	height: 12px;
	margin: 0 23px;
	width: 928px;
}

#TertiaryPosts {
	clear: both;
	background: #5E5E5E url(images/TertiaryBG.jpg) bottom left no-repeat;
	width: 928px;
	margin: 0 23px;
	overflow: hidden;
	padding-bottom: 5px;
}

.TertiaryPost {
	width: 285px;
	float: left;
}

#TertiaryPostOne {
	margin: 6px 14px 6px 6px;
}

#TertiaryPostTwo {
	margin: 6px 14px 6px;
}

#TertiaryPostThree {
	margin: 6px 6px 6px 14px;
}

.TertiaryPost a img {
	border: 0;
}

.TertiaryPost h4 {
	margin: 5px 0;
	padding: 0;
}

.TertiaryPost h4 a {
	text-decoration: none;
	color: #09ffc2;
	font-size: 23px;
}

.TertiaryPost h4 a:hover {
	color: #000;
}

.TertiaryPost p {
	font-size: 15px;
	line-height: 18px;
	margin-top: 0;
}

.TertiaryPost a.ReadMore {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.TertiaryPost a.ReadMore:hover {
	color: #09ffc2;
}

/* Footer ========================================== */

#BlogFooter {
	clear: both;
	overflow: hidden;
	margin: 14px 16px;
	background: url(images/FooterBG.gif) repeat-y;
	border-bottom: 24px solid #B6B6B6;
}

.FooterBox {
	width: 300px;
	float: left;
	background: #09ffc2;
	margin: 0 7px 14px;
}

.FooterBox li {
	list-style: none;
}

.FooterBox h3, .FooterBox li h2 {
	text-transform: uppercase;
	margin: 7px;
	font-size: 23px;
}

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

.FooterBox ul li {
	margin: 0;
	padding: 0;
}

.FooterBox ul li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	padding: 3px 7px;
	color: #000;
}

.FooterBox ul li a:hover {
	color: #09ffc2;
	background: #000;
}

/* =========================================================== */
/* Single Post =============================================== */
/* =========================================================== */

#Content {
	width: 974px;
	position: relative;
}

#MainContent {
	width: 644px;
}

#SecondaryContent {
	width: 329px;
	position: absolute;
	top: 0;
	right: 0;
}

#SecondaryContent #BigBoxAd {
	margin: 14px auto;
}

#SecondaryContent #Search {
	margin: 36px auto 14px;
}

.post {
	margin: 15px 7px 100px 23px;
	font-size: 15px;
	color: #000;
	line-height: 18px;
}

.post h2 {
	color: #000;
	font-size: 40px;
	line-height: 38px;
	text-transform: uppercase;
}

.post a {
	text-decoration: none;
	padding: 2px;
	color: #fff;
}

.post a:hover {
	color: #000;
	background: #09FFC2;
}

.post img {
	border: 3px solid #000;
}

p.PostMetaData {
	padding: 5px;
	background: #5D5D5D;
}

#respond {
	margin: 0 7px 14px 23px;
}

#respond h3 {
	text-transform: uppercase;
	font-size: 20px;
}

/* Search =================================== */

#searchform {
	position: absolute;
	top: 55px;
	left: 10px;
}

/* Post Navigation ===== */

.PostNav {
	margin: 20px 0 20px 23px;
	overflow: hidden;
}

.PostNav a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #09FFC2;
	padding: 5px;
	background: #000;
}

.PostNav a:hover {
	color: #000;
	background: #09FFC2;
}

.PostNav .OlderEntries {
	width: 49%;
	float: left;
}

.PostNav .OlderEntries a {
	float: left;
}

.PostNav .NewerEntries {
	width: 49%;
	float: right;
	text-align: right;
}

.PostNav .NewerEntries a {
	float: right;
}

/* Comments ===== */

ol.CommentList {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.CommentList li {
	margin: 0;
	padding: 15px 10px;
	border-bottom: 1px solid #ccc;
}

ol.CommentList li.even {
	background: #ececec;
}

#MainContent ol.CommentList p {
	font-size: 12px;
}

.comment-author {
	font-size: 10px;
}

.Reply a {
	font-size: 10px;
	padding: 5px;
	background: #ccc;
}

/* Archives ===================================== */

h2.pagetitle {
	margin-left: 23px;
	text-transform: uppercase;
	font-size: 36px;
}