/*
Theme Name: Stem Cell Research.org
Version: 1.0
Author: Shari Waters @ Waters Designs
*/

@import url(fonts.css);

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

html {
	overflow-y: scroll;
}

body{
	color:#666666;
	font: normal normal 12px Arial, Sans-serif;
	text-align:left;line-height:150%;
}

p{
	padding:5px 0px;
}
a img{
	border-width:0;
	text-decoration:none;
	outline:none;
}
.right{
	float:right;
}
.left{
	float:left;
}
.tiny{
	font-size:10px;
}
.rss-2 h3{
	margin-left:55px;
}
.mejs-container{
	float:left;
	margin:0px 10px 10px 0px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#wrapper{
	width:960px;
	margin:0px auto;
}

#header{
	height:180px;width:100%;
	padding-top:35px;
}
#logo {
	text-indent:-9999em;
	width:280px;height:77px;
	float:left;
	margin-top:100px;
	background: url('img/stemcell-logo.png') top left no-repeat;
}
#logo a{
	display:block;
	width:280px;height:77px;
	border:0px;
}
#share{
	float:right;
	width:280px;height:134px;
	margin-right:25px;
	color:#939598;
	line-height:145%;
	text-transform:uppercase;
	font-size:13px;
	text-align:center;
	font-family:NovecentowideBold;
}
#share a{
	color:#6cb33f;
	text-decoration:none;
	font-family:NovecentowideBold;
	text-align:center;
	margin:0px auto;
	font-size:14px;
	padding-top:4px;
}
#share a span.bullet{
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px;
	background: #fff url('img/icons.png') 0px -23px no-repeat;
	height:17px;width:12px;
	display:inline;
}

/********************
    SEARCH BOX
*********************/

#searchform{
	margin:10px 0px;
	width:200px;
	padding-left:50px;
}

.search-text{
	margin-top:-3px;
	margin-right:5px;
	padding-left:5px;
	background: transparent url('img/icons.png') -70px -40px no-repeat;
	border:1px #ededed solid;
	width:175px;height:17px;
	color:#999;
	font-size:10px;
	position:relative;
	z-index:7;
}
.search-submit {
	width: 16px;
	height: 17px;
	position:absolute;
	z-index:10;
	background:none;
	margin-left:-30px; padding: 0; border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
}


/********************
    SOCIAL MEDIA
*********************/

#social{
	float:right;
	width:80px; height:50px;
	text-indent: -1000em;
}
#social ul{
	list-style:none;display:inline;
}
#social ul li a{
	display:block;
	float:left;padding:0px 6px;
	height:17px;
}
#social ul li a.fb{
	background: transparent url('img/icons.png') 0 -40px no-repeat;
	width:10px;
}
#social ul li .twitter{
	background: transparent url('img/icons.png') -22px -40px no-repeat;
	width:9px;
}
#social ul li a.rss{
	background: transparent url('img/icons.png') -43px -40px no-repeat;
	width:14px;
}
/********************
    MAIN NAVIGATION
*********************/

#menu{
	width:600px;height:50px;
	padding-top:20px;
	float:right;
	margin-bottom:-9px;
}
#menu a.home{
	display:block;
	height:15px;width:22px;
	text-indent: -1000em;
	background: transparent url('img/icons.png') 0 0 no-repeat;
}
#menu .nav ul{
	list-style:none;
	display:inline;
	margin:0px;padding:0px;
}
#menu .nav ul.top li{
	float:left;
	padding:0px 14px 15px 16px;
	height:40px;
	margin:0px 0px;
}

#menu .nav ul.top li.current-menu-item a span.down, #menu .nav ul.top li.current-menu-ancestor a span.down{
	position:absolute;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px;
	background: transparent url('img/icons.png') -11px -24px no-repeat !important;
	height:16px;width:22px;
	display:inline !important;
	outline:none;
	border-style:none;text-decoration:none;
}
#menu .nav ul.top li a{
	color:#6d6e71;
	display:block;
	margin:0px;padding:7px 0px 0px;
	text-transform:uppercase;
	font-weight:500;
	text-decoration:none;
	font-size:16px;
	font-family:NovecentowideMedium;
}
#menu .nav ul.top li.current-page-ancestor a, #menu .nav ul.top li.current-menu-item a{
	color:#6bb33e;
}
/* style the top level hover */
#menu .nav ul.top li a:hover, #menu .nav ul ul a:hover{color:#6bb33e;}
#menu .nav :hover > a, #menu .nav ul ul :hover > a {color:#6bb33e;}

