@charset "UTF-8";
/*	Main CSS
	Site: MTR
	Updated: 00-00-08 - 00:00  //  JF
*/	


@import "reset.css";
@import "base.css";
@import "typography.css";


a { color: #09f; }
a:hover { color: #3cf; }

body {
	background: url(../images/backgrounds/pattern-bg.gif) center top repeat;
	color: #ccc;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	}

#container {
	width: 900px;
	margin: 0 auto;
	position: relative;
	}

	
#masthead {
	width: 900px;
	background: url(../images/backgrounds/masthead-bg.jpg) top left no-repeat; 
	height: 190px;
	padding: 0 42px 40px 145px;
	margin-left: -145px;
	margin-right: -42px;
	position: relative;
	border-top: 1px solid #000; /* to fix positioning bug */
	margin-top: -1px;
	}	
#masthead h1 { 
	position: absolute;
	}
h1 #logo {
	width: 170px;
	height: 180px; 
	background-image: url(../images/mtr-logo.jpg);
	left: 35px;
	top: 5px;
	}

#masthead #nav { 
	position: absolute;
	top: 130px;
	left: 370px;
	}
ul#mainnav {
	height: 32px;
	width: 512px;
	margin-bottom: 4px;
	}	
#mainnav li {
	display: block;
	float: left;
	}
#mainnav a {
	display: block;
	height: 32px;
	position: relative;
	float: left;
	}	
#mainnav a.current { background-position: 0 bottom; }
#n-blog { width: 105px; background-image: url(../images/buttons/mainnav/blog-btn.png); }
#n-mixtapes { width: 104px; background-image: url(../images/buttons/mainnav/mixtapes-btn.png); }
#n-about { width: 153px; background-image: url(../images/buttons/mainnav/about-btn.png); }
#n-contact { width: 150px; background-image: url(../images/buttons/mainnav/contact-btn.png); }
/*
#n-blog:hover { background-position: 0 -32px; }
#n-mixtapes:hover { background-position: -89px -32px; }
#n-about:hover { background-position: -202px -32px; }
#n-contact:hover { background-position: -354px -32px; }

#n-blog:active { background-position: 0 -64px; }
#n-mixtapes:active { background-position: 0 -64px; }
#n-about:active { background-position: 0 -64px; }
#n-contact:active { background-position: 0 -64px; }

*/

#subnav {
	padding: 2px 2px 5px 7px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	}
#subnav li { float: left; margin-right: 15px; }	
#subnav li a { 
	color: #ccc; 
	font-size: 12px; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	padding: 3px 5px 4px;
	font-weight: bold; 
	text-decoration: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
#subnav li.current_page_item a {
	background-color: #666;
	}	
#subnav li a:hover {
	color: #333;
	background-color: #CCFF00;
	}

#content { 
	width: 865px;
	padding-left: 35px;
	margin: -20px auto 0;
	position: relative;
	overflow: hidden;
	}

.header {
	padding-bottom: 15px;
	margin-bottom: 10px;
	}
.header h2 {
	color: #666;
	margin-bottom: 0;
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	}
.header .description { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #ac9f7d;
	}
.rss-icon {
	background: none !important;
	padding: 3px !important;
	}	
#mainCol {
	float: left;
	background: #000 url(../images/backgrounds/stars-bg.gif) repeat fixed 10% 10%;
	padding: 15px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
	line-height: 1.3;
	margin-bottom: 1em;
	margin-right: 10px;
	}	
a { text-decoration: underline; }
a:hover { text-decoration: none; }

.three-col #mainCol { width: 470px;	}
.two-col #mainCol { width: 650px;	}


#mainCol h3 {
	font-weight: bold;
	margin-bottom: 8px;
	}

#mainCol h3 a { color: #09f; text-decoration: none; }	
#mainCol h4 { font-size: 14px; }	

#mainCol li { line-height: 1.5; }

.announcement {
	 padding: 5px;
	 border: 1px solid #333;
	 background-color: #151515;
	 color: #f00;
	 font-size: 12px; 
	 margin-bottom: 15px;
	 }

/*========================================================== BLOG
*/	

.post { /*
	width: 464px; */
	padding: 0 3px 10px;
	border-bottom: 6px solid #2c2c2c;
	margin-bottom: 20px; 
	overflow: hidden;
	}
