/*
Theme Name: <em>in situ:</em>
Theme URI: http://insitutheatre.co.uk/
Description: Basic CSS 
Version: 1.0
Author: Richard Hare
Author URI: http://www.richardhare.com/
Tags: custom

	<em>in situ:</em>
	http://insitutheatre.co.uk/

	This theme was designed and built by Richard Hare,
	whose website you will find at http://www.richardhare.com/
*/


a, a:link {color:#0000FF;text-decoration:none;}
a:visited {color:#0000FF;text-decoration:none;}
a:hover {color:#666666;text-decoration:underline;}

h1 {font-size:200%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}


body {
    max-width:100%;
    margin:0;
    padding:0;
    font-size: 14px; 
    font-family: Arial, Verdana,  Helvetica, sans-serif;
    color: #666666;
}

#pageshadow {
    background:#EEEEFF;
    min-width: 900px;
}


#maincanvas {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background: white;
}

#pageshadow #maincanvas p {
    color: #000000;
    padding: 0px;
}


#header {
    font-size: 10px; 
    font-family: Arial, Verdana,  Helvetica, sans-serif;
}


#search {
    float:right;
    padding:10px;
}

.identity {
    text-align:left;
}

#breadcrumbs {
    margin: 0px;
    clear: left;
    float: left;
    width: 860px;
    display: block;
    font-size: 0.76em;
    padding: 0px;   
}

.breadcrumbnav,
#breadcrumbs {
    margin: 0px;
    clear: left;
    float: left;
    width: 860px;
    display: block;
    font-size: 0.76em;
    padding: 0px;   
}

.breadcrumbnav ul,
#breadcrumbs {
    list-style-type: none;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #666666;
    width: 860px;
    display: block;
    text-align:left;
}

.breadcrumbnav li,
#breadcrumbs {
    padding: 0px;
}

.breadcrumbnav li a,
#breadcrumbs a {
    color: #0200FF;
}

.breadcrumbnav .selected {
    color: #AAAAAA;
}

.insitulogo {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#strapline {
    font-size: 12px; 
    font-family: Arial, Verdana,  Helvetica, sans-serif;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}


#frontpagepic {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: 900px;
    height: 600px;
    display: block;
    margin-left: auto;
    margin-right: auto 
}

#onecolmain {
    background:#FFFFFF;
	padding: 10px;
	font-size: 12px; 
    font-family: Arial, Verdana,  Helvetica, sans-serif;
    color: #000000;
}

#twocolmain {
    float:left;
    width:590px;
    background:#FFFFFF;
    padding-top: 10px;
    padding-bottom:25px;
    padding-right: 10px;
    padding-left: 0px;
    font-size: 12px; 
    font-family: Arial, Verdana,  Helvetica, sans-serif;
    color: #000000;
}

#show {
    margin-left: 0px; margin-right: 0px;
}

#showpic {
    float:left;
    margin-right: 1em;
}

#tickets {
  line-height: 50px;
  vertical-align: middle;
}

#tickets33 {
  line-height: 33px;
  vertical-align: middle;
}

.align-left { float:left; margin-right: 1em; }

.align-right { float:right; margin-left: 1em; }    

#rightnav {
    float:right;
    width:230px;
    background:#EEEEFF;
    margin-top:25px;
    padding: 10px;
}

.rightnavtitle {
    font-size: 12px;
    color: #000000;
    font-family: Arial, Verdana,  Helvetica, sans-serif;
}

.rightnavtext {
    font-size: 11px;
    color: #000000;
    font-family: Arial, Verdana,  Helvetica, sans-serif;
}

.rightnavlink {
    color: #CDCDCD;
    font-family: Arial, Verdana,  Helvetica, sans-serif;
}

.head {
  font-size: 32px; color: #000000; font-family: Arial, Helvetica, sans-serif
}

.quote {
  font-style: italic;
}

#socialnetworks {
  line-height: 50px;
  vertical-align: middle;
}

#twitter_update_list {
  line-height: normal;
  font-size: 11px;
  color: #000000;
  font-family: Arial, Verdana,  Helvetica, sans-serif;
}
  
#footer {
	font-size: 10px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	clear:both;
	text-align: center;
}

/* grid addition class */

table.grid td {
    border: 1px solid #666666;
    padding: 0.5em;
/* plain table class with light gray borders */

table.plain,
table.plain td,
table.plain th {
    border: 1px solid #ccc;
    padding: 0.5em;
    border-collapse: collapse;
}