/*  
Theme Name: The MuttWorks Design
Theme URI: http://themuttworks.com/
Description: The first design for The MuttWorks.
Version: 1.0
Author: Brett Gray
Author URI: http://brettgray.com/
*/

body {
	background: url('images/main-bg.png') #FFFFFF repeat-x;
	font: normal 86% Arial, Verdana, sans-serif;
	color: #000000;
	padding: 0; 
	margin: 0;
}

img { border: 0px; }

p { font-size: 14px; }

a { color: #00A6CA; text-decoration: underline; }
a:hover { text-decoration: none; }
a.bold { font-weight: bold; }

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#header { 
	margin: 0;
	height: 120px;
}

#logo h1	{
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}
	
#logo h1 a:link, h1 a:visited	{
	display: block;	
	width: 242px;
	height: 120px;
	background: #fff url(images/mw-logo.png) top left no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}
	
#logo h1 a:hover	{
	background: #fff url(images/mw-logo.png) top left no-repeat;
}

ul#upperright {
	list-style: none;
	width: 250px;
	text-align: right;
	position: relative;
	left: 660px;
	top: -70px;
}

ul#upperright li {
	display: inline;
	padding-left: 15px;
}

ul#upperright li a {
	text-decoration: none;
	font-weight: bold;
}

ul#menu {
   height: 40px;
   margin: 0 0 30px 0;
   padding: 0;
   width: 960px;
   overflow: hidden;
   background-color: #fff;
   float: left;
}
    
ul#menu li { display: inline; margin: 0; padding: 0;}

ul#menu li a {
   display: block;
   float: left;
   height: 40px;
   line-height: 40px;
   text-align: center;
   position: relative;
   font: bold 100% Arial, Verdana, sans-serif;
   text-indent: -9999px;
   text-decoration: none;
   color: #fff;
}

ul#menu li a:hover { color: #fa8700; }
ul#menu li a span{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
ul#menu li a:hover { background-position: 0 40px; }
a#a-home  {width: 118px; background: url(images/home.png); }
a#a-services  {width: 161px; background: url(images/services.png);}
a#a-howitworks  {width: 215px; background: url(images/howitworks.png);}
a#a-products  {width: 177px; background: url(images/products.png);}
a#a-resources  {width: 186px; background: url(images/resources.png);}
a#a-blog  {width: 103px; background: url(images/blog.png);}
a#a-home-on {width: 118px;background: url(images/home.png);background-position: 0 40px;}
a#a-services-on  {width: 161px; background: url(images/services.png);background-position: 0 40px;}
a#a-howitworks-on  {width: 215px; background: url(images/howitworks.png);background-position: 0 40px;}
a#a-products-on  {width: 177px; background: url(images/products.png);background-position: 0 40px;}
a#a-resources-on  {width: 186px; background: url(images/resources.png);background-position: 0 40px;}
a#a-blog-on  {width: 103px; background: url(images/blog.png);background-position: 0 40px;}

#content {
	float: left;
	font-family: arial, verdana, sans-serif;
	color: #000;
	padding: 0 5px 0 0;
	width: 650px;
}

#content h2 {
	font-size: 130%;
	margin-bottom: 5px;
}

#content h3 {
	font-size: 160%;
	margin-bottom: 5px;
}

#content h2 a, #content h2 a:visited, #content h3 a, #content h3 a:visited {
	text-decoration: none;
}

#sidebar {
	float: right;
	width: 290px;
	padding: 0 5px;
}

h4.sidebartitle {
	font: normal 75% arial, verdana, sans-serif;
	color: #8CC73F;
}

.asides_sidebar {

	border-bottom: 1px solid #dadada; 
	border-top: 1px solid #dadada; 
	margin: 0 0 .5em 0; 
	background: #f3f9ff; 
	padding: 0 0.7em 0 0.7em;
}

.asides_sidebar p {
	font-size: 70%;
	text-align: justify;
}

#sidebox {
	margin-bottom:20px;
	width:230px;
	float:left;
}

#sidebox ul {
	list-style: none;
}

#sidebox h3 {
	font: bold 18px  arial, verdana, sans-serif;
	margin:0;
	background:#8CC73F url(images/box.top.gif) top no-repeat;
	color:#fff;
	text-align:left;
	height:28px;
	padding:5px 14px 0px 20px;
	border-bottom:1px solid white;
	width:196px;
}

#sidebox span {
	background:#e1f4c7 url(images/box.bottom.gif) bottom no-repeat;
	padding:15px;
	color:#666;
	font-size:13px;
	text-align:left;
	float:left;
	width:200px;
}

#sidebox span p{
	color:#4e87ab;
	text-align:center;
	margin:0;
}

.editlink {
	float: left;
	clear: both;
}

div#footer {
	clear: both;
	width: 960px;
	padding-top:30px;
	text-align: center;
}

#footer li {
	display: inline;
	list-style: none;
	text-align: center;
	font: normal 12px Tahoma, Verdana, Arial;
	color: #00A6CA;
	padding-right: 5px;
}

.entry {
	line-height: 1.4em;
	font-size: 1.05em;
	text-align: justify;
}

.postmetadata {
	font: normal 80% arial, verdana, sans-serif;
	color: #aaa;
}

#services {
	margin: 10px 0;
}

#services a {
	text-decoration: none;
	font-weight: bold;
}

h4 {
	margin-top: 10px;
	margin-bottom: 0;
}

.hiwphoto {
	margin-top:20px;
    margin-bottom:0px;
    padding:0px;
}

#resourceleft {
	float: left;
	width: 315px;
	padding-right: 10px;
}

#resourceright {
	float: right;
	width: 315px;
}

#resourceleft ul {
	list-style: none;
}

#resourceleft h4 {
	margin-top: 10px;
	margin-bottom: 0;
}

#resourceright ul {
	list-style: none;
}

#resourceright h4 {
	margin-top: 10px;
	margin-bottom: 0;
}

.authorlink {
	font: bold 65% arial, verdana, sans-serif;
	color: #000;
}

.price {
	text-align: justify;
}

.postmetadata {
	font: bold 75% arial, verdana, sans-serif;
	color: #a9a9a9;
}