/*

Theme Name: WP Options // MPFS

Description: The most Semantic, SEO Optimised Wordpress Theme!

Author: Matthew Rochow

Author URI: http://www.matthewrochow.com

*/



/* Reset */

a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,

code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,

h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,

q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,

tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}



/* Defaults */

a, a:visited {color:#0069ab;text-decoration:none}

a:hover {}

abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}

blockquote {line-height:21px}

blockquote p {margin:.5em}

body {background:#FFF url(images/blue-pattern.png) left top repeat;color:#666;font:75%/125% Arial, Sans-Serif}

code, pre {font-size:1em}

del {text-decoration:line-through}

dfn {font-style:italic;font-weight:bold}

dt {font-weight:bold}

dd {margin:0 0 1em 10px}

fieldset {border:0}

fieldset p {margin:0 0 5px}

img {border:0;vertical-align:bottom}

ins {text-decoration:none}

h1 {border-bottom:1px solid #CCC;font:bold 1.75em/1.25em Arial, Sans-Serif;margin:10px 0 10px}

h2 {font-size:1.50em;font-weight:400;line-height:22px}

h3 {font:bold 1em/1em Arial, Sans-Serif}

h4 {font:bold 0.75/1em Arial, Sans-Serif}

hr {margin:0 0 0.5em}

p {margin:0 0 1em}

ul, ol {list-style:none;margin:0 0 1em}

textarea {font:1em Arial;overflow:auto}

tt {display:block;margin:0.5em 0;padding: 0.5em 1em}



/* Containers */

#page {background:url(images/mpfstile.png);border-top:1px solid #999}

#main {margin:0 auto;width:818px}



/* Header */

#header {background:url(images/lines.png) 192px 8px no-repeat;margin:36px auto 0;overflow:hidden;padding: 0 0 14px 0;width:818px}

#homepage #header {padding: 0 0 49px 0}

#logo {float:left;margin: 0 0 19px}



	/*Navigation*/

	ul#nav {float:right;list-style:none;margin: 21px 4px 0 0}

	ul#nav li {float:left;position:relative}

	ul#nav li a {color:#999;margin:0 7px;padding: 0 0 11px;position:relative}

	ul#nav li a:hover, ul#nav li.current a {border-bottom:1px solid #0069ab}



/*Top Releases*/

#top-releases {margin:-35px auto 0;overflow:hidden;position:relative;width:100%}

.release {background:url(images/release-bg.png) center repeat-y;float:left;margin: 0 10px 0 0;position:relative;width:266px}

.release div {background:url(images/release-bg.png) left top no-repeat;margin:0;width:266px;}

.release div div {background:url(images/release-bg.png) right bottom no-repeat;margin:0;padding: 0 0 15px;width:266px;height:280px}

	

	/*Releases Content*/

	.release div div h2 {color:#000;font-size:1.086em;font-weight:400;float:left;height:9px;overflow:hidden;margin: 13px 0 13px 12px;position:relative;text-transform:uppercase;width:165px}

	.release div div h2 span {background:url(images/h2-records.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

	.release div div img {clear:both;border-bottom:1px solid #ccc;display:block;margin:0 auto}

	.release div div div {background:none;margin:0 auto;padding:0;top:0;width:246px}

	.release div div div h3 {color:#000;font-size:1.30em;font-weight:400;line-height:20px;margin: 11px 0 0;padding: 0 0 0 5px;width:240px}

	.release div div div strong {color:#999;font-size:.915em;padding: 3px 0 0 5px;text-transform:uppercase}

	.release div div div a.listen {background:url(images/listen-2.png) left top no-repeat;display:inline-block;height:17px;padding: 3px 0px 0px 24px;width:30px;margin:0px 0 0 5px}

	a.release-listen {background:url(images/listen-2.png) left top no-repeat;display:inline-block;height:17px;padding: 3px 0px 0px 24px;width:30px;margin:0 5px 0 0px; font-size:11px;}

	.release div div div p {border-top:1px solid #e4e4e4;color:#666;font-size:.915em;margin:10px 0 -6px;padding:4px 0 2px 5px}

	.release div div div p strong {padding: 0;font-size:1em}

	.release div div div p.mixes, .release div div div p.mixes strong {color:#0069ab}

	.release div div div p.mixes {margin:7px 0 0;}



	/*Releases Variations*/

	.white div {background:url(images/top-white.png) left top no-repeat;margin:0;width:266px}

	.black {margin:0}

	.black div {background:url(images/top-black.png) left top no-repeat;margin:0;width:266px}

	.white div div h2 {color:#000;font-size:1.086em;font-weight:400;height:9px;margin: 13px 0 13px 12px;position:relative;text-transform:uppercase;width:150px}

	.white div div h2 span {background:url(images/h2-white.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

	.black div div h2 {color:#fff;font-size:1.086em;font-weight:400;height:9px;margin: 13px 0 13px 12px;position:relative;text-transform:uppercase;width:149px}

	.black div div h2 span {background:url(images/h2-black.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

	

/* Content*/

#content {background:url(images/content-bg.png) center repeat-y;float:left;margin:10px 0 0;width:542px}

#content div {background:url(images/content-bg.png) left top no-repeat;width:542px}

#content div div {background:url(images/content-bg.png) right bottom no-repeat;padding: 24px 22px 24px 20px;width:500px}

#content div div div {background:none;padding: 0;width:auto}



	/*Post*/

	#content div div .post {padding:0 3px 10px}

	#content div div h2 {padding: 0 0 8px}

	#content div div h2 a {color:#000}

	#content div div .post .meta {border-bottom:1px solid #e9e9e9;color:#0069ab;font-size:.915em;font-weight:700;margin:0 0 14px;padding: 0 0 12px;text-transform:uppercase}	

	#content div div blockquote {border-left:1px solid #ccc;margin:0 0 0 2px;padding:0 0 0 12px}

	#content .post ul {list-style:disc;margin:0 0 1em 18px}

	#content .post ol {list-style:decimal;margin:0 0 1em 22px}	

	

/* Pagination */

#prev-next {list-style:none}

#prev-next #prev {float:left}

#prev-next #next {float:right}	



/* Sidebar */

#sidebar {background:url(images/sidebar-bg.png) center repeat-y;float:right;line-height:20px;margin:10px 0 0;width:266px}

#sidebar div {background:url(images/sidebar-bg.png) left top no-repeat;width:266px}

#sidebar div div {background:url(images/sidebar-bg.png) right bottom no-repeat;padding: 18px 24px 15px 20px;width:222px}

#sidebar div div div {background:none;padding:0;width:auto}



	/*Headers*/

	#sidebar div div h2, #sidebar div div li#event-calendar h3  {color:#000;font-size:1.5em;font-weight:400;text-transform:none}

	#sidebar div div li#event-calendar h3 {margin: 0 0 0 -4px}

	#sidebar div div h3, #wp-calendar table caption a  {color:#999;font-size:.915em;text-transform:uppercase}

	#sidebar div div h4 {color:#000;font-size:1.335em}

	

	/*Lists*/

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

	#sidebar div div ul ul {list-style:disc;margin: 0 0 14px 15px}

	

	/*Calendar*/

	#sidebar div div #wp-calendar table {border-collapse:collapse;margin: 0 0 27px;width:218px}

	#sidebar div div #wp-calendar table thead th {border: 1px solid #ededed;border-bottom:0;height:12px;width:30px}

	#sidebar div div #wp-calendar table caption {font-weight:700;margin: 0 0 0 -4px;text-align:left}

	#sidebar div div #wp-calendar table tbody td {border:1px solid #ccc;color:#999;font-size:1.335em;font-weight:700;padding:5px 0}

	#sidebar div div #wp-calendar table td:hover, #sidebar div div #wp-calendar table #today {background:#0069ab;color:#fff}

	#sidebar div div #wp-calendar table td.ec3_eventday a.eventday:hover {color:#fff}

	#sidebar div div #wp-calendar table tbody td.pad {background:#fafafa}



/* Footer */

#footer {clear:both;font-size:.915em;line-height:11px;overflow:hidden;padding:21px 0;width:818px}

#footer-logo {float:left;margin:0 17px 0 17px}

ul#footer-nav {float:left;list-style:none;margin:5px 0 0;width:746px}

ul#footer-nav li {float:left;margin: 0 15px 0 0}

ul#footer-nav li a {color:#000}

#footer p {color:#666;float:left}



/*IE6 PNG Fix*/

#logo, #header, #footer-logo{ behavior: url("/wp-content/themes/mpfs/script/iepngfix.htc") }

#header img#banner  {behavior:none}



/* Image Alignment */

img.centered {display:block;margin-left:auto;margin-right:auto}

img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}

img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}

.alignright {float:right}

.alignleft {float:left}



/* Comments */

#comments_wrap .commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}

#comments_wrap .commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}

#comments_wrap .commentlist li.alt {background:#EEE}

#comments_wrap .commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}

#comments_wrap .commentlist cite, .commentlist cite a {font-style:normal;font-weight:bold}

#comments_wrap .commentlist p {margin:10px 5px 10px 0}

#comments_wrap #commentmetadata {font-weight:normal}

#comments_wrap #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}

#comments_wrap #commentform input.input:hover {background:#EEE}

#comments_wrap #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}

#comments_wrap #commentform textarea:hover {background:#EEE}

#comments_wrap #commentform #submit {}

#comments_wrap #commentform p {margin:0 0 .5em}

#comments_wrap #allowed-tags strong {display:block}

#comments_wrap .nocomments {margin:0;padding:0;text-align:center}

#comments_wrap .commentmetadata {display:block;margin:0}