/*

	Sound Space Studios Ltd
	www.soundspacestudios.co.uk
	designed by James Steer

*/

/*
	RESET
*/

*		{margin:0; padding:0;}
html		{overflow-y:scroll;}
html, body	{height:100%;}
body		{font-size:85%; font-family:arial, sans; background: #000 url(style/images/rotate/1.jpg) no-repeat center fixed;}
a		{text-decoration:none; outline:none;}
a img		{border: none;}
img		{border: solid thick #fff;}
ul		{list-style: none;}
li.nav		{display:inline;}


/*
	UTILITY a la Chris Coyer
*/

.floatleft	{float:left;}
.floatright	{float:right;}
.clear		{clear:both;}

/*
	STRUCTURE
*/

#wrap		{width:960px; margin:0 auto; min-height:100%; height:auto !important; height:100%; padding:150px 0 20px;}
#header		{width: 100%; height:100px; padding:20px; position:fixed; background: url(style/images/bg.png) repeat-x; -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.7); box-shadow: 0 0 10px 0 rgba(0,0,0,0.7);z-index:9;}
#header-inside	{width:960px; margin:0 auto;}
#logobox	{width:400px; float:left;}
#nav		{width:400px; float:right; text-align:justify; line-height:180%; padding-right:30px; padding-top:20px;}
#nav a		{color:#fff; font-size:1.4em; padding:3px 5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#nav a:hover	{color:#383838; background:white;}
#main-col	{width:650px; float:left; padding:0px 20px;}
#sidebar	{width:250px; float:right; padding: 0px 10px;}
#footer		{height:20px; width:100%; background:#121212; position:fixed; bottom:0px;}
#footer-inside	{text-align: center; width:960px; margin:0 auto; padding-top:5px;}
#footer p	{color:#fff; font-size:0.8em;}
#footer a	{color:#fff; font-size:0.8em;}
#rss		{width:30px; height:30px; top:10px; right:10px; position:fixed; z-index:10;}
#rss img	{border: none;}


/*
	STYLE
*/

h1#logo		{width:400px; height:112px; background: url(style/images/logo.png) no-repeat top left; text-indent:-9000px;}
#content	{background: rgb(255,255,255); background: rgba(255,255,255,0.7); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:20px 10px;}
h2		{color: #000;}
hr		{color: #fff; background-color: #fff; height: 5px;}
#twitpic	{width:80px; float:right;}
#twitpic img	{border:none;}
#map_l		{overflow:none;}

/*
	NEWS
*/

.date		{width: 40px; float:left; padding: 5px; background: #121212; color:white; margin: 0 10px 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.day		{font-size:1.5em; font-weight: bold; margin: 0; text-align:center; }
.month		{font-size:1em; font-weight: bold; text-align:center; text-transform: uppercase; margin: 0;}
.year		{font-size:1em; font-weight: bold; margin: 0; text-align:center; }

/*
	TEXTOLOGY
*/

p		{font-size:1.0em; line-height: 1.2em; margin: 0 0 10px 0; text-align:justify;}
p.normal	{text-align:left;}
p.center	{text-align:center;}
a		{color:#121212;}
a:hover		{background:#121212; color:white;}
h1		{font-size: 2em;}
h2		{font-size: 1.6em;}
h3		{font-size: 1.2em;}
h2.posttitle	{margin-bottom:5px;}
img.alignnone	{border: solid thick #fff;}

/*
	bubble tooltip 
*/

a.tt		{position:relative; z-index:24; text-decoration:none;}
a.tt span	{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover	{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #121212; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;}
a.tt:hover span.top{display: block;padding: 30px 8px 0; background: url(style/images/bubble.gif) no-repeat top;}
a.tt:hover span.middle{ /* different middle bg for stretch */display: block; padding: 0 8px; background: url(style/images/bubble_filler.gif) repeat bottom; }
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #121212;
    background: url(style/images/bubble.gif) no-repeat bottom;
}