/* --- [resets] ---  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
 img {border:none;}
.clear {clear:both;}
li{list-style-type:none;}
* {margin:0;}

/*-- structural/global --*/ 
html, body {
    height:100%;
}

body {
    font-family:Arial,Helvetica,Sans-serif;
    color:white; 
    font-size:13px;
    background-color:#000;
}

a {
    color:#009de9;
    outline:none;
} 

a:hover {
    text-decoration:none;
}

p {
    margin-bottom:15px;
    line-height:23px;
}

h1 {
    font-size:17px;
    font-weight:normal;
}

h2 {
    font-size:17px;
    margin-bottom:4px;
    font-weight:normal;}
 
h3 {
    font-size:15px;
}

h4 {
    font-size:16px;
    line-height:23px;
}

h4.error {
    color:#F33;
    margin:0 0 15px 0;
    font-size:14px;
}

em {
    font-style:italic;
}
    
ul.inline li {
    display:inline;
}

div.fieldset span.error {
    color:#F33;
    font-style:italic;
    font-size:11px;
    padding:0 5px;
}

input.error, textarea.error {
}

input.submit {
    color:white;
    background-color:#009de9;
    width:30px;
    height:20px;
    display:block;
    border:0;
}

textarea {
    font-family:Arial,Helvetica,Sans-serif;
    font-size:12px;
    background-color:#232323;
    color:#FFF;
    border:none;
    padding:4px;
}

input.text {
    background-color:#232323;
    color:#FFF;
    border:none;
    padding:4px;
}

div.experiment {
    height:70px;
    width:282px;
    float:left;
    line-height:22px;
    margin:15px 0 18px 0;
    padding-left:35px;
}

div.featuredExperiment {
    height:282px;
    padding:15px 35px 10px 0;
    overflow:hidden;
    margin:0;
}


div.experiment h4 {
    font-size:14px;
    font-weight:normal;
}

div.featuredExperiment h4 {
    font-size:16px;
    font-weight:normal;
}

div.experiment h5 {
    font-weight:normal;
    line-height:20px;
}

div.experiment div.thumbHolder {
    line-height:70px;
    float:left;
    width:90px;
    height:70px;
    overflow:hidden;
    margin-bottom:5px;
    text-align:center;
    margin-right:12px;
    border:1px solid #1c1c1c;
}

div.experiment div.thumbHolder a {
    margin:auto;
    display:block;
    width:90px;
    line-height:70px;
    text-decoration:none;
    float:left;
}

div.experiment div.thumbHolder a img{
    vertical-align:middle;
    width:90px;
    
}

div.experiment span.rating {
    display:block;
    width:16px;
    height:15px;
    float:left;
    background:transparent url(/img/small-rating-stars.gif) no-repeat top left;
    text-indent:-999px;
    overflow:hidden;
}

div.featuredExperiment span.rating {
    background:transparent url(/img/featured-rating-stars.gif) no-repeat top left;
}

div.experiment span.half {
    background-position:0 -15px;
}

div.experiment span.off {
    display:none;
}

.bigButton {
    color:white;
    background-color:#009de9;
    height:34px;
    display:block;
    border:0;
    font-size:17px;
    text-align:center;
    padding:5px 8px 5px;
    text-decoration:none;
    margin-bottom:15px;
    text-transform:uppercase;
    line-height:22px;
}

.bigButton:hover {
    background-color:#59BAE9;
}

.smallButton {
    color:white;
    background-color:#009de9;
    height:17px;
    display:block;
    border:0;
    font-size:12px;
    text-align:center;
    text-decoration:none;
    margin-bottom:15px;
    text-transform:uppercase;
    line-height:22px;
}

.smallButton:hover {
    background-color:#59BAE9;
}

#sideBar {
    width:435px; 
    float:left;
}

#content {
    width:49%;
    float:right;
}

ul#experimentPagination, ul#allExperimentsPagination {
    line-height:14px;
    position:absolute;
    right:2px;
    top:23px;
    color:#009de9; 
}

ul#bottomExperimentsPagination {
    bottom:0px;
    right:11px;
    display:block;
    position:absolute;
    color:#009de9;
}
ul#bottomExperimentsPagination { margin-right:3px; }
ul#experimentPagination li, ul#bottomExperimentsPagination li, ul#allExperimentsPagination li {
    padding-left:4px;
    display:inline;
}

ul#experimentPagination li a, ul#bottomExperimentPagination li a, ul#allExperimentsPagination li a {
    text-decoration:underline;
}
ul#experimentPagination li a:hover, ul#bottomExperimentPagination li a:hover, ul#allExperimentsPagination li a:hover {
    text-decoration:none;
}

ul#experimentPagination li.current, ul#allExperimentsPagination li.current {
    padding-right:10px;
    color:white;
}

#experimentSection #experimentPagination { margin-right:13px; }

ul#allExperimentsPagination {
	left:0;
	text-align:center;
	top:33px;
	width:930px;
	}
	
	h2#currentPage {
		position:absolute;
		right:0;
		top:30px;
		}

