/*  
Theme Name: Sonemat
Theme URI: 
Description: Sonemat theme.
Version: 1
Author: Rob Wood
Author URI: 
*/



/*RESET
----------------------------------------------------------------------------------------------------
Used to reset styles to aid cross-browser compatibility
----------------------------------------------------------------------------------------------------
*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-weight:inherit;
		font-style:inherit;
		font-size:100%;
		font-family:inherit;
		vertical-align:baseline;
		background-image:transparent;
	}
	
	/* remember to define an outline style! */
	:focus {
		outline:0;
	}
	
	ol, ul {
		list-style: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	
	blockquote, q {
		quotes: "" "";
	}

	.left, .right {
		float:left;
	}

	.imgLeft {
		float:left;
		margin:0 1em 1em 0;
	}

/*GENERAL
----------------------------------------------------------------------------------------------------
*/
	html {
		text-align:center;
		position:relative;
	}
		
	body {
		font:62.5%/1 Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		color:#444;
		background:#fff;
		width:77em;
		margin:0 auto;
	}
	
	img {
		border:0;
	}

	p, ul li, label {
		font:1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;
		margin:0 0 1em 0;
	}
	
	a {text-decoration:none;}
	a:hover {text-decoration:underline;}
	
	p.caveat {
		font-size:1em;
	}
	
	/* Tables */
	caption {
		font:1.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
		margin: 1em 0 0.6em 0;
		padding:0 0 0.2em 0;
	}
	
	thead {
		background:#0000FF url(/wp-content/themes/sonemat/assets/images/navPrimaryBg.png) repeat-x scroll 0%;
		font-size:1.1em;
		color:#fff;
	}
	
	th, tr, td {
		font:1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
		border:1px solid #ccc;
		padding:1em;
	}
	
	th {
		font-size:inherit;
		font-weight:bold;
		line-height:normal;
	}
	
/*HEADER
----------------------------------------------------------------------------------------------------
*/
	#header {
		margin:2em 0;
	}
	
	#header p {
		font-size:1.2em;
		margin:55px 0 0 -105px;
		height:1.1em;
		float:left;
	}
	
	#header a {
		float:left;
	}
	
/*PRIMARY NAVIGATION
----------------------------------------------------------------------------------------------------
*/
	#navPrimary {
		background:#0000ff url(/wp-content/themes/sonemat/assets/images/navPrimaryBg.png) repeat-x;
		padding:0.8em 1.1em 1em 1.5em;
	}
	
	#navPrimary ul li {
		font-size:1.4em;
		display:inline;
		padding:0 1.5em 0 0;
	}
	
	#navPrimary ul li a:link,
	#navPrimary ul li a:visited{color:#fff;}
	
	#navPrimary ul li a:visited {}
	#navPrimary ul li a:hover {/*color:#0000ff; background:#fff; padding:0.8em 0 1em 0;*/}
	#navPrimary ul li a:focus {}
	#navPrimary ul li a:active {}
	
/*BREADCRUMBS
----------------------------------------------------------------------------------------------------
*/
	#breadCrumb {
		margin:1em 1.5em 0.5em 1.5em;
	}
	
	#breadCrumb ul li {
		font-size:1.1em;
		display:inline;
	}
	
	#breadCrumb ul li a:link,
	#breadCrumb ul li a:visited {color:#0000ff;}
	
	#breadCrumb ul li a:visited {}
	#breadCrumb ul li a:hover {}
	#breadCrumb ul li a:focus {}
	#breadCrumb ul li a:active {}
	
