/*
Theme Name: Get Real Theatre
Description: Built on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>.
Version: 1.0
Author: rH
Author URI: mailto:rh_@live.com
Tags: fixed width, two columns, widgets, sandbox
*/

/* Reset CSS *//* v1.0 | 20080212 */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}


/* Structure
------------------------------------------------------*/
html, body {height:100%;}

body {background:#002D56; margin:0 auto;}

div#container {width:780px; margin:0 auto; background:#fff; position:relative; min-height:100%;}
	* html #container {height:100%;}

div#header {position:absolute; top:0; left:0; width:100%;}

div#content {padding-top:290px;}

#footer {position:absolute; bottom:0; width:100%; height:130px; background:#002D56;}
	#footer img {margin-top:74px;}



/* Header
------------------------------------------------------*/
h1.logo, div.logo {padding:25px 25px 3px 50px; margin-bottom:50px; float:left; border-right:1px solid #000;}
#header h2 {clear:both; text-align:center; font-size:1.2em; letter-spacing:.18em; position:absolute; width:100%; top:232px; left:0; z-index:1;}
	#header h2 span {color:#EE2B22; text-transform:uppercase;}

ul#nav {float:left; margin:35px 0 0 25px; position:relative; z-index:5; background:#fff;}

/*	#nav li.page-item-2 ul, #nav li.page-item-2 li {display:inline;} */

div#search {position:absolute; top:8px; right:20px; background:url(images/bg_search.png) 0 0 no-repeat; padding:4px 6px 12px 16px; font-size:13px; font-family:'arial narrow',arial,sans-serif;}
	input#s {width:90px; height:11px; background:#BBBCC6; font-size:9px; border:0; margin-left:8px;}
	input#searchsubmit {padding:8px 2px 2px 4px; vertical-align:-4px;}


/* Nav
------------------------------------------------------*/
#nav li {position:relative; padding-bottom:18px; font-size:13px; letter-spacing:1px; font-family:'arial narrow',arial,sans-serif;}

#nav li a {color:#707171; padding-bottom:18px;}
	#nav li a:hover {text-decoration:underline;}
	#nav li.current_page_item a {color:#ee2b22;}
	#nav li.current_page_item li a {color:#fff;}
	#nav li.current_page_parent li.current_page_item a {background:#fff;}

#nav li ul {position:absolute; display:none; width:9em; top:1.5em; left:0; z-index:50;}
	.ie #nav li ul {position:relative; margin-top:-15px; margin-bottom:15px;} /* alternative menu fix for IE */
	.webkit #nav li ul {z-index:55;}
	
#nav li ul li {margin:0; padding:0;}

#nav ul li a {display:block; padding:3px 5px; border:1px solid #EE2B22; color:#fff; text-decoration:none; background-color:#EE2B22; width:9em;
height:auto; float:left;}
	#nav ul li a:hover{background-color:#fff; color:#333; text-decoration:none;}
	
	.ie6 #nav li ul li {margin-bottom:-18px !important;}
	
#nav ul ul {top:auto;}	

#nav li ul ul {left:9em; margin:0 0 0 10px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}



/* Content
------------------------------------------------------*/
div.callout {background:#EE2B22;margin:0 0 5px 0;}
	.callout h2, .callout h3, .callout span, .callout p {color:white;}

	.callout h2 {text-transform:lowercase; font-size:2.8em;}
	.callout h3, .callout span {line-height:1.4; text-transform:uppercase; font-size:1.2em;}

	.callout p {margin-top:8px; line-height:1.4; font-size:.8em;}

	body.home .callout {padding:30px;width:720px;}
	body.home .callout h3 {margin-top:12px;}

	body.page-template-page_about .callout {padding:20px 30px;} /* unused */



body.home div.block, body.page-template-page_about div.block {margin-bottom:10px; line-height:1.4; font-size:1.7em;}
body.home div.block a, body.page-template-page_about div.block a {background:url(images/ico_arrow.png) 0 7px no-repeat; padding:0 0 0 25px; display:block; color:#464749;}


div.images div {float:left;}
	div.images img {margin:0 4px 0 0; width:192px; height:242px;}
	#sp_image-427584991 img {margin-right:0 !important;}


div.last-row {position:relative; padding:30px 0 0 30px; clear:both;}
	.last-row .right {margin-left:40px;}
	.last-row .block {width:265px; padding:25px 20px 25px;}

	.last-row h2 {text-transform:uppercase; font-size:1.75em; margin:0 0 20px 0;}
		.last-row h2 span {font-size:.7em; display:block; margin:10px 0 0 0;}

		.last-row .last h2 {color:#fff; text-transform:lowercase; font-size:1em;}

	.last-row p {line-height:1.5; font-size:.8em; margin-bottom:1.3em;}

	.last-row .quote {background:#EE2B22; color:#fff; margin-top:10px; padding:10px 5px 1px 5px !important;}

div.first-row {}
	.first-row .callout {width:440px;}


div.widget {width:230px; padding:25px 20px;}
	.widget h2 {font-size:1.5em; text-transform:lowercase;}

	.widget ul {margin-top:21px;}
	.widget li {padding-bottom:1.3em;}

	.widget a {color:inherit;}
	.widget a:hover {text-decoration:underline;}

	#sidebar .widget {margin-bottom:10px;}
	#sidebar .block {line-height:1.4;}
	#sidebar .blue a {color:#464749;}
	#sidebar .red h2, #sidebar .red a {color:#fff;}

	#sidebar .tag {text-transform:lowercase;}

	
div.contact-info {padding:0 0 10px 0; margin:30px 0 0 20px; line-height:1.5; font-size:.8em;}


#entry {width:430px; margin:0 36px;}
	#entry h1 {text-transform:uppercase; font-size:1.2em; margin-bottom:20px;}
	#entry h1 span {text-transform:lowercase; font-size:2.8em; color:#4e4e50; display:block;}

	#entry h2 {font-weight:bold; color:#696969;  margin-bottom:15px;}

	#entry p {line-height:1.7em; font-size:.8em; margin-bottom:2em; color:#636363;}

	div.post {margin-bottom:2em;}
	div.entry-head {margin-bottom:1em; line-height:1.2; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:2px 0;}
	div.entry-date {margin:-5px 0 1em 0;}
	div.entry-meta {line-height:1.2;}


#play {width:360px; padding:25px 20px; height:655px;}
	#play h1, #play h2 {text-transform:uppercase; margin-bottom:.8em;}
	#play p {margin-bottom:1.6em; font-size:.8em; line-height:1.5;}
	#play img {position:absolute;top:495px;left:36px;width:323px;}

#play-callout {width:294px; margin:0 20px 0 36px; padding:30px 15px; font-size:1.6em; line-height:1.3;}

div.entries {margin:30px 20px 0 20px;}
	.entries h2 {margin-bottom:1em; text-transform:uppercase;}
	.entries h3 {margin-bottom:.5em;}
	.entries p {margin-bottom:1.2em;}


div.latest {height:120px;overflow:hidden;border:1px solid #cdcdcd; width:285px; margin:.5em 0 1em 0;}

div.spacer {padding-bottom:140px;background:#002D56;}

/* ie6 fixes */
.ie6 #entry, .ie6 #play-callout {margin-left:18px !important;}


/* General
------------------------------------------------------*/
body, h1, h2, h3, h4 {font-family:helvetica,arial,sans-serif; color:#464749;}
h1, h2, h3, h4 {font-weight:normal;}

a {text-decoration:none; color:#0000cc;}
a:hover {color:#EE2B22;}

blockquote {border-left:2px solid #cdcdcd; padding-left:1.3em; font-style:italic;}

.blue {background:#AABAD4;}
.red {background:#EE2B22; color:#fff;}

.left {float:left;}
.right {float:right;}

.last {margin-bottom:0 !important;}

.none {display:none;}
.clear {clear:both;}

span.required {color:#ee2b22;}

img.alignleft {display:block; margin-bottom:1em;}


/* Plugins
------------------------------------------------------*/

/* pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFF;}

.wp-pagenavi a:hover {border: 1px solid #000; color: #000; background-color: #FFF;}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFF;}

.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000; color: #000; background-color: #FFF;}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000; color: #000;}


/* coldform */
div#coldform {padding:15px; width: 400px; color: #333; float:left;}
h3#coldform_error {margin:5px 0 15px; color:#cc0000;}
div#coldform fieldset {border: 0 none; display: block; clear: both;}
div#coldform .hide {display: none;}
div#coldform label.label {margin: 12px 0px 6px 0px; text-align: left; display: block; border: 0 none; float: left; clear: both;} 
div#coldform input.input, #coldform select.input {padding: 3px; float: left; clear: both; width: 50%;}
input#coldform_carbon {float: left; clear: both;}
textarea#coldform_message {line-height: 1.5em; font-size: 12px; padding: 3px; float: left; clear: both; width: 85%;}
div#coldform input.submit {margin: 12px 0; padding: 3px; width: 25%; background:#EE2B22; border:0; color:#fff;}

div#coldform, textarea#coldform_message, #coldform input.input, #coldform select.input {border:1px solid #AABAD4;}
	textarea#coldform_message, #coldform input, #coldform select {background:#F7FAFB;}

/* mailpress */
div#MailPress div#mp-container, div#MailPress div#mp-formdiv {position:relative;}
div#MailPress div#mp-loading, div#MailPress div#mp-message {position:absolute;opacity:0;filter:alpha(opacity=0);}

.home .ie6 div#MailPress div#mp-container, .home .ie6 div#MailPress div#mp-formdiv {position:static;}
.home .ie6 div#MailPress div#mp-loading, .home .ie6 div#MailPress div#mp-message {right:45px; width:240px;}