/* Style file for www.tresco360.co.uk */
    

/* Basic layout styles */
body		{ font-family: sans-serif; font-size:100%; color:#AAAAAA }

div.container 	{ width: 95%; margin-left: 10%; margin-top: 2%;
		  line-height:120%; background-color: white; }

div.logo	{ width: 20%; float: left; }
div.tagline	{ width: 50%; display: block; float: left; padding-top:70px;}
div.rlogo	{ width: 30%; clear: right; float: right; }

div.spacer { padding: 0.5em; clear: left; }	
div.space { padding: 60px; clear: left; }	


div.lhs 	{ float:left; width:50% ; padding-left:2em; }
div.rhs 	{ float:left; width:20% ; padding-left:2em; }
div.homepage_lhs{ float:left; width:35% ; padding-left:2em; }
div.homepage_rhs{ float:left; width:50% ; padding-left:2em; }
div.homepage_center{ float:left; width:340px ; padding-left:2em; }
div.homepage_side { float:left; padding-left:1em; display:inline;}
div.sidebox 	{ display:block; float:left; width:170px;}
div.audio	{ float:left; width:50% ; padding-left:2em; }
p.bluey		{ color: #019090; }
div.podcast	{ background-image: url(../podcast/perfect_podcast.jpg);
		  background-repeat: no-repeat; 
		  height: 450px;
		  width: 600px;
		  color: #ffffff;
		  font-size: 300%; line-height:150%; padding-top:1.5em; letter-spacing:-3px;
		}

a.nodec	     { display: block; width: 100%; height: 12em; }
a.nodec:link { text-decoration: none; }
a.nodec:visited { text-decoration: none; }
a.nodec:hover { text-decoration: none; }
a.nodec:active { text-decoration: none; }

ul.podcast	{ list-style-image: url(rss_icon_tiny.png); font-size:140%; color:#000000; }
ul.homepage	{ list-style-image: url(tick.png); margin: 1em; font-family: sans-serif; font-size:150%; line-height: 200%; color:#202323; }
p		{ font-family: sans-serif; font-weight:lighter; font-size:100%; line-height: 110%; color: #202323; }
h1		{ font-family: sans-serif; color: #019090; font-weight: lighter; font-size: 3em; line-height:110%;}
h2		{ font-family: sans-serif; color: #6F9DD1; font-weight: lighter; font-size: 1.5em; }
h3		{ font-family: sans-serif; color: #6F9DD1; font-weight: lighter; font-size: 1.2em; }

dl		{ color: #000000; }
ul		{ list-style: square; }
ol		{ color: #000000; }
b		{ font-weight: bold; }

img.panlink	{ padding-bottom: 40px; }

/* Nav bar styles */
div.navbar	{ width: 100%; padding-bottom: 3px; }

ul#minitabs	{ list-style: none; margin: 0; padding: 7px 0;
		  font-weight: bold; font-size: 120%; 
		  text-align: center; white-space: nowrap; }
		  
ul#minitabs li		{ display: inline; margin: 0 5px; border-right: 1px solid #AAA; padding-right: 2%; padding-left: 0.5%; }
ul#minitabs li#last	{ border-right: none; }

ul#minitabs a	{ text-decoration: none; padding: 0 0 3px;
		  border-bottom: 4px solid #FFF; color: #6F9DD1; }
		  
ul#minitabs a#current	{ border-color: #FEF007; color: #202323; }

ul#minitabs a:hover	{ border-color: #FEF007; color: #019090; }

/* Social bookmarks */
.sharesb{
	width: 40%;
	clear:both;
	position:relative;
	border:none;
	padding:10px;
	margin:15px 0 10px 0;
	font-size:12px;
	-webkit-text-size-adjust:none;
	padding-left: 15%;
}
.sharesb p {
	padding:0;
	margin:0;
}
.sharesb p a{
	position:absolute;
	top:0px;
	right:0px;
	padding:10px;
	font-size:12px;
}
.sharesb h3{
	padding:0 3px 0 0;
	margin:0;
	margin:0 5px 0 3px;
	font-weight:normal;
}
.sharesb ul{
	text-align:left;
	list-style:none;
	margin:15px 0 0px 15px;
	padding:0;
}
.sharesb ul li{
	text-align:center;
	display:inline;
	padding:0 24px 6px 0 ;
}
.sharesb ul li.delicious{background:url(http://www.tresco360.co.uk/includes/socialbookmarks/delicious.png) no-repeat 0 0;}
.sharesb ul li.digg{background:url(http://www.tresco360.co.uk/includes/socialbookmarks/digg.png) no-repeat 0 0;}
.sharesb ul li.reddit{background:url(http://www.tresco360.co.uk/includes/socialbookmarks/reddit.png) no-repeat 0 0;}
.sharesb ul li.facebook{background:url(http://www.tresco360.co.uk/includes/socialbookmarks/facebook.png) no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url(http://www.tresco360.co.uk/includes/socialbookmarks/stumbleupon.png) no-repeat 0 0;}
.sharesb ul li.twitter{background:url(http://www.tresco360.co.uk/includes/socialbookmarks/twitter.png) no-repeat 0 0;}

.sharesb ul li a{padding:0 0 0 18px;margin:0 3px 0 0px;}
 

a.button {
display: block;
background-color: transparent;
background-image: url(button_blue.png);
background-repeat: no-repeat;
width: 200px;
height: 70px;
margin: 5px auto;
padding: 25px 0 0 0;
text-align: center;
font-family: sans-serif;
font-size: 200%;
color: #202323;
font-weight: bold;
text-decoration: none;
}
a.button:hover { background-image: url(button_yellow.png); }

div.preloader { background: url(button_yellow.png); visibility: hidden; }

a.button2 {
display: block;
background-color: transparent;
background-image: url(guestbook_button.png);
background-repeat: no-repeat;
width: 150px;
height: 52px;
margin: 5px auto;
padding: 15px 0 0 17px;
text-align: center;
font-family: sans-serif;
font-size: 70%;
color: #202323;
font-weight: bold;
text-decoration: none;
}
a.button2:hover { background-image: url(guestbook_button2.png); }

div.preloader2 { background: url(guestbook_button2.png); visibility: hidden; }

div.guestbookbutton { margin-left: 75%; width: 150px; float: left;}

div.footcentred { text-align: center; padding-top:3em; color: #999999; font-size:90%; }



/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }