/*  
Theme Name: SMATAX Default
Theme URI: http://www.smatax.com/
Description: Theme for SMATAX Commentary
Version: 1.0
Author: Ray Henry
Author URI: http://reh3.com/
*/ 

/* 
----------------------------------------------------------------------------- 
Globals
-----------------------------------------------------------------------------*/
* {margin:0;padding:0;} /*zero out everything*/
body {
	background:#004A61;
	text-align:center;
	font-family:verdana, arial, sans-serif;
}

/* 
----------------------------------------------------------------------------- 
Layout
-----------------------------------------------------------------------------*/
#container {
	margin:75px auto;
	padding:10px;
	width:780px;
	text-align:left;
	border-right:5px solid #00394E;
	border-bottom:5px solid #00394E;
	background:#fff;
}
#masthead,
#content {
	float:left;
	width:780px;
}
	#content {margin:20px 0 16px 0;}
		#content-sub {
			float:left;
			width:248px;
		}
		#content-main {
			float:left;
			margin-left:10px;
			width:522px;
		}
#footer {
	clear:both;
	padding:10px 0;
	width:780px;
	text-align:center;
	background:#D9D9DA;
	font-size:10px;
	color:#808285;
}
	#footer a {color:#808285;}

/* 
----------------------------------------------------------------------------- 
MASTHEAD
-----------------------------------------------------------------------------*/
#masthead h2 {
	float:left;
	width:248px;
	height:44px;
}
	#masthead h2 a {
		float:left;
		width:248px;
		padding:44px 0 0 0;
		overflow:hidden;
		background:url(commentary_logo.gif) no-repeat 0 0;
		height:0 !important;
		height /**/:44px; /* for IE5/Win only */
		text-indent:-5000px;
		text-decoration:none;
	}
#masthead ul {
	float:left;
	margin-left:10px;
	width:522px;
	list-style:none;
}
	#masthead ul li {float:left;}
		#masthead ul li a {
			float:left;
			padding:44px 0 0 0;
			text-indent:-5000px;
			background:url(http://www.smatax.com/img/sma_nav_main.gif) no-repeat 0 0;
			overflow:hidden;
			text-decoration:none;
			height: 0px !important; 
			height /**/:44px; /* for IE5/Win only */
		}
		#masthead ul li#nav-about a {width:73px;background-position:0 0;}
		#masthead ul li#nav-services a {width:71px;background-position:-73px 0;}
		#masthead ul li#nav-corner a {width:103px;background-position:-144px 0;}
		#masthead ul li#nav-resources a {width:124px;background-position:-247px 0;}
		#masthead ul li#nav-contact a {width:86px;background-position:-371px 0;}
		#masthead ul li#nav-home a {width:65px;background-position:-457px 0;}
		#masthead ul li#nav-about a:hover {background-position:0 -44px;}
		#masthead ul li#nav-services a:hover {background-position:-73px -44px;}
		#masthead ul li#nav-corner a:hover {background-position:-144px -44px;}
		#masthead ul li#nav-resources a:hover {background-position:-247px -44px;}
		#masthead ul li#nav-contact a:hover {background-position:-371px -44px;}
		#masthead ul li#nav-home a:hover {background-position:-457px -44px;}

/* 
----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/
#content-main h1 {
	float:left;
	width:522px;
	height:62px;
	text-indent:-5000px;
	background:url(http://www.smatax.com/img/sma_slogan.gif) no-repeat 0 0;
}
#content-main #srv-callout {
	float:left;
	margin:5px 0 0 30px;
	padding:0 0 10px 0;
	width:395px;
	background:url(http://www.smatax.com/img/sma_hp_srv_bg.gif) no-repeat bottom left;
}
	#content-main #srv-callout h3 {
		padding:10px;
		width:375px;
		font-size:11px;
		font-weight:bold;
		color:#004960;
		background:url(http://www.smatax.com/img/sma_hp_srv_bg.gif) no-repeat 0 0;
	}
	#content-main #srv-callout ul {
		padding:0 10px;
		width:375px;
		font-size:10px;
		color:#004960;
		list-style:none; 
	}
		#content-main #srv-callout ul li {
			float:left;
			padding:2px 10px;
			width:162px;
			background:url(http://www.smatax.com/img/sma_bullet.gif) no-repeat 0 5px;
		}

/* 
----------------------------------------------------------------------------- 
Interior Pages
-----------------------------------------------------------------------------*/
#content-sub h4 {
	font-family:georgia, times new roman, serif;
	font-size:28px;
	font-weight:normal;
	color:#004A61;
	line-height:28px;
}
#content-main h5, #content-sub h5 {
	font-family:georgia, times new roman, serif;
	font-size:18px;
	font-weight:normal;
	color:#004A61;
	line-height:1;
}
	#content-sub h5 {
		margin:10px 0 0 0;
		padding:10px 0 5px 0;
		border-top:1px solid #ddd;
	}
#content-main p {
	margin:10px 0;
	font-size:12px;
	line-height:1.5;
	color:#484848;
}
#content-main ul {
	margin:10px 20px;
	list-style:square;
	font-size:12px;
	line-height:1.5;
	color:#484848;
}
	#content-main ul li {margin:5px 0;}
#content-main a:link, #content-main a:active, #content-main a:visited {color:#004A61;}
#content-main a:hover {color:#226C83;}

/* 
----------------------------------------------------------------------------- 
Blog Pages
-----------------------------------------------------------------------------*/
#sidebar form {
	margin:10px 0;
	padding:10px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#sidebar ul {
	margin:0 20px 10px 20px;
	list-style:square;
	font-size:12px;
	line-height:1.5;
	color:#484848;
}
	#sidebar ul li {margin:5px 0;}
	#content-sub a:link, #content-sub a:active, #content-sub a:visited {color:#004A61;}
	#content-sub a:hover {color:#226C83;}