/*  
Theme Name: MF_STYLE_2.4
Theme URI: 
Description: MarkForscher.com style
Version: 2.4
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 { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(imgs/glow.png) repeat-x fixed 0 0;*/
	
	/*background: #e8efe4*//*url('imgs/logos/mf_circle_1.gif') no-repeat -40px -16px*/;
		margin: 0px; padding:0px; font-family: Georgia; 
		font-size: 11px; color:#222; 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; }
		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: #444;  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; }
	
	h1, #main_nav, 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;}
		h1 a:hover, h1 a:visited:hover { color: #27416F; background-color: transparent; }
	
	#header h1 a { border:none;}
	#header h1 a:hover, #header h1 a:visited:hover { color: #27416F; }
	
	/*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, .twitter_post_block a { color:#333; 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 29px;   min-height: 900px; height: 100%;   }
/*html>body #wrapper { height: auto; } */

#header_wrapper { text-align: left; width: 100%;  padding:0px 29px 0px 0px; margin: 0px; 
	margin: 0px auto 0px auto; position: fixed; top: 0; z-index: 1; /*background:#E8EFE4 url('imgs/bg.jpg') repeat fixed 0 0;*/  background-color: #efefef;}

#header { width: 900px; padding:6em 5px 2.5em 0px;  margin: 0 auto 0 auto; text-align: left; border-bottom: 1px solid #777; }
	#header_left { float: left; width: 100px; margin: -54px 0px 0px -80px; }
		#header_left a { background: transparent; }
	#header_right { margin-left: 0px;  }
#logo { margin: 0; text-align: left; position: fixed; right: 0px; top: 0px; padding: 40px 5px 20px 20px; z-index:2; width:185px;}
#right_nav {  margin: 0; text-align: left; position: fixed; left: 730px; top: 0px; padding: 30px 5px 20px 20px; z-index:1; 
background: #fff; border-left: 1px solid #bed3b3; /*background: transparent url('imgs/bg_gradient5.gif') repeat-y 0px 0px;*/
height: 100%; width:185px; /*font-family: georgia; */text-align: left; white-space:nowrap;}
#main_nav { margin-top: .5em; text-transform: uppercase; }

#main_nav a { color: #333; font-weight: normal; font-size: 1.4em; letter-spacing: .15em; border:none; }
#main_nav a:hover { color: #27416F; background-color: transparent; }


	/*#main_nav a { color: #fff; }*/

 li.categories { }  /* outermost list item */
 li.cat-item { display: inline; }
 	li.cat-item a { }
 li.cat-item-7 { }  /* category ID #7, etc */
 li.current-cat { }
 li.current-cat-parent { }
 li.cat-label { margin: 0; padding: 0 .5em 0 0; }
 li.cat-main-nav { }
 li.cat-main-nav:hover { /*background-color: yellow;*/ }
 ul.children { }


#page { width: 900px; text-align:left; padding: 130px 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;}


/* COMMON ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* POST ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#posts { /*display: none;*/ }
.post, .music_intro, .about_intro, .tweets_intro, .stats_intro { padding: 50px 0px 30px 0px; margin-bottom:0px; /*text-align: center;*/ }
	.music_intro, .tweets_intro, .about_intro, .stats_intro { padding-top: 30px; }
		.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;}
	.post_title h2 { font-size: 1.5em; text-transform: none; letter-spacing: 0em; font-weight: 900; }
		.post_title h2 a { color: #222; 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_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 { float: right; width: 228px; /*font-family: helvetica, arial, sans-serif; */color: #333; 
		text-transform: uppercase; /*font-family: helvetica, arial, sans-serif;*/ letter-spacing: .1em; margin: .5em 0 0 0; margin-left: 30px;}
	
	.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;*/ padding: 0px 0px 20px 0px;
		 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: 396px;   }
	.twitter_post p { line-height: 1.4em; font-size: 1.5em; font-weight: normal; 
		/*background-color: #c8dfe9;*/ }

	.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: 1px solid #777; }

#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 #999; }

/* 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; }


	img a { background: transparent; border: none; }


