/*
Theme Name: Remarkable Theatre
Theme URI: http://wordpress.org/
Description: A dramtic and theatrical Wordpress theme</a>.
Version: 1.0
Author: Kaimata Croft websites
Author URI: http://kaimatacroft.co.nz/
Tags: blue, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
/* --------------------------------------------------------
  Remarkable Theatre website by Sarah Bogle @ Kaimata Croft websites
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#666;
font:normal 62.5% 'Lucida Grande',Verdana,sans-serif;
margin:0;
padding:0;
}

/* Wireframing - use border:1px to place borders around all div elements during development, but be aware that you'll need to change sidebar width to 306px to allow for the border widths 

div {
margin:0;
padding:0;
border:1px solid #F00;
}*/

#content {
width:80%;
height: auto;
margin:0 auto 20px auto;
background-color:#211E0E;
}
/* ---------------
   Layout elements
   --------------- */

/* Masthead and descendants */

#header {
height:150px;
width: 100%;
margin: 0 auto 0 auto;
background: #ccccff url(images/RTheader.png) no-repeat;
}

/* Main Dead Goods logo */
#header img {
margin:0 0 0 20px;
}

/* Menu */

#menu {  /* whole menu */
	width: 100%;
	height: 30px;
	margin: 0 auto 0 auto;
    background-color: #ccccff;
    padding: 0;

}

#menu ul {
	list-style: none;
    padding: 0;
    margin: 5px 20px 0 20px;
}

#menu li { /* each menu tab */
    float: right;
    margin: 2px 1px 10px 0;
    padding: 0;

}
#menu li.page_item:hover {
	color: #575759;
}
#menu li.current_page_item:hover {
        color:#575759;
}
#menu a {  /* inside non selected tab */
    background: #ffffff;
    color: #575759; 
    border: 2px solid #575759;
    line-height: 2em;
    padding-right: 20px;
    padding-left: 20px;
    text-decoration: none;
    text-decoration: none;
	font-weight: bold;
}

html&gt;body #menu a {
	width: auto;

}
#menu li.page_item {
  color:#000;
}
#menu li.current_page_item a {
    background: #211E0E;
    color: #ffffff;
    border: 2px solid #ffffff;
/*	background-position: 100% -60px; */

}
#menu li.current_page_item {
    background: #211E0E;
    color: #ffffff;
/*    background-position: 0 -60px; */

} 
/* sidebar */
#sidebar { 
  float: left; 
  width: 25%; 
  background-color:#211E0E;
line-height: 125%;
  }
  
#sidebar h2{
  list-style-type: none; 
  clear: both;
  margin: 10px 10px 0 10px;
  line-height: 40px;
  color:#000066; 
  font-size: 1.19em; 
  border-bottom: 2px #ff9900 solid;
  line-height: 1.2em;   
  }
  
#sidebar p {
  font-size: 1.1em;    
  padding: 10px 5px 5px 5px;  
  line-height: 1.5em;
  }
  
#sidebar h3 {
  font-size: 1.2em;     
  }  

  
#sidebar a:link, #sidebar a:visited { 
  color: #000066; 
    
  font-size: 0.85em; 
  line-height: 1.5em;
  }
  
#sidebar a:hover { 
  color: #E90119; 
    
  }
  
#sidebar ul { 
  color: #e90019;
  margin: 0px; 
  padding: 0; 
  }
  
#sidebar ul li { 
  list-style-type: circle;
  padding: 0px 10px 10px 10px; 
  margin: 0 0 0 30px;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #e90019; 
  font-weight:bold;
  }

#sidebar li ul li a { 
  color: #e90019;

  }
    
#sidebar ul ul li a{ 
  color: #e90019;
  margin: 0px 5px 0px 10px; 
  padding: 0px 5px 5px 5px; 
  line-height: 1.5em;
  }
  
#sidebar ul.children { 

  margin: 0px; 
  padding: 5px 5px 0px 0px; 
  }
  
#sidebar ul.children li { 
  color: #e90019;
  margin: 0px; 
  padding: 0px 5px 5px 12px; 
  }

/* Container - needed only for faux background */



/* The main column and descendants */

#mainCol {
float: right;
min-height: 500px;
width:75%;
font-size:1.1em;
line-height:150%;
color:#CCC;
background:#211E0E url(back_rightcol.gif) no-repeat;
text-align:left;
padding: 20px;
}

