/*  
Theme Name: Dan Test
Theme URI: http://www.danielhills.co.uk
Description: This is my theme for a test.
Version: 1.0
Author: Dan Hills
Author URI: http://www.danielhills.co.uk

*/
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #1f1f1f;
	color: #ededed;


	
}

h1{
	font-size: 24px;
	padding: 0px 0px 10px 0px;
	line-height: 23px;
}

h1-heading{
	font-size: 24px;
	padding: 0px;
	font-weight: bold;

}
h1-heading2{
	font-size: 11px;
	padding: 0px;
	font-weight: bold;
}
hdate{
	font-size: 13px;
	font-weight: bold;
	color: #979797;
}

a:link, a:visited{
	text-decoration: none;
	color: #979797;

}

a:hover{
	text-decoration: none;
}

p{
	padding: 5px 0 0 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 960px;
	text-align: left;
        padding:20px;
	border: 0;
}


#container{
	float: left;
	width: 960px;
	min-height:400px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}



#containerexperiment{
	float: left;
	width: 960px;
	min-height:400px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

#container-collection{
	float: left;
	width: 960px;
	height:550px;
	padding: 10px;
	margin: 0px;
	background-color: #ffffff;
}


#container-journal{
	float: left;
	width: 750px;
	padding: 0px;
	margin: 0px;

}

.post-journal{
	padding: 0px 10px 30px 10px;	
	margin: 00px 0px 30px 0px;
}
.post-journal a{
	color: #cadc85;

}


.post-journal h2{
	font-size: 20px;
	padding: 10px 10px 0 0;
	color: #cadc85;
	line-height: 20px;
}

.post-journal h2 a{
	color: #cadc85;
	
}


.journalpostwrapper{
	float: left;
	width: 500px;	
	margin: 10px;
	padding: 0 10px 0 10px;
}

.journalpostimagewrapper{
	float: left;
	margin: 10px 0px 15px 15px;
	width: 150px;
}

.journal-class {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0;
	border: 0;
}



.post{
	padding: 0 10px 0 10px;
	width: 300px;
	
}


.post h1{
	padding: 7px 5px 10px 0;
}

.post h2{
	font-size: 20px;
	padding: 5px 10px 0 0;
	line-height: 20px;
}

.postaboutus{
	padding: 0 10px;
	width: 550px;
}


.postaboutus h1{
	padding: 7px 5px 10px 0;
}

.postaboutus h2{
	font-size: 20px;
	padding: 5px 10px 0 0;
	line-height: 20px;
}


.entry{
	line-height: 18px;

}

p.postmetadata{
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
}

.journalitem{
	float: left;
	background: #2a2a2a;
	margin: 20px 0 0 0;
}

.moretext{
	float: left;
	width: 250px;
	background: #323232;
	padding: 3px;
	border: 0px;
	margin: 10px 0 0 0;
	font-weight: bold;
	text-decoration: none;
	color: #cadc85;
}

.backtext{
	float: left;
	width: 140px;
	background: #323232;
	padding: 5px;
	border: 0px;
	margin: 10px 0 0 10px;
	font-weight: bold;
	text-decoration: none;
	color: #cadc85;
}





#horizrule{
	clear: both;
	float: left;
	width: 960px;
	margin: 10px 0 10px 0;
	border-top: 2px solid #3c3c3c;


}

.greenbox1 {
	display:inline;
	
	float: left;
	width: 330px;
	
	background: #ffffff;
	padding: 5px;
	margin: 0px;
	color: #646464;
}

.greenbox1 a{
	font-weight: bold;
	color: #646464;
}
.greenbox1 h1{
	color: #afc54c;
}
.greenbox1 h2{
	color: #4d4d4d;
}


.greenboxnoimage {
	display:inline;
	float: left;
	width: 600px;
	background: #ffffff;
	padding: 5px;
	margin: 0px;
	color: #646464;
}

.greenboxnoimage a{
	font-weight: bold;
	color: #646464;
}
.greenboxnoimage h1{
	color: #afc54c;
}
.greenboxnoimage h2{
	color: #4d4d4d;
}




.collectionbox {
	display:inline;
	float: left;
	width: 330px;
	height: 550px;
	background: #ffffff;
	padding: 5px;
	margin: 0px;
	color: #646464;
}

.collectionbox a{
	font-weight: bold;
	color: #646464;
}
.collectionbox h1{
	color: #afc54c;
}
.collectionbox h2{
	color: #4d4d4d;
}




.featurebox1 {
	display:inline;
	float: left;
	width: 195px;
	height: 200px;
	background: #2a2a2a;
	padding: 10px 20px 10px 10px;
	margin: 20px 0px 0px 0px;
}

.featurebox1 h2{
	font-size: 14px;
	color: #cadc85;
}

.featurebox1 h2 a{
	font-size: 14px;
	color: #cadc85;
}

.featurebox1 bodytext{
	font-size: 12px;
	color: #ffffff;
	margin: 20px 0px 0px 0px;
}
.featurebox1   a{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}