/*SECONDARY NAVIGATION
----------------------------------------------------------------------------------------------------
*/
	#navSecondary {
		width:18em;
		float:left;
		margin:1.8em 1.5em 1em 0;
		padding:1.5em;
		background:#fff url(/wp-content/themes/sonemat/assets/images/navSecondaryBg.png) repeat-x;
	}
	
	#navSecondary.right {
		margin:1.8em 0 1em 1.5em;
	}
	
	#navSecondary h3 {
		font-size:1.3em;
		color:#0000ff;
		font-weight:bold;
		margin:0 0 1em 0;
		padding:0 0 0.5em 0;
		border-bottom:1px solid #DFDFDF;
	}
	
	#navSecondary h4 {
		font-size:1em;
		font-weight:bold;
		margin:0.5em 0 0.3em 0;
	}
	
	#navSecondary p {
		font-size:1.1em;
		margin:0 0 0.5em 0;
	}
	
	#navSecondary.right p a {
		margin:0 0 1.5em 0;
		display:block;
	}
	
	#navSecondary ul li {
		font-size:1.1em;
		line-height:1.4em;
		color:#0000ff;
		margin:0 0 2em 1.2em;
		list-style-type:disc;
	}
	
	#navSecondary ul li a:link,
	#navSecondary ul li a:visited {color:#0000ff;}
	
	#navSecondary ul li a:visited {}
	#navSecondary ul li a:hover {}
	#navSecondary ul li a:focus {}
	#navSecondary ul li a:active {}
	
/*MAIN CONTENT
----------------------------------------------------------------------------------------------------
*/
	/* IE6 only */
	#mainContent {
		width:52em;
		margin:1em 1em 1em 0.5em;
		float:left;
	}

		html > body #mainContent {
			width:52em;
			margin:1em;
			float:left;
		}

	#mainContentWide {
		width:75em;
		margin:1em;
	}

	#mainContent h1,
	#mainContentWide h1 {
		font:3em/1.2em Verdana, Arial, Helvetica, sans-serif;
		color:#0000ff;
		margin:0 0 0.3em 0;
		letter-spacing: -2px;
	}
	
	#mainContent h2,
	#mainContentWide h2 {
		font:1.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
		margin: 1em 0 0.6em 0;
		padding:0 0 0.2em 0;
		border-bottom:solid 1px #f0f0f0;
	}

	#mainContent h3,
	#mainContentWide h3 {
		font:bold 1.2em/1.4em  Verdana, Arial, Helvetica, sans-serif;
		margin: 1.5em 0 0 0;
		padding:0 0 0.2em 0;
	}

	#mainContent ul,
	#mainContentWide ul {
		margin:0 0 2em 1.6em;
		list-style:disc;
	}
	
	#mainContent ul li a:link,
	#mainContentWide ul li a:link,
	#mainContent ul li a:visited,
	#mainContentWide ul li a:visited {color:#0000ff;}

	/* For news page */
	.post {
		margin:0 0 3em 0;
		padding:0 0 1em 0;
		border-bottom:1px solid #f0f0f0;
	}
		
	.post small {
		font-weight:bold;
	}
		
/*FOOTER
----------------------------------------------------------------------------------------------------
*/
	#footer {
		background:#0000ff url(/wp-content/themes/sonemat/assets/images/navPrimaryBg.png) repeat-x;
		padding:0.5em 1.5em 1.5em 1.5em;
		clear:both;
		color:#fff;
	}
	
	#footer div.left {
		width:22em;
	}
	
	#footer p,
	#footer ul {
		line-height:0;
	}
	
	#footer p {
		font-size:1.1em;
		margin:1.5em 0 0.8em 0;
	}
	
	#footer ul li {
		font-size:1.1em;
		margin:0 0 0.5em 0;
		line-height:1em;
	}
	
	#footer ul li a:link,
	#footer ul li a:visited{color:#fff;}
	
	#footer ul li a:visited {}
	#footer ul li a:hover {}
	#footer ul li a:focus {}
	#footer ul li a:active {}
	
/*MISCELLANEOUS
----------------------------------------------------------------------------------------------------
General styles.
----------------------------------------------------------------------------------------------------
*/
	.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	
	.clearfix { min-height: 0; }

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */



	/*
	.clearfix {
		display: inline-block;
	}
	*/