ul#allExperimentsPagination li { color:#565656; margin:0; padding:0; }

ul#allExperimentsPagination li a {
	color:#565656;
	cursor:pointer;
	margin:0;
	padding:0 15px;
	text-decoration:none;
	}
	
	ul#allExperimentsPagination li a.selected { color:#009ed9; font-weight:bold; }
	
#experimentsGrid { height:600px; }

a#prev, a#next { 
	background:transparent url(/img/sprite_next_prev.png) 22px 50% no-repeat;
	height:584px;
	position:absolute;
	text-indent:-9999em;
	top: 92px;
	width:68px;
	z-index:100;
	-webkit-transition:all 0.3s ease-in-out;
	}
	
	a#prev { left:-75px; }
		
	a#next {
		background-position:-74px 50%;
		right:-75px;
		}
		
	a#prev:hover,
	a#next:hover { background-color:#252525; -webkit-transition:all 0.3s ease-in-out; }
	
        #experimentSection a.disabled {
            display:none;
        }
        #experimentSection a.disabled:hover {
            background-color:transparent;
        }

#experimentSection #subscribe {
  position: relative;
  top: 2px;
}

#experimentSection #subscribe em { 
	float:left;
	font-size:11px;
	font-style:normal;
	margin-top:6px;
	margin-right:3px;
	}

  #subscribe a, #subscribe-nav a {
	background:transparent url(/img/share-icons.png) bottom left no-repeat;
	display:inline-block;
	float:left;
  height:20px;
  margin-left:6px;
  padding:0;
  text-indent:-9999em;
  width:22px;
	}
	#subscribe a.twitter:hover, #subscribe-nav a.twitter { background-position: -21px bottom; }
	#subscribe a.facebook:hover, #subscribe-nav a.facebook { background-position: -43px bottom; }
	#experimentSection #subscribe #plusone {
	  float: left !important;
    width: 15px;
	}

/*-- #WebGL Specific --*/
#webglHeaderSection
{
  background-color:#252525;
	height:292px;
	width:916px;
  color:#ebebeb;
}

#webglHeaderSection h1
{
  font-size:36px;
  margin:0 0 20px 0;
}

#webglHeaderSection #download-btn
{
  width:289px;
  height:34px;
  float:left;
  margin:5px 0 0 0;
  background:#252525 url(/img/webgl/download_btn_orange.jpg) 0 0 no-repeat;
}


#webglHeaderSection #webglCopyContainer{
  margin:40px 0 0 0;
  width:415px;
  height:200px;
  float:left;
}
#webglHeaderSection #webGL-header-img{float:right;}
/*-- #featured_experiment --*/


body#featured_experiment {
	background:#252525 url(/img/bg_featured.gif) 0 0 repeat-x;
	}

#featuredExperiment {
	background:transparent url(/img/bg_featured_experiment.jpg) 0 0 no-repeat;
	float:left;
	height:446px;
	margin-top:30px;
	width:916px;
	}
	
	#featuredExperiment dl {
		background-color:#fff;
		color:#898989;
		float:right;
		margin:32px 31px 0 0;
		padding:30px;
		width:363px;
		-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);
		}
				
	#featuredExperiment dl dt,
	#featuredExperiment dl dd {
		color:#898989;
		float:left;
		margin:0;
		padding:0;
		}
		
	#featuredExperiment dl dt { color:#252525; margin-bottom:22px; }
	
		#featuredExperiment dl dt strong {
			color:#898989;
			display:block;
			font-size:10px;
			margin-bottom:24px;
			text-transform:uppercase;
			}
			
	#featuredExperiment dl dd {
		font-size:16px;
		line-height:24px;
		}
		
	#featuredExperiment a#launch { margin-top:24px; }
	
#featuredExperimentDesc { float:left; list-style:none; margin:28px 0; }

#featuredExperimentDesc li {
	display:inline;
	float:left;
	width:443px;
	}
	
	#featuredExperimentDesc li:first-child { margin-right:30px; }
	
	#featuredExperimentDesc li img,
	#featuredExperimentDesc li object { border:8px solid #191919; }
	
	#featuredExperimentDesc li cite {
		background-color:#191919;
		color:#cccccc;
		display:block;
		font-size:13px;
		font-style:italic;
		line-height:18px;
		margin-top:4px;
		padding:15px;
		}
		
a#google_chrome {
	background:transparent url(/img/bg_chrome_link.gif) left no-repeat;
	color:#9b9b9b;
	display:block;
	float:left;
	height:20px;
	margin-top:60px;
	padding:6px 0 0 28px;
	text-decoration:none;
	}
	
	a#google_chrome strong { color:#fff; font-weight:bold; }

span.superscript_new {color:#fff;font-size:10px;vertical-align:super;margin-left:3px;}
/*-- #wrapper and .push are for sticky footer --*/ 

#wrapper {
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -68px;
    position:relative;
    width:918px;
}