.featurebox2 {
	display:inline;
	float: left;
	width: 195px;
	height: 200px;
	background: #2a2a2a;
	padding: 10px 20px 10px 10px;
	margin: 20px 0px 0px 20px;
}

.featurebox2 h2{
	font-size: 14px;
	color: #cadc85;
}

.featurebox2 h2 a{
	font-size: 14px;
	color: #cadc85;
}

.featurebox2 bodytext{
	font-size: 12px;
	color: #ffffff;
}

.featurebox2   a{
	font-weight: bold;
	color: #ffffff;
}



.featurebox3 {
	display:inline;
	float: left;
	width: 195px;
	height: 200px;
	background: #2a2a2a;
	padding: 10px 20px 10px 10px;
	margin: 20px 0px 0px 20px;
        list-style-type: none;
}

.featurebox3 h2{
	font-size: 14px;
	color: #cadc85;
}

.featurebox3 h2 a{
	font-size: 14px;
	color: #cadc85;
}

.featurebox3 bodytext{
	font-size: 12px;
	color: #ffffff;
list-style-type: none;
list-style: none;
}
.featurebox3 bodytext li{
	font-size: 12px;
	color: #ffffff;
list-style-type: none;
list-style: none;
}
.featurebox3 bodytext ul{
	font-size: 12px;
	color: #ffffff;
list-style-type: none;
list-style: none;
}

.featurebox3   a{
	font-weight: bold;
	color: #ffffff;
list-style-type: none;
list-style: none;
}



.featurebox4 {
	display:inline;
	float: left;
	width: 195px;
	height: 200px;
	background: #2a2a2a;
	padding: 10px 20px 10px 10px;
	margin: 20px 0px 0px 20px;
}

.featurebox4 h2{
	font-size: 14px;
	color: #cadc85;
}

.featurebox4 h2 a{
	font-size: 14px;
	color: #cadc85;
}

.featurebox4 bodytext{
	font-size: 12px;
	color: #ffffff;
}
.featurebox4   a{
	font-weight: bold;
	color: #ffffff;
}



.featurebox5 {
	display:inline;
	float: left;
	width: 205px;
	height: 200px;
	background: #d5e49c;
	padding: 10px;
	margin: 20px 0px 0px 0px;
}

.featurebox5 h2{
	font-size: 14px;
	color: #3c3c3c;
}
.featurebox5 bodytext{
	font-size: 12px;
	color: #3c3c3c;
}



.featurebox6 {
	display:inline;
	float: left;
	width: 205px;
	height: 200px;
	background: #d5e49c;
	padding: 10px;
	margin: 20px 0px 0px 20px;
}

.featurebox6 h2{
	font-size: 14px;
	color: #3c3c3c;
}
.featurebox6 bodytext{
	font-size: 12px;
	color: #3c3c3c;
}


.featurebox7 {
	display:inline;
	float: left;
	width: 205px;
	height: 200px;
	background: #d5e49c;
	padding: 10px;
	margin: 20px 0px 0px 20px;
}

.featurebox7 h2{
	font-size: 14px;
	color: #3c3c3c;
}
.featurebox7 bodytext{
	font-size: 12px;
	color: #3c3c3c;
}



.featurebox8 {
	display:inline;
	float: left;
	width: 205px;
	height: 200px;
	background: #d5e49c;
	padding: 10px;
	margin: 20px 0px 0px 20px;
}

.featurebox8 h2{
	font-size: 14px;
	color: #3c3c3c;
}
.featurebox8 bodytext{
	font-size: 12px;
	color: #3c3c3c;
}







.emailbox1 {
	display:inline;
	float: left;
	width: 195px;
	height: 200px;
	background: #9eb72e;
	padding: 10px 20px 10px 10px;
	margin: 20px 0px 0px 0px;
}

.emailbox1 h2{
	font-size: 20px;
	color: #ffffff;
}

.emailbox1 h2 a{
	font-size: 20px;
	color: #ffffff;
}

.emailbox1 bodytext{
	font-size: 16px;
	color: #ffffff;
	margin: 20px 0px 0px 0px;
}
.emailbox1   a{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.emailbox2 {
	display:inline;
	float: left;
	width: 195px;
	height: 200px;
	background: #9eb72e;
	padding: 10px 20px 10px 10px;
	margin: 20px 0px 0px 20px;
}

.emailbox2 h2{
	font-size: 20px;
	color: #ffffff;
}

.emailbox2 h2 a{
	font-size: 20px;
	color: #ffffff;
}

.emailbox2 bodytext{
	font-size: 16px;
	color: #ffffff;
	margin: 20px 0px 0px 0px;
}
.emailbox2   a{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.emailbox3 {
	display:inline;
	float: left;
	width: 195px;
	height: 200px;
	background: #9eb72e;
	padding: 10px 20px 10px 10px;
	margin: 20px 0px 0px 20px;
}

.emailbox3 h2{
	font-size: 20px;
	color: #ffffff;
}

.emailbox3 h2 a{
	font-size: 20px;
	color: #ffffff;
}

.emailbox3 bodytext{
	font-size: 16px;
	color: #ffffff;
	margin: 20px 0px 0px 0px;
}
.emailbox3   a{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}














.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 20px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 20px;
}


.sidebar {
	float: left;
        clear: both;
	width: 170px;
	color: #CADC85;
	list-style: none;
	text-decoration: none;
	font-size: 12px;
	margin: 30px 20px 0 0;
	}
	

.sidebar a{
	color: #ffffff;
	list-style: none;
	text-decoration: none;
	font-size: 12px;
	}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	font-size: 14px;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}



	
	
