/*  

Theme Name: Dark

Description: A portfolio theme for Danforth Design

Version: 2.0

Author: Janet Danforth

Author URI: http://www.danforthdesign.net





/* HTML Elements */



* {

	margin:0;

	padding:0;

	}



body,html {

	min-height:101%;

	}

	

body {



	background: url(images/crochetbackground6.jpg) fixed #333;

	color: #eee;

	padding: 0;
	margin:0;

	}



body, select, input, textarea {

	font: 100% Arial, Verdana, Sans-Serif;

	}

	

p {	


line-height:1.3em;

	}



a:link, a:visited {

	color: #915cb6;

	text-decoration:none

	}



a:hover, a:active {

	color:#915cb6;

	text-decoration:underline;

	}



hr {

	display: block;

	height:1px;

	background:#915cb6;

	border:0;

width:100%;

padding:0;

	}



small {

	font-size: 0.95em;

	padding:3px 15px;

color:#000;

	}

b {color:#fff;}

#content .gallery a img {
border:0;
	padding:3px;
	background-color:#000;
border:none;
	}
	
	#content .gallery img {border:none;padding:3px;
	background-color:#000;margin:10px}
	
	#content .gallery a img:hover {background-color:#666}

img.imgtfe, img.tfe, .thumb {
float:left;
margin:0 15px 15px 0;
padding:0;
width:150px;
height:150px;}	

span.results {
font-family:Georgia, "Times New Roman", Times, serif;
color:#999;}
		
.post_block {
clear:left;
display:block;
margin-top:15px;
float:left;
width:100%;
}		

.catdescrip {font-size:1.3em; color:#bbb}

/* Structure */



#page {
width:100%;
	font-size:0.8em;
	padding: 0;
overflow: hidden;
	}



#branding {
	width:100%;
	padding:15px 0;
	margin:0;
	overflow:hidden;
position:fixed;
left:50px;
}



.left {
	float:left;
}

.right {
	float:right;
}

#sidebar {
	width: 250px;
	float:left;
	clear:both;
	position:fixed;
	top:90px;
	left:50px;
	}

#sidebar a {
color:#fff;
}

.post_block a img {border:none;}

		
#styles {margin:30px 10px}

/*Subnav */



.subnav li {

	list-style:none;

	border-bottom:1px solid #FFF;

	}



.subnav li a:link, .subnav li a:visited {

	display:block;

	padding:4px 4px 4px 8px;

	border-left:4px solid #915cb6;

	}

		

.subnav li a:hover, .subnav li a:active {

	background:#915cb6;

	text-decoration:none;

	color: #333;

	}



.subnav li li a:link, .subnav li li a:visited {

	border-left:none

	}





.linkcat ul li {

font-size: .92em;

margin: 5px 0;}











		

	 

	

	

/*	Headers */





	

h2 {

	font: 3em Fairfield, Georgia, "Times New Roman", Times, serif;

	padding-bottom:5px;

color:#55226f;
	margin:0 0 15px 0;
	font-weight:bold;
	font-style:italic;
	}




h3 {

	font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #777;
font-weight: normal;
margin:10px 0;
}

h3 a {color: #915cb6;}


h3#respond {

	border-top:1px solid #915cb6;

	margin-top:25px;

	padding-top:20px

	}



h3#comments {

	margin-top:32px

	}



h4 {
font-size:1.1em;
color: #aaa;
		margin:15px 0 5px 0;
font-weight: bold;
	}

	

.widget {

padding: 0;

}

	

	

/* Content */



#content {

	width: 66%;
	max-width:700px;
margin:0 2% 0 1%;
float:left;

padding: 0 0 100px 15px;
position:relative;
left:300px;
	top:80px;
	}

	





.feature {


	color: #fff;

	}



.feature p {

margin: 1em 0;

line-height:1.7em;

}

	



.feature img, #rightcol img {

	padding:1px;

	border:1px solid #000;

margin: 0 10px 10px 0;

float: left;

	}

			





.title {

	font-size:1.2em;

	font-weight:bold;

	line-height:115%;

	}

	

.feature#lead .title {

	font:1em Georgia, "Times New Roman", Times, serif;

	line-height:100%;

	display:block;

	padding-bottom:7px;

	}



.feature#lead .title a {

color: #333;

}



#latestposts {

border-top: none;

border-left: none;

border-right: 1px solid #efefef;

border-bottom: 1px solid #efefef;

margin:5px 0;

}



#latestposts h2 {

