/*
Theme Name: MWW
Theme URI: http://www.mikewentwest.com/
Description: A Wordpress theme designed by MWM.
Version: 2.0
Author: MWM
Author URI: http://www.mikewentwest.com/
Tags: traditional blog style
*/


body {
	background-color: #cdcdcd;
	}

a img {
	border-style: none;
	}

.page {
	width: 824px;
	margin: 0px auto;
	background: url(images/background.png) repeat-y;
	}

.clear {
	clear: both;
}

/* start fonts */

p {								/* post text font */
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #574e4e;
	text-decoration: none;
	border-style: none;
	}

a, a:visited, a:hover {
	color: #b85b5a;
	text-decoration: none;
	border-style: none;
	outline: none;
	}

h1 {							/* menu bar font */
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-weight: normal;
	font-size: 15px;
	color: white;
	text-decoration: none;
	border-style: none;
	}

h1 a, h1 a:visited, h1 a:hover {
	color: white;
	text-decoration: none;
	border-style: none;	
	}

h2 {							/* post date/meta font */
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #574e4e;
	text-decoration: none;
	text-transform: uppercase;
	border-style: none;
	}
	
h2 a:hover {
	text-decoration: underline;	
	border-style: none;
	}

h2.footer {						/* footer font */
	margin: 0px;
	padding: 6px 75px;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #fefefe;
	text-decoration: none;
	text-transform: uppercase;
	border-style: none;	
	}

h2.footer a, h2.footer a:visited {
	color: #fefefe;
	text-decoration: none;
	text-transform: uppercase;
	border-style: none;	
	}

h2.footer a:hover {
	color: #b85b5a;
	text-decoration: none;
	text-transform: uppercase;
	border-style: none;	
	}

h3 {							/* post title font */
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-weight: normal;
	font-size: 24px;
	color: #574e4e;
	text-decoration: none;
	border-style: none;
	}

h3 a, h3 a:hover, h3 a:visited {	
	color: #574e4e;
	text-decoration: none;
	border-style: none;	
	}

h5 {					/* comments title font (also archives page title) */
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-weight: normal;
	font-size: 18px;
	color: #574e4e;
	text-decoration: none;
	border-style: none;
	}

p.sidebar {						/* sidebar font */
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: white;
	text-decoration: none;
	border-style: none;
	}

p.sidebar a, p.sidebar a:visited {
	color: white;
	text-decoration: none;
	border-style: none;
	}

p.sidebar a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #574e4e;
	}

/* end fonts */


/* start header */

.rounded-top {
	width: 824px;
	height: 24px;
	margin: 0px auto;
	background: url(images/top.png) no-repeat;
	}

.header-box {
	width: 824px;
	height: 188px;
	margin: 0px auto;
	background: url(images/background.png) repeat-y;
	}

.header-image {
	float: left;
	width: 598px;
	height: 200px;	
	margin-left: 12px;
	margin-top: -12px;
	}

.front {
	width: 598px;
	height: 200px;
	background: url(images/front.png);
	}

.archives {
	width: 598px;
	height: 200px;
	background: url(images/archives.png);
	}

.links {
	width: 598px;
	height: 200px;
	background: url(images/links.png);
	}

.about {
	width: 598px;
	height: 200px;
	background: url(images/about.png);
	}

a.front-title {
	float: right;
	display: block;
	width: 200px;
	height: 200px;
	margin-right: 12px;
	margin-top: -12px;
	background: url(images/front-title.png) 0px 0px no-repeat;
	}

a.archives-title {
	float: right;
	display: block;
	width: 200px;
	height: 200px;
	margin-right: 12px;
	margin-top: -12px;
	background: url(images/archives-title.png) 0px 0px no-repeat;
	}

a.links-title {
	float: right;
	display: block;
	width: 200px;
	height: 200px;
	margin-right: 12px;
	margin-top: -12px;
	background: url(images/links-title.png) 0px 0px no-repeat;
	}

a.about-title {
	float: right;
	display: block;
	width: 200px;
	height: 200px;
	margin-right: 12px;
	margin-top: -12px;
	background: url(images/about-title.png) 0px 0px no-repeat;
	}