#page {
    width:918px; 
    margin:0 auto;
    float:left;
    height:100%;
    display:block;
    height:auto;
    padding:0 0 20px;
}
#footer, .push {
    height:68px; 
}

#footer {
    background-color:#1c1c1c;
    clear:both;
    position:relative;
}

#rss-icon {
  position:relative;
  top:4px;
  left:5px;
}


/*-- Header --*/  

#header {
    height:38px;
    display:block;
    padding:21px 0;
    position:relative;
}

#header ul#nav {
    width:670px;
    float:left;
    line-height:35px;
}

#header ul#nav li {
    margin-right:16px; 
    display:inline;
} 

#header ul#nav li a {
    font-size:14px;
    text-decoration:underline;
}

#header ul#nav li a.active {
    color:#FFF;
    font-size: 13px;
    text-decoration:none;
    font-weight:bold;
}

#header ul#nav a:hover {
    text-decoration:none;
}

#header ul#nav li select{
  display:inline;
}

#header h4#title {
    position:absolute;
    right:2px; 
    font-size:22px;
    text-align:right;
    line-height:24px;
}
#header h4#title span#tagline {
    display:block;
    font-size:12px;
    line-height:18px;
}

#searchbox {
background:#000;
color:#444;
height:60px;
width:200px;
}

#searchbox button {
-webkit-appearance:none;
background:transparent url(/img/search-sprite.png) no-repeat top right;
border:none;
color:#444;
font-size:17px;
height:20px;
line-height:.5em;
padding-right:25px;
position:absolute;
top:30px;
}

#searchbox #clearsearch {
color:#818181;
display:none;
left:173px;
line-height:-1.5em;
position:relative;
text-decoration:none;
top:7px;
width:10px;
z-index:9999;
}

#searchbox #clearsearch:hover {
color:#009DE9;
}

#searchbox input {
-webkit-appearance:none;
background:#2D2D2D;
border:1px solid #444;
color:#FFF;
display:none;
outline:none;
padding:3px 15px 3px 5px;
position:relative;
right:-5px;
top:25px;
width:159px;
}

#searchbox input.error {
border:1px solid red;
}

#searchbox input #searchbox input:focus {
outline:0;
}

#searchbox label {
  font-size: 22px;
}

#results #page h1 {
border-top:2px solid #444;
font-size:22px;
padding:25px 0 30px;
position:relative;
}

#results #page h2 {
margin:0;
}

#results #page ul h4 {
color:#818181;
font-size:14px;
}

#results #page li {
margin-bottom:30px;
}

#results #searchbox {
height:91px;
width: 918px;
}

#results #searchbox #clearsearch {
display:block;
font-size:20px;
left:896px;
line-height:1em;
position:relative;
text-decoration:none;
width:20px;
top: -30px;
}

#results #searchbox button {
display:inline;
margin-bottom: 0;
padding: 0 25px 0 0;
position: relative;
top: -55px;
width: 20px;
left: 320px;
text-indent: -9999px;
}

#results #searchbox:hover button {
background-position:top right;
color:#444;
}

#results #searchbox:hover input, #results #searchbox input {
  display: block;
  font-size: 20px;
  padding-right: 28px;
  right: 0;
  top: 14px;
  width: 883px;
}

#searchbox:hover button, #results #searchbox button:hover {
background-position:bottom right;
color:#818181;
}

#searchbox label:hover {
color:#818181;
}

#searchbox:hover #clearsearch,#searchbox:hover input {
display:block;
}

/*-- subHead (all pages other than index) --*/ 

#subhead {
    background-color:black;
    height:22px;
    padding:25px 0; 
    margin-bottom:30px;
    position:relative;
}

#subhead h2 {
    float:left;
}

/*-- Home Page --*/ 

#home {
    background:black url(/img/bodyBG.jpg) repeat-x 0 -1px;
} 

#webgl {
    background:black url(/img/webgl/body_bg_webgl.jpg) repeat-x;
}

#webgl #wrapper { background:none; }
#webgl #page { background:none; }

#tags-nav {
  position:absolute;
  top:55px;
  border:1px #1C1C1C solid ;
  background-color:#000;
  font-size: 13px;
  padding:10px 0 0 10px;
  z-index:9999;
  display:none;
  overflow:hidden;
  width:165px;
}

#tags-nav li.divider {
  border-top: 2px solid #232323;
  padding-top: 10px;
  width: 90%;
}

#tags-nav li {
  width:200px;
  float:left; 
  display:block;
  margin:5px;
}

#tags-nav li a {
  cursor:pointer;
  text-decoration:none;
  text-transform: capitalize;
}

#tags-nav li a:hover {
  color:#fff;
}

#tags-link {
  font-size:17px;
}

#tags-link, #subscribe-link {
  cursor:pointer;
  width:100px;
  height:15px;
  padding:0 10px 30px 0;
  background-position: center right;
}

#nav #subscribe-link:hover a {
  text-decoration:underline;
}

