/*
Theme Name: Mutual Solutions
Theme URI:
Description:
Version: 1
Author: Michael McKelvaney
Author URI:
Tags:
*/

body {
background: #343d43;
height: 100%;
color: #FFFFFF; 
font-family: Arial;
letter-spacing: 0.2px;
}

h1 {font-size: 24pt;  font-weight: bolder; color: #AFDCED; margin: 0; padding: 10px 0;}
h2 {font-size: 14pt; margin: 20px 0 5px 0; font-weight: normal; color: #AFDCED;}
h3 {font-size: 12pt; padding: 10px 0 0 0;  font-weight: normal; color: #88A9B9;}
h4 {margin: 10px 0; font-weight: normal; font-size: 10pt; text-align: center;  font-weight: bolder; padding: 0 16px;}
p {padding: 5px; font-size: 12pt; font-weight: normal; color: #FFFFFF;}
address {padding: 10px 10px 10px 5px;}
small {font-size: 7pt;}
hr {margin: 10px 0 20px 0;}
p + hr {margin: 10px 0 0 0;}
address {font-style: normal;}
a:link, a:visited {color: #AFDCED;}
a:active, a:hover {color: #AFDCED;}
ol, ol li, ul, ul li , li ul li{list-style: outside; margin: 5px 10px;}
ol ol, ol ul, ul ul, ul ol {padding: 10px;}
li p, li h3 {display: inline;}
li h3 + p {display: block;}

h1.error {font-size: 16pt; text-align: center; font-weight: normal;}
h1.error em {font-size: 12pt; display: block; font-style: normal;  font-weight: normal; padding: 5px;}
h2.error {font-size: 10pt; text-align: center; font-weight: normal;}

#global-wrapper{
width: 960px;
margin: 0 auto;
}
#wrapper-top{
width: 960px;
height: 40px;
background: url(images/wrapper-top.png);
}
#wrapper {
width: 960px;
background: #7f8a91;
}
#nav{
margin: 0 10px;
}
	#nav ol {margin: 0; padding: 0;}
	#nav ol li {width: 88px; height: 25px; margin: 0; padding: 0; display: inline; float: left;}
		#nav ol li {text-indent: -9999px;}
		#nav ol li a {width: 88px; height: 25px; display: block;}
		#nav ol li.home a{background: url(images/nav.png) 0 0;}
		#nav ol li.home a:hover{background: url(images/nav.png) 0 -50px;}
		body.home #nav ol li.home a{background: url(images/nav.png) 0 -25px;}
		body#category_ #nav ol li.home a{background: url(images/nav.png) 0px 0px;}
		#nav ol li.services a{background: url(images/nav.png) -88px 0;}
		#nav ol li.services a:hover{background: url(images/nav.png) -88px -50px;}
		body.services #nav ol li.services a{background: url(images/nav.png) -88px -25px;}
			body.client-search #nav ol li.services a{background: url(images/nav.png) -88px -25px;}
			body.partner-search #nav ol li.services a{background: url(images/nav.png) -88px -25px;}
			body.people-search #nav ol li.services a{background: url(images/nav.png) -88px -25px;}
			body.career-search #nav ol li.services a{background: url(images/nav.png) -88px -25px;}
			body.interim-search #nav ol li.services a{background: url(images/nav.png) -88px -25px;}
		#nav ol li.testimonials a{background: url(images/nav.png) -176px 0;}
		#nav ol li.testimonials a:hover{background: url(images/nav.png) -176px -50px;}
		body.testimonials #nav ol li.testimonials a{background: url(images/nav.png) -176px -25px;}
		#nav ol li.articles a{background: url(images/nav.png) -264px 0;}
		#nav ol li.articles a:hover{background: url(images/nav.png) -264px -50px;}
		body.articles #nav ol li.articles a{background: url(images/nav.png) -264px -25px;}
			body#category_articles #nav ol li.articles a{background: url(images/nav.png) -264px -25px;}
		#nav ol li.about a{background: url(images/nav.png) -440px 0;}
		#nav ol li.about a:hover{background: url(images/nav.png) -440px -50px;}
		body.about #nav ol li.about a{background: url(images/nav.png) -440px -25px;}
		#nav ol li.contact a{background: url(images/nav.png) -528px 0;}
		#nav ol li.contact a:hover{background: url(images/nav.png) -528px -50px;}
			body.contact #nav ol li.contact a{background: url(images/nav.png) -528px -25px;}
		#nav ol li.news a{background: url(images/nav.png) -352px 0;}
		#nav ol li.news a:hover{background: url(images/nav.png) -352px -50px;}
		body.news #nav ol li.news a{background: url(images/nav.png) -352px -25px;}
			body#category_news #nav ol li.news a{background: url(images/nav.png) -528px -25px;}
		#nav ol li.admin a{background: url(images/nav.png) -616px 0;}
		body.admin #nav ol li.admin a{background: url(images/nav.png) -616px -25px;}
#header{
position: relative;
height: 140px;
margin: 0 10px;
width: 960px;
}
	h1#tagline{
	height: 140px;
	width: 710px;
	padding: 0;
	background: url(images/tagline.png);
	text-indent: -9999px;
	display: block;
	}
	img#logo{
	position: absolute;
	top: 0;
	left: 710px;
	}
