/* 
Theme Name: Inkspot Science
Theme URI: http://www.inkspotscience.com
Description: Gavin Elliott's CSS using Matt Brett's Bare Bones Stylesheet.
Version: 2.0
Author: <a href="http://www.carrotmedialtd.com">Carrot Media Ltd</a> and a bit of help from <a href="http://mattbrett.com">Matt Brett</a>

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

body {
	font: 12px "Arial", Verdana, sans-serif;
	color: #;
	text-align: center;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* @group header */

/* NAVBAR 
----------------------------------------------------------*/

#navbar {
	float: left;
	width: 100%;
	height: auto;
	overflow: auto;
	margin-bottom: 5px;
}

#navbar-container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background: #e1e1e1;
	height: 35px;
}


/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header {
	float: left;
	width: 100%;
	height: auto;
	overflow: auto;
	margin-bottom: 20px;
}

#header-inner {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	height: auto;
}

/* @group logo - image replacement */

/* LOGO - IMAGE REPLACEMENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#logo {
	position: relative;
	float: left;
	display: inline;
	width: 445px;
	height: 60px;
	font-size: 1.5em;
	overflow: hidden;
	margin-top: 10px;
}

#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("/images/logo.png") no-repeat 0 0;
}

#logo a {
	text-decoration: none;
}*/

/* @end */





/* NAV - PLAIN TEXT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#nav {
  border-top: 15px;
  background-color: #fff;
  float: right;
  list-style: none;
  clear: both
}

#navigation {
	float: right;
	margin-top: 50px;
}


#navigation li {
  float: right;
  font-size: .9em;
  letter-spacing: 0;
  list-style: none;
  margin: 0;
  padding-left: 1px
}



#navigation a {
  background: #488cdc url(/images/i/tablb.gif) left top no-repeat;
  color: #FFF;
  padding-left: 8px;
  text-decoration: none
}


#navigation a span {
  background: url(/images/i/tabrb.gif) right top no-repeat;
  padding-bottom: 5px;
  padding-right: 8px;
  padding-top: 5px
}


#navigation a, #navigation a span {
  display: block;
  float: none
}


#navigation a:hover, #navigation li a.active {
  background: #f97e19 url(/images/i/tablo.gif) left top no-repeat;
  color: #fff;
  padding-left: 8px
}


#navigation a:hover span, #navigation li a.active span {
  background: url(../images/i/tabro.gif) right top no-repeat;
  padding-right: 8px
}


#navigation  a.inactive {
  background: #999999 url(/images/i/tablg.gif) left top no-repeat;
  color: #fff;
  padding-left: 8px
}



#navigation a.inactive span {
  background: url(/images/i/tabrg.gif) right top no-repeat;
  padding-right: 8px
}

/* MID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#mid {	
	float: left;
	width: 100%;
}

#mid-inner {
	width: px;
	margin: 0 auto;
	text-align: left;
}

/* @end */

/* @group content */

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content {
	float: left;
	display: inline;
	width: 560px;
	color: #;
}

.content a:link, .content a:visited, .content a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h1 {
	margin-bottom: 1em;
	font-size: 2em;
	color: #;
}

.content h1 a:link, .content h1 a:visited, .content h1 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h1 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h2 {
	margin-bottom: 1em;
	font-size: 1.8em;
	color: #;
}

.content h2 a:link, .content h2 a:visited, .content h2 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h2 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h3 {
	margin: 2em 0 1em;
	font-size: 1.5em;
	font-weight: bold;
	color: #;
}

.content h3 a:link, .content h3 a:visited, .content h3 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h3 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h4 {
	margin: 2em 0 1em;
	font-size: 1.4em;
	font-weight: bold;
	color: #;
}

.content h4 a:link, .content h4 a:visited, .content h4 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h4 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h5 {
	margin: 2em 0 1em;
	font-size: 1.3em;
	font-weight: bold;
	color: #;
}

.content h5 a:link, .content h5 a:visited, .content h5 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h5 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h6 {
	margin: 2em 0 1em;
	font-size: 1.2em;
	font-weight: bold;
	color: #;
}

.content h6 a:link, .content h6 a:visited, .content h6 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h6 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content p, .content blockquote {
	margin-bottom: 1.8em;
	font-size: 1.1em;
	line-height: 1.4em;
}

.content p a:link, .content p a:visited, .content p a:active, .content li a:link, .content li a:visited, .content li a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content p a:hover, .content li a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content ul {
	margin: 0 0 15px 30px;
}

.content ul li {
	list-style-type: square;
}