#mainCol .post h2.title,
#mainCol .post h3.title {
	padding-bottom: 5px;
	margin-bottom: -3px;
	font-weight: bold;
	}
	
.post .author,
.post .date {
	color: #999;
	font-size: 11px;
	margin-bottom: 1em;
	display: block;
	}
.post .author {	float: left; }
.post .author a { color: #f93; }
.post .date { text-align: right; font-style: italic; }
.post p {
	display: block;
	overflow: hidden;
	padding-bottom: 2px;
	}
.post em, .post em a { color: #96f; background-color: transparent; }
.post em, .post em a { color: #cf3; }
.post strong { color: #c0f; }
.post a strong { color: #09f; }

.postmetadata a {
	color: #f90;
	text-decoration: none;
	}
.postmetadata a:hover { text-decoration: underline; }	
.comments-link { 
	padding-left: 14px;
	background: url(../images/icons/comment-icn.gif) left center no-repeat;
	}

.three-col #sideCol1,
.three-col #sideCol2,
.two-col .sidebar {
	width: 170px;
	float: left;
	}
.three-col #sideCol1 { margin-right: 10px; }


.alt { background-color: transparent !important; }

/*------------------------ SINGLE 
*/
.post-page { border-bottom-width: 1px; }

#author-box { border-top: 1px solid #2C2C2C; padding-top: 10px; }

.entry-nav div,
.entry-nav span { 
	display: block;
	background-color: #222; 
	padding: 2px 5px 3px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	max-width: 212px;
	}
.entry-nav .prev-link {
	padding-left: 16px;
	background: #222 url(../images/buttons/prev-arrow.gif) left center no-repeat;
	}	
.entry-nav .next-link {
	padding-right: 16px;
	background: #2C2C2C url(../images/buttons/next-arrow.gif) right center no-repeat;
	}		
.entry-nav a { 	font-size: 12px; text-decoration: none; }

/*------------------------ COMMENTS 
*/
.commentlist li {
	display: block;
	background-color: #050a1a;
	border: 1px solid #333;
	padding: 10px 15px 7px;
	margin-bottom: 10px;
	}
.commentlist span.author {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #999;
	float: none;
	margin-bottom: .5em;
	}
.commentlist .author cite { font-style: normal; }	
.commentlist .author a { color: #999; }
.commentlist .commentmetadata { display: block; text-align: right; }
.commentlist p { margin-bottom: .2em; }
.commentlist .author_comment { border-left: 2px solid #9205e6; }

#commentform label { margin-left: 8px; font-size: 11px; font-style: italic; }
#commentform textarea#comment { width: 455px; }
#commentform input { padding: 3px 5px; }


/*------------------------ NAV 
*/
.entry-nav { overflow: hidden; margin-bottom: 10px; }

/*----------------------------------------------- MIXES 
*/
.mix h4 { font-weight: bold; font-size: 14px; margin-bottom: 5px; }
.mix ol { margin-left: 2em; }
.mix ol em { color: #cf3; }
.mix ol strong { color: #c0f; }
.mix .intro { overflow: hidden; margin-bottom: 7px; }
.mix .entry img,
#mixtapes .intro img { float: left; margin-right: 15px; }
.mix .description { display: block; }
.page-365 .post { /* same as search results layout */
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}	
.mix p { padding-bottom: 2px; }

.page-365 .post img { width: 100px; height: inherit; float: left; margin-right: 10px;  }
.page-365 .post .more-link { display: none; }
.page-365 #mixtapes { border-bottom:6px solid #2C2C2C; }

/*----------------------------------------------- AUTHORS 
*/
.crew .author {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	}
.crew .author img.avatar { border: 4px solid #2c2c2c; margin-bottom: 2px; }	
.crew .author a:hover img.avatar { border-color: #555; }
.crew h3.author-name { 
	text-align: center; 
	font-size: 12px;
	text-transform: capitalize;
	padding-top: 4px;
	}	


/*----------------------------------------------- AUTHOR
*/
.author-header { margin-bottom: 15px; }	
.author-header h2 { margin-bottom: 2px; }
h5.one-liner {
	color: #cf3;
	font-size: 10px;
	text-transform: uppercase;	
	}
.author-profile {
	border-bottom: 1px solid #2c2c2c;
	padding-bottom: 15px;
	}
.author-posts {
	width: 270px;
	margin-right: 10px;
	float: left;
	}
.author-contact {
	width: 190px;
	float: left;
	}


/*----------------------------------------------- LINKS 
*/
#mainCol .linkcat { float: left; margin-right: 20px; width: 130px; } /* Temporary – need to build real columns eventually.. */

/*----------------------------------------------- CONTACT 
*/

.cform input { width: 180px; }






/*----------------------------------------------- SIDEBAR 
*/
.sidebar { float: left; }
.sidebar ul { padding: 0 4px; }
.sidebar h3 {
	position: relative;
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
	}

.sidebar li {
	font-size: 11px;
	line-height: 1.3;
	margin-bottom: .3em;
	display: block;
	overflow: hidden;
	}
#sideCol2 li {
	margin-bottom: 12px;
}
#sideCol2 li li { margin-bottom: .3em; }
.sidebar a {
	color: #f90;
	text-decoration: none;
	}	
.sidebar a:hover {
	text-decoration: underline; 
	}
.sidebar li a { /* specify .iconlist ? */
	float: left;
	padding-left: 13px;
	background-position: left .5em;
	background-repeat: no-repeat;
	background-image: url(../images/icons/gray-arrow.gif);
	}
.sidebar li.categories a { margin-right: 3px; }	
.sidebar li a:hover { background: url(../images/icons/gray-arrow-over.gif) 1px .5em no-repeat;	}
.sidebar .widget li { font-size: 1em; }	
.sidebar .ad { margin-bottom: 10px; }
.sidebar .ad a { background: none; padding: 0; }

.sidebar #change-ban a {
	background: inherit;
	padding: 0;
	float: none;
}
/*------------------------ SEARCH
*/
#searchform .search-field {
	display: inline-block;
	width: 125px;
	margin-right: 2px;
	margin-bottom: 0;
	padding: 2px 3px;
	height: 14px;
	vertical-align: middle;
	}
#searchform .search-btn {
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url(../images/buttons/search-btn.gif);
	border: 0;
	vertical-align: middle;
	}

.search .post {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}	


/*------------------------ DISCLAIMER
*/
.disclaimer h4 {
	color: #f09;
	font-size: 13px;
	margin-bottom: 8px;
	font-style: normal;
	font-weight: bold;
	}
.disclaimer {
	border-top: 6px solid #2C2C2C;
	margin-top: 5px;
	padding-top: 7px;
	font-style: italic;
	}
.sidebar .disclaimer a,
.sidebar .disclaimer a:hover {
	background: none;
	padding: 0;
	float: none;
	}
.disclaimer p {
	padding:8px; 
	background-color:#222; 
	border:2px solid #333;
	}	
	
/*========================================================== CAPTAIN'S CRATE
*/	

#mainCol .post h2.title,
#mainCol .post h3.title a { color: #e60598; }	
.post .entry img { 
	display: block;
	float: left;
	margin: 2px 10px 10px 0;
	}
.post img.size-medium { margin-right: 10px; }
.post .entry img.size-thumbnail { margin: 0 7px 7px 0; }

	
	
	
	
	
	
	
	
	
	
	
#footer {
	width: 820px;
	margin: 0 auto;
	border-top: 3px solid #222;
	padding: 5px 0 10px;
	overflow: hidden;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}	
#footer ul { margin-bottom: 0; padding: 4px 0; }
#footer ul.right li {
	margin-left: 20px;
	color: #666;
	}	
#footer ul.right a { color: #666; }	
#wp_quotes { 
	background: #222 url(../images/black-2px.gif) 5px top repeat-y; 
	color: #caff44;
	padding: 4px 10px 4px 12px;
	overflow: hidden;
	max-width: 400px;
	}
#wp_quotes div { float: left; }
.wp_quotes_author { font-style: italic; }
.wp_quotes_author:before { content: "— "; }

	
	
	
	
a.external_icon { background: none !important; padding-right: 0 !important; }	
/*
#mainCol a.external {
	background:transparent url(/wp/wp-content/plugins/sem-external-links/external.png) no-repeat scroll right center;
	padding-right:13px;
	}
*/
	
	
#mainCol span.ymwp-track-container-class a.ymwp-track-class, 
#mainCol span.ymwp-track-container-class a.ymwp-track-class:visited	{
	text-decoration: none;
	}