/*  
Theme Name: Synaptus
Theme URI: http://www.synaptus.com
Description: Created to support Synaptus Business
Version: 1.0
Author: Dennis Stevens
Author URI: http://www.dennisstevens.com

Theme last updated: April 24, 2010
*/
 *************************************************************/
 
/* reset
 * based on Eric Meyer's reset.css
 * http://meyerweb.com/
 *************************************************************/
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* /reset
 *****************************************************/

/* global elements
 *****************************************************/
body {
    background: #f5eedb url( images/bg_body.jpg ) repeat-x 0 0;
    color: #585950;
    font: 68.75%/1 Arial, Verdana, Tahoma, sans-serif;
}
a:hover { text-decoration: none; }
/* /global elements
 *****************************************************/

/* base layout
 *****************************************************/
#container {
    margin: 0 auto;
    padding: 46px 0 0;
    width: 854px;
}
#header {
    background: #fff url( images/bg_header.png ) no-repeat 100% 0;
    float: left;
    min-height: 30px;
    padding: 0 0 10px;
    position: relative;
    width: 100%;
}
#splash {
    clear: both;
    background: #fff url( images/bg_splash.jpg ) repeat-x 0 0;
    height: 175px;
}
#wrap {
    background: #f5eedb url( images/bg_sub_wrap.png ) repeat-x 0 0;
    clear: both;
    overflow: hidden;
    padding: 0 12px;
    margin-top: -12px;
}
#home #wrap { background: #f5eedb url( images/bg_wrap.png ) repeat-x 0 0; }
#subContent {
    float: left;
    padding: 11px 0;
    width: 223px;
}
#mainContent {
    color: #21475e;
    float: right;
    font-size: 1.2em !important;
    line-height: 1.4em;
    padding: 30px 28px 10px 38px;
    width: 538px;
}

#home #mainContent { padding: 10px 28px 10px 38px; }
/* /base layout
 *****************************************************/

/* common elements
 *****************************************************/
.left { float: left; }
.right { float: right; }
.cols, form .item, form .buttons { overflow: hidden; }
.col { float: left; }
.print { display: none; }
.ir {
    display: block;
    overflow: hidden;
    position: relative;
}
.ir span {
    cursor: pointer;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/* /common elements
 *****************************************************/

/* header elements
 *****************************************************/
#header h1 {
    background: #fff url( images/bg_header_h1.png ) no-repeat 0 0;
    float: left;
    margin: -37px 0 0 ;
    padding: 14px 0 0 15px;
    position: relative;
    width: 263px;
}
#header h1 a {
    color: #00569f;
    font: normal 2.8em/1 serif;
    height: 35px;
    padding: 15px 0 0 50px;
    text-decoration: none;
    text-transform: uppercase;
    width: 156px;
}
#header h1 a strong { color: #d09400; }
#header h1 a span {
    background: transparent url( images/logo_synaptus.png ) no-repeat 0 0;
    height: 50px;
    width: 206px;
}
#header ul {
    float: right;
    margin: -14px 10px 14px;
    position: relative;
}
#header ul ul {
    float: none;
    margin: 0;
    padding: 5px 0 0;
    position: absolute;  
    top: 29px;
    visibility: hidden;
}
#header ul li:hover ul { visibility: visible; }
#header ul li {
    float: left;
    font-size: 1.16em;
    font-weight: bold;
    margin: 0 0 0 2px;
}
#header li li {
    background: transparent url( images/sep_navigation_sub.png ) no-repeat 0 30%;
    display: inline;
    float: none;
    font-size: 1em;
    margin: 0;
    padding: 0 1px 0 6px;
}
#header li li.first {
    background: none;
    padding: 0 1px 0 0;
}
#header li a {
    background: #e6cd87 url( images/bg_navigation_item.png ) no-repeat 0 0;
    color: #20558a;
    display: block;
    padding: 0  0 0 9px;
    text-decoration: none;
}
#header li li a, #FootNav a {
    background: none;
    color: #b7890d;
    display: inline;
    padding: 5px 0 10px;
}
#header li.first a { background-position: 0 -1000px; }
#header li a span {
    background: transparent url( images/bg_navigation_item.png ) no-repeat 100% 0;
    color: #20558a;
    display: block;
    padding: 8px 9px 9px 0;
}
#header li.last a span { background-position: 100% -1000px; }
#header li a:hover, #header li:hover a  { background-position: 0 -500px; }
#header li li a:hover, #FootNav a:hover { color: #20558a; }
#header li a:hover span, #header li:hover a span {
    background-position: 100% -500px;
    color:#002041;
}
#header li.first a:hover, #header li.first:hover a { background-position: 0 -1500px; }
#header li.last a:hover span, #header li.last:hover a span { background-position: 100% -1500px; }
/* /header elements
 *****************************************************/

