@charset "utf-8";
/* CSS Document */

body 
{
	background:#24252a url(images/mmv9-bg.png) top left repeat-x; 
	margin:0; 
	padding:0;
}

#wrapper 
{
	width:992px; 
	margin:0 auto; 
	position:relative;
	min-height:680px;
}

#wrapper h1#logo-mm 
{
	margin:7px 0 20px 0; 
	padding:0; 
	text-indent:-2000em; 
	float:left;
}


#wrapper h1#logo-mm a 
{
	display:block; 
	width:121px; height:40px;
	background: url(images/logo-marksy.png) left top no-repeat; 
}




#content .post .entry a.awesome {
	border:none;
	background: #222 url(alert-overlay.png) bottom repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.68);
	text-shadow: 0 -1px 1px rgba(0,0,0,.65);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

#content .post .entry .awesome:hover {
	background-position:top;
}

/* Sizes ---------- */
#content .post .entry .small.awesome {
font-size: 11px;
}
#content .post .entry .medium.awesome {
font-size: 13px;
}
#content .post .entry .large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}

/* Colors ---------- */
#content .post .entry .blue.awesome {
/*background-color:#0482C5;*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(107,203,235)), to(rgb(2, 129, 196))) repeat-x;
background:-moz-linear-gradient(top,rgb(107,203,235),rgb(2, 129, 196));
}

#content .post .entry .blue.awesome:hover {
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(2, 129, 196)), to(rgb(107,203,235))) repeat-x;
	background:-moz-linear-gradient(top,rgb(2, 129, 196),rgb(107,203,235));
}

#content .post .entry .blue.awesome:active {
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(232,207,0)), to(rgb(255, 240, 0))) repeat-x;
	background:-moz-linear-gradient(top,rgb(232,207,0),rgb(255, 240, 0));
}


#content .post .entry .red.awesome {
background-color: #e33100;
}
#content .post .entry .magenta.awesome {
background-color: #a9014b;
}
#content .post .entry .orange.awesome {
background-color: #ff5c00;
}
#content .post .entry .yellow.awesome {
background-color: #ffb515;
}










.post, .narrowcolumn
{
	margin:24px 0 0 0;
	float:left;
	clear:both;
	border-bottom:1px solid #4c4e54;
	width:651px;
}

* html .postarea 
{
	padding-bottom:12px;
}

* html .narrowcolumn 
{
	padding-bottom:12px;
}


.blog-title, h2.center
{
	font-family: Trebuchet MS; 
	font-weight:lighter; 
	font-size:1.4em; 
	margin:0; 
	padding:0;
	text-shadow: 0px 0px 3px #000;
}

.blog-title a,.post h3 a, h2.center, h2.blog-title
{
	
	color:#e5e5e5; 
	text-decoration:none;
}

.blog-title a:hover,.post h3 a:hover
{
	
	color:#fff; 
	text-decoration:none;
}

h2.blog-date,.post small
{
	font-family: Trebuchet MS; 
	color:#777; 
	font-weight:lighter; 
	font-size:0.7em; 
	margin:0; 
	padding:0;
	text-shadow: rgb(0, 0, 0) 0px 1px 1px
}

h3#respond
{
	font-family: Trebuchet MS; 
	color:#777; 
	font-weight:lighter; 
	margin:0; 
	padding:0;
}

#author, #url, #email, #submit, #comment
{
	background:#474b53;
	border:1px solid #777;
	color:#ccc;
}

#submit {cursor:pointer;}

h2.blog-date a
{
	color:#777;
	text-decoration:none;
}

h2.blog-date a:hover
{
	color:#ccc;
}

.widecolumn { clear:both;}

.postarea .blog-copy p, label, .entry p, .postmetadata, .widecolumn p
{
	font-family:Arial, Helvetica, sans-serif; 
	color:#ccc; 
	font-size:0.9em; 
	margin-left:10px; 
	margin-right:10px;
	line-height:1.3em;
	text-shadow:rgb(0, 0, 0) 0px 1px 1px;
}

#comment
{
	width:542px;
}

.blog-copy p img, .entry p img
{
	border:1px solid #777777;
	margin-right:6px;
	margin-bottom:6px;
}

.postarea .blog-copy ul, .postarea .blog-copy ol, .entry ul, .entry ol, p.edit-page
{
	font-family:Arial, Helvetica, sans-serif; 
	color:#ccc; 
	font-weight:lighter; 
	font-size:0.9em; 
	line-height:1.3em;
}

.postarea .blog-copy a:link, .postmetadata a:link, .entry a:link
{
	color:#3795dd;
	text-decoration:none;
}

.postarea .blog-copy a:hover, .postmetadata a:hover, .entry a:hover, p.edit-page a
{
	color:#66b4f0;
}

.postarea .blog-copy a:visited, .postmetadata a:visited, .entry a:visited, p.edit-page a:visited
{
	color:#467293;
	text-decoration:none;
}

.postarea .blog-copy activeve, .postmetadata a:active, .entry a:active, p.edit-page a:active
{
	color:#fff000;
}

.postarea .blog-comments
{
	margin:0;
	padding:0;
	font-family: Trebuchet MS; 
	color:#777; 
	font-weight:lighter; 
	font-size:0.7em; 
}

.postarea .blog-comments a
{
	color:#777;
	text-decoration:none;
}

.postarea .blog-comments a:hover
{
	color:#ccc;
}


#rhsnav-wrapper 
{
	display: block; 
	float: right; 
	position: absolute; 
	width: 227px; 
	top:0px; 
	right:0px; 
	height:400px;
}

#rhsnav-wrapper #rhs-search 
{
	background: url(images/search-box.png) top left no-repeat;
	height:41px;
	margin-top:12px;
}

#rhsnav-wrapper #rhs-search #top-search
{
	border:none;
	background:white;
	width:128px;
	margin:89px 0 0 48px;
	color:#666;
	float:left;
}

#rhs-search #top-search-go
{
width:22px; float:left; margin-top:93px; border:none; background: url(images/search-button-go.png) top left no-repeat; cursor:pointer; text-indent:-2000em; height:12px;
}


#rhsnav-wrapper #rhs-copy
{
	background: url(images/rhs-repeat.png) top left repeat-y;
	padding-top:40px;
}

#rhsnav-wrapper #rhs-copy h3
{
	margin:0 0 0 18px; 
	padding:0;
	color:#32353a;
	font-family: Trebuchet MS; 
	font-weight:normal;
	font-size:1em;
}

#rhsnav-wrapper #rhs-copy ul
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	padding:0;
	margin:0 0 28px 0;
	list-style:none;
}

#rhsnav-wrapper #rhs-copy ul#archives
{
	margin:0;
}

#rhsnav-wrapper #rhs-copy ul#sections li.current
{
	background:#2f3135;
	margin:0 15px;
}

#rhsnav-wrapper #rhs-copy ul li
{
	padding:2px 10px;
	margin:0 14px;
	border-bottom:1px solid #2f3135;
	
}

#rhsnav-wrapper #rhs-copy ul li.last
{
	border-bottom:none;
}

#rhsnav-wrapper #rhs-copy ul#twitter_div
{
	padding-top:40px;
	margin-bottom:0;
	border:1px solid red;
}

#rhsnav-wrapper #rhs-copy ul#twitter_update_list li span
{
	color:#666;
}

#rhsnav-wrapper #rhs-copy ul#twitter_update_list li a
{
	color:#32353a;
	font-size:1em !important;
}

#rhsnav-wrapper #rhs-copy a
{
	color:#666;
	text-decoration:none;
}

#rhsnav-wrapper #rhs-copy a:hover
{
	color:#999;
}

#rhsnav-tail
{
	background: url(images/rhs-tail.png) top left no-repeat;
	width:227px;
	height:26px;
}

ul#archives li
{
	color:#32353A !important;
}	
	
/* global hints */
hr, .hidden
{
	display:none;
	visibility:hidden;
}

