/*  
Theme Name: finding_m
Theme URI: http://www.arcanepalette.com
Description: experimental, typographic, art theme for Finding M
Version: 1.0
Author: Arcane Palette Creative Design
Author URI: http://www.arcanepalette.com
*/

/* Main */
body {
	font-family: Helvetica, Arial, sans-serif;
}
.spacer-10 {
	clear: both;
	height: 10px;
}	
.spacer-5 {
	clear: both;
	height: 5px;
}
.left {float:left;}
.right {float:right;}
.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
a:link, a:visited {
	color: #ffffff;
	background: #000000;
	padding: 0 3px;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active {
	color: #000000;
	background: none;
	padding: 0 3px;
	border: 1px dotted #000000;
	text-decoration:none;
}

blockquote {
	width: 300px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 10px 50px;
	font-size: 1.5em;
	font-style:italic;
	float:right;
	margin-right: 100px;
}
.fakeblockquote {
	width: 300px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 10px 50px;
	font-size: 1.5em;
	float:left;
	margin: 0 50px;
}
.fakeblockquote h3 {
	font-size: 1em;
	font-weight:bold;
	text-transform:lowercase;
	float:left;
}
blockquote:before {
	content: '"';
	font-size: 3em;
	float:left;
}
blockquote:after {
	content: '"';
	font-size: 3em;
	float:right;
	margin-bottom: -0.5em;
}
cite p, blockquote p {
	margin: 3em 0 0 0 !important;
}

/* Header */
h1 {
	margin-top: 20px;
	font-size: 5em;
	height: 75px;
	line-height:normal !important;
	margin-bottom: none !important;
	padding-left: 260px;
	background: #000000;
	width: 340px;
	float: left;
	position:relative;
}
h1 a:link, h1 a:visited {
	color: #ffffff;
	padding: 0 3px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	z-index:0;
}
h1 a:hover, h1 a:active {
	background: #ffffff; 
	border: none; 
	color: #333333;
	padding: 1px 10px 5px 10px;
}

.subscribe {
	float: left;
	margin-left: 20px;
	margin-top: 78px;
}
.subscribe a:link, .subscribe a:visited {
	color: #000000;
	background: none;
	padding: 0 3px;
	text-decoration:none;
}
.subscribe a:hover, .subscribe a:active {
	color: #ffffff;
	background: #000000;
	padding: 0 3px;
	font-weight:bold;
	text-decoration:none;
}

.navbar {
	font-size: 1.5em;
}
.navbar ul {
	list-style-type: none;
	margin-left: 0;
}
.navbar li {
	float: left;
	margin-left: 10px;
}
.navbar li a:link, .navbar a:visited {	border: 1px solid #000000;}
.navbar li a:hover, .navbar a:active { border: 1px dotted #000000; background: #ffffff; position:relative; z-index:999;}
.navbar li .first {margin-left: 0;}
.navbar li li {
	display: inline;
	margin: 0;
}
.navbar li ul {
	position: absolute;
	left: -999em;
	width: 12em;
}
.navbar li:hover ul {
	left: auto;
}
.navbar li:hover ul, #nav li.sfhover ul {
	left: auto;
}	

.cats {
	top: 68px;
	position:absolute;
	right: 0px;
	z-index: 999;
	font-size: 2em;
	font-weight: bold;
	text-transform:lowercase;
}
#catheading {
	background: url(images/down-off.png) no-repeat right #ffffff;
	padding-right: 30px;
	left: auto;
}
#catheading:hover {
	background: url(images/down-on.png) no-repeat right #000000;
	color: #ffffff;
	padding-right: 30px;
	left: auto;
}
.cats ul {
	list-style-type: none;
	margin-left: 0;
	width: 15em;
}
.cats li li {
	float:left;
	margin: 0;
	width: 10em;
	display:block;
}	
.cats ul li {
	position: relative;
	left: -999em;
}
.cats:hover ul li {
	left:auto;
}
.cats:hover ul li, .cats ul li.sfhover {
	left: auto;
}
.cats a:link, .cats a:visited {
	background: #ffffff;
	border: 1px dotted #000000;
	color: #000000;
}
.cats a:hover, .cats a:active {
	background: #000000;
	border: 1px solid #000000;
	color: #ffffff;
}

/* content */
.post {
	margin-top: 25px;
	margin-left: 100px;
	width: 60%;
}
.the_title {
	margin-left: 50px;
	margin-right: 10px;
	width: 200px;
	float: left;
	text-transform:lowercase;
	font-weight:bold;
}
h2 {
	margin-bottom: 5px;
	line-height: 1.0em;
}
h2 a:hover, h2 a:active {border: none;}
.entry {
	margin-top: 30px;
	width: 95%;
}
.the_date {
	text-transform:uppercase;
	font-weight:normal;
}
.postmetadata {
	margin: 25px 0 50px 25px;
}
.linktous img {margin-bottom: -1px;}