#menu .nav ul.top li.menu-item a span.down{
	background: transparent url('img/icons.png') -11px -24px no-repeat;
	display:none;
	border:0;text-decoration:none;
}
#menu .nav ul.top ul.sub-menu li a span.down{
	display:none;
	visibility:hidden;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu .nav ul ul.sub-menu {
	visibility:hidden;position:absolute;
	width:330px;
	z-index:99999;
}

/* style the second level links */

/* make the second level visible when hover on first level list OR link */
#menu .nav ul li:hover ul,
#menu .nav ul a:hover ul{visibility:visible; }

#menu .nav .sub-menu{
	background: rgba(234,235,235,0.7);
	height:auto;
	margin:25px 0px;padding:0px;
}
#menu .nav ul li ul.sub-menu li{
	margin:0px;padding:0px;
	height:auto;
}
#menu .nav ul.top li ul.sub-menu li a{
	color:#58595b;height:auto; 
	padding:2px 10px; 
	width:330px;
	font-size:1.1em;
	font-weight:600;
	font-family:Arial;
	text-transform:none;
}
#menu .nav ul li ul.sub-menu li a:hover{
	background: url('img/hover.png') left top no-repeat;
	color:#fff;
}

/* style the third level */

#menu .nav .sub-menu .sub-menu {
	margin:0px 0px 0px;padding:0px;
}
#menu .nav ul ul ul.sub-menu li{
	padding-left:16px;
	padding-right:20px;
}

#menu .nav .sub-menu .sub-menu li a{
	color:#58595b;
}
#menu .nav .sub-menu .sub-menu li a:hover{
	color:#6cb33f;
	background: transparent url('img/icons.png') -240px -60px no-repeat;
	display: block;
	list-style: none;
}
#menu .nav ul li.last ul.sub-menu {
	margin-left:-240px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu .nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/********************
    FEATURED STYLE
*********************/
#banner{
	width:960px;height:504px;
	margin:24px auto 30px;
}
#featured{
	height:130px;
}
#featured span.text{display:none;visibility:hidden;}

#featured ul.nav_thumb{
	list-style:none;
	display:inline;
}
#featured ul.nav_thumb li{
	width:240px;
	height:130px;
	float:left;
	padding:0px;
}
#featured ul.nav_thumb li a{
	display:block;
	text-decoration:none;
	color:#6d6e71;
	width:200px;
	height:130px;
	padding:8px 20px 8px 20px;
}
.thumbnails-bottom ul#nav_thumb li a:hover{
	background: #7aba52 url('img/featured-hover.png') bottom left no-repeat;
	padding-bottom:4px;
	color:#fff;
	display:block;
	width:200px;
	height:130px;
	margin:0px;
}
#featured a span.h3{
	display:block;
	font-family:NovecentowideMedium;
	font-size:16px;
	font-weight:500;
}
div.thumbnails-bottom ul#nav_thumb li.activeSlide {
	background: #7aba52 url('img/featured-hover.png') bottom left no-repeat;
}


/********************
    GENERAL CONTENT
*********************/

#content{
	clear:both;
	background: transparent url('img/title-bg.png') center top no-repeat;
	margin:0px;padding-top:20px;
	height:100%;
}

#content h2, #content h2 a{
	font-family:NovecentowideDemiBold;
	color:#6bb33e;font-size:28px;
	margin:0px auto 0px;
	padding:15px 0px;height:60px;
	text-align:center;
}

/********************
    HOMEPAGE STYLE
*********************/

