/*
Theme Name: Mark Bruce Company
Theme URI: http://www.kilroyjames.co.uk
Description: The MBC default website design.
Version: 1.0
Author: John Kilroy
Author URI: http://www.kilroyjames.co.uk
Tags: Mark Bruce Company, Kilroy James

*/

/*	First, remove paddings and margins on all elements so we don't have to repeatedly specify this */
*    {	margin:0; padding:0;  }

/******** HTML SELECTORS ***************************/

body {
	font: .75em/1.5em verdana,sans-serif;
	color: #f0f0f0;
	background: #000;
	position:relative;
	z-index:0;
}

img  {	border: 0; }
ul   {	margin: 1em 0 0 1em;  }
p    {	margin-bottom: 1em; }

a, a:visited, a:active {
	text-decoration:none;
}
a:hover	{ text-decoration:underline; }
a    	  { color: #981717; }
a:visited { color: #981717; }
a:active  { color: #c00; }

/* Green
a    	  { color: #990; }
a:visited { color: #660; }
a:active  { color: #cc0; }
*/

/* following styles works when link colour is similar to text colour, otherwise turn it off.
p a  { 	text-decoration:underline; }
p a:hover { 
	text-decoration:none;
}
 */

h1,h2,h3,h4 {
	line-height: normal;
	color: #981717;
}
h1   {	
	font: normal 2.6em/1em serif;
	margin : 10px 0;
	padding: 5px 0 10px 0

}
h2   {	
	font-size: 1.4em;
	font-weight:normal;
	margin:0 0 1em 0;
	line-height:.8em;
}
h3   {	
	font: normal 1.3em verdana,sans-serif;
	margin:1em 0 1em 0;
	color: #fff;
}
h4   {	
	margin: 0 0 0 0;
	color: #fff;
	font-size:1.1em;
}
h5   {		
	font-family:arial,helvetica,sans-serif;
	font-size:1.1em;
	margin:2em 0 .5em 0;
	clear:left;
}

hr   {	height:1px; border:0; color:#ccc; background:#ccc; clear:both; }

acronym	{ 
	cursor: help; 
	font-style: italic 
}
abbr {	
	cursor: help; 
	font-style: italic
}
sup  {	font-weight: bold }

address {
	font-style:normal;	
}

dl {}
dt { font-weight:bold;}
dd { margin-bottom:1em;}

li.dummy {
	display:none;
}




/******** STRUCTURAL DIVS ***************************/

#wrapper {
	width:960px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	position:relative;
	z-index:1;
}
#wrapper.default{
	background: transparent url("images/SOBbg.jpg") no-repeat 110% 0%;
}
#wrapper.current-productions, #wrapper.love-and-war{
	background: transparent url("images/love-and-war.jpg") no-repeat 150% 0%;	
}
#wrapper.sea-of-bones{
	background: transparent url("images/about-us.jpg") no-repeat 100% 0%;	
}
#wrapper.green-apples{
	background: transparent url("images/green-apples.jpg") no-repeat 100% 0%;	
}
#wrapper.about-us{
	background: transparent url("images/dogs-main.jpg") no-repeat 100% 0%;	
}
#wrapper.mark-bruce{
	background: transparent url("images/mark.jpg") no-repeat 100% 0%;	
}
#wrapper.biography{
}
#wrapper.stars{
	background: transparent url("http://www.markbrucecompany.com/gallery/dancers-photos/caroline.jpg") no-repeat 100% 100px;
}

#wrapper.education{
	background:  transparent url("images/education.jpg") no-repeat 100% 0%;	;	
}
#wrapper.contact-us{
	background:  transparent url("images/widecrouch.jpg") no-repeat 100% 0%;	;	
}
#wrapper.video{
	background:  transparent url("images/SOBbg.jpg") no-repeat 100% 0%;	;	
}
#wrapper.past-productions{
	background: transparent url("images/dnails.jpg") no-repeat 100% 0%;	;	
}
#wrapper.dive{
	background:  transparent url("images/dive-comp.jpg") no-repeat 100% 0%;	;	
}
#wrapper.bad-history{
	background:  transparent url("images/bad-history.jpg") no-repeat 100% 0%;	;	
}


#header {
	padding:2em 0 0 0;
	border-bottom: 0px solid #161616;
	overflow:hidden;
	width:100%;
	position:relative;
	z-index:10;
}
#header #bbrr { 
	float: left;
	margin: 0 2em 0 2em;
	position:relative;
}
#header #nav {
	margin: 0 0 0 175px;
	overflow:hidden;
	position:relative;
}

