@charset "utf-8";
/* CSS Document */

/* Generic items */

html{background: url(http://labs.nationalarchives.gov.uk/wordpress/wp-content/uploads/2010/06/labsBg.gif);}
#labs {background: url(http://labs.nationalarchives.gov.uk/wordpress/wp-content/uploads/2010/06/labsBg.gif); padding:12px 0 12px 0;}
#miniNav{float:right; padding:0 0 0 0!important; margin:0 0 12px 0!important;}
#miniNav li {float:left; font-size:0.9em; margin:0 0 0 6px;}
#miniNav li a{color:#FFF; text-decoration:none; }
#miniNav li a:hover{color:#FFF; text-decoration:underline; }
#miniNav .rightBorder{border-right:solid 1px #FFF; padding-right:8px;}
.labsItemWrapper{padding:8px; background:url(http://labs.nationalarchives.gov.uk/wordpress/wp-content/uploads/2010/06/labsItemBg.gif); margin:0 0 0 0; clear:both; }

#labs #primary-content li {float:left; background-color:#FFF; padding:8px 8px 8px 8px; }
#labs #primary-content{ background-color:transparent;border:none;width:700px; display:inline-block;  }
#labs #breadcrumb {color:#FFF; background:transparent; padding-left:10px; margin-bottom:6px; clear:both; width:100%;}#labs #breadcrumb a{color:#FFF;}
#content {float:left; padding:12px 0 12px 0;}
#labs h2 {font-size:2em;color:#FF9933; }


/* Labs side bar */

#labs #secondary-content {border:none; padding:0 0 0 18px; width:242px; color:#FFF;} 
#labs #secondary-content h2 {color:#FFF; font-weight:normal;}
#labs #secondary-content li {padding-bottom:20px;}
#labs #secondary-content li #subscribe li{float:left; padding-right:10px; }
#labs #secondary-content li #subscribe li img {border:#FF9933 1px solid;}
#labs #secondary-content li #subscribe li img:hover{border:#FFF 1px solid;}
#labs #secondary-content li .wp-polls {background:#000000; border:#FF9933 1px solid; padding:12px 8px 12px 8px;}
#labs #secondary-content li .wp-polls .wp-polls-forms p{text-align:left!important;}
.wp-polls-ans p {padding-bottom:12px;}
.wp-polls-ans p a{color:#FFF; font-size:0.9em;}
.wp-polls-ul {margin:12px 8px 12px 12px!important;}
.wp-polls-ul li {padding:4px 0 4px 0!important; margin:4px 0 4pxs 0!important;}
#labs #secondary-content li.blogPosts {background:#000000; border:#FF9933 1px solid; padding:12px; display: inline-block; margin-bottom: 1em;}
#labs #secondary-content li.blogPosts ul li {padding: 0.5em 0 0 0; border-bottom: 1px dotted #ccc;}
#labs #secondary-content li.blogPosts ul li a { color: #ffffff; font-size:1em; text-decoration: none;}
#labs #secondary-content li.blogPosts ul li a:hover, a.blogLink:hover {text-decoration: underline;}
#labs #secondary-content li.blogPosts a.blogLink { float: right;  color: #ffffff; margin-top: 0.5em; text-decoration: none; }
#labs #secondary-content li.blogPosts a.blogLink:hover { text-decoration: underline; }
#labs #secondary-content li.blogPosts ul li p {color: #cccccc; font-size:0.9em; line-height: 120%; margin: 0 0 0.5em 0;}


 
/* Labs footer bar */

#feedback {clear:both; float:left; margin:12px 0 12px 0; padding:12px 0 12px 0; border-top:#FF9933 solid 4px; width:960px; }
#feedback li h3 {color:#FF9933}
#feedback li {float:left; width:300px; color:#FFF; padding:0 19px 0 0; }
.recentComments li {background-color:#000; width:280px!important; margin:0 0 6px 0;}
.recentComments li .commentAuthor {background-color:#FF9933; width:auto; padding:4px 12px 4px 12px; color:#000; font-weight:bold; margin:4px 0 4px -4px; display:inline-block;}
.recentComments li a {padding:4px 12px 8px 12px; float:left;  color:#FFF; font-size:0.9em; text-decoration:none;}.recentComments li a:hover {text-decoration:underline;}
.recentComments li a:visited {color:#FFF;}
#dataGov {padding:0 19px 0 19px!important;width:280px!important;border-right:#FF9933 solid 1px; border-left:#FF9933 solid 1px;}
#twitter {margin-left:20px!important;width:280px!important; margin:0 0 6px 0;}
#twitter_update_list li {background-color:#000; margin:0 0 6px 0; padding:8px 12px;width:264px!important;}
#twitter_update_list li a {background-color:#FF9933; color:#000000; padding:3px 8px 3px 12px; text-decoration:none; margin:6px 0 4px -16px;}
#twitter_update_list li span {float:left; margin-bottom:6px; font-size:0.9em;}#twitter_update_list li span a {background-color:transparent; color:#FF9933; margin: inherit; padding: inherit;}
#twitter_update_list li span a:hover, #twitter_update_list li a:hover{text-decoration:underline;}


/* Labs home */

#col1, #col2{float:left; width:225px; margin:12px 12px 0 0!important; padding:0 0 0 0!important;}#col3{float:left; width:225px; margin:12px 0 0 0;}
#col1 .labsItemWrapper,#col2 .labsItemWrapper, #col3 .labsItemWrapper{float:left; margin:0 0 12px 0; }
.home-post{width:190px; background:#FFF; margin:0 0 0 0; padding:10px; float:left; height:100%; clear:none!important; }
.home-post p {padding:0 0 0 0!important;} 
.home-post h3 {font-size:1.6em; color:#000; margin:0 0 6px 0!important; clear:both; line-height:120%; }
.home-post .thumb{margin:0 0 12px 0!important;}
.home-post h3 a{color:#000; text-decoration:none;}
#intro {color:#FFF; padding:12px 0 12px 0;}
.galleryview {margin-bottom:20px!important;}
.about {background:#FFF; padding:10px;  margin:0 0 0 0;}#primary-content .about p {padding:0 0 0 0; margin:0 0 0 0;}
.yt{margin:12px 0 0 0; border:#FF9933 1px solid; background:#000;}
/* Labs post page */

#labSingle {background:#FFF; padding:12px; display:inline-block;}
#labSingle h2 {font-size:3em!important; padding:0 0 0 0!important; margin:0 0 0 0!important; font-weight:normal;}
#labSingle p{padding:0 20px 12px 0!important; width:640px;}
#labSingle .post-date {width:200px; background-color:#FF9933; padding:6px 20px; margin:12px 10px 15px -20px; clear:both; float:none; font-weight:bold;}
#labSingle .labPost { float:left;}
#labSingle .labPost h2 {background-image:none!important; background-color:#FFF!important; padding:0 0 10px 0!important; width:640px;}
#labSingle .labPost h3 {font-size:1.5em;}
#labSingle .labPost ul { padding:0 0 0 35px; list-style-type:disc!important; margin-bottom:30px; display:inline-block;}
#labSingle .labPost ul li{width:600px; list-style-type: disc!important; vertical-align:middle; display:list-item; *list-style-position:inside!important; }
#labSingle .labPost table {margin:12px 20px 12px 20px!important; width:600px}
#labSingle .labPost table th {border:#CCC solid 1px; padding:5px; background-color:#666; color:#FFF; font-weight:bold;}
#labSingle .labPost table td {border:#CCC solid 1px; padding:5px; font-size:0.9em;}
#labSingle .labPost table .divide {height:10px; background-color:#CCC;}
#labSingle .labPost .youtube {border:#000 solid 1px; display:inline-block;}
#labSingle #bioWrapper, #labSingle .dataWrapper {background:url(http://labs.nationalarchives.gov.uk/wordpress/wp-content/uploads/2010/06/labsItemBg.gif);padding:4px; margin:12px 0 12px 0; }
#labSingle #bio, #labSingle .data {background:#F9F9F9 ; padding:10px; box-shadow:2px 2px 12px #383D34; -webkit-box-shadow:2px 2px 12px #383D34; -moz-box-shadow: 2px 2px 12px #383D34; font-size:0.9em; } #labSingle #bio img {float:right; margin:0 0 0 10px;  }#labSingle .data img {float:right; margin:0 0 10px 10px;  }
#labSingle #bio p, #labSingle .data p{width:auto;}#labSingle #bio h3, #labSingle .data h3 {margin-bottom:12px}

#labSingle .dataWrapper {clear:both;margin:12px 0 12px 0; display:inline-block;}#labSingle .data {font-size:1em;}

/* Labs post comments */

.labComment{clear:both;padding:12px 0 12px 0; display:inline-block; border-top:#000 solid 1px; margin:12px 0 0 0; width:100%; }
.labComment h3{background-image:none!important; background-color:#FFF!important; font-size:2em;}
.labComment li {width: 100%;}
.comm-mat {background:#000; color:#FFF;}
.commentlist { display:inline-block; margin:12px 0 0 -12px; }
.commentlist .authorcomment .comm-mat{background:#FF9933; color:#000; border:#000 1px solid;}
.commentlist .authorcomment .comm-mat .commentAuthor {background:#000; color:#FFF; margin-left:-9px}
.commentlist .authorcomment .comm-mat .commentmetadata {color:#000;}
.commentlist li {width:670px!important; padding:0 0 12px 0!important;}
.commentlist li .comm-mat {padding: 8px 0; }
.commentlist li .comm-mat .commentAuthor {background-color:#FF9933; width:auto; padding:4px 12px 4px 20px; color:#000; font-weight:bold; margin:4px 0 4px -8px; display:inline-block;}
.commentlist li .comm-mat .commentAuthor a{color:#000;}
.commentlist li .comm-mat .commentModeration {border:#FF9933 solid 1px; padding:5px 12px 5px 12px; font-style:italic;}
.commentlist li .comm-mat .commentmetadata, .commentlist li .comm-mat p {margin:0 12px 0 12px!important;}
.commentlist li .comm-mat .commentmetadata {color:#FFF; font-size:0.9em; font-weight:bold; font-style:italic; }

/* Labs archive category*/

#labsArchive {padding:0 0 0 0!important; margin:0 0 0 0;}
#labSingle .labPost #labsArchive li {padding:10px 0 0 0; margin:0 0 0 0; list-style-type:none!important; border-top:1px solid #CCC; width:660px;}
#labSingle .labPost #labsArchive li h2 {font-size:2em!important;padding:0 0 0 0!important; margin:0 0 0 0;}
#labSingle .labPost h1 {font-size:3em!important; color:#000; padding:0 0 20px 0!important;}


/* Labs post comment replies */

.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #fff;
	margin:5px 5px 0 5px;
	padding: 4px 2px 2px 4px;
	background-color:#FF9933; color:#000; font-weight:bold;  
}
.comment-childs p {background:none; font-weight:normal;}
.comment-childs .commentAuthorReply {background:#000; color:#FFF; margin-left:-6px; width:auto; float:left; clear:both; padding:5px 12px 5px 16px;}
.comment-childs .commentmetadata {clear:both; margin:5px 0 0 0!important; color:#000!important;}
.adminreplycomment{
	border:1px solid #fff;
	width:99%;
	margin:4px;
	padding:4px;
}
			



/* Labs comments form */


#commentformdiv {padding:12px 0 0 0;}
#commentformdiv .mandatory {font-size:0.9em;}
#commentformdiv .mandatoryRed {color:#C00;}
#commentformdiv input, #commentformdiv textarea {margin:6px 0 6px 0; width:300px; padding:3px;border:#000 1px solid; }
#commentformdiv .com-button {float:left; margin:18px 0 0 0;}
#commentformdiv p {float:left;}


/* Labs davids blog */

h2 .position {display:block; font-size:0.6em;}
#blogDavid {background:#000000; border:#FF9933 1px solid; padding:12px 8px 20px 8px;}
#blogDavid .blogHeading {background-color:#FF9933; color:#000; font-weight:bold; margin:0 0 10px -8px; padding:5px 8px 5px 8px; display:inline-block; text-decoration:none;  }
#blogDavid .blogHeading:hover {background-color:#000; color:#FF9933;border:#FF9933 1px solid; padding:4px 7px 4px 8px; margin:0 0 10px -9px;}
#blogDavid li {list-style-position:inside;}
#blogDavid li p a {color:#FFF; font-weight:bold;} #blogDavid li p a:hover {text-decoration:none;}
#blogDavid li .date {display:block; font-size:0.9em; font-style:italic;}
#blogDavid .archiveLink {background-color:#000; color:#FF9933;border:#FF9933 1px solid; padding:4px 29px 4px 29px; margin:0 -9px 8px 0; display:inline-block; float:right;font-weight:bold; text-decoration:none;}
#blogDavid .archiveLink:hover {background-color:#FF9933!important; color:#000; font-weight:bold; padding:5px 30px 5px 30px; margin:0 -8px 10px 0;  text-decoration:none; }



/* Labs app page */


#labsProject{width:100%; background: url(http://labs.nationalarchives.gov.uk/wordpress/wp-content/uploads/2010/06/labsBg.gif); padding:0 0 0 0; margin:0 0 0 0; height:100%;}
#labsProject #labsProjectWrapper #titleBanner {width:100%; clear:both; float:left; margin:12px 0 12px 0; padding:0 0 12px 0;}
#labsProject #labsProjectWrapper #titleBanner #tnaLogo{float:left; margin:22px 0 0 0;}
#labsProject #labsProjectWrapper #titleBanner #labsLogo {float:right;}
#labsProject #labsProjectWrapper {padding:10px!important;}
#labsProject #labsProjectWrapper .labsItemWrapper #content {padding:12px 20px 12px 20px; background-color:#FFF;  float:none; margin-bottom:10px!important;  }
#labsProject #labsProjectWrapper .labsItemWrapper #content h1 {font-size:2.6em; padding:0 0 12px 0;}
#labs h1 { color:#FF9933; margin:0 0 0 0!important; clear:both; padding:12px 0 12px 0!important;}
#labsProject #labsProjectWrapper h2{font-size:1.8em; }
#labsProject #labsProjectWrapper .labsItemWrapper #content .searchControls {float:right; width:50%; border:#FF9933 dotted 1px; padding:0 20px 12px 20px; clear:both; background:url(http://labs.nationalarchives.gov.uk/wordpress/wp-content/uploads/2010/06/grad-bg.png) repeat-x;  }
#labsProject #labsProjectWrapper .labsItemWrapper #content .searchControls .locationLabel,#labsProject #labsProjectWrapper .labsItemWrapper #content .searchControls .selectLabel{font-weight:bold; float:left; font-size:1.8em; font-weight:normal; clear:both; width:100%; margin:12px 0 12px 0 }
#labsProject #labsProjectWrapper .labsItemWrapper #content .searchControls .locationButton {margin:0 0 0 6px; float:left;}
#labsProject #labsProjectWrapper .labsItemWrapper #content .searchControls #location {width:300px; padding:3px; height:15px;float:left; }
#labsProject #labsProjectWrapper .labsItemWrapper #content .searchControls #location_options{padding:3px;  float:left; clear:both;}
#labsProject #labsProjectWrapper .labsItemWrapper #content .introText {width: 43%;}
#labsProject #labsProjectWrapper .labsItemWrapper #content #map {margin:12px 0 12px 0!important; :both; display:inline-block; width:100%;}
.close {float:right; margin:0 0 0 0; display:inline-block; clear:both; } 



#leftContent {width:340px; float:left; padding:0 20px 0 0}
#labsProject #labsProjectWrapper .labsItemWrapper #content #leftContent .searchControls {width:300px; float:left; margin:10px 0 10px 0; }
#labsProject #labsProjectWrapper .labsItemWrapper #content #leftContent .searchControls form {width:auto;}
#labsProject #labsProjectWrapper .labsItemWrapper #content #leftContent .searchControls #location, #labsProject #labsProjectWrapper .labsItemWrapper #content #leftContent .searchControls .locationLabel {width:200px; }



.inf9ImagePopup {overflow:auto; width:370px; height:280px} .inf9ImagePopup h3{ padding:3px 0 3px 5px; font-size:1.3em;}
.inf9ImageTable {margin:0 0 12px 0;}
.inf9ImageTable tr td{padding:5px!important;}
.inf9ImageTable tr td a{border: #999 solid 1px; display:inline-block;}
.inf9ImageTable tr td a:hover{border: #c00 solid 1px; display:inline-block;}

#inf9Gallery   {display:inline-block;}
#inf9Gallery li {border:#CCC solid 1px; width:160px; float:left; padding:10px; margin:10px 20px 10px 0; height:320px;}
#inf9Gallery li h3 {font-size:1.2em; padding:6px 0 6px 0;}
#inf9Gallery li p {font-size:0.9em; padding-top:6px;}
#inf9Gallery li .associatedButton {background:#716B6B url(/images/labs/greyButtonBg.gif) repeat-x; padding:3px 0 3px 0; color:#FFF; text-decoration:none; font-weight:bold; font-size:0.9em; width:160px; float:left; text-align:center;}#inf9Gallery li .associatedButton:hover{ background:#FFF; color:#716B6B; border:#716B6B solid 2px;}


#labsProject #labsProjectWrapper .labsItemWrapper #content #mapWrapper { margin:0 0 0 400px; }
#labsProject #labsProjectWrapper .labsItemWrapper #content #mapWrapper #map{ height:600px; border: #FF9933 dotted 1px; margin-top:0px!important; background-color:#9CCEFF;}