#home{
	float:left;
	width:960px;
	padding:25px 0px;
}
.left-col{
	float:left;width:50%;
}
.block{
	width:400px;
	border-bottom:1px #ededed solid;
	margin:0px 0px 20px 18px;
	height:130px;
}
.block h2 a{
	margin:0px;
	color:#6cb33f;
	font-family:NovecentowideDemiBold;
	font-size:18px;
	text-decoration:none;
}
.block .pic{
	margin:-10px 0px 0px 20px;padding:2px;
	float:right;
}
.right-col{
	min-height:404px;
	float:left;
	background: url('img/vert.png') top left no-repeat;
	width:50%;
}
.right-col h2{
	color:#6cb33f;
	font-family:NovecentowideDemiBold;
	font-size:18px;
	margin:0px 0px 0px 55px;
}
.right-col ul{
	list-style:none;
	width:400px;
	margin:0px 0px 0px 40px;
}
.right-col ul li{
	border-bottom:1px #666666 solid;
	padding:10px 0px 20px;
	margin:10px 0px 10px 15px;
}

.right-col a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
/********************
    SIDEBAR STYLE
*********************/
#sidebar{
	float:left;
	width:200px;
	margin:5px 0px;
	padding:0px;
}
#sidebar .widget{
	margin:0px 10px 0px 30px;
}
#sidebar .widget h3{
	display:none;visibility:hidden;
}

#sidebar .nav ul{
	list-style:none;
}
#sidebar .nav ul li{
	margin:10px 0px;
}
#sidebar .nav ul.menu li.science a{
	background: url('img/side-icons.png') 0 0 no-repeat;
	display:block;
	margin:10px 0px;
	width:140px;height:90px;
	text-indent:-9999em;
}
#sidebar .nav ul.menu li.science a:hover, #sidebar .nav ul.menu li.science.page_item a,#sidebar .nav ul.menu li.science.current-page-ancestor a{
	background: url('img/side-icons.png') -150px 0 no-repeat;
}
#sidebar .nav ul.menu li.law a{
	background: url('img/side-icons.png') 0 -130px no-repeat;
	display:block;
	width:140px;height:90px;
	text-indent:-9999em;
}
#sidebar .nav ul.menu li.law a:hover, #sidebar .nav ul.menu li.law.page_item a,#sidebar .nav ul.menu li.law.current-page-ancestor a{
	background: url('img/side-icons.png') -150px -130px no-repeat;
}
#sidebar .nav ul.menu li.commentary a{
	background: url('img/side-icons.png') 0 -260px no-repeat;
	display:block;
	width:140px;height:94px;
	text-indent:-9999em;
}
#sidebar .nav ul.menu li.commentary a:hover, #sidebar .nav ul.menu li.commentary.page_item a,#sidebar .nav ul.menu li.commentary.current-page-ancestor a{
	background: url('img/side-icons.png') -150px -260px no-repeat;
}
/********************
    CONTENT STYLE
*********************/
#page{
	float:right;
	width:750px;
	border-left:1px #999999 solid;
	margin:10px 0px;
	min-height:400px;
}
.post{
	padding:0px 40px;
	margin:0px 0px 20px 0px;
}
.post h3, .post h3 a{
	font-family:NovecentowideDemiBold;
	color:#666666;font-size:18px;
	margin:0px 0px 15px 0px;
	padding:0px 0px;
}
.post h4{
	font-family:NovecentowideDemiBold;
	color:#6bb33e;font-size:18px;
	width:320px;
	text-transform:uppercase;
	margin:0px 0px 20px 0px;
}
.entry{
	line-height:175%;
}
.entry a{
	color:#666666;
	font-weight:700;
	text-decoration:none;
}
.entry ol li, .entry ul li{
	margin:0px 50px 0px;
	padding:2px 5px;
}
.entry address{
	float:right;
	width:300px;
	padding:15px 5px;
	margin:10px;
	font-family:BitterBold;
	font-size:18px;
	color:#6cb33f;
	border-top:1px #6cb33f solid;
	border-bottom:1px #6cb33f solid;
}
.entry blockquote{
	margin-left:50px;
	padding:15px 5px;
	color:#999;
}
.entry a.green-hand{
	float:left;
	margin:0px;
	padding-left:50px;
	background: transparent url('img/icons.png') -80px 0px no-repeat;
	height:30px;
}
.entry p{
	padding:5px 0px 10px 0px;
}
.meta{
	font-style:italic;
	margin:0px 0px 10px 0px;
	color:#999;
}


.footnotes{
	border-top:#ededed 1px solid;
	font-size:10px;
}

