/* CSS Document */

body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,br {
	margin:0;
	padding:0;
}

body {
	margin: 0;
	padding: 0;
	background: #000 url('http://www.subversivespaces.com/images/interface/bg.jpg') no-repeat top left;
	background-attachment: fixed;
	color: #fff;
	font: normal 76%/1.333em Arial, Helvetica, sans-serif; /* 12px */
}
img {
	border: 0;
}
#wrapper {
width: 960px;
}
p.access	{
	position: absolute;
	left: -9999px;
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}
iframe {
        border: 1px solid #333;
}

/*
	target px size / 12px = target ems
	
    * 0.083em	= 1px;
	* 0.25em	= 3px;
    * 0.333em	= 4px;
	* 0.667em	= 8px;
    * 0.833em 	= 10px;
    * 0.92em 	= 11px;
    * 1em 		= 12px;
    * 1.2em 	= 14px;
	* 1.333em 	= 16px;
    * 1.5em 	= 18px;
    * 2em 		= 24px;
	
	(REF - http://f6design.com/journal/2006/07/14/relative-font-sizing-made-easy/)
*/
html>body {
    font-size: 12px;
}
/* REF for baseline grid: http://csshowto.com/typography/css-the-baseline-grid/ */

.clear {
	clear: both;
	height: 0;
}
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


h1 { 
    margin: 0;
	padding:  0;
	text-indent: -9999px;
    display: block;
	width: 245px;
    height: 183px;
	background: transparent url("http://www.subversivespaces.com/images/interface/subversive_logo.gif") no-repeat 0 0;
}
h2  {
	background: transparent url('http://www.subversivespaces.com/images/interface/heading_bg.gif') repeat-x top left;
	font-size: 1.333em;
	line-height: 1em;
	padding: 0.25em 0 0 0;
	margin: 0 0 0.75em 0;
        margin: 1em 0 0.75em 0;
}
h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.25em 0 0 0;
	margin: 0 0 0.75em 0;
}
h4 {
	font-size: 1em;
}
h3.zero-btm {
	margin-bottom: 0;
}
/*
div.col2 h3, div.col3 h3, h3.zero-btm {
	padding: 1em 0 0 0;
	margin: 0 0 0 0;
}
*/
p, ul, h4 {
	margin: 0 0 1.333em 0;
}

p {
	margin: 0.667em 0 0.667em 0;
}
#hp_about_content p {
        margin-top: 0;
}
.credit {
        font-size: 0.92em;
}
ul {
	list-style-type: square;
	margin: 0.667em 0 0.667em 0;
	padding-left: 1.25em;
}
ul.ctalist {
	list-style-type: none;
	margin: 0.667em 0 0.667em 0;
	padding-left: 0;
}
img.linkicon {
	padding: 0 0 0 4px;
}
div.video {
/*      margin: 0.333em 0 1em 0;
        margin: 0.667em 0 0.667em 0; */
        margin: 0.667em 0 2.333em 0;
}
div.photo {
/*      margin: 0.333em 0 1em 0;
        margin: 0.667em 0 0.667em 0; 
        margin: 0.667em 0 2.333em 0;*/
        margin: 0.667em 0 0 0;
}
#homepage div.photo, #homepage div.video {
        margin: 0.333em 0 1em 0;
}

object, embed {
	width: 447px;
	height: 251px;
/*	margin: 0 0 1.333em 0;
	margin: 0.667em 0 0.667em 0;
        margin: 0.667em 0 2em 0; 
        margin: 0.333em 0 1em 0;*/
}

body#homepage object, body#homepage embed {
	width: 294px;
	height: 240px;
}
a {
	color: #fff;
}
a:hover {
	color: #000000;
	background: #d8fc82;
	text-decoration: none;
}

a.ctalink {
	font-weight: bold;
	background: transparent url('http://www.subversivespaces.com/images/interface/link_arrow.gif') no-repeat 0 0.4em;
	padding: 0 1px 0 6px;
	text-decoration: none;
}
a.ctalink:hover {
	color: #000;
	background: #d8fc82 url('http://www.subversivespaces.com/images/interface/link_arrow2.gif') no-repeat 0 0.4em;
}
div.col3_A a.ctalink {
	display: block; /* ensures padding is apply to 2nd line of text if text wraps - required due to narrow col */
}


/* HEADER */
#header {
	background: transparent url('http://www.subversivespaces.com/images/interface/mcr_logo.gif') no-repeat 0 54px;
        width: 960px;
}
/* HEADER - LOGOS */
#header-logos {
	float: left;
	width: 360px;
}
#header-logos a:hover {
	background: transparent; 
}
#whitworth-logo {
	display: block;
        margin: 0 0 0 43px;
	padding: 0;
	border: 0;
        width: 122px;
}
#subversive-logo {
	clear: both;
	display: block;
	margin: 20px 0 50px 54px;
	padding: 0;
	border: 0;
}	
/* HEADER - GLOBAL NAV */
#global-nav {
	float: left;
	width: 600px;
	border-top: 1px solid #fff;
	margin: 15px 0 0 0;
	padding: 4px 0 0 0;
}
#navcol1, #navcol2, #navcol3, #navcol4 {
	float: left;
	width: 141px;
	margin: 0 12px 0 0;
	padding: 0;