#mainCol ul {
list-style-type:square;
list-style-position: inside;
margin:10px 20px 10px 40px;
padding:0 0 0 25px;
font-size:1.2em;
}
#mainCol ul li strong{
c
margin:10px 20px 10px 40px;
padding:0 0 0 0px;;
line-height:200%;
}
#mainCol li a:link, #mainCol li a:visited {
text-decoration:none;
font-size:1.3em;
font-weight:bold;
color:#FFE86C;
}
#mainCol li a:hover {
color:#FFF;
}


#mainCol p {

margin: 0 0 3px 10px;
padding: 0 50px 0 5px;
font-size:1.2em;
}

#mainCol h3 {
  list-style: none;
  text-align:center;
  margin-bottom:0;
  font-size: 1.4em;
  line-height: 2em;
  font-weight: bold;
  }

#mainCol h2{
  list-style: none;
  text-align:center;
  margin:0;
  font-size: 1.6em;
  line-height: 2em;
  color:#FFE86C;	
  }



/* The footer and descendants */

#footer {
clear:both;
height:50px;
font-size:1em;
line-height:150%;
color:#666666;
background:#ccccff;
text-align:centre;
}

#footer img {
float:left;
margin:10px 112px 60px 56px;
}

#footer ul {
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#footer li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:160%;
}
#footer li a:link, #footer li a:visited, #footer li a:active {
text-decoration:none;
font-weight:bold;
color:#000000;
font-size:1em;
}
#footer li a:hover {
color:#666666;
}

#footer p, #footer a {
text-align: center;
margin:15px 0 3px 0;
color: #666666;
}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */
h1 {
font-weight: normal;
text-align: center;
line-height:150%;
}
h2, h3 {
color:#FFF;
}
h2 {
margin-top:50px;
font-size:1.6em;
}
h3 {
margin-top:50px;
font-size:1.5em;	
}
h4 {
margin:550px 0 10px 56px;
font-size:1.3em;
color:#FFE86C;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#FFF;
}
small {
float: right;
margin-bottom: 5px;
}

/* ---------------------
   Other common elements 
   --------------------- */

abbr {
	
}

/* Turn off borders on image links */
img {
border:1;
}

/* Link states */

a:link {
color:#FFE86C;	
}
a:visited {
color:#FFE86C;		
}
a:hover {
color:#FFE86C;		
}
a:active {
color:#FFE86C;		
}

/* ------------
   Unique Items 
   ------------*/

.date {
	
}

/* -------------
   Form elements 
   -------------*/

form {
margin:0;
padding:0;
}

fieldset {
border:0;
margin:10px 0 10px 56px;
padding:0;	
}

label {
font-weight:bold;
color:#FFE86C;
}

input.submit {
margin:0 0 30px 56px;
}

.widget {
  list-style: none;
  text-align:center;
  background-color: #211E0E;
    font-size: 1em;
  line-height: 1.8em;
    margin: 15px 5px 5px 5px;
  padding: 0;
  }
  
.widget_text {
  list-style: none;
  text-align:center;
  margin-bottom: 5px;
  font-size: 1em;
  line-height: 200%;

  }
 
.widget widget_search {
float: right;
}
  
  
.widgettitle h2{
  list-style: none;
  text-align:center;
  font-size: 1.2em;

  }  
  
.widget_pages {
  list-style: none;
  text-align:left;
  margin:0 0 0 0;
  }  

.widget_recent_entries ul li {
  list-style: none;
  text-align:left;
  margin-left:-15px;
  padding: 0;
  font-size: 1.2em;
  } 

.widget widget_tag_cloud a {
list-style: none;
  text-align:left;
  margin-left:-15px;
  padding: 0;
  line-height: 3em;
}


img {
	border: 1px groove #B2B2B2;
    margin: 5px 25px 5px 5px;
}

img.left {
	float: left;
	margin: 0 15px;
}

img.alignleft {
	float: left;
	margin: 0 15px;
}

.alignleft {
	float: left;
	margin: 0 15px;
}

img.right {
	float: right;
	margin: 0 15px;
}

img.alignright {
	float: right;
	margin: 0 15px;
}

.alignright {
	float: right;
	margin: 0 15px;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: left;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
      color: #000000;
}

.wp-caption img {

}

.wp-caption-text p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   margin:10px;
   padding: 10px;
}

.wp-caption alignleft {
   font-size: 11px;
   line-height: 17px;
   margin:-40px;
   padding: -40px;
}