/********************
    Blogroll
*********************/
ul.blogroll{
	width:700px;
	list-style:none;
	margin:0px auto;
	overflow:hidden;
	border-top:1px #ededed solid;
}
ul.blogroll li{
	float:left;
	padding:10px 0px 0px;
	margin:5px 20px 0px 0px;
	border-bottom:1px #ededed solid;
	width:320px; 
	display: inline;
	height:62px;
}
#single ul.blogroll li{
	float:left;
	padding:10px 0px 0px;
	margin:5px 20px 0px 0px;
	border-bottom:1px #ededed solid;
	width:100%; 
	display: inline;
	height:62px;
}
ul.blogroll li a{
	display:block;
}

.link-top{
	background: transparent url('img/borders.jpg') 0px 0px no-repeat;
	height:35px;
	padding-top:20px;
}
.link-bottom{
	clear:both;
	background: transparent url('img/borders.jpg') 0px -50px no-repeat;
	height:35px;
}
/********************
    COMMENTARY STYLE
*********************/
#present h4, #multi h4{
	color:#6d6e71;
	font-family:NovecentowideBold;
	font-size:12px;
	margin:0px;padding:0px;
}
#links{
	margin:30px 0px 0px;
}
#multi{
}
.no-scroll{
	float:left;
	min-height:200px;
	width:280px;
	margin-top:40px;
}

.audio{
	height:150px;
	border-bottom: 1px #c9cacb solid;
}
.video{
	height:150px;
	margin-bottom:30px;
}
.present{
	height:150px;
}
.scroll {
	float:right;
	width: 390px;
	margin: 0px 0px 20px 0px;
	height: 150px;
	padding: 0px 0px;
 	position: relative;
}
.scroll ul {
	width:350px;
	float: left;
	height: 150px;
	margin: 0px 20px 0px 20px;
	padding: 0 0 0 0px;
	list-style: none;
}
.scroll ul.presentList li, .scroll ul.audioList li, .scroll ul.videoList li{
	float:left;display:inline;margin:0px; padding:0px;
}
.scroll ul ul {
	margin: 0;
	padding: 0;
}
.scroll ul li,
.scroll ul li.mediaItem {
	float: left;
	width: 110px;
	padding: 8px 2px;
	height: 150px;
	position: relative;
}
.scroll ul li img {
	display: block;
	width: 110px;
	height: 80px;
}
.scroll ul li a {
	text-decoration: none;
	display: block;
	font-size:11px;
	line-height:110%;
}

.arrows{
	width:380px;
	top:50px;
	margin:0px auto;
	position:absolute;
	z-index:0;
}

#prev2, #prev1, #prev3{
	float:left;
}
#prev1, #prev2, #prev3{
	background: url('img/icons.png') -126px -70px no-repeat;
}
a#prev1:hover, a#prev2:hover, a#prev3:hover{
	background: url('img/icons.png') -168px -70px no-repeat;
}
#prev3, #prev2, #prev1, #next3, #next2, #next1{
	width:12px;
	height:46px;
	text-indent:-9999em;
}

#next3, #next2, #next1{
float:right;
}
#next1, #next2, #next3{
	background: url('img/icons.png') -150px -70px no-repeat;
}
a#next1:hover, a#next2:hover, a#next3:hover{
	background: url('img/icons.png') -192px -70px no-repeat;
}