f1{
	color: #949494;
}


f1 a{
	color: #949494;
}

#footer{
	clear: both;
	float: left;
	width: 960px;
	margin: 10px 0 10px 0;
	border-top: 2px solid #3c3c3c;

}

#footer p{
	line-height: 18px;
}





.navigation{
	display:inline;
	float: left;
	padding: 10px;
	border: 2px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #cadc85;
}

.navigation a{
	float: left;
	padding: 5px 10px 5px 10px;
	border: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #cadc85;
}




#navigation-style{
	float: left;
	width: 140px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 2px solid #3c3c3c;
	display: table-cell;
    vertical-align: bottom; 
    font-weight: bold;
}

/*#navigation-style a{
	color: #979797;
}*/



#navigation-style2{
	float: left;
	width: 400px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 2px solid #3c3c3c;
	font-weight: bold;
}


#navigation-style .pagenav {
	list-style-type:none;
	list-style: none;
	font-weight: bold;
	
} /* the outermost list item; contains whole list */


#navigation-style .page-item-2 {
	
} /* item for Page ID 2 */


#navigation-style .page_item {
list-style-type:none;
list-style: none;
	font-weight: bold;
}  /*any Page item */


#navigation-style .current_page_item{
	font-weight: bold;
}  /*the current Page */

#navigation-style .current_page_item a{
	font-weight: bold;
	color: #cadc85;
}  /*the current Page */


#navigation-style .current_page_parent a{
	font-weight: bold;
	color: #cadc85;
}  /*parent of the current Page */


#navigation-style .current_page_ancestor {
	font-weight: bold;

} /*any ancestor of the current Page */







#navigation-style2 .page-item-2 {
	
} /* item for Page ID 2 */


#navigation-style2 .page_item {
list-style-type:none;
list-style: none;
}  /*any Page item */


#navigation-style2 .current_page_item{
	font-weight: bold;
}  /*the current Page */

#navigation-style2 .current_page_item a{
	font-weight: bold;
	color: #cadc85;
}  /*the current Page */


#navigation-style2 .current_page_parent a{
	font-weight: bold;
	color: #cadc85;
}  /*parent of the current Page */


#navigation-style2 .current_page_ancestor {
	font-weight: bold;

} /*any ancestor of the current Page */











hnav{
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}

hnav a:hover{
	color: #d5e49c;
}

hnav a{
	color: #979797;
}










#logo{
	float: left;
	width: 200px;
	padding: 20px 0px 10px 0px;
	margin: 20px 0px 10px 0px;
	border: 0px;
	color: #ffffff;
}

#logo a{
	color: #ffffff;
	text-decoration: none;
}

#related-posts{
	padding: 40px 0 0 0;

}

#related-posts ul{
	padding: 0 0 0 30px;
}










.boxgrid{ 
				width: 225px; 
				height: 225px; 
				margin:0; 
				padding:0;
				float:left; 
				background:#161613; 
				border: 0; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #1F1F1F; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				top: 150px;
 					left: 0;

				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			
 			}
			
			.boxcaption h2{ 
			margin: 5px 10px 5px 10px; 
			color: #CADC85; 
			font:18pt Arial, sans-serif; 
			letter-spacing:-1px; 
			font-weight: bold;  
			}

			.boxcaption p{ 
			margin: 0; 
			color: #ffffff; 
			font:10pt Arial, sans-serif; 
			letter-spacing:0px; 
			font-weight: bold;  
			}
			
			.boxcaption p a{ 
			color: #CADC85; 
			}



.labbox1 {
	display:inline;
	float: left;
	width: 225px;
	height: 225px;
	background: #2a2a2a;
	padding: 0;
	margin: 20px 0px 0px 0px;
}
 	
.labbox2 {
	display:inline;
	float: left;
	width: 225px;
	height: 225px;
	background: #2a2a2a;
	padding: 0;
	margin: 20px 0px 0px 20px;
}

.social {
	display:inline;
	
	float: left;
	width: 470px;
	background: #ffffff;
	padding:0px;
	margin: 80px 0 0 75px;
	color: #646464;
}

.social a{
	font-weight: bold;
	color: #646464;
}
.social h2{
	color: #afc54c;
	font:24pt Arial, sans-serif;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: -1pt;
}
.social h3{
	color: #646464;
	font:16pt Arial, sans-serif;
	font-weight: bold;
	line-height: 30px;	
}

.twitter-timestamp {
	color: #646464;
	font:16pt Arial, sans-serif;
	font-weight: regular;
	line-height: 30px;
}