#nav #subscribe-link span.link-arrow-indicator, #tags-link span.link-arrow-indicator {
  background: #000 url("/img/link_arrow_icon.jpg") no-repeat center right;
  color: #009DE9;
  padding-right: 10px;
  font-size: 14px;
  text-decoration: underline;
}
#tags-link span.link-arrow-indicator {
 font-size: 17px;
}

#nav .beta {
  position: absolute;
  bottom: 5px;
  left: 404px;
  font-size: 11px;
  text-transform: uppercase;
  color: #939393;
}

#subscribe-nav {
  display: block;
  position: absolute;
  top: 52px;
  width: 92px;
  left: 400px;
  border: 1px solid #1C1C1C;
  padding: 15px 5px;
  z-index: 999;
  background: black;
}
#shaunTheSheep #subscribe-nav {
  right: 391px;
}
#plusone-link {
  float: left;
  padding: 4px 0;
}

#home ul#experimentPagination {
    top:24px;
}

/*
#globe {
    background:#000 url(/img/bodyBG2.jpg) repeat-x;
} 
*/ 
/*-- Featured -- */ 

#featuredSection {
    background-color:#252525;
    height:319px;
    padding:20px 0; 
    font-size:13px;
    position:relative;
} 

#featuredPager {
    position:relative;
    height:301px;
    overflow:hidden;
}

#featuredExperiments {
    position:absolute;
    top:0;
}

#featuredSection div.last {
    padding-right:0;
}

#featuredSection .featuredImage {
    height:209px;
    line-height:209px;
    overflow:hidden;
    margin-bottom:8px;
    border:1px solid #1c1c1c;
    text-align:center;
}
#featuredSection .featuredImage a {
    margin:auto;
    width:280px;
    display:block;
    line-height:209px;
    text-decoration:none;
    float:left;
}


#featuredSection .featuredImage a img{
  vertical-align:middle;
    width:280px;
}
#featuredVideo {
	padding-top:9px;
	position:relative;
  color:#cbcbcb;
	}
	
#featuredSection img.header {
    position:absolute;
    top:30px;
}

/****************************
* Featured Banner Section Specific
****************************/
#featuredBannerSection {width:100%; border:0px solid #fff; float:left;}
#featuredBannerSection img {float:left; border:0px solid #fff;display:inline;}
#featuredBannerSection img.left{float:left}
#featuredBannerSection img.right{float:right;}
#featuredBannerSection dl {float:left; border:0px solid #0f0;display:inline;width:350px;}
#featuredBannerSection dl.left{float:left; border:0px solid #0f0;display:inline;width:350px;}
#featuredBannerSection dl.right{float:right; border:0px solid #0f0;display:inline;width:350px;}
#featuredBannerSection dt,
#featuredBannerSection dd {float:right; margin-left:575px; position:relative; text-align:left; width:325px; border:0px solid #fff; }
#featuredBannerSection dt { font-size:18px; margin-bottom:20px; padding-top:40px; }
#featuredBannerSection dt a { color:#fff; text-decoration:none; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
#featuredBannerSection dt a:hover { color:#009ed9; text-decoration:none; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
#featuredBannerSection dd { color:#ccc; font-size:13px; line-height:20px; }
#featuredBannerSection a { color:#cbcbcb; }
#featuredBannerSection a.launch img { margin:25px 0 15px; }

/****************************
* Featured Video Specific
****************************/
#featuredVideo dt,
#featuredVideo dd {float:right; margin-left:575px; position:relative; text-align:left; width:325px; }
	
#featuredVideo dt { font-size:18px; margin-bottom:20px; padding-top:40px; }

	#featuredVideo dt a { color:#fff; text-decoration:none; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
	
	#featuredVideo dt a:hover { color:#009ed9; text-decoration:none; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
	
#featuredVideo dd { color:#ccc; font-size:13px; line-height:20px; }
#featuredVideo a { color:#cbcbcb; }

#featuredVideo a.launch img { margin:25px 0 15px; }


a#launch {
	background-color:#009ed9;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:19px;
	margin-top:27px;
	padding:0 50px;
        line-height:42px;
        height:40px;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-transition:all 0.3s ease-in-out;
	}
	
	a#launch:hover,
	#featured_experiment a#launch:hover {
		background-color:#18b0e9;
		-webkit-transition:all 0.3s ease-in-out;
		}
		
	#featured_experiment a#launch { background:#009ed9 url(/img/bg_arrow.png) 193px center no-repeat; padding-right:40px; }
/*-- Recent Experiments --*/ 

#experimentSection {
    padding:30px 0 0;
    display:block; 
    position:relative;
    width:930px;
}

#experimentSection ul {
  float:left;
}

#experimentSection ul li {
  margin:0 0 10px 0;
}

#experimentSection h2 {
    float:left;
    margin:0 20px 10px 0;
}

#viewAll {
    position:absolute;
    top:28px;
    right:2px;
} 

#browseLinks {
    float:right;
    display:inline;
    line-height:24px;
    padding-right:10px;
}