/********************
    Contact Form
*********************/
#contact{
	list-style:none;
	margin:0px 10px;
	padding:5px;
}
#contact li{
	float: left;
	height: 20px;
	margin:20px 0px 10px;
	position: relative;
	width: 300px;
}
#contact li .text{
	padding:5px 10px;
	position:absolute;
	z-index:100;
	color:#6bb33e;
	font-weight:600;
	max-width:55px;
}
#contact li .required{
	color:#660000;
	position:absolute;
	right:10px;
	top:5px;
	z-index:100;
}
#contact li .wpcf7-form-control-wrap{
	position: absolute;
}
#contact li .wpcf7-form-control-wrap input, #contact li .wpcf7-form-control-wrap textarea{
	background:#fff;
	border:solid 1px #828283;
	height:30px;
	border-radius:2px;
	padding:3px 10p;
	margin-left:90px;
	width:230px;
	z-index:100;
}
#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{
	background:#F0EFEF
}
#contact li .wpcf7-form-control-wrap textarea{
	line-height: 28px;
        padding: 10px;
	height:90px;
	width:210px;
}
#contact li#message{
	min-height:140px;
	margin:20px 0px 10px 0px;
}
#contact li select.wpcf7-select{
	width:60px;
	margin-left:90px;
	height: 30px;
	border:solid 1px #828283;
	border-radius:2px;
	padding:3px 10p;
}
#contact li#submit input{
	color:#fff;
	text-decoration:none;
	margin:2px 7px 0 90px;
	border:none;
	border-radius:1px;
	display:block;
	padding:3px 6px;
	text-align:center;
	text-transform:uppercase;
	background-image: -ms-linear-gradient(top, #6AB13E 0%, #3E7F33 100%);
	background-image: -moz-linear-gradient(top, #6AB13E 0%, #3E7F33 100%);
	background-image: -o-linear-gradient(top, #6AB13E 0%, #3E7F33 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6AB13E), color-stop(1, #3E7F33));
	background-image: -webkit-linear-gradient(top, #6AB13E 0%, #3E7F33 100%);
	background-image: linear-gradient(to bottom, #6AB13E 0%, #3E7F33 100%);
}
#contact li#submit input:hover{
	background:#989999;
	color:#fff;
	text-shadow:0 1px 0 rgba(255,255,255,.25);
	text-transform:uppercase;
	cursor:pointer;
}
#contact li#reset input{
	color:#fff;
	float:right;
	text-decoration:none;
	margin:-52px -20px 0px 0px;
	border:none;
	border-radius:1px;
	display:block;
	padding:3px 6px;
	text-align:center;
	text-transform:uppercase;
	background: #787879;
}
div.wpcf7-validation-errors {
    clear: left;
}
#contact li .wpcf7-form-control-wrap input, #contact li .wpcf7-form-control-wrap textarea {
	position:absolute;
}
/********************
    SCOREBOARD STYLE
*********************/

#score{
	clear:both;
	height:70px;width:960px;
	padding:15px 0px 0px;
	background: url('img/score-bg.png') top left no-repeat;
	margin:20px 0px 10px 0px;
	text-align:center;
	color:#fff;
	font-family:NovecentowideBold;
}
#score .title{
	width:250px;
	margin-left:160px;
	float:left;
	padding:0px;
}
#score .title a{
	text-decoration:none;
	font-size:18px;
	color:#fff;
}
#score .hand{
	float:left;
	margin:0px 0px 0px 40px;
	background: transparent url('img/icons.png') -32px 0px no-repeat;
	height:30px;width:50px;
}
#score .content {
	float:left;
	font-size:40px;
	width:300px;
 	margin:-8px 0px;
	font-family:NovecentowideMedium;
}
#score .fraction {
	display: inline-block;
	position: relative;
	vertical-align: middle; 
	letter-spacing: 0.01em;
	text-align: center;
	font-size:12px;
	font-family:NovecentowideBold;
}
#score .fraction > span { 
	display: block; 
	padding: 0.2em; 
}
#score .fraction span.count {
	margin:0px 5px;
	font-size:30px;
	font-family:NovecentowideBold;
}
#score .fraction span.bar {display: none;}

/********************
    FOOTER STYLE
*********************/

#footer{
	clear:both;
	text-align:center;
	margin:0px auto;
	height:60px;padding-top:20px;
	width:600px;
}
#footer .nav{
	margin:0px auto;
}
#footer .nav ul.menu{
	list-style:none;
	display:inline;
}
#footer .nav ul.menu li{
	float:left;
	padding:4px 15px;
	height:20px;
	border-right:1px #6bb33e solid;
}
#footer .nav ul.menu li a{
	color:#939598;
	line-height:18px;
	font-size:14px;
	text-decoration:none;
}
#footer .nav ul.menu li a:hover, #footer .nav ul.menu li.current_page_item a{
	color:#6cb33f;
}
#footer .nav ul.menu li.cc{
	border-right:1px #fff solid;	
	width:105px;height:34px;
	padding:0px 0px 0px 10px;
}
#footer .nav ul.menu li.cc a {
	display:block;
	line-height:28px;
	background: url('img/icons.png') 0px -82px no-repeat;
	text-indent:-9999em;
}