#header #logo { 
	float:left;
	margin: 2em 0 1em 0;
}
#main-navigation {
	clear: left;
	padding: .5em 0;
	text-align: left;
	color: #fff;
	font: small-caps normal 1.2em/1.6em verdana,sans-serif;
	overflow: hidden;
	width:100%;
	position:relative;
}
#main-navigation:hover {
	background: transparent url("images/menu-bg.png") 0 0 repeat-x;
}

#main-navigation ul{
	margin:0 3em 0 0;
	padding:0;
	float:left;
}
#main-navigation ul ul{
	margin:0;
	padding:0;
}
#main-navigation li {
	list-style-type: none;
}
#main-navigation li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0 2em 0 .2em;
	margin: .1em 0 .2em 0;
}
#main-navigation ul ul li a:before{
	content: "\00BB \02002 \02002";
}
#main-navigation a:visited { 
	color: #fff; /*#66697f; */
}
#main-navigation a:hover { 
	background: #981717;
	color: #fff;
}
#main-navigation a.current_page_item, #main-navigation a.current_page_item:visited  {
	color: #f00;
	cursor: default;
}
#main-navigation a.current_page_item:hover {
	background: transparent;
}

/* navigation or 'breadcrumbing' for sub-pages */
#subpages {
	margin:0 0 1em 0;
	padding:0;
	list-style-type: none;
}
#subpages span {
	border-left: 1em solid #f00;
	padding-left: .5em;
	font-size:.9em;
}
#subpages a.current-page-item, #subpages a.current-page-item:visited, #subpages a.current-page-item:hover {
	color: #f00;
	text-decoration:none;
	cursor:default;
}

#breadcrumbs {
	clear:both;
	overflow:hidden;
	padding:.3em 1em .3em .3em;
	margin:.3em 0 0 1.7em;
	background: #262626;	
	color:#888;
	line-height:1em;
}
#page-bg{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width: 470px;
	height:100%;
	background: transparent url("images/menu-bg-dark.png") 0 0 repeat-y;
}
#page {
	text-align: left;
	overflow:hidden;
	padding:1em 0 2em 2em;

	clear:left;
	min-height: 370px;
	position:relative;
	z-index:10;
	width:45%;
}
#page:after {
	content: ".";
	color: #666;
	font:1px/1px arial,sans-serif;
}
#page.home h4 {
	font:normal 1.4em verdana,sans-serif;
}

#page.full-width {
	width: 95%;
	overflow:hidden;
}

#page.gallery {
	width: 95%;
}
#page.gallery .ngg-galleryoverview {
	width: 600px;
	margin:0 auto 40px 150px;
	clear:left;
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box{
	overflow:hidden;
	margin: 10px 20px 10px 0;
}

#gallery-page-nav{
	text-align:center;
	overflow:hidden;
}
.ngg-navigation {
	overflow:hidden;
	padding-bottom:10px;
}
.ngg-navigation a, .ngg-navigation span {
	font: 1.5em verdana,sans-serif;
	margin: 10px;
}
.ngg-navigation a {
	border:1px solid #aaa;
	background-color: #fff;
}




#page.two-thirds {
	width: 66%;
}

#list-subpages{
	margin-bottom: 1em;
}
#list-subpages a{
	font-size:1.2em;
}

#biographies div.left-col{
	float:left; 
	width:45%;
	margin-right:5%;
	margin-bottom: 20px;
	overflow:hidden;
}
#biographies div.right-col{
	width:45%;
	float:left;
	overflow:hidden;
	margin-top:0;
}

#biographies h3{
	margin-top:2em;
	line-height: 1.6em;
}
#biographies h5{
	font-size: 1.2em;
	font-weight:normal;
	border-bottom: 1px dotted #666;


}

#biographies p{
	margin:0 0 2em 0;
	overflow:hidden
}

#biographies img.ngg-singlepic{
	margin: 5px 10px 10px 0;
	float:left;
}


div.slideshow{
	margin: 40px 0 0 0 ;
	border:10px solid #000;
	padding:0 0 0 0;
	text-align:left;
	width:400px;
}



#mailing-list-form{
	margin-top:3em;
}

#works-in-progress {
	margin:2em 0;
}
p#smallprint {
	margin-top:5em;
	padding-top:2em;
	font: .9em/1.6em verdana,sans-serif;
}

/*
background: #de6e27;
background: #d0723a; 
*/

#footer {
	margin:40px 0 20px 0;
	padding: 2em 2em 1em 0em;
	clear: both;
	color: #aaa;
	line-height:1.6em;
	overflow:hidden;
	position:relative;
	z-index:10;
	
	
}
#footer:after {
	content: ".";
	color: #666;
	font:1px/1px arial,sans-serif;
}
#footer #sponsors{
	
}
#footer #sponsors img{
	margin-left:2em;
}