a:hover.front-title, a:hover.archives-title, a:hover.links-title, a:hover.about-title {
	display: block;
	background-position: -200px 0px;
	}

/* end header */


/* start menu bar */

.menu-box {
	width: 824px;
	height: 27px;
	margin: 0px auto;
	background: url(images/background.png) repeat-y;
	}
	
a.front-active {
	float: left;
	width: 140px;
	height: 17px;
	margin: 0px 0px 0px 12px;
	padding: 6px 4px 4px 4px;
	text-align: center;
	background-color: #3f4a52;
	}

a.front-inactive {
	float: left;
	width: 140px;
	height: 17px;
	margin: 2px 0px 0px 12px;
	padding: 4px 4px;
	text-align: center;
	background-color: #29212b;
	}

a:hover.front-inactive {
	background-color: #372c3a;
	}

a.button-inactive {
	float: left;
	width: 140px;
	height: 17px;
	margin: 2px 0px 0px 2px;
	padding: 4px 4px;
	text-align: center;
	background-color: #29212b;
	}

a:hover.button-inactive {
	background-color: #372c3a;
	}

a.links-active {
	float: left;
	width: 140px;
	height: 17px;
	margin: 0px 0px 0px 2px;
	padding: 6px 4px 4px 4px;
	text-align: center;
	background-color: #403c40;
	}
	
a.about-active {
	float: left;
	width: 140px;
	height: 17px;
	margin: 0px 0px 0px 2px;
	padding: 6px 4px 4px 4px;
	text-align: center;
	background-color: #333e51;
	}
	
a.archives-active {
	float: left;
	width: 140px;
	height: 17px;
	margin: 0px 0px 0px 2px;
	padding: 6px 4px 4px 4px;
	text-align: center;
	background-color: #54472d;
	}
	
.search-box {
	float: right;
	width: 200px;
	height: 25px;
	margin: 2px 12px 0px 0px;
	background-color: #a59c96;
	}

.inputbox {
	float: left;
	width: 130px;
	height: 20px;
	margin: 4px 0px 1px 10px;
	padding: 0px;
	border: none;
	background-color: white;
	}

.inputbox#s {
	font-family: Arial;
	font-size: 12px;
	color: #574e4e;
	}

.searchsubmit {
	float: right;
	width: 50px;
	height: 20px;
	margin: 4px 10px 1px 0px;
	padding: none;
	border: none;
	background-color: #a59c96;
	border: 1px solid white;
	font-family: Arial;
	font-size: 12px;
	color: white;
	}

/* end menu bar */


/* start post */

.post-box {
	float: left;
	width: 602px;
	margin: 0px 0px 0px 10px;
	}

.post {
	width: auto;
	margin: 10px 10px 40px;
	text-align: justify;
	}

	.post img {
		max-width: 582px;
		}

.post-date {
	width: auto;
	margin: 0px;
	padding: 3px 0px;
	text-align: left;
	}

.post-title {
	width: auto;
	margin: 0px;
	padding: 3px 0px;
	border-bottom: 1px dotted #807974;
	border-top: 1px dotted #807974;
	}

.post-text {
	width: auto;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	}
	
.post-meta {
	width: auto;
	margin: 0px;
	padding: 3px;
	background-color: #f7f7f7;
	text-align: center;	
	border: 1px solid #cdcdcd;
	}

/* end post */


/* start sidebar */

.sidebar-box {
	float: right;
	width: 200px;
	margin: 0px 12px 0px 0px;
	background-color: #a59c96;
	}

.sidebar-title {
	width: auto;
	margin: 10px 10px 0px 10px;
	padding: 4px 0px;
	border: 1px solid white;
	text-align: center;
	background-color: #807974;
	}

.sidebar-text {
	width: auto;
	margin: 10px 10px 20px 10px;
	padding: 0px 0px 0px 0px;
	}

/* Heavy Rotation */

a.cd01 {
	margin: 0px 0px 10px 0px;
    display: block;
    width: 180px;
    height: 180px;
    background: url(images/heavy-rotation/cd01.png) 0px 0px no-repeat;
    text-decoration: none;
	}

