/*
Theme Name: MJM
Theme URI: http://jamesmuspratt.com
Description: HTML5 and CSS by James Muspratt. January-February 2012.
Version: 1.0
*/








/* ------------------------
 	Reset
 ------------------------*/
	body, body * 	{margin:0; padding:0; text-indent:0; text-decoration: none; outline:none; font-weight:normal;




}
	body img		{border:0;}

/* ------------------------
	Useful classes
 ------------------------ */
	 .clear 	{clear:both;}
	 .cf:after	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

 /* ----------------- MOBILE FIRST ----------------- */

/* ------------------------
	Shared Layout Styles
 ------------------------ */
	#top				{margin:0 auto; position:relative; height:100%; width:100%; }
	#main-header-wrap 			{background:transparent url(images/glow.png) no-repeat -50px -70px; }
	#main-header-wrap, header#main-header 	{position:static; width: 100%; }	 
	#main 				{margin-top:-10px;}
	header#main-header 			{display:block; padding-top:1px; margin-top:-1px;}
	body  {
		padding:0 10px;
		color:#7F7F7F;
		font-family:arial, sans-serif;
		font-size:11px;
		line-height:14px;
		background:#eaedef url(images/bg-gradient.jpg) repeat-x fixed 0 0;
		}
	html, body {height: 100%; }
	