/* home page videos */
.vid {
	margin-left: 100px;
}	
.videos {
	margin-top: -40px;
	margin-left: 20px;
	float: left;
	width: 650px;
}
.videos h2 {
	font-weight: bold;
	clear: both;
	margin: 0 0 0 100px;
}
.vidheading {
	padding-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.videos h3 {
	padding-left: 20px;
}
.vid {
	margin-left: 100px;
}	
.videos .vid {
	margin-top: 5px;
}
.videos .entry {
	margin-left: -30px;
}
.videos .the_title {
	width: 300px;
}
.the_comment {
	width: 10em;
}
.the_comment, .videos .the_comment {
	float: right;
	text-transform:uppercase;
	text-align:right;
}
.readmore {
	margin-left: 20px;
}
.videos .the_comment {margin-top: 25px;}
.the_comment a:link, .the_comment a:visited {
	background: none;
	color: #999999;
	text-decoration:none;
}
.the_comment a:hover, .the_comment a:active {
	background: none;
	color: #333333;
	text-decoration:none;
	border: none;
}
.videos .entry {margin-top: 10px;}

.recentcomments { width: 40%; float:right;}
.recentcomments ul {
	list-style-type: none;
	margin-right: 50px;
}
.social ul {
	list-style-type: none;
	margin-right: 50px;
}
.recentcomments li {
	margin-bottom: 10px;
	padding: 5px 10px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
}
.social li {
	clear: both;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	min-height: 35px
}
.recentcomments a:link, .recentcomments a:visited, .social a:link, .social a:visited, .comment a:link, .comment a:visited {
	background: none;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	border: none;
}
.recentcomments a:hover, .recentcomments a:active, .social a:hover, .social a:active, .comment a:active, .comment a:hover {
	background: #000000;
	color: #ffffff;
	font-weight:bold;
	border:none;
	text-decoration:none;
}

.photos {
	width: 40%;
	clear: right;
	float: right;
}
.photos h2 {float: none; margin-bottom: 15px;}
.photos a{
	background: none !important;
	border: none !important;
}
.flickrstream {
	height: 209px;
	overflow: hidden;
}
.social {
	margin-top: 50px;
	width: 40%;
	clear: right;
	float:right;
}
.social .the_date {float: left; width: 10em; line-height: 35px; }
.socialicons:hover, .socialicons:active {background:none !important; border: none;}
.socialicons { margin-right: 10px; float:left}

/* single post and page styles */

.the_post_title {
	clear: both;
	min-height: 3em;
}
.the_post_title1 {
	position: absolute;
	left: 23px;
	top: 222px;
	color: #eeeeee;
	font-weight:bold;
	text-transform:lowercase;
	z-index:20;	
	font-size: 3em;
}
.the_post_title2 {
	position: absolute;
	left: 21px;
	top: 220px;
	color: #ffffff;
	font-weight:bold;	
	text-transform:lowercase;
	text-decoration:line-through;	
	z-index:50;
	font-size: 3em;	
}
.the_post_title3 {
	position: absolute;
	left: 20px;
	top: 217px;
	color: #efefef;
	font-weight:bold;
	text-transform:lowercase;	
	z-index: 10;
	font-size: 3em;	
}
.the_post_title4 {
	position: absolute;
	left: 27px;
	top: 219px;
	color: #111111;
	font-weight:bold;	
	text-transform:lowercase;
	text-decoration:line-through;
	z-index:9;
	font-size: 3em;	
}
.the_post_title5 {
	position: absolute;
	left: 25px;
	top: 215px;
	color: #222222;
	font-weight: normal;	
	text-transform:lowercase;
	text-decoration:line-through;	
	z-index:8;
	font-size: 3.1em;	
}
.the_post_title6 {
	position: absolute;
	left: 17px;
	top: 224px;
	color: #333333;
	font-weight:bold;	
	text-transform: uppercase;
	z-index:7;
	font-size: 2.4em;	
}
.the_single_post {
	margin-top: 75px;
	margin-left: 80px;

}
.singlemeta {
	float: right;
	position: relative;
	z-index:9999;
}
.single{
	margin-bottom: 0 !important;
	margin-top: 20px; 
	margin-left: 75px;
}

.threecolumn {
	float: left;
	width: 30%;
	margin-left: 20px;
}
.notfound ul {list-style-type: none;}

/* comments */
ol.commentlist, ul.commentlist {
	list-style-type: none;
}
.avatar {
	float:left;
	margin-right: 10px;
}
#comments {
	margin-left: 20px;
}
textarea#comment {
	width: 80%;
}