a.cd02 {
	margin: 0px 0px 10px 0px;
    display: block;
    width: 180px;
    height: 180px;
    background: url(images/heavy-rotation/cd02.png) 0px 0px no-repeat;
    text-decoration: none;
	}

a.cd03 {
	margin: 0px 0px 10px 0px;
    display: block;
    width: 180px;
    height: 180px;
    background: url(images/heavy-rotation/cd03.png) 0px 0px no-repeat;
    text-decoration: none;
	}

a.cd04 {
	margin: 0px 0px 10px 0px;
    display: block;
    width: 180px;
    height: 180px;
    background: url(images/heavy-rotation/cd04.png) 0px 0px no-repeat;
    text-decoration: none;
	}

a.cd05 {
	margin: 0px 0px 10px 0px;
    display: block;
    width: 180px;
    height: 180px;
    background: url(images/heavy-rotation/cd05.png) 0px 0px no-repeat;
    text-decoration: none;
	}

a.cd06 {
	margin: 0px 0px 10px 0px;
    display: block;
    width: 180px;
    height: 180px;
    background: url(images/heavy-rotation/cd06.png) 0px 0px no-repeat;
    text-decoration: none;
	}

a.cd07 {
	margin: 0px 0px 10px 0px;
    display: block;
    width: 180px;
    height: 180px;
    background: url(images/heavy-rotation/cd07.png) 0px 0px no-repeat;
    text-decoration: none;
	}

a.cd08 {
	margin: 0px 0px 0px 0px;
    display: block;
    width: 180px;
    height: 180px;
    background: url(images/heavy-rotation/cd08.png) 0px 0px no-repeat;
    text-decoration: none;
	}

a:hover.cd01, a:hover.cd02, a:hover.cd03, a:hover.cd04, a:hover.cd05, a:hover.cd06, a:hover.cd07, a:hover.cd08 {
    display: block;
    background-position: -180px 0px;
    }

/* Follow Me Links */

.sb-twitter {
	margin: 0px 0px 10px 0px;
	display: block;
	width: 180px;
	height: 58px;
	background: url(images/twitter.png) 0px 0px no-repeat;
	text-decoration: none;
	}

.sb-hypem {
	margin: 0px 0px 10px 0px;
	display: block;
	width: 180px;
	height: 95px;
	background: url(images/hypem.png) 0px 0px no-repeat;
	text-decoration: none;
	}

.sb-lastfm {
	margin: 0px 0px 10px 0px;
	display: block;
	width: 180px;
	height: 69px;
	background: url(images/lastfm.png) 0px 0px no-repeat;
	text-decoration: none;
	}

.sb-rss {
	margin: 0px 0px 10px 0px;
	display: block;
	width: 180px;
	height: 80px;
	background: url(images/rss.png) 0px 0px no-repeat;
	text-decoration: none;
	}

.sb-elbows {
	margin: 0px 0px 0px 0px;
	display: block;
	width: 180px;
	height: 84px;
	background: url(images/elbows.png) 0px 0px no-repeat;
	text-decoration: none;
	}

a:hover.sb-twitter, a:hover.sb-hypem, a:hover.sb-lastfm, a:hover.sb-rss, a:hover.sb-elbows {
    display: block;
    background-position: -180px 0px;
    }

/* Twitter Sidebar */

ul.twitter {
	width: auto;
	margin: 0px 0px 10px 0px;
	}

li.twitter-item {
	color: white;
	font-size: 12px;
	text-decoration: none;
	}

li:hover.twitter-item {
	
	}

p.twitter-message {
	
	}

.twitter-timestamp {
	display: block;
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: right;
	font-size: 11px;
	color: #574e4e;
	text-decoration: none;
	border-style: none;
	outline: none;
	}

a.twitter-link {
	text-decoration: none;
	border-style: none;
	color: white;
	}

a:hover.twitter-link {
	text-decoration: none;
	color: white;
	border-bottom: 1px dotted #574e4e;
	}

a.twitter-user {
	text-decoration: none;
	border-style: none;
	color: white;
	}

a:hover.twitter-user {
	text-decoration: none;
	border-bottom: 1px dotted #574e4e;
	color: white;
	}