/* mainContent elements
 *****************************************************/
#breadcrumb {
    background: #969696 url( images/bg_breadcrumb.png ) no-repeat 0 0;
    min-height: 23px;
}
#breadcrumb ul {
    line-height: 23px;
    min-height: 23px;
    padding: 0 9px;
}
#breadcrumb li {
    background: transparent url( images/sep_breadcrumb.png ) no-repeat 0 50%;
    display: inline;
    padding: 0 0 0 11px;
}
#breadcrumb li.first {
    background: none;
    padding: 0;
}
#breadcrumb a {
    color: #fff;
    text-decoration: none;
}
#breadcrumb a:hover { color: #f9e3a4; }
#home #breadcrumb {
    background-image: url( images/bg_home_breadcrumb.png );
    margin: 0 -12px;
}
#mainContent .cols-2 { padding: 20px 0 0; }
#mainContent .cols-2 .col {
    width: 260px;
}
#mainContent .cols-2 .col-2 { float: right; }
#mainContent h2 {
    color: #0069aa;
    font: normal 1.5em/1.2em Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin: 0 0 10px;
}
#mainContent .cols-2 .col h2 { font-size: 1.5em; }
#mainContent .cols-2 .col-2 h2 { color: #d5a00f; }

#mainContent a { color: #20558a; }

#mainContent a:hover { color: #b7890d; }

#mainContent .cols a.more {
    background: transparent url( images/bg_cols_more.png ) no-repeat 100% 50%;
    color: #0069aa;
    font: normal 1.15em/1 Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 0 10px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}
#mainContent .cols a.more:hover {
    background-image: url( images/bg_more_link_hover.png );
    color: #D5A00F;
}
#mainContent p { margin: 0 0 1em; }
#mainContent li {
    list-style: disc;
    margin: 0 0 0 40px;
}
/* /mainContent elements
 *****************************************************/

/* subContent elements
 *****************************************************/
#subNav {
    margin: 0 0 0 -40px;
    overflow: hidden;
}
#blocks ul {
    padding: 3px;
}
#subNav li {
    background: transparent url( images/bg_subnav.png ) no-repeat -250px 0;
    float: left;
    font-size: 1.16em;
    padding: 2px 0 0;
    position: relative;
    width: 100%;
}
#subNav li.first { background: transparent; }
#subNav a {
    border: 1px solid #fff;
    border-width: 1px 0;
    color: #003770;
    display: block;
    text-decoration: none;
}
#subNav a:hover, #subNav a.current  {
    background: #fff url( images/bg_subnav.png ) repeat-y 0 0;
    color: #646464;
}
#subNav span {
    background: transparent url( images/bg_subnav_item.png ) no-repeat 0 50%;
    display: block;
    padding: 5px 0 5px 20px;
    position: relative;
}
#subNav a:hover span { background-position: -250px 50%; }
#blocks { background: #ebd189 url( images/bg_blocks.png ) repeat-x 0 0; }
#blocks h2 {
    color: #0069aa;
    font: normal 1.75em/.1em Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 16px 23px 0px;
    margin-bottom: 0;
}
#blocks ul {
    background: #ebd189 url( images/bg_blocks_ul.png ) no-repeat 100% 100%;
    overflow: hidden;
    padding: 3px;
}
#blocks li {
    float: left;
    padding: 15px 20px;
    width: 177px;
}
#blocks li.even { background: #f9f1dc url( images/bg_subcontent_blocks_item.png ) no-repeat 0 0; }
#blocks li.even.last { background: #f9f1dc url( images/bg_subcontent_blocks_item.png ) no-repeat 100% 100%; }
#blocks h3 {
    color: #0069aa;
    font: normal 1.83em/1 Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin: 0 0 5px;
}
#blocks li p {
    color: #21475e;
    font-size: 1.1em;
    line-height: 1.3em;
    padding: 0;
    margin: 0;
}
#blocks a {
    background: transparent url( images/bg_blocks_more.png ) no-repeat 100% 50%;
    color: #21475e;
    float: left;
    font-size: 1.25em;
    margin: 5px 0 0;
    padding: 0 0px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}