.content ol {
	margin: 0 0 15px 30px;
	list-style-type: decimal;
}

.content ol li {
	list-style-type: decimal;
}

.content li {
	margin-bottom: 5px;
	font-size: 1.1em;
	line-height: 1.4em;
}

.content blockquote {
	padding: 0 15px;
	font-style: italic;
}

.content img {
	display: block;
	padding: 10px;
	background: #;
	border: 1px solid #;
}

.content img.alignleft {
	float: left;
	display: inline;
	margin: 5px 15px 10px 0;
}

.content img[align $='left'] {
	float: left;
	display: inline;
	margin: 5px 15px 10px 0;
}

.content img.alignright {
	float: right;
	display: inline;
	margin: 5px 0 10px 15px;
}

.content img[align $='right'] {
	float: right;
	display: inline;
	margin: 5px 0 10px 15px;
}

/* @end */

/* @group sidebar */

/* SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#sidebar {
	float: right;
	display: inline;
	width: 270px;
	font-size: .95em;
	color: #;
}

.sidebar a:link, .sidebar a:visited, .sidebar a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.sidebar a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.sidebar h2 {
	margin-bottom: 1em;
	font-size: 1.8em;
	color: #;
}

.sidebar h2 a:link, .sidebar h2 a:visited, .sidebar h2 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.sidebar h2 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.sidebar h3 {
	margin-bottom: 1em;
	font-size: 1.5em;
	font-weight: bold;
	color: #;
}

.sidebar h3 a:link, .sidebar h3 a:visited, .sidebar h3 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.sidebar h3 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.sidebar h4 {
	margin-bottom: 1em;
	font-size: 1.4em;
	font-weight: bold;
	color: #;
}

.sidebar h4 a:link, .sidebar h4 a:visited, .sidebar h4 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.sidebar h4 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.sidebar h5 {
	margin-bottom: 1em;
	font-size: 1.3em;
	font-weight: bold;
	color: #;
}

.sidebar h5 a:link, .sidebar h5 a:visited, .sidebar h5 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.sidebar h5 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.sidebar h6 {
	margin-bottom: 1em;
	font-size: 1.2em;
	font-weight: bold;
	color: #;
}

.sidebar h6 a:link, .sidebar h6 a:visited, .sidebar h6 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.sidebar h6 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.sidebar p, .sidebar blockquote {
	margin-bottom: 1.8em;
	font-size: 1.1em;
	line-height: 1.4em;
}

.sidebar p a:link, .sidebar p a:visited, .sidebar p a:active, .sidebar li a:link, .sidebar li a:visited, .sidebar li a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.sidebar p a:hover, .sidebar li a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.sidebar ul {
	margin: 0 0 15px 30px;
}

.sidebar ul li {
	list-style-type: square;
}

.sidebar ol {
	margin: 0 0 15px 30px;
	list-style-type: decimal;
}

.sidebar ol li {
	list-style-type: decimal;
}

.sidebar li {
	margin-bottom: 5px;
	font-size: 1.1em;
	line-height: 1.4em;
}

/* @end */

/* @group comments */

/* COMMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#comments {
	margin: 0 0 20px;
}

#comments .commentlist li.alt {
	background: transparent;
}

#comments .commentlist {
	margin: 0;
	padding: 0;
}

#comments .commentlist li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	background: 0;
}

#comments .commentlist h3 {
	margin: 0;
}

#comments .commentlist p {
	margin: 0;
	font-size: 12px;
	line-height: 1.4em;
}

#commentform p {
	margin: 0;
}

#commentform p small {
	font-size: 11px;
	color: #;
}

.nocomments {
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0 0 15px;
	display: block;
}

#comments .commentmetadata a:link, #comments .commentmetadata a:visited, #comments .commentmetadata a:active {
	color: #;
}

#comments .commentmetadata a:hover, #comments .comment-author a:hover {
	color: #;
	background: transparent;
}

#comments .avatar {
	float: left;
	display: inline;
	margin: -10px 10px 0 0;
	padding: 3px;
	background: #;
	border: 1px solid #;
}

#comments .comment-author {
	font-size: 11px;
	text-transform: lowercase;
	color: #;
}

#comments .comment-author cite {
	font-size: 1.4em;
	color: #;
}

#comments .comment-author a:link, #comments .comment-author a:visited, #comments .comment-author a:active, #comments .comment-author a:hover {
	text-transform: none;
}

#commentform {
	margin: 0 20px;
	padding-bottom: 20px;
}

#commentform label {
	font-size: 12px;
	color: #;
}

#commentform label span {
	font-size: 11px;
	color: #;
}

#commentform input, #commentform textarea {
	padding: 5px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #;
	border: 1px solid #;
}

#commentform input:focus, #commentform textarea:focus {
	color: #;
	border: 1px solid #;
}

#commentform input#author, #commentform input#email, #commentform input#url {
	width: 200px;
	margin-right: 5px;
}

#commentform textarea {
	width: 590px;
	margin-bottom: 5px;
}

#commentform p.subscribe-to-comments {
	float: left;
	display: inline;
	margin-top: -25px;
}

#commentform p.subscribe-to-comments input {
	margin-left: 5px;
}

#commentform #submit {
	float: right;
	display: inline;
	padding: 5px 15px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #;
	background: #;
	border: 2px solid #;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#commentform #submit:hover {
	color: #;
	background: #;
	cursor: pointer;
}

/* @end */

