/*  
Theme Name: MF_STYLE
Theme URI: 
Description: MarkForscher.com style
Version: 2.52
Author: Mark Forscher
Author URI: http://markforscher.com/
*/

/* THE BASICS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


html {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#efefef;
height:100%;
overflow-y:scroll;
}

html > body { }
html, body { }

#top_fade { /*background:transparent url(imgs/top_fade.png) repeat-x fixed 0 0; width: 100%; height: 250px; z-index: 4; position:fixed;*/}

	body { 
background:transparent url('imgs/bg_gradient6.jpg') repeat-x;
	
	/*background: #e8efe4*//*url('imgs/logos/mf_circle_1.gif') no-repeat -40px -16px*/;
		margin: 0px; padding:0px; font-family: Georgia; 
		font-size: 11px; color:#666; text-align: center;}

	a, a:visited { text-decoration:none; color:#333; padding:2px 0px 2px 0px; font-weight: normal; color: #27416F; border-bottom: 1px solid #ccc; padding-bottom: 0em; }
		a:hover, a:visited:hover { /*color: #00394e;*/ color: #27416F; border-bottom: 1px solid #27416F; text-decoration: none; }


	blockquote {  font-style: normal; /*line-height: 1.4em;*/ /*word-spacing: -.05em; text-align:justify; */
		padding: 1em 1em 1em 1em; margin: .5em 0 1em -1em; color: #888;  border-left: 3px solid #e3e3e3; 
	 background:transparent url(imgs/semi_bg.png) repeat fixed 0 0; 
		}
		
	blockquote a:hover { background-color: #eaeef5; }	
		
	hr { border: 1px solid #666; width: 75px; margin: 2em 0 2em 0;}
	img { border: none; }
	input { margin: 0px; padding: 0px; }
	li { line-height: 1.8em; list-style-type: none; }
	ul {  margin: 0px; padding: 0px; }
	ol {  margin: 0px; padding: 0px; }	

	em { font-weight: bold; }
	
	h2 { text-transform: uppercase;  margin: 0 0 0 0; padding: 0; 
		text-decoration: none; 
		letter-spacing: .3em; line-height: 1.2em; font-size: 1em; font-weight: normal; }
		
		h1 a, h1 a:visited { color: #000; border: none; font-size: 1em; }
		h1 a:hover, h1 a:visited:hover { color: #27416F; background-color: transparent; }
	
	#header h1 a { border:none; font-size: .5em; line-height: 1.2em; color: #666; text-transform: uppercase;
		-webkit-transition-property: color, background;
		-webkit-transition-property: 1s, 1s;
		-webkit-transition-timing-function: linear, ease-in;
	}
	#header h1 { padding-top: .5em; padding-bottom: 0em; letter-spacing: .05em;}
	
	/*h2 { font-size:1em; letter-spacing: .01em; word-spacing: .05em; margin: 0px 0px 0px 0px; 
		line-height: 1.2em; display:block; font-weight:normal; color: #444; 
		font-style: normal; text-transform: uppercase;
		 }*/

		h2 a, h2 a:visited { color:#555; border:none; }
		h2 a:hover, h2 a:visited:hover { color: #27416F; }

		h3 a:hover, h3 a:visited:hover { color: #27416F; }

	h3 { font-size:1.2em; font-weight: normal; letter-spacing: .07em; 
		margin: 0px 0px 10px 0px; color: #222; font-weight: bold;}

	#archive_header h3 { font-size: 2em; color: #333; padding-top: 10px;
		text-transform: uppercase; /*font-family: helvetica, arial, sans-serif;*/}

	.center { /*text-align: center; margin-right: auto; margin-left: auto;*/ /* this is a hold-over from the centered layout.. lots of old posts use this within the body */}

/* STRUCTURE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#promo { text-align: left; padding: .5em 0em .5em 0em; font-size:1em; text-transform: uppercase; }
#wrapper {text-align: left; width: 900px; margin: 0px auto 0px auto; padding:0px 29px 0px 172px;   min-height: 900px; height: 100%;   }
/*html>body #wrapper { height: auto; } */


#header { width: 104px; padding: 0px 20px 10px 20px;  margin: 0px 0px 0px 10px; text-align: left; position: fixed; 
	top: 0px; background-color: #f9f9f9; border-bottom: 4px solid #ddd; border-right: 1px #ddd; 
	-webkit-transition-property: color, background;
	-webkit-transition-property: 1s, 1s;
	-webkit-transition-timing-function: linear, ease-in;
	}
	
#header:hover { background: #fcfcfc; }	
#header:hover h1 a {  }
#header:hover h1 a:hover { color: #27416F; }
#header:hover #main_nav a { color: #333; }
#header:hover #main_nav a:hover { color: #27416F; background-color: transparent; }


#main_nav { margin-top: .5em; text-transform: uppercase; /*background-color: #fff;*/ }

#main_nav a { color: #27416F; font-weight: normal; font-size: 1.2em; letter-spacing: .15em; border:none; }

#main_nav li { margin: 0 0 0 0; padding: .5em 0 .8em 0; border-top: 1px solid #eee; }

	/*#main_nav a { color: #fff; }*/

 li.categories { }  /* outermost list item */
 li.cat-item { }
 	li.cat-item a { }
 li.cat-item-7 { }  /* category ID #7, etc */
 li.current-cat { }
 li.current-cat-parent { }
 li.cat-label {  }
 li.cat-main-nav { }
 li.cat-main-nav:hover { /*background-color: yellow;*/ }
 ul.children { }


#page { width: 900px; text-align:left; padding: 0px 0px 30px 0px;  
	margin: 0px;  }


#sidebar { 
	padding-top: 2em; border-top: 1px solid #bed3b3;
	}
	#sidebar li { line-height: 1.2em; margin-bottom: 1em; }


#footer { /*position: absolute; bottom: 0px; */ width: 100%; font-size: .9em; margin: 50px 0 0 0; 
	padding: 0px 0px 2em 0px; text-align: left; overflow: hidden; vertical-align: bottom; 
	letter-spacing: .1em; }
#searchform { display:block; /*background-color: #fcfcfc; background: transparent url('imgs/bit_texture1.gif') repeat;*/
	padding: 15px 0px 15px 0px; /*text-align: center;*/ margin:0px;}	
#beneath_search { margin: 0px 0 0px 0; width: 648px; padding: 15px 0px 10px 0px; /*text-align: center;*/
	/*background-color: #fff;*/}
	#beneath_search .rss { vertical-align: -30%; margin: 0px 0px 0px 5px; }
	.header_rss { vertical-align: -30%; }
	#beneath_search_left { /*float: left;*/ /*width: 400px;*/ /*border: 1px solid green;*/ /*text-align: center;*/ }
	#beneath_search_right { /*float: right;*/ /*width: 200px;*/ /*border: 1px solid red;*/ /*text-align: center;*/ }
	#beneath_search_clear { clear:both; }
	.footer_mod { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; }
	
#archive_header { padding-top: 10px; margin-bottom:10px; }

#comments_wrapper { }
#comments { }
	#comments_header { margin-top: 40px; padding: 10px 0px 10px 0px; }
	#respond_header { margin: 0px; padding: 40px 0px 10px 0px; }
	#commentform { margin: 0px; padding: 20px 0px 0px 0px; }

	.post_footer, .comment_callout, .twitter_caption, .next_links, .comment_submitted_msg, #footer, 
		#comments_header, #respond_header, label, .big_link, .music_track, .music_dl, 
		.photo_excerpt_title, #archive_header h3, .post_links { /*font-family: helvetica, arial, sans-serif;*/ text-transform: uppercase; font-size: 1em; letter-spacing: .1em; line-height: 1.6em;}


/* COMMON ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* POST ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#posts { /*display: none;*/ }
.post, .music_intro, .about_intro, .tweets_intro, .stats_intro { padding: 40px 0px 40px 0px; margin-bottom:0px; /*text-align: center;*/ }
	.music_intro, .tweets_intro, .about_intro, .stats_intro { padding-top: 40px; }
		.post li { margin-bottom: 10px; }

		.post p, .error_message { margin: 0px; padding: 0px; 
			/*padding: 0px 0px 1em 0px; text-align: left; font-size: 1.6em;*/}
			.error_message { /*text-align: center;*/ }

	.post_title { margin-bottom: 1em; padding-top: 0; margin-top: 0; width: 480px;}
		.post_links .post_title { width: 228px; }
	.post_title h2 { font-size: 1.8em; text-transform: none; letter-spacing: 0em; font-weight: 900; font-family: "museo-slab-1","museo-slab-2", "georgia";}
		.post_title h2 a { color: #777; border: none; }
		.post_title h2 a:hover { text-decoration: none; color: #27416F; border: none;}
		
	.post_date { color: #555; font-size: 1em; margin-bottom: 15px; letter-spacing: .2em; 
		word-spacing: .2em; line-height: 1.2em; }
	.post_date_box { display: box; background:transparent url('imgs/circle.gif') no-repeat; width: 50px; 
		text-transform: uppercase; padding: 22px 5px 10px 5px; text-align: center; height:50px; font-size: 1.2em; color: #ccc; float: right; margin: -16px -16px 0px 0px;} 	
	
		.post_date_box a {color:#999; border-bottom: 1px solid #ddd;}
		.post_date_box a:hover {color:#27416F; border-bottom: 1px solid #27416F;}
		
	.post_body, .music_intro_body, .about_intro_body, .tweets_intro_body, .stats_intro_body, .twitter_post_block
		{ float: left; width: 480px; margin: 0px 0 0px 0; padding: 0px 0px 20px 0px;   }
	.post_body, .post_related, .music_intro_body, .about_intro_body, .tweets_intro_body, .stats_intro_body, #sidebar
		 { font-size: 1.3em; text-align: left; line-height: 1.6em;  }
		 #sidebar { font-size: 1.2em; }
	.music_intro_body h2, .about_intro_body h2, .tweets_intro_body h2, .stats_intro_body h2, #sidebar h2 { font-size: .8em; }		
			.post_body p, .music_intro_release p, .about_intro_release p { padding: 0px 0px 1em 0px; font-size: 1.0em; }
	.post_related { margin-top: 1em; }
	
	.post_links { width: 228px; /*font-family: helvetica, arial, sans-serif; */color: #333; 
		text-transform: uppercase; /*font-family: helvetica, arial, sans-serif;*/ letter-spacing: .1em;
		float: left; margin: .5em 20px 0 0;
		}
		.post_links_right { float: right; margin: .1em 0 0 20px;}
	
	.post_footer { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; /*text-align: center;*/ }
	
		.comment_callout { padding: 0px 0px 10px 0px; }
		
	.twitter_post {  /*margin: 0px auto 0px auto;*/ 
		 color: #333; /*background: transparent url('imgs/left_quote6.gif') no-repeat 0px 3px; */
		 }

	.twitter_post .post_date, .twitter_caption { text-align: left; }
	.twitter_post_block { text-align: left; width: 508px; background-color: #f9f9f9; padding: 4em 70px 4em 70px; }
	.twitter_post p { text-align: center; line-height: 1.4em; font-size: 1.5em; font-weight: normal; color: #888;
		/*background-color: #c8dfe9;*/ }
	.twitter_post p a { color: #888; border: none;}
	.twitter_caption { margin: 1.4em 0 0 0; }

.next_links { padding: 20px 10px 0px 0px; /*text-align: center;*/}
	.next_links p { margin: 0px 0px .3em 0px; padding: 0px; }
.next_links_older { /*float: left;*/ display:inline; }
.next_links_newer { /*float: right;*/ display:inline; margin-left: 5px; }


/* COMMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.single_comment { color: #333; margin: 0px; padding: 15px 0px 15px 0px; }
	.comment_left { width: 480px; margin: 0px; padding: 0px; float: left; line-height: 1.5em; 
		font-size: 1.1em; /*border: 1px solid green;*/ }
		.comment_left p { padding: 0px 0px 1em 0px; margin: 0px; } 
		#comment_input { width: 480px; height: 150px; }

	.comment_right { width: 228px; margin: 0px 0px 0px 24px; padding: 0px; float: right; 
		line-height: 1.4em; /*border: 1px solid red;*/ }
		
		.comment_right label { margin: 0px 0px .3em 0px; padding: 0px; display: block; }
		.comment_right_input { margin: 0px 0px 1em 0px; padding: 5px 0 5px 0; display: block; width: 228px;
			/*font-family: georgia; */vertical-align: top; letter-spacing: .05em; }
		
	.comments_float_clear { clear: both; margin: 0px; }
	.comment_submitted_msg { line-height: 1.5em; color: #000; margin: 0px 0px 15px 0px; }
	.alt { /*background-color: #f9f9f9;*/ }



/* FORM / INPUTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#s { height: 1.15em; }
	#s, #comment_input { background-color: #fff; color: #222; padding: 5px; font-size: 1.3em; 
			/*font-family: georgia; */vertical-align: top; letter-spacing: .05em; }
		#s:hover, #comment:hover { background-color: #f9f9f9; }	
		#s { width: 144px; }
		
	#submit, #subscribe { background-color: #fff;  vertical-align: top;
		padding: 5px; color: #444; height: 3em; border-color: #555; /*background: transparent url('imgs/title_texture1.gif') no-repeat -50px -20px;*/} 
	#submit:hover, #subscribe:hover { background-color: #f9f9f9; color: #000; border-color: #777; }
	#submit, #subscribe { /*font-family: helvetica, arial, sans-serif;*/text-transform: uppercase; font-size: .9em; letter-spacing: .2em;}
	#searchsubmit { color:#333; background-color: #fff; /*font-family: georgia; */font-size: 1.5em; font-weight: bold; padding: .1em 0 0 .3em; }
	#searchsubmit:hover { color: #000; } 


/* BORDERS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#searchform #s, #commentform input, #comment_input, #submitform input { border: 1px solid #ccc; } 
#searchsubmit { border: 0 none; }

/* border top solid 1px */
#respond_header, .next_links  { /*border-top: 1px solid #fff; */}

/* border top solid 2px */
.post, .music_intro, .about_intro, .music_release, #photos, .tweets_intro, .stats_intro { border-top: 3px solid #fff; }

#archive_header h3 {/* border-top: 1px solid #666;*/ }

/* border top solid 1px */
.single_comment, .post_footer, .comment_callout,  #commentform, 
.next_links  { border-top: 1px solid #777; }

.music_table_row { border-top: 1px solid #fff; }

/* border bottom solid 1px */
/*#main_nav { border-bottom: 1px solid #999; } */

/* border bottom solid 1px */
#searchform, .comment_callout, .post_footer { /*border-bottom: 1px solid #666;*/ }


.border { border: 1px solid black;  }
.no_border { border: none; }


/* IMAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pic p, .caption { margin: 4px 0 10px;  }

.i_small { width: 228px; }
.i_medium { width: 480px; }
.i_large { width: 816px; }

.left {float: left; margin-right: 20px;}
.right {float: right; margin-left: 20px;}
.right.inset {margin: 0 120px 0 20px;} /* img floated right within text */
.left.inset {margin-left: 230px;} /* img floated left within text */
.outset {margin-left: -230px; border: 1px solid red;}

.frame {border: 1px solid #999;}
.solo img {margin-bottom: 20px;}


/* SOCIABLE LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sociable_tagline { display: inline; vertical-align: top; }
.sociable ul { margin: 0px; padding: 0px; display: inline; vertical-align: top; }
.sociable li { display: inline; margin: 0px 1px 0px 0px; padding: 0px; vertical-align: top; }
.sociable li img { border: none; }
.sociable a, .sociable a:hover { background-color:transparent; }



/* MUSIC ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#music { /*display: none;*/}
.music_intro { margin: 0px; padding: 3em 0 2em 0; }
.music_intro_body { }
.music_release { padding: 3em 0 3em 0; }
.music_release_left { width: 312px; float: left; }
	.music_release_left img { margin-bottom: .5em; }
	.music_release_title { line-height: 1.1em; font-size: 1.6em; font-weight: normal;  margin-top: 1em; }
	.music_release_details { margin: 0em 0 .5em 0; padding: .5em 0 .5em 0; line-height: 1.5em;}

	.music_release_table { width: 396px; float: left; margin-left: 24px; }
	.music_table_row { margin: 0; padding: .8em 0 .8em 0; line-height: 1.6em; }
	.music_num { float: left; width: 60px;  }
	.music_track { float: left; width: 144px; }
	.music_length { float: left; width: 60px;  }
	.music_dl { display: inline; }

	a.big_link { background-color: #111; color: #fff; padding: .8em; line-height: 3em; text-transform: uppercase; margin-right: .3em;  }
	a.big_link:hover { background-color: #000; color: #fff; }

#more_music_posts { }
	#more_music_posts li { text-transform:lowercase; }


/* STATS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#stats { text-align: center; }
.stats_intro { margin: 0px; padding: 1em 0 1em 0;}
.stats_intro_body { }

.stat_entry { margin: 0em auto 2em auto; width: 55%;  text-align: left;}
	.stat_left {  float: left; width: 144px; }
	.stat_right {  float: right; width: 144px;}
	.stat_left, .stat_right { /*border: 1px solid red;*/ padding: 5px; }
	.stat_title { font-size: 1em; color: #333; padding-top: 10px;
		text-transform: uppercase; /*font-family: helvetica, arial, sans-serif; */letter-spacing: .2em; }
	.stat_number { font-size: 1.5em; float: left; margin: 7px 10px 15px 0; letter-spacing: .3em; }



/* TWEETS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tweets { /*display: none;*/}
.tweets_intro { margin: 0px; padding: 1em 0 1em 0;}
.tweets_intro_body { }

/* ABOUT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#about { /*display: none;*/}
.about_intro { margin: 0px; padding: 3em 0 1em 0;}
.about_intro_body { }



/* PHOTOS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#photos { padding-top: 0; margin: 0px auto 0px auto; text-align: center; /*display: none;*/}
.photo_excerpt { margin: 0; padding: 0; }
.photo_excerpt img { margin: 0; padding: 0; }
.photo_excerpt_title { margin: 0 0 2em 0; padding: 0; line-height: 1em; }
/* three column layout */
div#column_01 {
	float: left;
	clear: none;
	width: 33%;
	}
div#column_wrap {
	float: right;
	clear: none;
	width: 67%;
	}
	div#column_02 {
		float: left;
		clear: none;
		width: 50%;
		}
	div#column_03 {
		float: right;
		clear: none;
		width: 50%;
		}
		
div#column_01 img, div#column_02 img, div#column_03 img { width: 228px;} 
		
#beneath_search img, div#column_01 img, div#column_02 img, div#column_03 img {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85; }
	
#beneath_search img:hover, div#column_01 img:hover, div#column_02 img:hover, div#column_03 img:hover { 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1; }