#browseLinks li {
    display:inline;
    padding:0 5px 0 5px;
}

#experimentsWrapper {
  height:625px;
  margin:30px 0 0 0;
  min-height:610px;
  position:relative;
}

#experimentsGrid {
    clear:both;
    overflow:hidden;
    width:962px;
    margin-left:-35px;
    padding-bottom:10px;
    position:absolute;
    top:-45px;
}

/*--footer --*/ 

#footer img {
    float:left;
    margin:0 auto;
}
#footerContent {
    width:916px;
    margin:0 auto;
    padding:21px 0 0;
    height: 47px;
    display:block;
}
#footer ul {
    
    float:right;
}



#footer ul li {
    display:inline;
    clear:both;
}
#footer ul li a {
    padding-right:16px;
    color:white;
    font-size:11px;
    line-height:24px;
}

#footer ul li.last a {
    padding: 0;
}


#footer #share_badges #subscribe_label
{
  margin:-1px 3px 0 0;
  line-height:24px;
  font-size:11px;
  padding:0px 0px 0px 0px;
  float:left;
}

#footer #share_badges
{
  float:right;
  height:50px;
  margin:0 0 0 0;
  padding:1px 0 0 0;
  width:225px;
}

#footer #share_badges ul{
  margin:0 0 0 0 !important;
  padding:0;

  height:25px;
  float:left;
}

#footer #share_badges .plusone_badge{
  margin:2px 10px 0 0;
  float:left;
}

#footer #share_badges ul li{
  float:left;
  list-style: none;
  display:inline;
  clear:none;
}
#footer #share_badges ul li a{
  float:left;

  display:inline;
}
/*-- detail --*/ 

#detail ul#experimentPagination {
    top:30px;
}

#detail .featuredBadge {
    float:right; 
    font-size:11px; 
    text-transform:uppercase; 
    position:relative; 
    bottom:21px; 
}

#detail a#appLaunchButton {
    background:transparent url('/img/launchbutton.png') top left no-repeat; 
    width:200px; 
    height:34px; 
    text-indent:-9999px;
    padding:0px; 
}
#detail #comments { clear:both; }
#detail #comments p {
    margin:6px 0 0 0;
    line-height:23px;
}

#detail #sideBar img {
    border:1px solid #1c1c1c;
    margin-bottom:10px;
}

#detail #sideBar object, #detail #sideBar embed {
    border:1px solid #1c1c1c;
    margin-bottom:10px;
    display:block;
}

#detail #sideBar object {
    border:none;
}

#detail #comments div.comment {
    margin:5px 0 0 0;
    height:100%;
}
#detail #comments div.comment form.comment_form {
    margin-top:15px;
}
#detail #comments div.comment form.comment_form .fieldset p {
  margin:-23px 0 0;
}
#detail #comments div.comment div.comment {
    margin-left:30px;
    padding-top:0;
    margin-top:0;
}
#detail #comments div.first {
    padding-top:10px;
}

#detail #comments div.comment div.new_comment {
    background:#1c1c1c;
    padding-left:10px;
    padding-top:10px;
}

#detail #comments div.comment a.reply {
    font-style:italic;
    font-size:11px;
    display:block;
    text-align:right;
    visibility:hidden;
    margin-bottom:1em;
}

#detail #comments div.comment a.delete_comment {
    font-style:italic;
    font-size:12px;
    display:block;
    text-align:right;
}

#detail #comments div.comment span.credit {
    color:#838383;
    font-size:12px;
}

div.comment_body{
    
	overflow:visible;
}

form#comment_delete_form .unButton {
    text-align:right;
    width:100%;
    color:#009de9;
    background-color:#000;
    display:inline;
    font-style:italic;
    border:0;
    font-size:12px;
    text-decoration:none;
}

#detail a.bigButton {
    width:187px;
    height:20px;
    margin-bottom:5px; 
}

#detail input.bigButton, #submit input.bigButton, #globe-submit input.bigButton {
    width:auto;
    height:30px;
    padding-top:4px;
    margin-top:4px;
    display:inline-block;
    line-height:17px;
}

#detail #devChannelWarning h4 {
    font-size:12px;
    font-weight:bold; 
    text-transform:uppercase; 
}

#detail #devChannelWarning h4 em {
    font-weight:normal;
}

#detail #devChannelWarning {
    border:1px solid #888888;
    text-align:center;
    margin:0px 0px 20px 30px;
    padding:10px 40px;
    width:260px; 

}

#detail #devChannelWarning p {
    line-height:16px;
    font-size:12px;
    margin-bottom:0px;
}

#detail #content label {
    display:block;
} 

#detail input {
    margin:6px 0 25px;
    width:200px;
}

#detail #content textarea {
    margin:5px 0 19px 0;
}

#detail h1 {
    font-size:28px;
}

#detail h3 {
    font-size:22px;
    margin-bottom:10px;
}

#detail span.experimentDate {
    font-size:11px;
    font-style:italic;
}