/* @group footer */

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer {
	clear: both;
	color: #;
}

#footer-inner {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	height: 30px;
	background: #e1e1e1;
}

#footer-credits, #footer-meta {
	width: 49%;
	margin: 5px;
}

#footer-meta {
	text-align: right;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

#footer a:hover {
	color: #;
	border-bottom: 1px solid #;
}

#footer p {
	font-size: 1.1em;
}

#footer ul {
	margin-bottom: 10px;
}

#footer ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 10px;
	font-size: 1.1em;
	border-left: 1px solid #999;
}

#footer ul li.first {
	border-left: none;
}

/* @end */

/* @group miscellaneous */

/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.clear {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.feed {
	padding: 1px 0 1px 15px;
	background: url("/images/icon-feed.png") no-repeat 0 50%;
}

/* @end */




/* SIMON'S CSS
*****************************************************************************************/

/* Inkspot CSS    */

/* Simon Woodman  */

/* s.j.woodman@ncl.ac.uk */

/* September 2008 */



/* Basic Elements */

html {

  margin: 0px;

  padding: 0px;

  height:100%

}



body {

  font: 12px / 14px Arial, Helvetica, sans-serif;

  color: #555555; /*margin: 10px 10px 0px 10px;*/

  margin: 0;

  padding: 0;

  line-height: 1.5em;

  height:100%;

}



p {

  margin: 0px;

  margin-top: 10px;

  padding: 0px;

}



a {

  text-decoration: none;

  font-weight: bold;

  color: #f97e19;

}



a:hover {

  text-decoration: underline;

}



h1 {

  margin: 0;

  font-size: 18px;

  color: #f97e19;

}



/**********************/

/* End Basic Elements */

/**********************/



/**********************/

/* Structure of page */

/**********************/

#maincontainer {

  width: 900px; /*Width of main container*/

  margin: 0 auto; /*Center container on page*/

}



#topsection {

  height: 85px; /*Height of top section*/

}



#topsection h1 {

  position: absolute;

  top: 34px;

  font-size: 24px;

  padding-left: 100px;

  margin: 0;

  color: #666666;

}



#topsection img {

  padding-top: 18px;

  width: 450px;

  cursor: pointer;

}



#contentwrapper {

  float: left;

  width: 100%;

}









#contentcolumn {

  margin: 0 180px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}



#leftcolumn {

  float: left;

  width: 0px; /*Width of left column in pixel*/

  margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/

}



.rightcolumn {

/*  margin: 1em auto;*/

/*  background-color: #fff4db;*/

  float: left;

  width: 180px; /*Width of right column*/

  margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/

}



/* Footer not currently used*/

#footer {

  clear: both;

  width: 900px;

  background: #E0E0E0 none repeat scroll 0 0;

  text-align: center; /*  padding: 4px 0;*/

  bottom: 0px;

}



#footer a {

  color: #555555;

  font-weight: normal;

}



.greybox {

  margin-bottom: 10px; /*Margins for inner DIV inside each column (to provide padding)*/

/*  margin-top: 0;*/

  border: #ddd 3px solid;

  text-align: justify;

  padding-top: 0px;

}



.greymenubox {

  border: #ddd 3px solid;

  padding-bottom: 0px;

  margin-top: 15px;

  background: #e0e0e0 no-repeat scroll 0 0;

}



.greymenubox h1 {

  padding-left: 10px;

}



.greyrightbox {

  margin: 15px 0 0 5px; /*Margins for inner DIV inside each column (to provide padding)*/

  border: #ddd 3px solid;

  text-align: justify;



}



.innertube {

/*padding: 5px;*/

/*padding-top:0px;*/

}



.menu {

  margin: 10px; /*  background: #b3d2f3;*/

  padding-top: 5px;

}



