/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Debbie King - Main Stylesheet
Author:		Alison Springall (alisonspringall@silktide.com) / Silktide Ltd - All Rights Reserved
Created:	21/10/2008


-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body					{ background: #3b3d40 url("templatefiles/body_bg.jpg"); font: 70% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: bold 1.6em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #58595B; padding-bottom: 5px; border-bottom: 1px solid #fe259b; margin: 15px 0; }
h2						{ font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #fe259b; margin: 10px 0; }
h3						{ font: bold 1.1em arial, verdana, helvetica, sans-serif; color: #fe259b; margin: 10px 0; }

p, li					{ font-size: 1.0em; line-height: 1.5em; }

a,						
a:visited				{ font-weight: bold; color: #177F99; text-decoration: none; }
a:hover, a:active		{ color: #000; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 5px 0; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.tablestyle				{ border-collapse: collapse; }
.tablestyle td, .tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, .tableborder th	{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }
.right					{ float: right; }
.left					{ float: left; }
.clear					{ clear: both; }
.block					{ display: block; }
.none					{ display: none; }

.borderimg img			{ padding: 2px!important; border: 1px solid #177F99!important; }

#accessibility			{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header					{ height: 12px; background: #67686b url("templatefiles/header_bg.jpg"); border-bottom: 1px solid #fff; }

#wrapper				{ height: 697px; background: #fff url("templatefiles/wrapper_bg.jpg"); border-bottom: 1px solid #fff; }

#container				{ width: 975px; text-align: left; padding-top: 30px; margin: 0 auto 0; }

#sidecol				{ width: 270px; /*min-height: 400px;*/ float: left; position: relative; }
#sidecol img			{ padding: 0; margin: 0; }

#outerwrapper			{ position: relative; }
#borderwrapper			{ position: relative; width: 658px; border-right: 12px solid #d7d7d7; margin-left: 270px; }
#innerwrapper			{ position: relative; width: 643px; height: 580px; float: left; background: transparent url("templatefiles/content_bg.png") no-repeat 0 0; border-right: 15px solid #fe259b; }
#contentwrapper			{ position: absolute; top: 104px; width: 643px; height: 476px; background: #fff;  /*margin-top: 104px;*/ }
.overflowwrapper		{ position: relative; width: 610px; height: 485px; overflow: auto; }


#content				{ width: 350px; height: 642px; position: relative; overflow: hidden; margin: -70px 0 0 30px; }
#fullcontent			{ width: 610px; height: 642px; position: relative; margin: -70px 0 0 30px; }

#contenttext			{ height: 470px; overflow: auto;  margin-top: 20px; }

#press #contenttext		{ height: 420px; }

#subcontent				{ width: 210px; height: 510px; position: absolute; top: -80px; right: 10px; overflow: hidden; background-color: #f1f1f1; padding: 10px; border: 1px solid #c7c7c7; }

#flash					{ position: absolute; bottom: -25px; left: 0; }

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#mainnav				{ width: 130px; position: absolute; top: 180px; left: 140px; padding: 0; margin: 0; }
#mainnav li				{ background: transparent url("templatefiles/mainnav_li.gif") no-repeat 0 0; font-weight: bold; text-transform: uppercase; list-style-type: none; margin-bottom: 2px; }
#mainnav li	a,
#mainnav li a:visited	{ display: block; color: #fff; padding: 1px 0 2px 40px; }
#mainnav li	a:hover,
#mainnav li a:active	{ color: #fe259b; }


/* Search Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#search					{ position: absolute; left: 30px; bottom: 20px;  }
#search	input			{ width: 200px; border: 1px solid #e8e8e8; }
#search input.button	{ width: 25px; background: #fe259b; color: #fff; border: 0; margin-left: 5px; }

#searchresults #search	{ width: 590px; height: 500px; position: relative; top: 0; left: 0; overflow: auto; }
#searchresults .taosSearchResults { width: 560px;  }

/* Subcontent Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.slidelink				{ background: #56575c; font-weight: bold; font-size: 0.7em; text-transform: uppercase; color: #fff; padding: 1px 6px; margin: 0 1px; }

#subcontent #news				{ width: 200px; position: absolute; bottom: 10px; left: 10px; background-color: #f8f8f8; padding: 5px; border: 1px solid #d4d5d4; margin-right: 10px; }
#subcontent #news .title		{ margin-top: 0; }			
#subcontent #news h3			{ font-size: 1.2em; line-height: 1.2em; color: #fe259b; padding-bottom: 5px; border-bottom: 1px solid #000; margin: 0 0 0; }
#subcontent #news p				{ line-height: 1.1em; padding: 5px 0; border-bottom: 1px solid #000; margin: 0; }
#subcontent #news p a			{ color: #000; }
#subcontent #news p a:hover,
#subcontent #news p a:active	{ color: #177F99; }
#subcontent #news hr			{ height: 1px; background-color: #7b7b7b; color: #7b7b7b; margin: 0; }

	
#press #subcontent #news			{ top: 30px; }
#subcontent #news p					{ line-height: 1.3em; }

#press #subcontent #news p a		{ color: #177F99; }
#press #subcontent #news p a:hover,
#press #subcontent #news p a:active	{ color: #000; }
#press #subcontent #news hr			{ margin: 2px 0; }

.articleimg				{ background-color: #f8f8f8; text-align: center; padding: 10px; border: 1px solid #D4D5D4; margin-right: 10px; }
.articleimg	img			{ margin: 0 auto; }


/* Gallery Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#gallery table			{ width: 590px; border-collapse: collapse; }

.galleryblock			{ width: 180px; height: 111px; float: left; overflow: hidden; margin: 0 2px 11px; }
.galleryblock span,
.galleryblock img		{ display: block; margin-top: -20px; }
.galleryblock a			{ width: 180px; display: block; border-bottom: 10px solid #6d6e71; }
.galleryblock a.selected,
.galleryblock a:hover,
.galleryblock a:active	{ color: #fe259b; border-bottom: 10px solid #fe259b; }

.galleryblock span.thumb{ width: 180px; height: 102px; display: block; overflow: hidden; cursor: hand; }
.galleryblock span.view	{ text-align: right; padding: 23px 0 3px; }

/* Home Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#home #content		{ margin-top:-85px; }
#home #contenttext		{ height: 270px; }
#home h2			{ margin:10px 0 5px; }

#home #twitter_div		{  }
#home #twitter_div ul	{ padding-left:35px; margin:0; }
#home #twitter_div ul li	{  }
#home #twitter-link		{ margin:0; padding:0; display:block; text-align:left; padding:4px 0 5px 35px; background:url("/templatefiles/twitter-bird.jpg") no-repeat; }

/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer					{ text-align: right; margin-left: 270px; margin-right: 35px; }
#footer p				{ font-size: 0.85em; text-align: right; color: #c5c5c5; margin: -8px 5px 0; }
#footer p a				{ color: #c5c5c5; }
#footer p a:hover,
#footer p a:active		{ color: #fff; }