/*	background: #00FF00; */
}
#navcol4 {
	margin: 0;
}
#global-nav dt {
	margin: 0 0 20px 0;

}
#global-nav a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.2em;
	padding: 0 1px;
}
#global-nav a:hover, #global-nav a.selected:hover {
	color: #000;
	background: #d8fc82;
	text-decoration: none;
}
#global-nav a.selected {
	color: #d8fc82;
	text-decoration: none;
}
#global-nav dt a:hover {
	
}
#global-nav dd a {
	display: block; /* ensures padding is apply to 2nd line of text if text wraps - required due to narrow col */
	background: transparent url('http://www.subversivespaces.com/images/interface/link_arrow.gif') no-repeat 0 0.4em; 
	padding: 0 1px 0 6px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
}
#global-nav dd a:hover, #global-nav dd a.selected:hover {
	background: #d8fc82 url('http://www.subversivespaces.com/images/interface/link_arrow2.gif') no-repeat 0 0.4em;
}
#global-nav dd a.selected {
	background: transparent url('http://www.subversivespaces.com/images/interface/link_arrow3.gif') no-repeat 0 0.4em;
	padding: 0 1px 0 6px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	color: #d8fc82;
}


/* CONTENT */
#content {
	margin: 0 0 0 54px;
	padding: 0 0 44px 0;
        width: 960px;
}

div.col1 {
	float: left;
	width: 141px;
	margin: 0;
}
body#homepage div.col1 { /* style for homepage */
	width: 294px;;
}
div.col2 {
	float: left;
	width: 447px;
	margin: 0 0 0 12px;
}
div.col3 {
	float: left;
	width: 294px;
	margin: 0 0 0 12px;
}
/*
div.col3 li {
	display: inline;
}
*/
div.col3_A  li {
	display: inline;
}

body#homepage div.col2 { /* style for homepage */
	width: 294px;
}
div.col3_A, div.col3_B {
	float: left;
	width: 141px;
	margin: 0;
}
div.col3_B {
	margin-left: 12px;
}
div.col1 ul, div.col3 ul {
	list-style: none;
	padding: 0;
}

/* SUPPORT LOGOS */
#support-logos {
	clear: both;
	width: 600px;
	border-top: 1px solid #fff;
	margin: 0 0 0 54px;
	padding: 16px 0 16px 0;
}
#support-logos img {
	display: block;
	float: left;
	padding: 0 29px 0 0;
}
#support-logos img.last {
	float: left;
	padding: 0;
}
/* FOOTER */
#footer {
	font-size: 0.92em;
	clear: both;
	width: 906px;
	border-top: 1px solid #fff;
	margin: 0 0 50px 54px;
	padding: 10px 0 0 0;
}
#footer ul {
	float: left;
	width: 720px;
	list-style: none;
	padding: 0;
}
#footer li {
	display: inline;
/*	float: left; */
	margin: 0 20px 0 0;
}
#footer a {
	text-decoration: none;
	padding: 0 1px;
}
#footer p {
	float: right;
}

/* ARTISTS */
div.artist-box1, div.artist-box2, div.artist-box3 {
	float: left;
	width: 141px;
	margin: 0 0 1.25em 12px;
}
div.artist-box1 {
	margin: 0 0 0 0;
}
div.artist-box1 img, div.artist-box2 img, div.artist-box3 img {
	margin: 0 0 1.333em 0;
	margin: 0.667em 0 0.667em 0;
}
/* OPINIONS */
div.entry {
/*     margin: 0 0 2.667em 0; */
       margin: 2em 0 0 0;
       padding: 0 0 0 0;
}

/* COMMENTS */
form {
	padding: 0;
	margin: 0;
}
div.pagination {
        border-top: 1px solid #4d4d4d;
	margin: 2em 0 3em 0;
	padding: 0 0 0 0;
}
div.comment-display {
/*
	border-top: 1px solid #4d4d4d;
	margin: 2em 0 0 0;
	padding: 0 0 0 0;
*/
}
div.comm-form-row, div.comm-form-row-comments {
	clear: both;
}
div.comm-form-row-comments {
	margin-top: 1.5em;
}
div.comm-form-row label, div.comm-form-row-comments label {
	display: block;
	float: left;
	font-weight: bold;
}
div.comm-form-row input, div.comm-form-row-comments input {
	float: right;
	font-size: 1em;
	border: 1px solid #333;
	padding: 1px;
	margin: 0 0 1em 0;
}
input#captcha {
	font-size: 1em;
	border: 1px solid #333;
	padding: 1px;
	margin: 0 0 1em 0;
}
input.ti {
    width: 293px;
}
input.cb {
    margin-left: 0;
}
div.comm-form-row-comments textarea {
	float: right;
	width: 293px;
	height: 150px;
	font-size: 1em;
	border: 1px solid #333;
	margin: 0 0 1em 0;
	padding: 1px;
}
div.comm-form-row2, div.comm-form-captcha-row {
	width: 295px;
	float: right;
	padding: 0;
	clear: both;
}
div.comm-form-captcha-row {
	margin-top: 1.5em;
}
input.btn {
	color: #fff;
	background: 000;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #fff;
	margin: 1em 0 2em 0;
}
p.captcha {
        font-weight: bold;
}
.captcha-hints {
        display: block;
        font-style: italic;
        font-weight: normal;
}