h1,h2,h3{
 line-height:1em;
}

body{
	color:#bacfaa;
}


#header{
	background:#333;
	text-align:center;
}

#header h1,#header h2{
	font-variant:small-caps;
	margin:0px;
	font: 1em "courier new", courier, monospace;
}


#header h1 {
	letter-spacing:0.27em;
}

#header h2 {
	font-size: 1.8em;
	letter-spacing:0.3em;
}
#main,#mainBPE,#mainTT{
	font-size:1.1em;
	padding-right:2em;
}
#mainBPE{
	width:50%;
	float:right;
}
#mainTT{
	float:right;
	display:inline
}


#footer{
	background:#333;
	text-align:center;
}




#menu {
	padding-left:2em;
	padding-right:2em;
	float:left;
}

#menu a {  
	background:#bacfaa url('http://pantomimepony.co.uk/images/rightarrow.png')no-repeat right center  ;
	color:#0e195c; 
	text-shadow: -1px 1px #84A56B;
	box-shadow: -2px 2px 3px black;
}

#menu a:hover {
	color: #687ae9;
	background:#bacfaa url('http://pantomimepony.co.uk/images/rightarrow.png')no-repeat right center  ;
	text-shadow: -1px 1px black;
	box-shadow: 0px 0px 2px 6px #687ae9;
}

.links{
 color:white;
 text-decoration:none;
}	
#menu a.new{
 	
	background:#bacfaa url('http://pantomimepony.co.uk/images/rightarrow-new.png')no-repeat right center  ;	
}
#menu a.updated{
 	background:#bacfaa url('http://pantomimepony.co.uk/images/rightarrow-new.png')no-repeat right center  ;	
}


#menu a.feedback{
	background:none;
	border:none;
	text-shadow: -1px 1px black;
}

#textbox,.textframe{
 	float:right;
 	display:inline;
	width:56%;	
	padding:2em;
	margin-bottom:1em;
	line-height:1.5em;
	box-shadow: -2px 2px 8px  black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
} 

#textbox,.textframe{
 	background:#488164;
	min-height:5em;
}
.textframe{
	width:90%;
	opacity:0.9;
	color:#CDD7C3;
	border:solid 1px #5D997C;
}
#buttonbox{
 	float:right;
	
}

#buttonbox  {  
 	width:56%;
	padding: 1em 2em 1em 2em; 
	background:#4A7384;	
 	text-shadow: -1px 1px black;
	margin-bottom:1em;
	line-height:1.5em;
	box-shadow: -2px 2px 8px  black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#buttonbox:hover {
	text-shadow: -1px 1px black;
	box-shadow: 0px 0px 2px 6px #687ae9;
}