color:#fff;

background:#dedede;

margin:0;

font-size:3.3em;

text-align:center;

border-bottom:none;

font-weight:bold;

padding: 1% 3% 45px 3%;

}



.homepost {

line-height:1.5em;

}



.homepost h3 {

font-size: 1.25em;

margin:0;

overflow:visible;

}



.alignright {

padding: 0 1em 1em 1em;

float: right;

}



.alignleft {

padding: 0 1em 1em 1em;

float: left;

}

ul#sidelist {
width:220px;
margin:0;
padding:0;}

#sidelist li {

	list-style:none;

	font-size: .92em;

}

	

h3 a:link, h3 a:visited {

	color:#915cb6;
	}







/*Post Formatting*/



.post {
float: left;
clear: both;
display: block;
color:#ddd;
}



.post hr {

margin:0 15px;

}



.picleft {

	float:left;

margin: .5em;

	}



.picright {

	float:right;

margin: .5em;

	}	



.post p {

line-height:1.5em;
margin-bottom:15px;
font-size:115%;
}
#tags {
	padding:3px;
	font-size:115%;

	}	



.web {
margin:0;
padding:0;
width:100%;
float:left;
}



ul.links {
list-style-type: none;
margin:0;
padding:0;
float:left;
width:100%;
}



.web ul.links li {
display: inline-block;
margin:0 0 0 15px;
padding:5px 0;
border-top: 1px solid #fff;
list-style-type: none;
line-height:1.5em;
float:left;
width:45%;
}



.links li .alignleft {

margin:0;

padding:0 10px 0 0;

}

		

img.attachment-medium {

float:left;

margin:0 15px 15px 0;

}		


img.imgfte {
float:left;
display:inline;
width:75px;
height:75px;
margin:0 5px 5px 0;
} 

.textwidget {
padding:10px;}


/* Form Elements */



select {

	background:#f2f2f2;

	border:1px solid #9c9c9c;

	width:100%

	}


.button {

background: #000;
color:#915cb6;
padding:4px;
margin:15px 0 0 0;	
border:none;}


#searchform {
padding:0 0 0 10px ;
margin:0; 
position:relative;
z-index:20;
top:15px;
float:right;
right:15px;
	}





#searchsubmit.submit_input {
border:1px solid #333;
width:60px;
	color:#915cb6;
	padding:3px;
	background:#000;
	margin:0 0 0 2px;
	display:block;
	height:27px;
	float:left;
}


input#s {
width:140px;
margin:0;
color:#915cb6;
background-color:#000;
border:1px solid #333;
height:25px;
float:left;
}


#commentform input {
	margin: 5px 5px 1px 0;
color:#55226f;
background-color:#000;
	}



#commentform textarea {
	width: 100%;
	margin-top:5px;
	color:#55226f;
background-color:#000;
}


/* Comments*/


.commentlist {
	padding:0;
	margin: 0 15px;
	}

	
.commentlist li {
margin: 0;
	padding:0;
display:block;
clear:both;
border: none;
	}



#commentform small {
	padding:0;
color: #000;
	}



#commentform span.required {

font-size:.9em;

color:#545454;

}

	

.commentmetadata {

	display: inline;

float:left;

margin:0 10px 0 0;

padding:10px;

color:#fff;

line-height: 1.5em;

background:url(http://danforthdesign.net/wp-content/themes/mimbo2.2/images/crochet.jpg) repeat;

text-align:center;

	}






.alt .commentmetadata {

background:url(http://danforthdesign.net/wp-content/themes/mimbo2.2/images/crochet2.jpg) repeat;

}





.commentlist cite {

	font: 1em Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	display:block;

	}	

	



.commentlist span.date {

display:block;

font-weight:bold;

}



.commentlist span.time {

display:block;

}



/* Float Properties*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";



	}

	

.clearfloat {

	display:inline-block;

	}



.clearfloat {

	display:block;

	}

	





/* Footer*/



#footer {
clear:both;

	margin: 0;

width: 66%;
	max-width:700px;
	font-size:0.9em;
margin-left:5px;
	padding:15px 0 15px 15px;

	color:#fff;
	position:relative;
	left:300px;

	}
	
h1 {font-size:.01em; font-weight:normal; color:#111}

@media only screen and (max-device-width: 480px) {

body {background: #000}
#page {width:400px; background:#fff; color:#000;}

li#styles {display:none}

ul#nav {width:100%}

#nav li {float:left; display:inline;}
	}