#blocks a:hover {
    background-image: url( images/bg_more_link_hover.png );
    color:#D5A00F;
}
#blocks p a {
    background: none;
    float: none;
    font-size: 1em;
    margin: 0;
    text-transform: none;
}
#blocks p a:hover { background: none; }
#blocks p a span {
    background: transparent url( images/bg_blocks_more.png ) no-repeat 100% 50%;
    padding: 0 2px;
}
#blocks p a:hover span {
    background-image: url( images/bg_more_link_hover.png ); 
}
a#contactUs {
    background: #426f8a url( images/bg_contact_us.png ) no-repeat 0 0;
    color: #fff;
    display: block;
    font: bold 1.2em/1 Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin: 13px 0 0;
    min-height: 34px;
    line-height: 34px;
    padding: 0 16px;
    text-decoration: none;
}
a#contactUs:hover {
    background-position: -223px 0;
    color: #f9d164;
}
/* /subContent elements
 *****************************************************/
 
input.submit {
    background: transparent url( images/bg_cols_more.png ) no-repeat 92% 50%;
    background-color: #efefef;
    color: #0069aa;
    font: normal 1.15em/1 Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 2px 12px 2px 2px;
    text-decoration: none;
    text-transform: uppercase;
    border: solid 1px #0069aa;
}
input.submit:hover {
    background-image: url( images/bg_more_link_hover.png );
    color: #D5A00F;
    border-color: #D5A00F;
    background-color: White;
}

form .Column
{
    float: left;
    padding-right: 10px;
}
form .Line
{
    padding-bottom: 8px;
}


/* footer elements
 *****************************************************/
 #FootNav a {
    text-decoration: none;
    padding: 0 10px 0 10px;
 }
 
 #FootNav
 {
    margin: 10px 0 10px 223px;
    text-align: center;
 }
 
 a.abovemls {
    padding-top: 5px;
    display: block;
    color:#4C4C4C;
    font-size:10px;
    font-weight:normal;
    text-decoration:none;
}
 .copyright {
    padding-top: 5px;
    display: block;
    color:#4C4C4C;
    font-size:10px;
    font-weight:normal;
	text-align: center;
}
/* /footer elements
 *****************************************************/
 
 
 .post {
	margin-bottom: 4em;
}

.cats {
    background: #ebd189;
    color: #fff;
    display: block;
    font: bold 1.1em/1 Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin: 13px 0 0;
    padding-bottom: 4px;
}

.cats h2 {
    color: #0069aa;
    font: normal 1.4em/1.2em Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 8px 23px 3px 18px;
    background: url( images/bg_blocks.png ) repeat-x 0 0;
    margin-left: -40px;
}

.categories ul {
    padding: 15px 20px 8px 18px;
    width: 185px;
    background: #f9f1dc url( images/bg_subcontent_blocks_item.png ) no-repeat 0 0;
    margin: 3px 0 0 -40px;
}

.categories li {
    padding-bottom: 10px;
}

.categories li a {
	text-decoration: none;
	color: #214767;
    background: transparent url( images/bg_blocks_more.png ) no-repeat 100% 50%;
    padding-right: 18px; 
    font-weight: bold;
    line-height: 1.4em;
}

.categories li a:hover {
    background-image: url( images/bg_more_link_hover.png );
    color:#D5A00F;	
}

a#feed {
	 background: #426f8a url( images/bg_feed.png ) no-repeat 0 0;
    color: #fff;
    display: block;
    font: bold 1.2em/1 Agenda, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin: 13px 0 0;
    min-height: 34px;
    line-height: 34px;
    padding: 0 16px;
    text-decoration: none;
}

a#feed:hover {
    color: #f9d164;
}