#detail dl {
    font-size:11px;
    border-top:1px solid #1c1c1c;
    border-bottom:1px solid #1c1c1c;
    margin:20px 0;
    padding:0 195px 20px 0;
}

#detail dt {
    margin-top:17px;
}

#detail dd, #detail dt {
    margin-bottom:2px;
}

#detail dl a {
    font-size:13px;
    margin-bottom:14px;
}

#detail dl h4 {
    font-size:17px;
}

#detail #location {
    font-size:14px;
    line-height:10px;
}

#detail #rateExperiment {
    float:left;
    padding-left:36px; 
}

#detail #rateExperiment h5 {
    padding-top:0px; 
}

#detail #description {
    border-bottom:1px solid #1c1c1c;
    margin-bottom:20px;
    clear:both;
}

#detail #description h5 {
    padding:4px 0;
}

#detail #add_comment {
    border-top:1px solid #1c1c1c;
    margin-top:20px;
    padding-top:20px;
}

#detail h5 {
    padding:14px 0 5px;
    font-size:11px;
    clear:left;
}
#detail #action_links {
  float:left;
  margin-bottom:10px;
  width:450px;
  word-wrap: break-word;
}
#share_badges {
  float: right;
  padding: 45px 0 0 0;
  width: 188px;
}

#detail #share_badges ul {
  list-style: none;
  margin:25px 0 0 0;
  display:inline;
}

/*TESTING TESTING TESTING*/
#testing {
 display:none; 
}
#share_badges ul li {
  background: transparent url(/img/share-icons.png) 0 0 no-repeat;
  display: inline;
  float: left;
  height: 20px;
  margin:0 5px 0 0;
  text-indent: -9999px;
  width:22px;
}
#share_badges ul li a {
  display: block;
}
#share_badges .facebook_badge {
  background-position: right bottom;
}

#share_badges .rss_badge {
  background-position: left bottom;
}

#share_badges .plusone_badge {
  display: inline;
  float:left;
  margin:0 5px 0 0;
}
#share_badges .twitter_badge {
  background-position: -21px bottom;
}

#detail #user_ratings {
    overflow:auto;
}

#detail #rateExperiment a.rating {
    display:block;
    width:21px;
    height:21px;
    float:left;
    background:transparent url(/img/rating-stars.gif) no-repeat top left;
    text-indent:-999px;
    overflow:hidden;
    padding-right:4px;
}

#detail .comment_input {
    padding:4px;
}
#detail #rateExperiment a.half {
    background-position:0 -21px;
}
#detail #rateExperiment a.off {
  background-position:0 -42px;
}
#detail #rateExperiment span#ratings_notice {
    font-size:10px;
    float:left;
    padding-left:0px;
    line-height:24px;
    clear:both;
    width:100%;
}
#detail #comment_form {
    padding:0 0 10px 0;
}

#detail #downloadSuggestion {
    font-size:11px; 
    display:none; 
}

#webGLdownloadSuggestion {
    font-size:11px; 
    margin-bottom:10px;
}
#webGLdownloadSuggestion a{
    color:#e8622d;
}
#detail #launchAndRate {
   overflow:visible; 
   float:left; 
    border-bottom:1px solid #1c1c1c;
    margin-bottom:20px; 
    padding-bottom:20px; 
    width:450px; 
}  

#detail #launchLinks {
    float:left; 
    width:225px; 
    height:50px; 
} 

/* -- share with a friend popup -- */ 
#overlay .closeButton {
    background:none;
    color:#464646;
    border:none;
    font-size:20px;
    padding:0;
    position:absolute;
    right:5px;
    top:5px;
    text-decoration:none;
    line-height:20px;
}
    
#overlay div.fieldset {
    width:279px;
    float:left;
}

#overlay div.fieldset label {
    display:block;
    font-size:12px;
    line-height:12px;
}

#overlay div.fieldset input.text {
    width:257px;
}

#overlay div.fieldset textarea {
    margin-top:5px;
}

#overlay .buttons {
    clear:both;
    margin:19px 0 0 0;
}

#overlay h3 {
    font-size:17px;
    margin-bottom:19px;
}
#overlay div.comment_field {
    clear:left;
    width:100%;
}
#share div.captcha {
    clear:left;
    width:100%;
    margin:23px 0 0 0;
}

#overlay input.bigButton {
    margin-bottom:0;
}

/* -- use chrome popup --*/

#overlay div.dialog {
    position:absolute; 
    top:20%;
    left:50%;
    margin-left:-330px;
    width:580px;
    background-color:#1c1c1c;
    border:4px solid #2c2c2c;
    padding:30px 40px;
    font-size:17px;
    line-height:22px;
    display:none;
    z-index:9999;
}
#overlay div.dialog input.text, #overlay div.dialog textarea {
    background:#333;
}

#downloadChrome { 
    display:block;
    border:0;
    background-color:#009de9;
    color:white;
    padding:5px;
    height:20px;
    font-size:14px;
    margin-bottom:15px;
    width:240px;
    text-decoration:none;
    text-align:center;
}