.sidebar-end {
	float: right;
	width: 200px;
	height: 10px;
	margin: 0px 12px 0px 0px;
	background: url(images/sidebar-end.png)
	}

/* end sidebar */


/* start footer */

.footer-front {
	width: 824px;
	height: 42px;	
	margin: 0px auto;
	padding-top: 6px;
	text-align: right;
	background: url(images/footer-front.png) no-repeat;
	}

.footer-archives {
	width: 824px;
	height: 42px;	
	margin: 0px auto;
	padding-top: 6px;
	text-align: right;
	background: url(images/footer-archives.png) no-repeat;
	}

.footer-links {
	width: 824px;
	height: 42px;	
	margin: 0px auto;
	padding-top: 6px;
	text-align: right;
	background: url(images/footer-links.png) no-repeat;
	}

.footer-about {
	width: 824px;
	height: 42px;	
	margin: 0px auto;
	padding-top: 6px;
	text-align: right;
	background: url(images/footer-about.png) no-repeat;
	}

/* end footer */


/* Start popup artist box */

.artist-popup {
	display: none;
	}

.artist-text {
	width: 175px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #574e4e;
	text-decoration: none;
	border-style: none;
	margin-bottom: 10px;
	}

a.artist-title {
	}

a:hover.artist-title {
	background: #b85b5a;
	color: white;
	}

a.myspace {
	display: block;
	width: 175px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background: url(images/logos/myspace.png) no-repeat;
	text-decoration: none;
	border-style: none;
	}

a.emusic {
	display: block;
	width: 175px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background: url(images/logos/emusic.png) no-repeat;
	text-decoration: none;
	border-style: none;
	}

a.amazon {
	display: block;
	width: 175px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background: url(images/logos/amazon.png) no-repeat;
	text-decoration: none;
	border-style: none;
	}

a.insound {
	display: block;
	width: 175px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background: url(images/logos/insound.png) no-repeat;
	text-decoration: none;
	border-style: none;
	}

a.cdbaby {
	display: block;
	width: 175px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background: url(images/logos/cdbaby.png) no-repeat;
	text-decoration: none;
	border-style: none;
	}

a.amiestreet {
	display: block;
	width: 175px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background: url(images/logos/amiestreet.png) no-repeat;
	text-decoration: none;
	border-style: none;
	}

a.official {
	display: block;
	width: 175px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background: url(images/logos/official.png) no-repeat;
	text-decoration: none;
	border-style: none;
	}

a.lastfm {
	display: block;
	width: 175px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	background: url(images/logos/lastfm.png) no-repeat;
	text-decoration: none;
	border-style: none;
	}

/* End popup artist box */


/* Start comments */

.comments-title {
	width: auto;
	margin: 50px 0px 0px 0px;
	padding: 3px 0px;
	border-bottom: 1px dotted #807974;
	}

ul.commentlist {
	width: auto;
	margin: 20px;
	padding: 0px;
	}

.commentlist li {
	list-style: none;
	padding: 10px 5px;
	border-top: 1px dotted #807974;
	}

.commentlist li:first-child {
	list-style: none;
	padding: 0px 5px 10px 5px;
	border: none;
	}

.commentlist li .avatar {
	display: none;
	}

.comment-info {
	width: 220px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #cdcdcd;
	}

.comment-box {
	width: 580px;
	max-width: 580px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #cdcdcd;
	}

.comment-submit {
	width: auto;
	height: auto;
	margin: 0px;
	border: 1px solid #cdcdcd;
	background-color: white;
	color: #574e4e;
	font-family: Arial;
	font-size: 12px;
	}

/* End comments */


/* Start page navigation */

.pagination {
	margin: 0px auto 40px;
	text-align: center;
	}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	color: #b85b5a;
	text-decoration: none;
	background: transparent;
	font-family: Arial;
	font-size: 11px;
	text-transform: uppercase;
	border: 1px solid #cdcdcd;
	margin: 0px 2px 0px 0px;
	padding: 3px 5px;
	}

.wp-pagenavi a:hover {
	color: white;
	border: 1px solid #b85b5a;
	background: #b85b5a;
	}