#inner-wrapper {
width: 940px; 
margin: 0 10px; 
position: relative;
}
#content-top{
height: 20px;
width: 710px;
background: url(images/content-top.png);
}
#content {
width: 690px; 
min-height: 500px; 
background: #55626a;
padding: 10px 10px 40px 10px;
}
	h1.page-title {font-weight: bold; letter-spacing: 2.2px; padding: 0; margin: 10px 0;}
	div.post h1.page-title {margin: 0 0 10px 0;}
	p.intro {letter-spacing: 1.5px;}
	body#category_articles small, body#category_news small{margin: 5px 0 0 0; display: block;}
	#content blockquote {margin: 5px 0;}
		#content blockquote em {font-size: 8pt; color: #92b7c9;}
	#content address span {margin: 0 0 0 16px; background: none; height: auto; width: auto; display: inline;}

#footer-contact {
	height: 30px;
	width: 690px;
	position: absolute;
	bottom: 0;
	text-align: center;
	color: #b0b7bc;
	font-size: 14pt;
	font-weight: normal;
	display: block;
	line-height: 30px;
}
	#footer-contact h5 {font-weight: normal; color: inherit; text-align: inherit;}
	#footer-contact h5 a:link, #footer-contact h5 a:hover, #footer-contact h5 a:active, #footer-contact h5 a:visited {
	color: inherit;
	text-decoration: none;
	}
#contact{}
	body.contact h4.company_info {padding: 0; text-align: center;}
#sidebar-wrapper{}
	#sidebar-image{
	height: 220px;
	width: 220px;
	margin: 0 0 0 720px;
	position: absolute;
	top: 0;
	}
		body.home #sidebar-image{
		background: url(images/sidebar-images.jpg) 0 -1320px;
		}
		body.services #sidebar-image{
		background: url(images/sidebar-images.jpg) 0 -660px;
		}
			body.client-search #sidebar-image{
			background: url(images/sidebar-images.jpg) 0 -880px;
			}
			body.partner-search #sidebar-image{
			background: url(images/sidebar-images.jpg) 0 -1540px;
			}
			body.people-search #sidebar-image{
			background: url(images/sidebar-images.jpg) 0 -1100px;
			}
			body.career-search #sidebar-image{
			background: url(images/sidebar-images.jpg) 0 -1540px;
			}
			body.interim-search #sidebar-image{
			background: url(images/sidebar-images.jpg) 0 -220px;
			}
		body.testimonials #sidebar-image{
		background: url(images/sidebar-images.jpg) 0 0px;
		}
		body.articles #sidebar-image{
		background: url(images/sidebar-images.jpg) 0 -440px;
		}
			body#category_articles #sidebar-image{
			background: url(images/sidebar-images.jpg) 0 -440px;
			}
		body.contact #sidebar-image{
		background: url(images/sidebar-images.jpg) 0 -440px;
		}
		body.news #sidebar-image{
		background: url(images/sidebar-images.jpg) 0 -880px;
		}
			body#category_news #sidebar-image{
			background: url(images/sidebar-images.jpg) 0 -880px;
			}
		body.about #sidebar-image{
		background: url(images/sidebar-images.jpg) 0 -660px;
		}
		body#category_ #sidebar-image{
		background: url(images/sidebar-images.jpg) 0 -660px;
		}
	#sidebar-top{
	width: 220px;
	height: 20px;
	background: url(images/sidebar-top.png);
	position: absolute;
	margin: 0 0 0 720px;
	top: 230px;
	}
	#sidebar {
	width: 200px;
	padding: 0 10px;
	position: absolute; 
	background: #92b7c9; 
	margin: 0 0 0 720px;
	top: 250px;
	bottom: 0;
	}
	#feed{}
	#feed h1 {color: #FFFFFF; font-size: 14pt;}
	#feed h2 {font-size: 14pt; font-weight: normal; color: #FFFFFF;	margin: 0; padding: 0;}
		#feed h2 a:link {color: #636f76; text-decoration: none;}
		#feed h2 a:visited {color: #636f76; text-decoration: none;}
		#feed h2 a:hover {color: #636f76; text-decoration: none;}
		#feed h2 a:active {color: #636f76; text-decoration: none;}
	#feed ul {margin: 10px 10px 20px 10px;}
	#feed ul li {margin: 5px 10px 20px;}
	/*#feed ul {padding: 5px 10px 20px 10px; margin: 0;}
	#feed ul li {margin: 10px 0 0 0; margin: 0; list-style: disc outside; color: #636f76;}*/
		#feed ul li h3 {margin: 0; padding: 0; font-size: 8pt; font-weight: normal;}
		#feed ul li h5 {font-size: 8pt;}
		#feed ul li {color: #636f76; font-size: 10pt;}
		#feed ul li p {font-size: 9pt;}
			#feed ul li a:link {color: #636f76; text-decoration: none;}
			#feed ul li a:visited {color: #636f76; text-decoration: none;}
			#feed ul li a:hover {color: #636f76; text-decoration: none;}
			#feed ul li a:active {color: #636f76; text-decoration: none;}
		#feed ul li hr {color: #636f76; background: #636f76; height: 1px; border: none;}
#wrapper-bottom{
width: 960px;
height: 30px;
background: url(images/wrapper-bottom.png);
}