/*
Theme Name: Science is Vital
Theme URI: http://www.scienceisvital.org.uk
Description: Science is Vital theme
Version: 2
Author: rpg
*/

* {
	
	margin:0px;
	padding:0px;
	
}


body {
	
	font-family:helvetica, verdana, arial, sans-serif;	
	font-size:13px;
	background:#f1efef url(images/bg.jpg) repeat-y center top;
	line-height:20px;
	height:100%;
		
}

p {
	
	margin-bottom:10px;
	
}

h1 {
	
	margin-bottom:25px;
	
}


h2 {
	
	margin-bottom:25px;
	
}

h3 {
	
	margin-top:10px;
	
}

a {

	text-decoration:none;
	color:#03F;
	
}

a:hover {

	color:#3CF;	
	
}

a:visited {
	color:#30C;
}

li {

	text-decoration:none;
	margin-bottom:10px;
	
}

ul {
	list-style: none;	
}

ol.list {
	margin-left: 0.5em;
	padding-left: 1em;
	text-indent: 0.5em;	
	list-style-position: inside;
}

ul.list {
	list-style:disc;	
	margin-left: 0.5em;
	padding-left: 1em;
	text-indent: 0.5em;	
	list-style-position: inside;
}

li span {
	
	color:#1a89ca;
	
	
}

blockquote {
	background: transparent;
	border: 0;
	margin: 0;
	vertical-align: baseline;
	quotes: none;
	font-style: normal;
	padding: 0 3em;
	font-size: 90%;
	line-height: 112%;

}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}


blockquote cite,
blockquote em,
blockquote i {
	font-style: italic;
}


#container {
	
	width:920px;
	height:100%;
	overflow:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#header {
	
	width:860px;
	margin-left:25px;
	height:150px;
	display:block;
	padding-left:10px;
	border-bottom:1px solid #777;
	
}

	#menu {
		position:absolute;
		top:125px;
		width:750px;
		height:20px;
		float:left;	
		font-weight:bold;
		letter-spacing:-0.05em;
	}
	
		#menuList {
			
		
		}
		
			#menuList li {
				
				float:left;
				margin-right:26px;
			}
			
				#menuList li span {
					
					color:#1a89ca;
					
				}

	#logo {
		
		width:150px;
		height:150px;
		display:block;
		background-image: url(images/logo150px.jpg);
		float:right;
		margin-right:0px;
		
	}

#content {
	
	width:850px;
	display:block;
	float:left;
	margin-top:20px;
	margin-left:35px;
	text-align:none;
}

	#main {
	
		width:590px;
		display:block;
		float:left;			
	}
	
		#main h2 {
		
			margin-bottom:10px;	
			color:#17146e;
		}

			
	#sidebar {
		
		width:230px;
		display:block;
		float:right;
		margin-left:0px;
		
	}
	
		#sidebar h2 {
		
			margin-bottom:4px;
			
		}

		#sidebar li {
			
			margin-bottom:0px;

		}

		#sidebar ol {

			margin-bottom:20px;

		}
		
	#reasonsList {
		
		margin-top:20px;
		margin-left:20px;
		
	}

#footer {

	width:900px;
	clear:both;
	margin-top:50px;
	height:30px;	
	display:block;
	text-align:center;
	font-size:10px;
	color:#666;
	padding-top:10px;
	
}

/*#########################*/

/* front page tooltips */


.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#f3f3f3;
    padding:5px;
    border:1px solid #333;
    width:350px;
    font-size:13px;
    line-height:18px;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#000;
    background-color:#eee;
    padding:2px 7px;
}


/*#########################*/

/* twitter widget */

.twtr-hd, .twtr-ft {
	
	display:none;
	
}

.twtr-widget {
	
	margin-left:-5px;
	
	
}

.twtr-tweet-text {

	font-size:12px;	
	
}

/*#########################*/

/* form css */


.sivForm{
width:560px;
margin-top:20px;
padding:14px;

}

/* ----------- stylized ----------- */
#sivForm1{
border:solid 2px #e3e3e3;
background:#f3f3f3;
padding-top:20px;
padding-bottom:20px;
}

#formLabel{
display:block;
clear:both;
font-weight:bold;
text-align:right;
width:130px;
float:left;
height:20px;
margin-top:20px;
text-align:right;
}

#sivForm1 .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:130px;
}

#sivForm1 .formCheckboxLabel {

width:330px;	
text-align:left;
float:left;
font-weight:bold;
margin-left:160px;
margin-top:20px;
}

#sivForm1 .formCheckbox {
	
float:left;
width:30px;

}

#sivForm1  #formLabelJustify {
	
	text-align:justify;
	height:100px;
	font-weight:normal;
	margin-bottom:20px;
	
}

#sivForm1 input{
float:left;
font-size:14px;
padding:4px;
border:solid 1px #aacfe4;
width:360px;
height:24px;
margin:20px 0 0px 30px;
}

.error {
background-color:#f2a89a;
border:solid 1px #aacfe4;
float:right;
font-size:12px;
font-weight:normal;
padding:0px 2px;
height:20px;
width:364px;
margin-top:2px;
margin-right:30px;
	
}

#sivForm1 button{
clear:both;
margin-left:160px;
width:140px;
height:40px;
font-size:14px;
}

#sivForm1 #letterBox{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
height:500px;
resize: none;
margin:2px 0 20px 10px;
}


/* There are no turtles anywhere */

ul.photoset { display:inline }
ul.photoset li
{
   list-style-type:none;
   display:block;
   width: 20%;
   float:left;
   text-align:left;
}
ul.photoset2 { display:inline }
ul.photoset2 li
{
   list-style-type:none;
   width: 250px;
   display:block;
   float:left;
   text-align:left;
}

div.spacer {clear: both}

img {
	border:none;
}

/*#########################*/

.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}

a.paginate {
	border: 1px solid #000080;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #000080;
}


a.paginate:hover {
	background-color: #000080;
	color: #FFF;
	text-decoration: underline;
}

a.current {
	border: 1px solid #000080;
	font: bold .9em Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#000080;
	color: #FFF;
	text-decoration: none;
}

span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
}

table {
	margin: 8px;
	width:100%;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	background: #666;
	color: #FFF;
	padding: 2px 6px;
	border-collapse: separate;
	border: 1px solid #000;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	border: 1px solid #DDD;
	padding: 2px 6px;
}