/* Theme Name: testtubechild 
Theme URI: http://singaboutscience.org/ 
Description: Child Theme for twentyten 
Author: Greg 
Author URI: http://singaboutscience.org/ 
Template: twentyten
Version: 0.1 */ 

/*
@import url("../twentyten/style.css");
(This messed up the Featured Examples Page when included.)
*/

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


/* LAYOUT: Two columns-reversed
   DESCRIPTION: Two-column fixed layout with one sidebar LEFT of content 
   from http://ryanmarkel.com: "Flipping the Sidebar in Twenty Ten..." */
 

#container {
float:right;
width:100%;
margin:0 0 0 -280px;
padding:1em 0;
}
 
#content {
margin:0 0 0 320px;
text-align: justify;
}
 
#primary,#secondary {
float:left;
overflow:hidden;
width:260px;
margin: 0 0 0 20px;
}

/* previous values:  #container margin -240px, #content margin 280px, #primary width 220px */
/* made sidebar wider so category pull-down menu would display properly */

#mainbody {
width: 800px;
margin: auto auto;
}

#mainbody_quiz {
width: 800px;
margin: 0 auto;
background-color: #dddddd;
}

#mainbody_quiz2 {
width: 863px;
margin: 10 auto;
background-color: #dddddd;
}

/* stuff from style-main.css starts here */

a:link {
	color: #F60;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F60;
}
a:hover {
	text-decoration: none;
	color: #971783;
}
a:active {
	text-decoration:none;
	color: #971783;
}

a {
	font-family: Verdana, Geneva, sans-serif;
         color: #F60;
         text-decoration:none;
}

p.plain2, p.question, p.answer {
	text-align: justify;
}

/* button code adapted from devgrow.com/super-simple-css-buttons/ */

.button {
    padding: 2px 5px;
    border: none;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }

.button.black { color: #ffffff; font-weight: bold; background-color: #000000; }
.button.blue { color: #ffffff; font-weight: bold; background-color: #0000cd; }
.button.brown { color: #ffffff; font-weight: bold; background-color: #8B4513; }
.button.green { color: #ffffff; font-weight: bold; background-color: #009900; }
.button.orange { color: #ffffff; font-weight: bold; background-color: #ff6600; }
.button.purple { color: #ffffff; font-weight: bold; background-color: #772277; }


.button.black:hover { color: #ffffff; font-weight: bold; background-color: #444444; }
.button.black:active { color: #ffffff; font-weight: bold; background-color: #444444; }

.button.blue:hover { color: #ffffff; font-weight: bold; background-color: #4169e1; }
.button.blue:active { color: #ffffff; font-weight: bold; background-color: #4169e1; }

.button.brown:hover { color: #ffffff; font-weight: bold; background-color: #CD853F; }
.button.brown:active { color: #ffffff; font-weight: bold; background-color: #CD853F; }

.button.green:hover { color: #ffffff; font-weight: bold; background-color: #00cc00; }
.button.green:active { color: #ffffff; font-weight: bold; background-color: #00cc00; }

.button.orange:hover { color: #ffffff; font-weight: bold; background-color: #ffaa00; }
.button.orange:active { color: #ffffff; font-weight: bold; background-color: #ffaa00; }

.button.purple:hover { color: #ffffff; font-weight: bold; background-color: #aa22aa; }
.button.purple:active { color: #ffffff; font-weight: bold; background-color: #aa22aa; }

body { font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 0; padding: 0;
}

body#home a.homenav,
body#find a.findnav,
body#edu a.edunav,
body#blog a.blognav,
body#us a.usnav,
body#help a.helpnav, 
body#lesson a.lessonav,
body#quiz a.quiznav
{
text-decoration: underline
}

.blackback {color: #ffffff; background-color: #333333; }
.grayback {color: #000000; background-color: #e1e1e1; }
.grayback2 { color: #000000; background-color: #dddddd; }
.whiteback {color: #000000; background-color: #ffffff; }

#logoholder {
	background-color: #ffa800;
	height: 178px;
	width: 100%;
	text-align:left;
}

#main_menu {
	background-color: #892482;
	height: 35px;
	width: 100%;
	text-align:center;
}

#main_menu_list {
	background-color: #892482;
	height: 35px;
	vertical-align: middle;
	padding-top:10px;
	text-align:center;
}

#divider {
	height: 80px;
	width: auto;
}

#regulartextspace2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	text-align: center;
}

.dark2 {
font-weight: bold;
}

.lefttext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;

}

.smalltabletext {
font-size: 10px
}

.titleheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #971783;
	line-height: 30px;
}

.titleheadersmall {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #971783;
	line-height: 29px;
	padding-left: 30px;
}

#menuholder{
	width:1000px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	}

#sddm li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding-left:30px;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 5px;
	width: auto;
	color: #FFF
}

#sddm li a:hover {
	color:#FC6;
	
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #892482;
		color: #FFF;
		font: 11px arial}

	#sddm div a:hover
	{	background: #ffa800;
		color: #FFF}

.small { font-size: medium; font-weight: normal; text-align: left; font-family: arial; }  

.smallgray { background: transparent; font-size: small; font-weight: normal; font-family: arial; text-align: left }

.grayedlink { color: #c1c1c1; font-weight: bold }

th {font-weight: bold; }

.entry-meta, .entry-utility { font-style: italic; font-size: smaller }

.entry-title { text-align: left }

.unjust { text-align: left }

/* "Sliding Doors" styling for tabbed navigation for Lesson Plans page */
/*  see http://alistapart.com/article/slidingdoors by Douglas Bowman */

#header_SD {
      float:left;
      width:100%;
      background: url("bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #header_SD ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header_SD li {
      float:left;
      background:url("left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 8px;
      }
    #header_SD a {
      display:block;
      background:url("right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #header_SD a:hover {
      color:#333;
      }
    #header_SD #current {
      background-image:url("left_on.gif");
      }
    #header_SD #current a {
      background-image:url("right_on.gif");
      color:#333;
      padding-bottom:5px;
      }

/* stuff moved over from individual pages, Feb 2013, for gray center column */

#centercolumn { 	margin-left:auto; 	margin-right:auto; 	width: 650px; 	height:auto; 	padding-right:30px; 	padding-top:15px; 	padding-bottom:30px; 	background-color: #eeeeee; } 

#centercolumn_quiz { 	margin-left:10px; 	margin-right:auto; 	width: 700px; 	height:auto; 	padding-right:10px; 	padding-top:10px; 	padding-bottom:30px; 	background-color: #dddddd; } 

#centercolumn_quiz2  { 	margin-left:10px; 	margin-right:auto; 	width: 863px; 	height:auto; 	padding-right:10px; 	padding-top:10px; 	padding-bottom:30px; 	background-color: #dddddd; } 

#span { 	width: 700px; 	padding-top:140px; 	padding-left:30px; } 

.title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #971783;
	line-height: 35px;
	padding-left: 30px;
	font-weight: bold;
}

.title2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #971783;
	line-height: 25px;
	padding-left: 0px;
}

.regulartextspace {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	text-align: center;
}

.contactinfo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
}

#insidetext {
	padding-left:30px;
	padding-right:30px;
	width: 600px;
	height:auto;
	text-align: justify;
}

#insidetext2 {
	padding-left:30px;
	padding-right:30px;
	width: 600px;
	height:auto;
	text-align: left;
}

#insidetext3 {
	padding-left:30px;
	padding-right:30px;
	width: 853px;
	height:auto;
	text-align: justify;
}

.whitetable { background-color: #ffffff}

.indented {
	margin-left: 30px;
}

.highlight {
background-color: #ffff00;
}

.quizbutt { font-size:2em; font-weight: bold; color: #ffffff; background-color: #ff6600 }

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

p.lh200 {
line-height: 200%
}