/* ------------------------
	Type Styles
 ------------------------ */
	a 				{color:#6e818b; font-weight:bold; /* blue*/ }
	a:hover 				{color:black;}
	h1, h2, h3 			{font-family: helvetica, arial, sans-serif; clear:both;}
	h1 				{margin:0 0 10px 0; font-size:24px;}
	h2 				{font-size:18px; line-height: 21px; margin:0 0 10px 0; font-weight:bold; color:black; }
	h2 strong				{font-weight:bold;}
	h3 				{font-size:14px; color:#000; margin:10px 0 0 0;}
	h6 				{font-weight:bold;font-size:20px; color:#000; margin:6px 0 10px 0;}
	h1#logo a 			{text-indent:-9999px; display:block; float:left; background:transparent url(images/logo.png) no-repeat 0 0; width:115px; height:65px;}
.project_facts {font-size:9px;color:#697d8b;text-transform: uppercase; font-weight:normal;line-height:12px;border-bottom:1px solid #cdcecf; padding-bottom:6px;margin-bottom:6px;}
	.intro_text 			{font-size:18px;color:#697d8b;font-weight:normal;line-height:26px;margin:-10px 0 30px 0;border-bottom:1px solid #cdcecf; padding-bottom:30px;}
	.subheads 			{font-weight:normal;font-size:14px; margin:10px 0 10px 0;}
	.quote_sepia {width:170px;font-size:18px;color:#e08d37;font-weight:normal;line-height:22px;margin:20px 0 30px 0;border-bottom:2px dotted #cdcecf; padding:20px 5px 20px 5px;font-style:italic}	
	.quote_tools {width:170px;font-size:18px;color:#e08d37;font-weight:normal;line-height:22px;margin:20px 0 30px 0;border-bottom:2px dotted #cdcecf; padding:20px 5px 20px 5px;font-style:italic}	 
	 	
/* ------------------------
	Search Form
 ------------------------ */
	 #search-form 	{margin:0px 0 10px 0; height:30px; width:178px; float:right; }
	 #search-field 	{background:#fff; display:block; float:left; width:140px; height:12px; padding:4px; outline:0; border:1px solid #dadfe2; border-radius:2px;}
	 #search-field:focus {border-color:#bebebe;}
	 #search-submit {display:block; float:right; width:27px; height:25px; background:transparent url(images/button-search.png) no-repeat 0 0; text-indent:-9999px; border:0; outline:0; margin-top:0px;}
	 #search-submit:hover {cursor:pointer;opacity:0.7;}


/* ------------------------
	Nav
 ------------------------ */
	nav ul				{list-style:none; }
	nav a				{display:block; height:14px; float:left; margin-right:10px;}
	nav#primary			{clear:both; padding-top:20px; margin-left:3px;}
	nav#primary li a 			{text-indent:-9999px;}
	nav#primary li a 			{background:transparent url(images/nav.png) no-repeat 0 0;}
/*	default */
	nav#primary li#n-home a		{width:32px; background-position:0 0;}
	nav#primary li#n-resources a 		{width:66px; background-position:0 -14px;}
	nav#primary li#n-profile a 		{width:45px; background-position:0 -28px;}
	nav#primary li#n-process a 		{width:49px; background-position:0 -70px;}
	nav#primary li#n-projects a 		{width:55px; background-position:0 -42px;}
	nav#primary li#n-news a 		{width:30px; background-position:0 -56px;}
/*	current */
	nav#primary li#n-home.current a	{background-position:0 -200px;}
	nav#primary li#n-resources.current a 	{background-position:0 -214px;}
	nav#primary li#n-profile.current a 	{background-position:0 -228px;}
	nav#primary li#n-process.current a 	{background-position:0 -270px;}
	nav#primary li#n-projects.current a	{background-position:0 -242px;}
	nav#primary li#n-news.current  a	{background-position:0 -256px;}
/*	hover */
	nav#primary li#n-home a:hover		{background-position:0 -100px;}
	nav#primary li#n-resources a:hover 	{background-position:0 -114px;}
	nav#primary li#n-profile a:hover 	{background-position:0 -128px;}
	nav#primary li#n-process a:hover 	{background-position:0 -170px;}
	nav#primary li#n-projects a:hover 	{background-position:0 -142px;}
	nav#primary li#n-news a:hover 	{background-position:0 -156px;}
	nav#nav-sub 			{margin:5px 0 0 3px; padding-bottom:0px; border-top:1px solid #cdcecf; }
	#home nav#nav-sub 			{border:0;}
	nav#nav-sub ul li a 		{font-size:11px; line-height:13px; text-transform:lowercase; display:block; float:none; padding:10px 0 7px 0 ; border-bottom:1px dotted #cdcecf;}
	nav#nav-sub ul 			{margin-bottom:15px;}
	nav#nav-sub h3 			{font-size:12px; margin-bottom:5px;}
	nav#nav-sub p 			{margin-bottom:5px;}
	#brochure_link 			{margin-top:50px;border-top:1px solid #cdcecf; border-bottom:1px solid #cdcecf;padding:10px 0 10px 0;}
	
	#page #brochure_link,  
	#news #brochure_link, 
	#projects #brochure_link {display:none;}

	

/* ------------------------
	Article / Galleries Common
 ------------------------ */
	 article	{width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #cdcecf;}

/* ------------------------
	News Posts
 ------------------------ */
	.post-content			{margin-bottom:20px; font-size:13px; line-height:20px;}
	.post-content p, article.post ul, article.post ol {margin-bottom:10px;}
	article.post img 			{width:auto !important; height:auto !important; max-width:100% !important;}
	article.post h1 a 			{font-size:16px;}
	article.post h4, .post-list h4 	{font-size:11px; font-weight:bold; color:#666;}
	.post-list h3 			{margin-top:0;}
	.post-content h2			{font-size:12px; margin-bottom:0; font-weight:bold;}
	.post-content ul			{list-style:circle; margin-left:15px;}
	.post-content ol			{margin-left:15px;}
	.post-content blockquote 		{margin-left:3%; margin-right:3%; color:#888;}
	.post-meta h4			{margin-bottom:3px;}
	.post-meta ul 			{list-style:none;}
	.post-meta li 			{font-size:11px; line-height:13px; margin-bottom:3px; text-transform:lowercase;}
	#news #main {margin-top:0px;}

/* ------------------------
	Home Page Slides
 ------------------------ */
	#home-pager {position:absolute; margin-left:-70px; top:15px; width:100px; z-index:1000;}
	#home-pager {display:none;}

	#home-pager a {display:block; background:transparent url(images/home-dot.png) no-repeat 0 3px; width:20px; height:20px; float:left; text-indent:-9999px;}
	#home-pager a.activeSlide {background-position: 0 -27px;}
	.home-slides {margin-top:10px; display:block;}
#home_mages {display:none;}
.text_home {display:block;display:block;padding-top:30px; color: #697D8B;
    font-size: 20px;
    font-weight: normal;
    line-height: 23px; width:100%; height:auto;}
/*	.home-slides, .home-slides img {width:300px !important; height:122px !important;}	*/
	
	
.home_statement {display:none;padding-top:40px; color: #697D8B;
    font-size: 26px;
    font-weight: normal;
    line-height: 30px; width:100%; height:auto;}
	
/* ------------------------
	Resources page
 ------------------------ */
.sepia { clear:both;}
.mjmtools { clear:both;}
.docent { clear:both;}

.sepia div {position:relative;   float:left; margin:-14px 10px 20px 0; align:top;display:inline-block;}
 .mjmtools div {float:left;position:relative; margin:-14px 10px 20px 0; display:inline-block;}
 .doc_net div {position:relative;   float:left; margin:-14px 10px 20px 0; align:top;display:inline-block;}

/* ------------------------
	Profile Page
 ------------------------ */
.intro_text_profile {font-size:20px;color:#697d8b;font-weight:normal;line-height:28px;}
.intro_text_profile ul { list-style-type: none; margin-left:0; }
.blurb_text { padding: 10px 8px 10px 8px; font-size:18px;color:#697d8b;font-weight:normal;line-height:26px; margin:12px 0 12px 0;}


.profile_header div {float:left;}
#column1 { margin-right:30px;width:100%;margin-top:20px;}
#column2 {width:295px;margin-top:10px;}
#column2 img {width:295px; height:217px ;}
#table_title {color: #000;}
#hor-minimalist-b
{
	
	font-size: 12px;
	
	margin: 10px 0px 30px 0px; 
	width: 295px;
	border-collapse: collapse;
	text-align: left;vartical-align: top;
}
#hor-minimalist-b th
{
	font-size: 12px;
	font-weight: bold;
	color: #697d8b;
	padding: 10px 8px;
	border-bottom: 3px solid #ccc;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #697d8b;
	padding: 6px 8px;
font-size: 12px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #000;
}

/* ------------------------
	Process Page
 ------------------------ */
.process_header div {float:left;}
.intro_text_process {font-size:13px;color:#697d8b;font-weight:normal;line-height:28px;margin:0 0 0 0; padding:0 0 0 0;}
.intro_text_process ul li{ list-style-type: square; line-height:20px;margin-bottom:1px}
.intro_text_process h6 {font-size:18px;}

/* ------------------------
	Home Sidebar
 ------------------------ */	 
	 p.home-summary 	{font-family:"Lucida Grande","Lucida Console", arial; margin-top:10px; font-size:17px; font-weight:normal;line-height:19px; color:black; text-transform:uppercase;display:none;}
/*	spot */
	h2#spot 			{margin:10px 0; text-indent:-9999px; height:22px; width:100%; background:transparent url(images/spot-bar.png) no-repeat 0 0;}
	.spot 				{color:#7f7f7f;}
	.spot .featured 	{display:block; border-bottom: 1px solid #d8dde1; padding-bottom:3px; margin-bottom:10px;}
	.spot p, .spot ul	{margin-bottom:10px;}
	p.learnmore 		{clear:both;}
	p.learnmore a 		{float:right; display:block;text-indent:-9999px;background:transparent url(images/button-learn-more.png) no-repeat 0 0; width:65px; height:18px;}
p.learnmore a:hover {opacity:0.7}}
/* ------------------------
	Projects
 ------------------------ */
	.project-images 		{width:300px;}
	.slides, .slides img 	{width:300px !important; height:199px !important; }
	.slides img:hover 		{cursor:pointer; }
	.project-text 		{margin-top:13px;  color: #697D8B;}
	.project-text p		{margin-bottom:7px;font-size:11px;line-height:13px;}
	.project-text ul		{list-style:square ; margin-left:15px;}
	.project-text ul ul		{font-size:9px; list-style:circle ; margin-left:15px;}
	.controls 		{float:right; height:15px; width:75px;}
	.controls a 		{width:20px; height:15px; text-indent:-9999px; display:block; background:transparent url(images/prev-next.png) no-repeat 7px 3px;}
	.controls a.prev		{float:left;}
	.controls a.prev:hover	{background-position:7px -17px; }
	.number 			{display:block; float:left; width:30px; font-size:9px; text-align:right; margin:0; color:#7f7f7f;}
	.controls a.next		{background-position:-43px 3px; float:right;}
	.controls a.next:hover	{background-position:-43px -17px;}
	.project_cat_descritpion 	{font-size:16px;color:#697d8b;font-weight:normal;line-height:22px; margin:10px 0 10px 0; padding: 0 0 20px 0; border-bottom:1px solid #cdcecf;}
	.project_cat_descritpion div	{color:#000;font-size:14px; margin:10px 0 10px 0px;}

#comment{border:0}
#comment .project-images, #comment .controls {display:none;}
#comment .project-text {height:450px; width:350px;}
#comment .project-text p {font-size:16px;line-height:18px;}

 /* ------------------------
 	News Posts
  ------------------------ */
	.prev-next-post {list-style:none;}
	.prev-next-post a {display:block; float:left; width:30%;}
	.next-post a {float:right; text-align:right;}
	.prev-post a:before {content:"←"; }
	.next-post a:after {content:" →"; }
	.featured-image {margin-top:10px;}
	  
/* ------------------------
	Post Lists (posts, pages)
 ------------------------ */
	#search-results #main h3 {margin-top:40px; margin-bottom:0; font-weight:bold;}
	.post-list 	{list-style:none;}
	.post-list li {font-size:14px; line-height:16px; padding:10px 0; margin:5px 0; border-bottom:1px solid #dadfe2;}
	
 /* ------------------------
 	Highlight the active item in a nav list
  ------------------------ */
	 .current_page_item a, .current-cat a, .landing li:first-child a {color:#e79641;} 

/* ------------------------
	Footer
 ------------------------ */
	footer {position:relative; margin-top:50px; width:100%; height:auto; width:100%; background-color:black; }
	footer #footer-content {width:80%; height:auto; padding:20px; color:#fff;} 
	footer a {color:#9ebcd0;}
	footer a:hover {color:#c7dcea; opacity:0.8;}
	footer #contact-info {list-style:none; }
	footer #contact-info li {display:block; }
	footer #social	{list-style:none; position:absolute; top:-38px; left:5px; width:600px; height:25px;}
	footer #social li {float:left;}
	       	footer #social li #twitter a {background-position:-40px 0;}
       	footer #social li #twitter a {background-position:-40px 0;}

/*  -----------------------------------------------
Retail Comment Post at bottom of Portfolio 
 -----------------------------------------------*/
 #add_comment img,#add_comment .project-images {visibility: hidden;width:1px}
 #add_comment  p{width: 300px; color:#697d8b; font-size: 16px; font-weight: normal; line-height: 22px;}
 #add_comment h2 {width: 300px; }
#add_comment {border-bottom:0px solid #cdcecf;}
#add_comment .project-text {overflow:visible;}
#single_tennant_comment{margin-top:-320px;}
/*  -----------------------------------------------
mom tools link in footer
 -----------------------------------------------*/
footer #mjmtools_link a {display:none;}
/*  -----------------------------------------------
twitter feed
 -----------------------------------------------*/
#twitter_feed{display:block; margin:10px 0 0 10px;}
/*  -----------------------------------------------
archive link
 -----------------------------------------------*/
#projects #nav-sub {display:block !important;}
#nav-sub {display:none!important;}

	/* ------------------------
		Larger Screens
	 ------------------------ */

   	 /* ----------------- BIG-SCREEN LAYOUT (e.g iPad) */
   	 @media screen and (min-width: 680px) {
/*   	body:after 				{content:"401px to 945px"; position:fixed; top:0; left:0; background:red; color:white; font-weight:bold; padding:5px;}*/
		body 					{padding:0;}
   		#top 					{width:725px;  padding:0 15px;} 
		#home #main 			{left:120px; width:720px; position:absolute; top:0; padding-top:0; }
		#projects #main 		{padding-bottom:300px;}
		#home-pager 			{left:600px; display:block;}
		#main 					{width:520px; float:right; padding-top:48px; padding-bottom:100px;margin-top:0px;}

		nav a, h1#logo a, #search-form {float:none;}
		#logo a:hover{opacity:0.9}
		nav#primary 			{padding-top:0;}
		nav#nav-sub				{padding-top:10px;}
		nav#nav-sub ul li a 	{padding:0; border:0;}
			.project-images 		{width:520px; float:none; clear:both;}
   		.slides, .slides img 	{width:510px !important; height:315px !important;}
   		.project-text 			{width:450px; float:none;}
   		#main-header-wrap 		{position:absolute; left:15px; width:185px; }
	 	header#main-header		{position:fixed; width:185px; z-index:998;height:300px; 
								 background-position:-7px -70px; background-attachment:fixed; }
 		#search-form 			{float:none; margin-top:20px; width:178px;}
		#search-field 			{float:left;}
		#search-input 			{float:right;}
		.home-slides 			{margin-top:0px; display:block; }
#home_mages {display:block;}
		.home-slides, .home-slides img {width:686px !important; height:351px !important;}	
		#projects #main 		{padding-top:40px;}
		p.home-summary 			{width:165px;}
		.post-content 			{width:520px;}
		.post-meta 				{width:520px;}
		.featured-image 		{margin-bottom:10px;}
		footer 					{position:fixed; z-index:999; bottom:0; left:0; height:35px;}
		footer #footer-content 	{position:relative; margin:0 auto; padding:0 5px; width:720px; padding-top:10px; font-family: verdana, sans-serif; color:white; font-size:10px; }
		footer #contact-info 	{list-style:none; }
		footer #contact-info li {display:inline; margin-right:20px; }
footer #sepia_login a { background: url("images/Sepia_button.png") no-repeat scroll 0 0 transparent;
   	display: inline-block;
  	height: 24px;
float:right;
	text-indent:-9999px;
	width: 100px; margin:-3px 0 0 0;}
footer #mjmtools_link a { background: url("images/mjmtools_button.png") no-repeat scroll 0 0 transparent;
   	display: none;
  	height: 24px;
float:right;
	text-indent:-9999px;
	width: 100px; margin:-3px 0 0 0;}
#home_lower_block{margin:0px 0 0 100px;z-index:5;}
#home_lower_block div{margin:0 0 0 0;display:inline-block;vertical-align:text-top;}
#single_tennant_comment{margin-top:-320px;}
#profile_header #column2 img {width:340px !important; height:263px !important;}
#column2 {width:340px;}
#column1 { margin-right:30px;width:500px;margin-top:20px;}
#hor-minimalist-b {width: 350px;}

.text_home {display:block;padding-top:10px; color: #697D8B;
    font-size: 20px;
    font-weight: normal;
    line-height: 23px; width:530px; height:auto;}

.home_statement {display:none}
h2#spot 			{margin:10px 0; text-indent:-9999px; height:22px; width:185px; background:transparent url(images/spot-bar.png) no-repeat 0 0;}
body  {
		padding:0 10px;
		color:#7F7F7F;
		font-family:arial, sans-serif;
		font-size:11px;
		line-height:14px;
		background:#eaedef url(images/bg-gradient2.jpg) repeat-x fixed 0 0;
		}
/*  -----------------------------------------------
archive link
 -----------------------------------------------*/
#projects #nav-sub {display:block !important;}
#nav-sub {display:none!important;}
/*  ------------------------
Twitter feed on home page
 ------------------------*/
		#twitter_feed{margin:0 0 0 510px;}
		#twitter_t h2{margin:10px 0 -8px 0; 
		   width: 150px;
		   height: 40px;
font-size:15px;
		 
		}
		
		#twitter_m {
		   width: 530px;
		   padding: 0 0px;
		   
		}
		
		   #twitter_container {
		       min-height:45px;
		       height:auto !important;
		       
		       padding-bottom:10px;
		   }
		
		       #twitter_update_list {
		           width: 530px;
		           padding: 0;
		          
		           font-family: Arial;
		           font-size: 11px;
		          overflow: hidden;
		           color: #7F7F7F;
		           line-height: 16px;
		           font-weight:bold;
		       }
		
		       #twitter_update_list li {
		           width: 530px;
			padding-bottom:5px;
			border-bottom:1px solid #cdcecf;
		           list-style: none;
		       }
		
		       #twitter_update_list li a {
		           color: #5f6d76;
			font-size: 10px;
		           border-bottom: dotted 0px;
		           text-decoration: none;
		       }
		
		       #twitter_update_list li a:hover {
		           color: #31353d;
		           
		       }	

	 	} 

	
  	 /* ----------------- WIDE-SCREEN LAYOUT (e.g desktop) */
  	 @media screen and (min-width: 1020px) {
/*		body:after 				{content:"1065px and up"; position:fixed; top:0; left:0; background:blue; color:white; font-weight:bold; padding:5px;}*/
		#top 					{width:940px; padding:0 40px; }
 		#main					{width:720px;  padding-top: 48px; margin-top:0px;}
		#home #main 			{left:150px; width:870px; }
		#home-pager 			{left:820px; }
		.home-slides, .home-slides img {width:860px !important; height:440px !important;}	
		#main-header-wrap 		{left:40px;}
		.project-images 		{width:520px; float:right;}
		.slides, .slides img 	{width:510px !important; height:315px !important;}
		.project-text 			{width:185px; float:left;height:315px; overflow-y: auto;}
		.post-content 			{width:510px; float:left;}
		#page .post-content 			{width:710px !important; float:left;}
		.post-meta 				{width:185px; float:right;}
		footer #footer-content	{width:950px;}
footer #sepia_login a { background: url("images/Sepia_button.png") no-repeat scroll 0 0 transparent;
   	display: inline-block;
  	height: 24px;
float:right;
	text-indent:-9999px;
	width: 100px; margin:-3px 0 0 0;}
footer #mjmtools_link a { background: url("images/mjmtools_button.png") no-repeat scroll 0 0 transparent;
   	display: none;
  	height: 24px;
float:right;
	text-indent:-9999px;
	width: 100px; margin:-3px 0 0 0;}

#home_lower_block{margin:0 0 0 100px; }
#home_lower_block div{margin:0 0 0 0;display:inline-block;vertical-align:text-top;}

#profile_header #column2 img {width:340px !important; height:263px !important;}
#column1 { margin-right:30px;width:330px;margin-top:20px;}
#hor-minimalist-b {width: 350px;}
.text_home {display:block; padding-top:10px; color: #697D8B;
    font-size: 20px;
    font-weight: normal;
    line-height: 23px; width:390px; height:200px;}
#single_tennant_comment{margin-top:0px;}
.home_statement {display:none}
h2#spot 			{margin:10px 0; text-indent:-9999px; height:22px; width:185px; background:transparent url(images/spot-bar.png) no-repeat 0 0;}
body  {
		padding:0 10px;
		color:#7F7F7F;
		font-family:arial, sans-serif;
		font-size:11px;
		line-height:14px;
		background:#eaedef url(images/bg-gradient.jpg) repeat-x fixed 0 0;
		}
/*  -----------------------------------------------
archive link
 -----------------------------------------------*/
#projects #nav-sub {display:block !important;}
#nav-sub {display:none!important;}
/*  ------------------------
Twitter feed on home page
 ------------------------*/
		#twitter_feed{margin:0 0 0 510px;}
		#twitter_t h2{margin:10px 0 -8px 0; 
		   width: 150px;
		   height: 40px;
font-size:15px;
		 
		}
		
		#twitter_m {
		   width: 360px;
		   padding: 0 0px;
		   
		}
		
		   #twitter_container {
		       min-height:45px;
		       height:auto !important;
		       
		       padding-bottom:10px;
		   }
		
		       #twitter_update_list {
		           width: 360px;
		           padding: 0;
		          
		           font-family: Arial;
		           font-size: 11px;
		          overflow: hidden;
		           color: #7F7F7F;
		           line-height: 16px;
		           font-weight:bold;
		       }
		
		       #twitter_update_list li {
		           width: 360px;
			padding-bottom:5px;
			border-bottom:1px solid #cdcecf;
		           list-style: none;
		       }
		
		       #twitter_update_list li a {
		           color: #5f6d76;
			font-size: 10px;
		           border-bottom: dotted 0px;
		           text-decoration: none;
		       }
		
		       #twitter_update_list li a:hover {
		           color: #31353d;
		           
		       }	


		 }