/*  
Theme Name: mFormation
Theme URI: 
Description: Theme for mFormation website
Version: 1.0
Author: Alan White Web Development
Author URI: http://www.alanwhitewebdevelopment.com
*/


html {
  height: 100%; margin: 0 0 1px; padding: 0;
}

body { 
min-height: 101%; padding: 0; margin: 0; 
font-size: 62.5%; font-family: 'Trebuchet MS', Verdana, 'Lucida Grande',  sans-serif; text-align: center;  color: #58595b;
}

/* Basic Text Reset
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, blockquote { padding: 0; margin: 0; font-size: 1.2em; font-weight: normal; color: #58595b; }
ul { list-style-type: none; padding: 0; margin: 0; }
ul li { font-size: 1em; }

/* Basic Link Behaviour
-------------------------------------------------------*/
a { color: #004a63; text-decoration: none; }
a:hover { text-decoration: none; color: #f7971c;}
a img { padding: 0; border: 0; margin: 0; background-image: none !important;}

li.current_page_item a, li.current-cat a { color: #000; }
li.current_page_item ul li a { color: #004a63 !important; }
li ul li a:hover, li ul li lu li a:hover { color: #f7971c !important; }

a[href$=".pdf"] { background: #fff url('assets/mformation/img/icons/pdf.gif') no-repeat 0 3px; padding-left: 25px; display: block; width: auto; margin-top: 1em; }


/* Basic formatting
-------------------------------------------------------*/
	h1 { display:block; }
	h2 	{ text-transform: uppercase; font-weight: bold; font-size: 1.8em; margin: 0 0 1em 0; }
		h2.type-2 { color: #004a63; }
		#inner.page h3 { color: #F8981C; }
		h2 span { color: #F69623; }
	h3 	{ font-weight: bold; }
	h4 	{ text-align: left !important; text-transform: normal; color: #0484ab; font-weight: bold; }
	p { margin-bottom: 1em; }
	img, blockquote { margin: 0 0 2em 0;}
	
	

	
/* Main Structure
-------------------------------------------------------*/
#wrapper { width: 100%;  }
	#inner { width: 982px; margin: 0 auto; background: #fff url('assets/mformation/img/layout/bg.gif') repeat-y top left; }
		#inner-wrapper { width: 960px; margin: 0 auto; }
	
	/* Horizontal Navigation
	----------------------------------------------*/
	ul.type-1 li { display:inline; text-transform: uppercase; font-size: 1.1em; font-weight: bold; margin-left: 10px; line-height: 2; }
		ul.type-1 li  a { text-decoration: none; }
		ul.type-1 li ul.children { display: none; }
	
	/* Vertical Navigation
	----------------------------------------------*/
	ul.type-2 li, ul.reflect_archive li { font-size: 1.2em; margin: 0 0 .7em 0; background: #fff url('assets/mformation/img/layout/bullet-arrow.gif') no-repeat 0 5px; padding-left: 10px; font-weight: bold;}
		ul.type-2 ul, ul.type-2 ul ul { padding-top: 4px; }
		ul.type-2 li a { font-weight: bold; }
		ul.type-2 li li { font-size: 1em; background: #fff url('assets/mformation/img/layout/bullet.gif') no-repeat 0 7px; }
			
	/* Columns
	----------------------------------------------*/
		/* 2 Columns - 50/50 homedesign*/
		.cols-2 .col-a { width: 450px; float: left; }
		.cols-2 .col-b { width: 450px; float: right; }
		.cols-2 .col-ab { float: left; padding: 5px 10px 0px 5px; background: #fff url('assets/mformation/images/skin/newsbg.jpg') no-repeat left top;}
		
		/* 2-3 Columns - new homepage format */
		.cols-3 .col-a { width: 350px; float: left; margin: 0 20px 0 0; }
		.cols-3 .col-b { width: 350px; float: left; margin: 0 20px 0 0;}
		.cols-3 .col-c { width: 180px; float: right;}
		.cols-3 .col-ab { width: 700px; float: left; margin: 0 20px 20px 0; border-top:#999 solid thin; padding: 5px 10px 0px 5px;}
		
		/* 2 Columns - Post */
		#content.wide .col-a, #content.wide .col-b { float: left; text-align: left }
		#content.wide .col-a { width: 170px; margin: 0 20px 0 0; }
		#content.wide .col-b { width: 720px; margin: 0;  }
		
		/* 3 columns */
		#content.page .col-a, #content.page .col-b, #content.page .col-c { float: left; text-align: center; }
		#content.page .col-a { width: 170px; margin: 0 20px 0 0; }
		#content.page .col-b { width: 535px; margin: 0 20px 0 0; padding-bottom: 3em; text-align: center !important; }
		#content.page .col-c {  width: 155px; }
			#content.page .col-c h3 { color: #F69623; }
			#content.page .col-c p { font-weight: bold; }
		
		#content.page  p, #content.page  h2, #content.page  li { text-align: left; }
		
		
	/* Header
	----------------------------------------------*/
	#header { text-align: left; background: #fff url('assets/mformation/img/layout/bg-header.jpg') repeat-x top left; position: relative; display:block; width: 100%; }
		#header h1 { background: transparent url('assets/mformation/img/layout/logo.jpg') no-repeat top left; width: 249px; height: 66px; float: left; }
		#header h1 a { display:block; text-indent: -9000px; width: 249px; height: 66px; float: left; }

		/* Nav primary 
		----------------------------------------------*/
		#nav-primary { background: #fff url('assets/mformation/img/layout/bg-secondary-nav.jpg') repeat-x top left; display:block; width: 100%; clear: both; }
		#nav-primary ul { margin-left: 10px; padding-top: 2px;}
		#nav-primary li.current_page_item a { color: #000; }
		
	/* Secondary Nav
	----------------------------------------------*/
	#secondary-nav { background: #fff url('assets/mformation/img/layout/bg-secondary-nav.jpg') repeat-x top left; margin-bottom: 2em; display:block; width: 100%; }
		#secondary-nav .inner { background: transparent url('assets/mformation/img/layout/bg-secondary-nav-btm.jpg') repeat-x bottom left; display:block; width: 100%;}
		#secondary-nav .col-a  { text-align: left; }
		#secondary-nav .col-b { text-align: right; }
			#secondary-nav .col-a ul { margin: 0 0 0 20px; }
				#secondary-nav .col-a li { margin: 0 10px 0 0; }
			#secondary-nav .col-b ul { margin: 0 20px 0 0; }
	
	/* Branding
	----------------------------------------------*/
	#branding { display:block; clear:both; }
		#branding.home { height: 254px; }
		#branding.page { height: 200px; }
		#branding img { border-top: 1px solid #f1f1f1; padding: 0; margin: 0;}	
	
		
	/* Main Content Area
	----------------------------------------------*/
	#content-wrapper { margin: 15px auto; text-align: left;  }

		/* Content */
		#content .col-a h2 { font-size: 1.2em; padding-top: 1em;  }
		#side-archive li, ul.reflect_archive li { margin: 0 0 1em 0; padding: 0 0 0 15px;  background: #fff url('assets/mformation/img/layout/bullet.gif') no-repeat 0 6px; }
		#side-archive a, ul.reflect_archive a { font-weight: normal; }
		#content .col-b img { margin: 0 auto 2em auto; }
		#content .inner { margin: 0 20px; }
		
			/* Home */ 
			#content.home h1 { text-transform: uppercase; font-size: 2em; padding-top: 0; font-weight: normal; margin: 0 0 1em 0; }
			#content.home h2 { font-size: 1.8em; padding-top: 0; font-weight:normal;}
			#content.home img, blockquote {margin: 0; padding: 0;}
			#content.home li h3, #content.home li p, #content.home li img { display: inline; }
			#content.home li { margin: 0 0 1.5em 0; }
            #content .col-b img.cat { margin: 0 2px 0 0 !important; padding: 0 !important;}
			#content .col-ab img.cat { margin: 0 2px 0 0 !important; padding: 0 !important;}
		
			/* Page */
			#content.page h3 { text-transform: uppercase; margin: 0 0 0.5em 0; text-align: left; color: #F8981D;}
			#content.page img {margin: 0; padding: 0;}
			#content.page #date-archive h3 { color: #58595B; }
			#content.page .col-b ul li, 
			#content.wide .col-b ul li  { font-size: 1.2em; margin: 0 0 1em 0; padding: 0 0 0 15px;  background: #fff url('assets/mformation/img/layout/bullet.gif') no-repeat 0 6px; }
			#content.page .col-b ul li ul li, 
			#content.wide .col-b ul li ul li  { font-size: 1em;}


			#content.page .col-c ul, 
			#content.wide .col-c ul { margin: 0 0 1em 0; }
			#content.wide h3 { text-transform: uppercase; margin: 0 0 0.5em 0; text-align: left; color: #F8981D;  }
			
			/* Archives */
			#archives { padding-bottom: 4em;  }
			#archives h3 { text-transform: uppercase; margin: 0 0 0.5em 0; text-align: left;}
			#archives h4 { font-weight: bold; margin-bottom: 1em; }
			#archives ul li.page_item { font-size: 1.1em !important;  }
			#archives ul li li { font-size: 1em !important; }
			#archives ul li.current_page_item a { color: #004a63;  }
			#archives ul li ul { padding-top: 1em; }
			#archives #posts { padding: 0 0 4em 0; }
			
			/* Date Archives */
			ul#date-archive li p, ul#date-archive li h3, #content.page ul#date-archive li h3 { font-size: 1em; display: inline !important; text-transform: none !important;}
			ul#date-archive li h3 {  }
			ul#date-archive li {  padding: 0 !important; background-image: none !important; height: 1%;}
			
			blockquote { font-weight: normal !important; text-align: left !important; width: 100%;}
			blockquote cite { display:block; padding: 0.5em 0 0 0; text-align: left; font-weight: bold; }
			
			#posts-nav { padding: 0 0 2em 0; }
			#posts-nav * { font-size: 1.1em; display: block; font-weight: bold; padding: 0; margin: 0;}
			#posts-nav .previous { width: 45%; float: left; text-align: left; }
			#posts-nav .next { width: 45%; float: right; text-align: right; }
			
			/* Jobs Listings */
			.job p, .job li { color: #000; }
			.job dl { width: 100%; float: left; font-weight: bold; margin: 0 0 1em 0; font-size: 1.2em;}
			.job dt, .job dd { text-align: left; }
			.job dt { float: left; margin: 0 .5em 0 0; color: #F8981D; }
			
			.job ul li  { font-size: 1.2em; margin: 0 0 1em 0; padding: 0 0 0 15px;  background: #fff url('assets/mformation/img/layout/bullet-grey.gif') no-repeat 0 6px !important; }
			
			#jobs-listing { margin-bottom: 1em; border-collapse: collapse; width: 100%; padding-top: 1em; }
			#jobs-listing thead th, #jobs-listing tbody td { font-size: 1.1em; color: #004a63; }
			#jobs-listing th, #jobs-listing td { text-align: left; padding: 10px 5px; border-right: 1px solid #fff; vertical-align: top;}
			#jobs-listing thead th { background: #BCBDBF; color: #fff; text-transform: uppercase; padding: 5px !important; }
			#job-title { width: 50%; }
			#job-location { width: 25%; }
			#job-posted { width: 25%; }
			
			#jobs-listing a { font-weight: bold; }
			tr.stripe th, tr.stripe td { background-color: #F2F2F2 !important; }
			
			/* Sitemap */
			#sitemap li li { font-size: 1em !important; }
			#sitemap li ul { padding-top: .5em; }
			
			/* Mformer */
			#mformer h2 span { display: block; font-size: 80%; color: #58595b; font-weight: normal;  }
			#mformer img { float: left; padding: 0 10px 0 0; }
			#mformer #register { text-transform: uppercase; clear: both; font-weight: bold;  border-bottom: 1px solid #b5b5b5; padding-bottom: 1em;}

			ul#mformer-archive li p, ul#mformer-archive li h3, #content.page ul#mformer-archive li h3 { font-size: 1em; display: inline !important; }
			ul#mformer-archive li h3 { color: #b5b5b5 !important; }
			ul#mformer-archive li {  padding: 0 !important; background-image: none !important; height: 1%; border-bottom: 1px solid #b5b5b5 !important; }
			#mformer h3 { text-transform:uppercase !important; }
			#mformer li li { font-size: 1em !important; margin-bottom: .5em !important; border-bottom: 0px solid #fff !important; }
			

			
				
		/* Footer */
		#footer { clear: both; }
			#footer ul { float: left; margin: 0 0 0 20px; }
			#footer ul li { margin: 0 10px 0 0; }
			.home #footer ul li { padding: 0 10px 0 0; }
			#footer ul li.first { margin: 0; }
			#copyright { float: right; line-height: 2; font-weight: bold; margin-right: 20px; }
			#copyright span { text-transform: uppercase; }
			
		#close { background: #fff url('assets/mformation/img/layout/bg-bottom.jpg') repeat-x top left; height: 13px;}
	
/* Forms
-------------------------------------------------------*/
fieldset { border: 0; padding: 0; margin: 0; }
	form { margin: 0 0 2em 0!important; padding: 0; text-align: left; }
	label { display: block;  width: 30%; text-align: left; float: left; clear: left;  font-size: 1.2em; padding: 0 0 0.5em 0;  }
	
	label,
	.emailreqtxt, 
	.reqtxt { margin: 0;  }
	label span { float: left; width: 33% !important; display: block;  }
    label.text { width: 90% !important; }
    .emailreqtxt, .reqtxt { width: auto !important; float: left; }
	
	p.checkbox { font-size: 1em; padding: 0 !important; margin: 0 0 0.5em 0 !important; }
	p.checkbox > input { margin-top: 2px; }
	
	p label { width: 80%; padding-right: 10px;}
	
	span.required { font-weight: bold; color: #ffef2a; display: inline; }
	input { margin: 0; padding: 0; float: left;  }
	input.default, textarea.default { border: 1px solid #58595b; }
	input.cformchkbox { border: 0 !important; }
	input:focus, textarea:focus { border: 1px solid #008CA8; }
	textarea { width: 79% !important; margin-bottom: 1.5em !important; clear: both; }
	input.submit { }

	input.error { color: red !important; }
	.emailreqtxt, .reqtxt { font-size: 1.1em; padding-left: 10px; display: block; width: auto; margin-left: 0.5em; }
	input.sendbutton { clear: both; margin-bottom: 1em;}
	.failure {color: red !important; font-weight: bold; }
	input.error { border: 1px solid red; } 
#usermessage { text-align: left; }	
div.errors { color: #990000; font-weight: normal !important; font-size: 1.2em; margin-bottom: 1em; font-family: 'Trebuchet MS', Verdana, 'Lucida Grande',  sans-serif; }


/* archives hack */
.reflect_year ul { display: none; }

	
/* Clearing
-------------------------------------------------------*/
.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearing {display: inline-table;}
/* Hides from IE-mac \*/
  * html .clearing {height: 1%; }
  .clearing {display: block;}
/* End hide from IE-mac */