.indexmenu {

/*  background: #b3d2f3;*/

  margin: 10px;

  padding-top: 5px;

}



.menu a, .indexmenu a {

  color: #555555;



}



/*#contentcolumn h1 {

  margin: 0;

  margin-left: 5px;

  margin-right: 5px;

      padding: 0;

  font-size: 12px;

}*/



/****************/

/* End Structure*/

/****************/



/***************/

/* Cell Structure*/

/***************/



.cell {

/*border-bottom:3px solid #DDDDDD;*/

  padding: 5px;

  padding-bottom: 15px;

}



.no-bottom-cell {

  padding: 5px;

}



.cellhead {

/*text-transform: uppercase;*/

  font-size: 18px;

  color: #488cdc;

  padding-left: 5px;

  padding-right: 5px;

  font-weight: normal;



}



.cellhead a {

/*text-transform: uppercase;*/

  font-size: 18px;

  color: #488cdc;

  padding-right: 5px; /* The padding is getting added twice on FF for cellhead links*/

  font-weight: normal;

}



.cellbody {

  padding: 5px;

}



.cellbottom {

  color: #488cdc;

  text-align: center;

  font-size: 48px;

}



.rightcolumn .cell{

  padding: 0px;

}



/***************/

/*  Tabs */

/***************/



#tabs ul {

  position: absolute;

  top: 107px;

  vertical-align: bottom;

  list-style: none;

  padding: 0 0 0 110px; /* Should be 0 0 0 page-width - width*/

  margin: 0;

  width: 790px;

  background: #FAAE21;

}



#tabs li {

  float: left;

  border: 1px solid #FAAE41;

  border-bottom-width: 0;

  list-style-type: none;

  margin: 0;

}



#tabs a {

  text-decoration: none;

  display: block;

  background: #FAAE41;

  color: #666666;

  width: 8em; /* change to width: 7em when adding Apps tab*/

  text-align: center;

  padding-top: 0.24em;

  padding-right: 0.24em;

  padding-bottom: 0.24em;

  padding-left: 0.24em;

}



#tabs a:hover {

  background: #ffffff;

}



#tabs .selected {

  border-color: #FAAE41;

}



#tabs .selected a {

  position: relative; /*top: 1px;*/

  background: white;

  color: #666666;

  font-weight: bold;

}



/******************/

/* End Header tabs*/

/******************/



/*********************************************/

/* Right hand column (Rounded corner box)    */

/* Generated from http://www.neuroticweb.com/*/

/*recursos/css-rounded-box/index.php?color=  */

/*fff4db&fondo=ffffff                        */

/*********************************************/

.rbtop div {

  background: url(/images/rb/tl.gif) no-repeat top left;

}



.rbtop {

  background: url(/images/rb/tr.gif) no-repeat top right;

}



.rbbot div {

  background: url(/images/rb/bl.gif) no-repeat bottom left;

}



.rbbot {

  background: url(/images/rb/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;

}



/************************/

/* End right hand column*/

/************************/



b.bt, b.bt b, b.bb, b.bb b {

  display: block;

  height: 10px;

  font-size: 1px;

  background: url(../images/i/grey.gif) no-repeat;

  position: relative

}



b.bt {

  top: -3px;

  left: -3px

}



b.bt b {

  background-position: 100% -10px;

  left: 6px

}



b.bb {

  background-position: 0 -20px;

  top: 3px;

  left: -3px

}



b.bb b {

  background-position: 100% -30px;

  left: 6px

}







b.st, b.st b, b.sb, b.sb b {

  display: block;

  height: 10px;

  font-size: 1px;

  background: url(/images/i/grey_filled.gif) no-repeat;

  position: relative

}



b.st {

  top: -3px;

  left: -3px

}



b.st b {

  background-position: 100% -10px;

  left: 6px

}



b.sb {

  background-position: 0 -20px;

  top: 3px;

  left: -3px

}



b.sb b {

  background-position: 100% -30px;

  left: 6px

}










/* CONTACT FORM 
*******************************************************************************/

#contactform {
    width: 400px;
    height: auto;
}

#inputbox {
    width: 300px;
    height: 15px;
    float: right;
}

#textarea {
    width: 300px;
    height: 200px;
    float: left;
}

.form-row {
    clear: both;
    height: auto;    
    padding: 10px;
   overflow: visible;
}

.form-row-text {
   clear: both;
   height: auto;    
   padding: 10px;
   overflow: visible;
    
}

.form-label {
   padding: 5px;
   float: left;
}

.form-field {
   float: right;
}

/* @end */