.clear-fix:after
{
	display:block;
	content:'.';
	visibility:hidden;
	clear:both;
	height:1%;
}

#footer
{
	border-top:1px solid #7a7c7f;
	border-bottom:1px solid #7a7c7f;
	width:100%;
	min-height:40px;
	/*background:#0489c8 url(images/footer-bg.gif) top repeat-x;*/
	background: #48AEDE; /* old browsers */

	background: -moz-linear-gradient(top, #48AEDE 0%, #32A1D6 50%, #1593CF 51%, #098CCA 100%); /* firefox */

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48AEDE), color-stop(0.5, #32A1D6), color-stop(0.5, #1593CF), to(#098CCA)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48AEDE', endColorstr='#098CCA',GradientType=0 ); /* ie */
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:0.7em;
}

* html #footer
{
	height:40px;
	}


#footer .copyright
{
	padding-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:772px;
}

* html #footer .copyright
{
	padding-top:16px;
}

#footer .top
{
	float:right;
}

#footer .top a
{
	color:#ffffff;
	text-decoration:none;
}

#footer .top a:hover
{
	text-decoration:underline;
}

.pagetitle
{
	clear:both;
	font-family: Trebuchet MS; 
	font-weight:lighter; 
	font-size:1.4em; 
	color:#e5e5e5;
}
	
	
#content h3
{
	font-family: Trebuchet MS; 
	color:#777; 
	font-weight:lighter; 
	margin:0; 
	padding:0;
	clear:both;
}

h3#comments {width:542px;}

#content ol.commentlist, #commentform p
{
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	width:522px;
}

#content ol.commentlist a, #commentform p a
{
	color:#3795dd;
	text-decoration:none;
}

#content ol.commentlist a:hover, #commentform a:hover
{
	color:#66b4f0;
}

#content ol.commentlist a:visited, #commentform a:visited
{
	color:#467293;
	text-decoration:none;
}

#content ol.commentlist a:active, #commentform a:active
{
	color:yellow;
}

#content ol.commentlist {padding:0 0 0 18px;}

.note {
	font-size:0.7em !important;
}
	
	
#searchform { width:199px; float:left; margin:2px 0 0 22px; display:inline;}
#searchform .search-input { border:none; width:146px;}
.ie #searchform .go-input,.ie7 #searchform .go-input,.gecko #searchform .go-input,.win.gecko #searchform .go-input,.linux.gecko #searchform .go-input,.opera #searchform .go-input,.konqueror #searchform .go-input { border:none; }

.blog-copy p img.wp-smiley, .entry p img.wp-smiley {border:none; margin-bottom:-2px;}

.playButton { font-family:Trebuchet MS, Helvetica, sans-serif !important; }








p.lastfm-track
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	margin:0 14px;
	border-bottom:1px solid #2f3135;
	float:left;
	clear:both;
	width:197px;
}

