/*
Theme Name: Saturn Centre
Theme URI: http://www.saturncentre.org
Description: Wordpress Theme for The Saturn Centre
Version: 1
Author: Europa Studio
Author URI: http://www.europastudio.co.uk
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* ///////////////////////////////////////////////////- 
	Reset 
- */

h1, h2, h3, h4, h5, h6,
ul, li, div,
p, br, form, body,
img
{margin: 0;	padding: 0;	border: 0;}

body{font: normal 12px/20px 'Lucida Grande', 'Lucida Sans', Helvetica, Arial; color: #3e3c39; background: #004E75 url('images/mainBg.png') repeat-x;} 

h1{font-size: 2.2em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.4em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h3{font-size: 1.2em; color: #CC2100; line-height: 1.2em; margin: 2px 0px; padding: 5px 0px;}
h4{font-size: 1.2em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h5{font-size: 1.0em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h6{font-size: 0.9em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}

p{padding: 5px 0;}
a{color: #007EAE;}

.alignright {float: right; margin-left: 10px; margin-bottom: 10px; border:1px solid #CCCCCC; padding:5px; background:#fff;}
.alignleft {float: left; margin-right: 10px; margin-bottom: 10px; border:1px solid #CCCCCC; padding:5px; background:#fff;}

#mainCol p img {
	max-width: 100%;
	}

#mainCol img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	float: none;
	}

#mainCol img.alignright {
	margin: 5px 0 15px 15px;
	display: inline;
	float: right;
	clear: right;
	}

#mainCol img.alignleft {
	margin: 5px 15px 15px 0;
	display: inline;
	float: left;
	clear: left;
	}

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


/* Head */

#mastHead, #mastBody, #mastFoot{width: 100%; float: left;}
#mastHead .myContainer, #mastBody .myContainer, #mastFoot .myContainer{width: 956px; margin: 0 auto;}

#mastHead{height: 217px; background: #000 url('images/bg.jpg') repeat-y;}
#mastHead h1#logo{width: 400px; height: 217px; float: left; margin: 0; padding: 0; background: url('images/logo.gif') 0 0 no-repeat;}
#mastHead h1#logo a{width: 400px; height: 217px; float: left; text-indent: -9999px;}
#mastHead #topMenu{width: 510px; padding: 30px 0 0 0; float: right;}
#mastHead #topMenu .topNav{width: 260px; float: left; padding: 4px 0 0 0; text-align: right;}
#mastHead #topMenu .topNav li{padding: 0 11px 0 5px; background: url('images/topNavSep.gif') right no-repeat;}
#mastHead #topMenu .topNav li a{color: #fff; text-decoration: none;}
#mastHead #topMenu .topNav li a:hover{border-bottom:1px dashed #fff;}
#mastHead #topMenu .search{width: 224px; float: right;}
#mastHead #topMenu .search .searchInput{width: 160px; height: 27px; float: left; padding: 7px 0 0 4px; text-indent: 10px; background: url('images/searchTxt.gif') no-repeat; border: 0;}
#mastHead #topMenu .search .searchButton{width: 53px; height: 27px; float: right; margin: 1px 0 0 0; text-indent: -9999px; cursor: pointer; font-size: 0; background: url('images/searchBtn.gif') no-repeat; border: 0;}
#mastHead ul.mainNav{width: 560px; float: right; text-align: right; padding:0; margin-top: -44px;}
#mastHead ul.mainNav li{padding: 0 0 0 2px; float: right; display: inline;}
#mastHead ul.mainNav li a{padding: 12px 15px; float: left; display: inline; color: #fff; text-decoration: none; background: #007EAE;}
#mastHead ul.mainNav li a:hover, #mastHead ul.mainNav li.current_page_item a, #mastHead ul.mainNav li a.selectedPageRoot{color: #79270f; background: #f4f2d9;}


/* Body */

#mastBody{background: #fffcf7 url('images/mastBody.jpg') repeat-x;}
#mastBody .myContainer{width: 963px; padding: 0 0 0 5px;}

#mastBody #bodyTile{width: 963px; float: left; margin: 20px 0 0 0; background: url('images/bodyTile.jpg') right 0 repeat-y;}
#mastBody #bodyTop{width: 963px; float: left; background: url('images/bodyTop.jpg') right top no-repeat;}
#mastBody #bodyBottom{width: 963px; float: left; background: url('images/bodyBottom.jpg') right bottom no-repeat;}


	/* SubCol */

#mastBody #subCol{width: 303px; float: left; padding: 20px 0 0 0; margin: 0 0 0 54px; display: inline;}
#mastBody #subCol .padded{padding: 10px;}
#mastBody #subCol .padded510{padding: 5px 10px;}
#mastBody #subCol .yellow{float: left;background: #f3f1d8;}
#mastBody #subCol .blue{background: #F5F1D8;}

#mastBody #subCol #welcome{width: 258px; float: left; padding: 10px 23px 115px 20px; line-height: 18px; text-align: right; background: #fff url('images/welcome.jpg') 0 bottom no-repeat; border: 1px solid #e5e5e3;}
#mastBody #subCol #welcome .element{padding: 0 0 0 65px; font-size: .9em; color: #333333;}
#mastBody #subCol #welcome .element span{font-weight:bold; font-size: 1.2em; color: #370c05;}
#mastBody #subCol #welcome h1{color: #007EAE; font-size: 1.5em; font-family: 'cambria', 'georgia', 'Times New Roman';}

#mastBody #subCol #newsletter{width: 281px; padding: 10px 10px; float: left; color: #595853; border: 1px solid #e6e6e6; margin: 15px 0 0 0;}
#mastBody #subCol #newsletter h1{padding: 5px 0 5px 22px; color: #007EAE; text-transform: Uppercase; margin: 0 0 15px 0; font-size: 1.1em; letter-spacing: -0.05em; background: url('images/newsletter_ico.png') 0 6px no-repeat; border-bottom: 1px solid #007EAE;}
#mastBody #subCol #newsletter .news_email{width: 174px; height: 32px; text-indent: 10px; float: left; padding: 7px 0 0 0; border: 0; background: url('images/newsLetterTxt.png') 0 0 no-repeat;}
#mastBody #subCol #newsletter .news_subscribe{width: 79px; height: 33px; cursor: pointer; float: right; font-size: -9px; border: 0; text-indent: -9999px; background: url('images/newsLetterBtn.png') 0 0 no-repeat;}

#mastBody #subCol #contact{width: 281px; padding: 10px; float: left; border: 1px solid #e6e6e6; margin: 15px 0 0 0; color: #370c05;}
#mastBody #subCol #contact h1{padding: 5px 0 5px 18px; color: #007EAE; font-size: 1.4em; font-family: 'cambria', 'georgia', 'Times New Roman'; margin: 0 0 15px 0; background: url('images/contact_ico.gif') 0 4px no-repeat; border-bottom: 1px solid #007EAE}
#mastBody #subCol #contact ul{padding: 4px; font-style:normal;}
#mastBody #subCol #contact li{list-style: none; padding: 0 0 2px 0;}
#mastBody #subCol #contact a{color: #007EAE; font-weight: bold;}


	/* MainCol */

#mastBody #mainCol{width: 590px; float: right; padding: 20px 0 20px 0;}
#mastBody #mainCol li{background: url('images/blue_arrow.gif') 0 6px no-repeat;}
#mastBody #mainCol #flash{width: 590px; float: left;}
#mastBody #mainCol #image{width: 537px; height: 338px; padding: 20px 26px 24px 26px; overflow: hidden; float: left; background: url('images/image.gif') no-repeat;}
#mastBody #mainCol #actions{width: 560px; float: left; padding: 10px 15px;}
#mastBody #mainCol #actions ul{padding: 2px 5px;}
#mastBody #mainCol #actions li{padding: 2px 15px; background: url('images/date_ico.gif') 0 8px no-repeat;}
#mastBody #mainCol #actions h2{font-size: 1em; font-weight: normal; padding: 4px 0 2px 0; margin: 0;}
#mastBody #mainCol #actions #actions_left{width: 260px; float: left;}
#mastBody #mainCol #actions #actions_left h1{padding: 5px 0 5px 20px; color: #007EAE; font-size: 1.4em; font-family: 'cambria', 'georgia', 'Times New Roman'; margin: 0 0 15px 0; background: url('images/news_ico.gif') 0 5px no-repeat; border-bottom: 1px solid #007EAE;}
#mastBody #mainCol #actions #actions_right{width: 260px; float: right;}
#mastBody #mainCol #actions #actions_right h1{padding: 5px 0 5px 20px; color: #007EAE; font-size: 1.4em; font-family: 'cambria', 'georgia', 'Times New Roman'; margin: 0 0 15px 0; background: url('images/downloads_ico.gif') 0 5px no-repeat; border-bottom: 1px solid #007EAE;}
#mastBody #mainCol #actions .postDate{font-size: .9em; font-style: italic;}
#mastBody #mainCol #actions #actions_right hr{height: 1px;background-color: #007EAE;color: #007EAE;border: none;}

#mastBody #mainCol li{list-style: none;}

body#internal #mainCol{width: 605px; float: right; padding: 30px 33px 30px 30px;}
body#internal #mainCol h1{color: #007eae; font-size: 1.4em; font-family: 'Century Gothic', 'lucida grande', 'lucida sans';}
body#internal #mainCol h2{color: #286f9d; font-size: 1.2em; font-family: 'Century Gothic', 'lucida grande', 'lucida sans';}
body#internal #mainCol ul{padding: 5px;}
body#internal #mainCol li{padding: 1px 15px 1px 20px; margin-bottom: 8px;}

body#internal #subCol{width: 237px; float: left;}
body#internal #subCol .subNav{width: 237px; float: left; border-top: 1px solid #e0dfdd;}
body#internal #subCol .subNav li{width: 100%; list-style: none; float: left;}
body#internal #subCol .subNav li a{width: 202px; text-decoration: none; font-weight: bold; padding: 7px 5px 7px 30px; list-style: none; float: left; background: url('images/brown_arrow.gif') 10px 13px no-repeat; border-bottom: 1px solid #e0dfdd;}
body#internal #subCol .subNav li a:hover, body#internal #subCol .subNav li a.selectedPage, body#internal #subCol .subNav li.current_page_item {color: #308dc8; background: #fff url('images/blue_arrow.gif') 10px 13px no-repeat;}


/* Footer */

#mastFoot{padding: 50px 0 75px 0; color: #fff; background: #004e75 url('images/mastFoot.gif') repeat-x;}
#mastFoot a{color: #00A4E4;}
#mastFoot .footNav{width: 500px; float: left; margin: 0 0 0 54px; display: inline;}
#mastFoot .footNav a:hover{text-decoration: none;}
#mastFoot .legal{margin: 0 0 0 54px; display: inline;}
#mastFoot .pct{width: 265px; height: 48px; margin: 0; padding: 0; float: right;}
#mastFoot .pct a{width: 265px; height: 48px; float: left; text-indent: -9999px; background: url('images/pct_logo.gif') no-repeat;}

.legal, .max{width: 500px; float: left;}
.max{font-size: .8em; padding: 0 0 0 54px;}

/* ///////////////////////////////////////////////////- 
	Extras 
-*/

.clear:after{content: '.'; font-size: 0; float: left; display: block; clear: both;}

.last{background-image: none !important; border: 0 !important;}

.hMenu li{list-style: none; display: inline;}


/* Water */

.post .postDate{font-size: .9em; color: #666;}
.blogsElement li{background-image: none !important; padding: 0 !important;}
.fieldSelected{border: 0 !important; background: #e9f4fa !important;}





.floatPic{
float:right;
}
#showMe{
float:right;
padding-top:5px;
color:#fff;
text-decoration:none;
padding-left: 22px;
display:block;				
background:url(images/font_size.gif) no-repeat 0 7px;
}
#switchLinks{
padding:14px 6px 0 6px;
float:right;
border:1px solid #004080;
background-color:#f4f2d9;
cursor:pointer;
}
#switchLinks a{
padding:12px;
width:92px;
border:1px solid #232323;
text-align:center;
text-decoration:none;
}
#switchLinks a:hover{
color:#fff;
}

#textresizer{width: 300px; padding: 0; float: right;}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	}
	
#f {
	background: #FFFFFF;
	width: 200px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 7px 0px 0px 0px;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #666666;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #666666;
	}
	
#sbutt {
	background: #878787;
	width: 200px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}
	
#author, #email, #url {
	background: #eeeeee;
	width: 300px;
	color: #3E3C39;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #E0DFDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #E0DFDD;
	}
	
#comment {
	background: #eeeeee;
	width: 550px;
	color: #3E3C39;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #E0DFDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #E0DFDD;
	}
	
#submit {
	background: #F2F2F2;
	width: 150px;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
/************************************************
*	Comments									*
************************************************/
.commentlist .quote {
	background:url('images/bg_quote.gif') no-repeat top right;
	}
body#internal #mainCol .commentlist li {
	color:#3E3C39;
         background:none;
	width: 520px;
 	padding: 5px 18px 32px 18px;
	margin:15px 0 0 0;
	background:#eeeeee url(images/bg_commentlist.gif) bottom no-repeat;
	}

.commentlist cite {
	display:block;
	font-style:normal
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#286F9D;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#3E3C39;
	text-decoration:underline;
	}