.wp-pagenavi span.pages {
	font-family: Arial;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px 2px 0px 0px;
	padding: 3px 5px;
	background: transparent;
	border: 1px solid #cdcdcd;
	}

.wp-pagenavi span.current {
	font-family: Arial;
	font-size: 11px;
	color: white;
	text-transform: uppercase;
	margin: 0px 2px 0px 0px;
	padding: 3px 5px;
	background: #b85b5a;
	border: 1px solid #b85b5a;
	}

.wp-pagenavi span.extend {
	font-family: Arial;
	font-size: 11px;
	text-transform: uppercase;
	margin: 1px;
	padding: 3px 5px;
	margin: 0px 2px 0px 0px;
	padding: 3px 5px;
	background: transparent;
	border: 1px solid #cdcdcd;
	}
	
/* End page navigation */


/* Start archive formats */

.page-title {			/* This is the box that is at the top of each archive page */
	width: auto;
	margin: 10px 10px 20px 10px;
	padding: 3px 0px;
	text-align: center;
	border: 1px solid #cdcdcd;
	background-color: #f7f7f7;
	}

/* End archive formats */


/* Start lists */

ul.tag-cloud {
	width: auto;
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #574e4e;
	}

ul.tag-cloud a:hover{
	text-decoration: underline;
	border-style: none;
	}

ul {
	width: auto;
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #574e4e;
	}

ol {
	font-family: Arial;
	font-size: 12px;
	color: #574e4e;
	font-weight: normal;
	}

/* End lists */


/* Start misc */

.divider {
	width: 80%;
	height: 1px;
	margin: 0px auto 0px;
	border-bottom: 1px dotted #807974;
	}

.archive-box {          /* this is the box that surrounds the tag cloud and the top of individual archive pages*/
	width: auto;
	margin: auto;
	border: solid 1px #cdcdcd;
	background-color: #f7f7f7;
	padding-right: 10px;
	padding-left: 10px;
	}

.archives-table {       /* this is the table format for the archives page */
	margin: auto;
	width: 100%;
	font-family: Arial;
	font-size: 12px;
	color: #574e4e;
	text-decoration: none;
	border-collapse: collapse;
	border: 1px solid #cdcdcd;
	}

.archives-table th {
	font-weight: bold;
	background-color: #f7f7f7;
	padding: 5px 20px 5px 5px;
	}

.archives-table td {
	font-weight: normal;
	border-top: 1px solid #cdcdcd;
	background-color: white;
	padding: 7px 20px 7px 5px;
	vertical-align: top;
	text-align: left;	
	}

.links-table {
	margin: auto;
	width: 100%;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #574e4e;
	text-decoration: none;
	border-collapse: collapse;
	}

.links-table td {
	padding: 10px 10px 10px 0px;
	vertical-align: top;
	text-align: justify;
	}

.links-table tr:hover td {
	background-color: #f7f7f7;	
	}

/* Mike Mix track list */

.mike-mix {
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	margin: 20px auto;
	border-collapse: collapse;
	border-right: 10px solid #cdcdcd;
	}

.mike-mix tr {
	margin: 0px;
	padding: 0px;
	}

.mike-mix tr:nth-child(odd) {
	background-color: #f7f7f7;
	}
	
.mike-mix tr:nth-child(even) {
	background-color:white;
	}

.mike-mix td {
	padding: 0px;
	margin: 0px;
	}

.mike-mix td a {
	padding: 3px 10px 3px 10px;
	display: block;
	color: #574e4e;
	min-width: 450px;
	}

.mike-mix td a:hover {
	background-color: #b85b5a;
	color: white;
	}

.mike-mix td.number {
	padding: 3px 5px 3px 5px;
	text-align: right;
	background-color: #cdcdcd;
	color: white;
	}

/* Best of the Decade show/hide div */

.decade {
	margin: 10px 0px 0px 0px;
	width: 100%;
	text-align: center;
	}

.decade h3 {
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	color: white;
	font-family: Impact, Arial;
	font-size: 36px;
	background: #bf6b6a;
	cursor: pointer;
	}

.decade h3:hover {
	background-color: #b85b5a;
	}

.decade div {
	padding: 0px;
	}

/* End misc */