p.lastfm-track a
{
	color:#666;
	padding:2px 10px;
	text-decoration:none;
	float:left;
	clear:both;
}

p.lastfm-track a:hover
{
	color:#999;
}

span.lastfm-timestamp 
{
	color:#32353a;
	font-size:1em !important;
	clear:both;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:2px;
}

blockquote.quote { border-left:2px dotted #666;}
blockquote.quote p {font-family:Georgia, "Times New Roman", Times, serif !important; color:#999; }
blockquote.quote p .highlight { background:#202227 !important;}

.subscribe-to-comments label { font-size:0.7em !important;}

.updated p, .options p, .wrap li { font-family:Arial, Helvetica, sans-serif; 
	color:#ccc; 
	font-size:0.9em; 
	line-height:1.3em; }
	
.options { padding:0; margin:0 0 24px 0; border:none;}

.options legend {color:#777777;
font-family:Trebuchet MS;
font-size:0.7em;
font-weight:lighter;
margin:0pt;
padding:0pt;}

.wrap a {color:#3795DD;}
.wrap a:visited {color:#66b4f0;text-decoration:none;}

.wrap .submit { border:none !important;}


#contactform fieldset { border:none; padding:0;}
#contactform legend { color:#777777;font-family:Trebuchet MS;font-size:0.7em;font-weight:lighter;margin:0pt;padding:0pt; text-align:left;}

#contactform .contactleft { width:180px; text-align:left;}
#contactform .contactright { width:280px;background:#474B53 none repeat scroll 0%;
border:1px solid #777777;color:#CCCCCC;text-align:left;}

a[target$="_blank"] { background: url(images/icon-plus.png) right no-repeat; padding-right:9px; }

abbr { border-bottom: 1px dotted #777; cursor:help;}


/* song list */

div#songlist {margin-top:18px;}
div#songlist a { text-decoration:none; color:#222;}

div#songlist ul { list-style-type:none; padding:0; margin:0;background:#a6abac url(images/list-bg.gif) 0 0 repeat-x !important; overflow:hidden; width:649px;}
div#songlist ul:hover, div#songlist ul.current { background:#6b7377 url(images/list-bg-current.gif)  0 0 repeat-x !important;}
div#songlist ul:hover a, div#songlist ul.current a { color:#000;}
div#songlist ul li { font-size:0.75em; font-weight:bold; background:; list-style-type:none; padding:0; margin:0; float:left; border-top:1px solid #454545;border-left:1px solid #454545;}
div#songlist ul li a { display:block; line-height:1.7em; padding-left:8px; background:none; padding-right:0 !important;}
div#songlist ul li.title a { width:346px;}
div#songlist ul li.album a { width:102px;}
div#songlist ul li.date a { width:55px;}
div#songlist ul li.size a { width:63px;}
div#songlist ul li.download a { width:37px;border-right:1px solid #454545;}
div#songlist ul li.last { border-bottom:1px solid #454545;}

div#songlist ul li.download a { background:url(images/icon-dl.png) center no-repeat; text-indent:-9999em;}
div#songlist ul.current li.download a,div#songlist ul:hover li.download a { background:url(images/icon-dl-current.png) center no-repeat; text-indent:-9999em;}

body div#songlist .title { background:none !important; min-height:inherit !important;}


/* gallery */
#gallery-flickr li { float:left; list-style-type:none; margin:4px; padding:0; border:4px solid #fff; display:block; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #333; -khtml-box-shadow:0px 0px 5px #333; -moz-border-radius:5px; height:100%;-webkit-border-radius: 5px;
 }
#gallery-flickr li:hover { border:4px solid #4f9ee8;}
#gallery-flickr { width:660px;}

pre {
	background:#454545;
	padding:14px;
	margin:0 24px;
	color:#fff;
	border:1px solid #666;
}

#similar h3 {
	margin-bottom:8px;
}

#similar ul {
	margin:0;
	padding:0;
	overflow:hidden;
}

#similar li {
	float:left;
	list-style:none;
	margin:0 12px 8px 0;
	padding:2px 6px;
	border:1px solid #4c4e54;
	border-radius:3px;
}

.post-pagination {
	clear:both;
	color:#fff;
	text-shadow: black 0px 1px 1px;
	text-align:center;
	padding-top:18px;
	overflow:hidden;
	width:651px;
}

.post-pagination a {
	color: #3795DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	text-shadow: black 0px 1px 1px;
	text-decoration:none;
}

.post-pagination .alignleft {
	float:left;
}

.post-pagination .alignright {
	float:right;
}