#riskIt {
    display:block;
    border:0;
    background-color:#9D1136;
    color:white;
    padding:5px;
    height:20px;
    font-size:14px;
    width:180px;
    text-decoration:none;
    text-align:center;
}


#overlay {
    width:100%;
    height:100%;
    background:transparent url(/img/transparent.png);
    position:fixed;
    top:0;
    left:0;
    z-index:9998;
    display:none;
}
    
/*-- Experiment Submission Form --*/

#submit #submission_guidelines {
    border-bottom:1px solid #1c1c1c;
    font-size:14px;
}

#submit_form div.fieldset {
    margin:0 0 15px 0;
}
#submit_form div.fieldset label {
    display:block;
}
#submit_form div.fieldset span#update_checkbox {
    display:block;
    padding:3px 0px 0px; 

}
#submit_form div.fieldset span#update_checkbox label {
   position:relative; 
   bottom:2px;
    font-size:11px;
    display:inline
}

#submit_form div.fieldset span#webgl_checkbox input{
    display:inline;   
}

#submit_form div.fieldset span#webgl_checkbox {
    display:block;
    padding:3px 0px 0px; 

}
#submit_form div.fieldset span#webgl_checkbox label {
   position:relative; 
   bottom:2px;
    font-size:11px;
    display:inline
}

#submit_form div.fieldset span#update_checkbox input{
    display:inline;   
}

#submit_form div.fieldset span.help, #detail .help {
    font-size:11px;
    font-style:italic;
    display:block;
    line-height:18px;
    color:#676767;
    width:350px;
}
#submit_form div.fieldset input.text, #submit_form div.fieldset input.file {
    width:350px;
    margin:5px 0;
}
#submit_form div.fieldset textarea {
    margin:5px 0;
    padding:4px;
}
#submit_form h3 {
    margin:0 0 15px 0;
    padding:15px 0 0 0;
    font-size:20px;
}
#submit_thankyou .bigButton {
    display:inline;
}

#submit #addScreenshotLink {

}
#submit_form #submit_button {
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #1c1c1c;
    width:900px;
    text-align:center;
}
#submit_form input.file {
    background-color:transparent; 
    padding:4px;
    color:black;
    border:1px solid #1c1c1c;
}
#submit #submit_terms {
  padding-top:20px;
  border-top:1px solid #1c1c1c;
  clear:both;
}
#submit #submit_terms #terms_body {
  overflow:scroll;
  overflow-y:scroll;
  overflow-x:hidden;
  width:800px;
  margin:0 auto 10px auto;
  background:#333;
  padding:10px;
  height:150px;
  font-size:11px;
}

#submit #submit_recaptcha{
	width:318px;
	margin:0 auto;
	padding:0 auto;
}

#terms_body h3.center, #terms_body h3.center + blockquote {
    text-align:center;
}


/*-- Globe Submission Form --*/


#globe-submit #submission_guidelines {
    border-bottom:1px solid #1c1c1c;
    font-size:14px;
}
#globe-submit #form-bottom {

 clear:both;
}
#globe-submit #submit_terms {
  padding-top:20px;
  border-top:1px solid #1c1c1c;
  clear:both;
}
#globe-submit #submit_terms #terms_body {
  overflow:scroll;
  overflow-y:scroll;
  overflow-x:hidden;
  width:800px;
  margin:0 auto 10px auto;
  background:#333;
  padding:10px;
  height:150px;
  font-size:11px;
}

#globe-submit #submit_recaptcha{
	width:318px;
	margin:0 auto;
	padding:0 auto;
}



/*-- copy pages --*/

#about p.subHead {
    font-size:24px;
    line-height:31px;
}

#about p {
    font-size:14px;
    line-height:23px;
    margin-bottom:22px;
}

#about p.salutation {
    font-size:13px;
    line-height:25px;
}

/*-- badges page --*/ 

#badgeHolder {
    margin-top:10px;
    border:1px solid #1c1c1c;
    padding:30px 10px;
    background:#1c1c1c;
    text-align:center;
}

#badgeHolder img {
    margin:10px; 
}

#embed_code {
    font:11px monospace;
    background:#1c1c1c;
    padding:10px;
    margin-bottom:15px;
}

/******************************/
/* WEBGL GLOBE                */
/******************************/

body#globe #content {
      margin-top:50px;
      width:427px;
      
  }

body#globe #content h1 {
    font-size:28px;
    margin-bottom:38px;
}

body#globe #content p {
    line-height:1.25em;
    width:77%;
}


body#globe #content ul {
      margin:-1em 0 27px 1em;
  }

body#globe #content ul li {
      list-style:disc;
  }

/*
body#globe #sideBar {
    width:825px;
}
*/
body#globe #sideBar img {
  margin:50px 0 0 -200px;
  border:none;
}

#globe-submit #wrapper #page {
 width:918px; 
}

