/*
Theme Name: WordPress TheatreCenter
Theme URI: http://wordpress.org/
Description: The Theatrecenter WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Mart Gordon
Author URI: http://www.martgordon.com
Tags: blue, custom header, fixed width, two columns, widgets

	Theatrecenter v1.0
	 http://www.theatrecenter.co.uk

	This theme was designed and built by Mart Gordon,
	whose blog you will find at http://www.martgordon.com

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

*/
@import url("complex.css");

* {
   padding:0;
   margin:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address, hr {
    margin-bottom: 20px;
}

html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*
Basic styling for text etc. used by older browsers such as NN4.
*/

body {
	background: #EFEAE6 url('_images/_background/background.jpg') no-repeat top center;
	font-family: helvetica,arial,sans-serif;
	font-size: 62.5%;
	color: #000;
	margin: 0px;
}

p {
  	font-size: 1.2em;
  	line-height: 1.5em;
	font-weight:normal;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}

ul, dl, ol {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1em;
	list-style: none;
}

li p {
font-size: 1em;
}

li blockquote {
font-size: 1em;
}

.auxcontent li cite {
font-size: 1em;
}

dt {
	float: left;
	height: auto;
	font-weight: bold;
	width: 200px;
}

dd {
	float: left;
	width: 400px;
	height: auto;
}

img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a img {
	border: none;
}

a {
	color: #87C209;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active{
	text-decoration: underline;
}

h1 {
position: absolute;
top: 62px;
left: 5px;
width: 546px;
height: 58px;
text-indent: -9999em;
background: url('_images/_pf/logo.png') no-repeat;
}

h1 a, h2 a {
color: #ff00f0;
}

h3 a {
color: #2786f1;
}
  
h2 {
color:#ff00f0;
font-size: 24px; 
margin: 0;
margin-bottom: .5em;
font-family: arial, helvetica, sans-serif;
}

h3 {
color:#2786f1;
font-size: 1.8em; 
margin: 0;
margin-bottom: .5em;
font-family: arial, helvetica, sans-serif;
}

hr {
width: 100%;
clear: both;
float: left;
margin: 0  0 1em 0;
height: 1px;
border: 0;
border-top: 1px solid #000;
}

/* ####### Main site area styling ####### */
/* ###################################### */

.wrapper {
position: relative;
float: left;
left: 50%;
margin-left: -500px;
float: left;
width: 1000px;
height: auto;
}

.masthead {
height: 180px;
}

#logo {
position: absolute;
top: 62px;
left: 5px;
}

.mynavigation {
clear: both;
float: left;
background: transparent url('_images/_navigation/navigation.png') no-repeat top center;
height: 82px;
}

.mynavigation ul {
list-style: none;
width: 1000px;
height: 82px;
margin: 0;
padding: 0;
text-indent: 0;
}

.mynavigation ul li {
float: left;
height: 82px;
}

.mynavigation ul li#home a, .mynavigation ul li#who a, .mynavigation ul li#what a, .mynavigation ul li#where a, .mynavigation ul li#course a, .mynavigation ul li#alumni a, .mynavigation ul li#news a, .mynavigation ul li#contact a {
float: left;
height: 82px;
display: block;
text-indent: -9999em;
}

.mynavigation ul li#home a {
width: 93px;
}

.mynavigation ul li#who a {
width: 131px;
}

.mynavigation ul li#what a {
width: 131px;
}

.mynavigation ul li#where a {
width: 146px;
}

.mynavigation ul li#course a {
width: 154px;
}

.mynavigation ul li#alumni a {
width: 129px;
}

.mynavigation ul li#news a {
width: 71px;
}

.mynavigation ul li#contact a {
width: 145px;
}

.mynavigation ul li#home a:hover, .navigation ul li#home a:focus {
background: transparent url('_images/_navigation/navigation.png') no-repeat 0 -82px;
}

.mynavigation ul li#who a:hover, .navigation ul li#who a:focus {
background: transparent url('_images/_navigation/navigation.png') no-repeat -93px -82px;
}

.mynavigation ul li#what a:hover, .navigation ul li#what a:focus {
background: transparent url('_images/_navigation/navigation.png') no-repeat -224px -82px;
}

.mynavigation ul li#where a:hover, .navigation ul li#where a:focus {
background: transparent url('_images/_navigation/navigation.png') no-repeat -355px -82px;
}

.mynavigation ul li#course a:hover, .navigation ul li#course a:focus {
background: transparent url('_images/_navigation/navigation.png') no-repeat -501px -82px;
}

.mynavigation ul li#alumni a:hover, .navigation ul li#alumni a:focus {
background: transparent url('_images/_navigation/navigation.png') no-repeat -655px -82px;
}

.mynavigation ul li#news a:hover, .navigation ul li#news a:focus {
background: transparent url('_images/_navigation/navigation.png') no-repeat -784px -82px;
}

.mynavigation ul li#contact a:hover, .navigation ul li#contact a:focus {
background: transparent url('_images/_navigation/navigation.png') no-repeat -855px -82px;
}

.navigation {
font-size: 1.2em;
margin-bottom: 1em;
}

.content {
clear: both;
float: left;
background: transparent url('_images/_background/main-area.png') repeat-y top center;
width: 990px;
height: auto;
padding: 5px;
}

.maincontent {
clear: left;
float: left;
width: 622px;
height: auto;
padding: 0 20px;
}

.auxcontent {
float: left;
width: 288px;
height: auto;
padding: 0 20px;
}

.auxcontent h2 {
color: #2786F1;
font-size: 22px;
}

blockquote {
font-style: italic;
font-size: 1.2em;
width: 228px;
padding: 0 30px;
margin: 0;
margin-bottom: 10px;
background: url('_images/_pf/quote-open.gif') no-repeat top left;
color: #000;
}

.auxcontent cite {
font-style: normal;
display: block;
font-size: 1.2em;
text-align: right;
width: 228px;
padding: 5px 30px;
margin: 0;
margin-bottom: 10px;
background: url('_images/_pf/quote-close.gif') no-repeat top right;
color: #999;
}

ul.blog-list {
list-style: none;
}

ul.blog-list li {
padding-left: 20px;
background: url('_images/_pf/bullet.gif') no-repeat 7px 4px;
margin-bottom: 5px;
}

.footer {
clear: both;
float: left;
color: #fff;
width: 950px;
padding: 25px;
background: #000 url('_images/_background/footer-bg.gif') no-repeat top center;
}

.footer-info {
float: left;
width: 630px;
height: auto;
margin-right: 40px;
}

.social-media {
float: left;
width: 280px;
height: auto;
}

.social-media a {
color: white;
}

.social-media ul {
list-style: none;
}

.social-media li {
padding: 0 0 10px 30px;
text-transform: uppercase;
}

.social-media li#twitter {
background: url('_images/_icons/twitter.gif') no-repeat 0 0;
}

.social-media li#facebook {
background: url('_images/_icons/facebook.gif') no-repeat 0 0;
}

.social-media li#flickr {
background: url('_images/_icons/flickr.gif') no-repeat 0 0;
}

.footer2 {
clear: both;
float: left;
width: 1000px;
padding: 10px 0;
}

.copyright {
clear: both;
float: left;
width: 50%;
color: #000;
font-size: 1.2em;
}

.credit {
float: left;
width: 50%;
color: #fff;
font-size: 1.2em;
text-align: right;
}

.widget_text {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 1.5em 0 0 0;
margin-bottom: 1.5em;
}