#footer a,#footer a:visited, #kj-credit a, #kj-credit a:visited {
	text-decoration:none;
}
#footer a:hover, #credits a:hover {
	text-decoration:underline;
}
#footer img {
	border:1px solid #262626;
	padding:.3em;
}
#footer a:hover img {
	border:1px solid #666;
}
#footer p {
	font-size:.9em;
	margin:0 20px 20px 22px;
}


#footer-border{
	height: 80px;
	width: 100%;
	background: #000;
	position:relative;
	z-index:10;
	bottom:0;
	left:0;
}

#kj-credit {
	margin-left:0px
}
#kj-credit img{
	border-color: #000;
	margin-bottom: 0px;
}


#content {
	text-align:left;
	float:left;
	width:66%;
	margin-right:4%;
}
	
#sidebar {
	margin-top: 1em;
	float:left;
	width: 30%;
	text-align:left;
}

.post {}
.postmetadata {
	clear: left;
	font: small-caps normal .9em arial,sans-serif;
	letter-spacing: .2pt;
	margin:0 0 1em 0;
}

/********** Form Elements **********/

#searchbox {
	position:absolute;
	right:2em;
	top:4em;
	z-index:20;
}
#searchform {
	width:24em;
	}
#searchform #s {
	padding: 2px;
	width:13em;
	-moz-border-radius: 6px;
	border:1px solid #000;
	font:1.3em/1em verdana,sans-serif;
}
#searchsubmit {
	-moz-border-radius: 6px;
	border:1px solid #fc0;
	font:1.2em verdana,sans-serif;
}
form.bright { 
	opacity:1;
	filter:alpha(opacity=100);
}
form.dull   { 
	opacity: .80;
	filter:alpha(opacity=80);
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}

/********** Comment styles **********/
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}


/********** Search Results **********/
.search-results{
	margin-top:-2em;
}
.search-results dl,.search-results dt,.search-results dd {
	margin:0;
	padding:0;
}
.search-results h4 {
	margin:0 0 1.5em 0;
}
.search-results dt a {
	font:bold 1.2em verdana,sans-serif;
}
.search-results dt span {
	font:normal .85em verdana,sans-serif;
}
.search-results dd {
	font:normal 1em/1.4em verdana,sans-serif;
	margin: .3em 0 2em 0;
}
.search-results dd p.permalink{
	font:normal 1em/1.4em verdana,sans-serif;
	margin: 0em 0 0 0;
	color: #888;
}
div.pagebar {
	margin: 2em 0 1em 0;
	padding: 1em 0;
}
div.pagebar a{
	padding: .3em .5em;
	border: 1px solid #ccc;
	font-weight:bold;
	background: #36393A;
	color: #fff;
}
div.pagebar a:hover{
	background: #666;
	text-decoration:none;
}
div.pagebar .this-page{
	background: #c0db27;
	padding: .3em .5em;
	font-weight:bold;
	border: 1px solid #999;
	color: #000;
}

/********** LISTS **********/


#page div.col {
	float:left;
	width:48%;
	margin-right:2%;
	margin-bottom: 2em;
}


#events {
	clear:both;
}

#events ul.wplc_event_list {
	margin:1em 0;
	overflow:hidden;
	width:100%;
}
#events ul.wplc_event_list li{
	list-style:none;
	margin: 0 0 1em 0;
}
#events ul.wplc_event_list strong{
	background: #464646;
	color:#fff;
	padding: .3em;	
	display:block;
	overflow:hidden;
}
#events ul.wplc_event_list span.name:before{
	content: "\00BB \0020";
}
#events ul.wplc_event_list span.name{
	float:left;
	margin-left:0em;
	width:73%;
	background: #262626;
}
#events ul.wplc_event_list span.date{
	font-size:.8em;
	float:right;
	background: #666;
	width:25%;
}

post li:before, #sidebar li:before { content: "\00BB \0020"; }

#sidebar li {
	list-style: none;
}
p.intro-quote {
	font:italic 1.7em/1.3em 'times new roman',verdana;
	padding: 0 2em 0 0em;
}

table#tour-dates {
	width: 30em;
}
table#tour-dates tr>td {
	white-space:nowrap;
	padding-right:1em;
}
table#tour-dates td:first-child {
	text-align:right;
}
table td {
	vertical-align:top;
	padding-bottom: 10px;
}

#page.video {
	width: 640px;
}
#page.video .flashvideo{
	display:block;
	margin-bottom:30px;
}

#page.video h3{
	margin-top:40px;
	background: #981717;
	color: #fff;
	font-weight:normal;
	padding: 5px;
}