body#globe #page {
    width:918px;
    background-color:#000;
}
body#globe #wrapper {
    width:918px;
}
body#globe #launchLinks #appLaunchButton {
    background:transparent url('/img/populationbutton.png') 0 0 no-repeat;
    text-indent:-9999px;
    width:200px;
    height:34px;
    float:left;
}

body#globe #getCodeLink #getCodeButton {
    background:transparent url('/img/getTheCodeSprite.jpg') 0 -34px no-repeat;
    text-indent:-9999px;
    width:200px;
    height:34px;
    float:left;
}

body#globe #getCodeLink #getCodeButton:hover {
    background:transparent url('/img/getTheCodeSprite.jpg') 0 0px no-repeat;
}

body#globe #searchGlobeLink #searchGlobeButton {
    background:transparent url('/img/searchglobebutton.png') 0 0 no-repeat;
    text-indent:-9999px;
    width:200px;
    height:34px;
    float:left;
}

body#globe #launchAndGet {
      margin-bottom:20px;
      height:50px;
      overflow:visible;
      padding-bottom:20px;
      width:450px;
  }

body#globe #launchAndGet div{
  float:left;
  width:210px;
  margin:0 10px 25px 0;
    } 
body#globe p#createdBy {
    clear:both;
    font-style:italic;
    margin-top:50px;
}

body#globe #content p.dlSuggestion {
  float:right;
  width:228px;
}
  
body#globe #downloadSuggestion a:hover {
      text-decoration:none;
  }
  

/******************************/
/* Featured Banner SPECIFIC       */
/******************************/
#featuredBannerHeaderSection
{
  background-color:#252525;
	height:292px;
	width:916px;
  color:#ebebeb;
}

#featuredBannerHeaderSection h1
{
  font-size:36px;
  
  margin:0 0 20px 0;
}

#featuredBannerHeaderSection #download-btn
{
  width:289px;
  height:34px;
  float:left;
  margin:5px 0 0 0;
  background:#252525 url(/img/webgl/download_btn_orange.jpg) 0 0 no-repeat;
}


#featuredBannerlHeaderSection #featuredBannerCopyContainer{
  margin:40px 0 0 0;
  width:415px;
  height:200px;
  float:left;
}
#featuredBannerHeaderSection #featuredBanner-header-img{float:right;}



/******************************/
/* ARCADE FIRE SPECIFIC       */
/******************************/
#arcade-fire {
    background:url("/img/bodyBG2.jpg") repeat-x scroll 0 0 #252525;
}
#arcade-fire #header { background-color:#000; }
#arcade-fire #wrapper { background-color:#252525; }

#arcade-fire #featuredSection,
#arcade-fire #featuredExperiments {
    height:414px;
    position:relative;
}
#arcade-fire #featuredPager {
    overflow:visible;
}
    
#arcade-fire #featuredExperiments a {
    position:absolute;
    bottom:50px;
    left:372px;
    display:block;
    background:transparent url(/img/arcade-fire/launch.png) no-repeat 50% 50%;
    width:179px;
    height:34px;
    text-indent:-999em;
    overflow:hidden;
}

#arcade-fire #experimentSection {
    font:11px Consolas, courier;
}

#arcade-fire #experimentSection div.item {
    width:280px;
    float:left;
    margin-left:38px;
    margin-bottom:15px;
}
#arcade-fire #experimentSection div.item p {
    font-style:italic;
    color:#959595;
    line-height:13px;
    padding:10px 5px 0 5px;
}
#arcade-fire #experimentSection div.first {
    clear:left;
    margin-left:0;
}
#arcade-fire #experimentSection div.info p {
    color:#ebebeb;
    font-style:normal;
    font-size:12px;
    line-height:17px;
    padding:20px 0 0 0;
}
#arcade-fire #built-for-chrome {
    clear:both;
    color:#9b9b9b;
    padding-top:50px;
}
#arcade-fire #built-for-chrome img {
    float:left;
    margin-top:-3px;
    margin-right:7px;
}
#arcade-fire #built-for-chrome strong {
    color:#FFF;
}
#arcade-fire #built-for-chrome a {
    color:#9b9b9b;
    text-decoration:none;
}
#arcade-fire #page {
    padding-bottom:30px;
    background-color:#252525;
}

/* Globe Grid Styles */
#globe-wrapper {
  height: 500px;
}

#globeGrid {
  clear: both;
  margin: 60px auto;
  overflow: hidden;
  width: 960px;
}

#globeGrid .img-wrapper {
  float: left;
  width: 125px;
  height: 85px;
  border: 1px solid #444;
  overflow: hidden;
}

#globeGrid .item-info {
  float: right;
  width: 140px;
  margin-left: 20px;
}

#globeGrid .item-info a {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
}

#globeGrid .item-info a:hover {
  text-decoration: underline;
}

#globeGrid .item-info p {
  font-size: 12px;
  color: #818181;
  margin:5px 0 0;
}

#globeGrid li {
  float: left;
  margin: 0 40px 45px 0;
  width: 288px;
}
#globeGrid li.last {
  margin-right: 0;
}