/**
 * base styles for the onOne Software site
 *
 * @author      Jim Mock
 * @copyright   2009 onOne Software
 * @version     $Id: base.css 429 2010-04-14 19:20:32Z jmock $
 *
 */

/* !Generic */
body {
    background: #000;
    color: #ccc;
    font: small/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
del { text-decoration: line-through; }
pre, tt, code { font-family: Consolas, Monaco, monospace; }

ul {
    list-style-type: square;
    margin-bottom: 20px;
}

ol {
    list-style-type: decimal;
    margin-bottom: 20px;
}

p { margin-bottom: 20px; }

/* !Links */
a, a img, a.image img {
    border: none;
    font-weight: bold;
    text-decoration: none;
}

/* !Container */
div.container {
    margin: 0 auto;
    width: 960px;
}

/* !Header */
#header {
    background: url(../_img/header/header-bg.png) repeat-x;
    height: 102px;
}

#header #logo {
    float: left;
    margin-top: 40px;
    width: 256px;
}

#header #nav {
    float: right;
    margin-top: 45px;
}

#header #nav li {
    background: url(../_img/header/nav-sep.png) top right no-repeat;
    display: block;
    float: left;
    font-size: 11px;
    height: 33px;
    line-height: 33px;
    margin-right: 10px;
    padding-right: 10px;
}

#header #nav li a {
    color: #ccc;
    height: 33px;
    line-height: 33px;
}

#header #nav li a.here {
    color: #f60;
    padding-bottom: 2px;
}

#header #nav li a:hover {
    border-bottom: 2px solid #f60;
    color: #f60;
    padding-bottom: 2px;
}

#header #nav li.last {
    background: none;
    margin: 0;
    padding: 0;
}

/* !Content */
#content {
    background: url(../_img/base/content-bg.png) repeat-x;
    margin-bottom: 22px;
    padding-top: 22px;
}

/* !Main */
#main {
    background: #fff url(../_img/base/main-bg.png) repeat-x;
    color: #333;
    min-height: 500px;
}

#main a:link { color: #900; }
#main a:visited { color: #277fae; }

#main a:hover {
    border-bottom: 2px solid #f60;
    color: #f60;
}

#main-bottom {
    background: url(../_img/base/main-bottom-round.png) no-repeat;
    height: 20px;
    width: 960px;
}

/* !Footer */
#footer {
    background: url(../_img/footer/footer-bg.png) repeat-x;
    height: 272px;
}

#footer .footer-wrapper { padding-top: 40px; }

#footer .footer-col1 {
    float: left;
    width: 336px;
}

#footer .footer-col1 .slogan { margin-bottom: 40px; }

#footer .footer-col1 h2 {
    background: url(../_img/footer/search-icon.png) no-repeat;
    background-position-y: 4px;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
    padding-left: 20px;
}

#footer .footer-col1 input#query {
    background: #333;
    border: none;
    border-radius: 10px;
    color: #999;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 4px 10px;
    width: 240px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#footer .footer-col1 p.enews-signup {
    font-size: 11px;
    margin-bottom: 32px;
}

#footer .footer-col1 p.enews-signup a {
    color: #ccc;
    font-family: "Helvetica Neue", Helvetica, Arial;
    padding-bottom: 1px;
}

#footer .footer-col1 p.enews-signup a:hover {
    border-bottom: 2px solid #f60;
    color: #f60;
}

#footer .footer-col1 p.copyright {
    color: #666;
    font-size: 10px;
}

#footer .footer-col2 {
    float: right;
    font-size: 11px;
    width: 624px;
}

#footer .footer-col2 ul {
    float: left;
    list-style: none;
    text-align: right;
}

#footer .footer-col2 ul li { line-height: 20px; }

#footer .footer-col2 .col1 {
    margin-left: 60px;
    margin-right: 10px;
    width: 220px;
}

#footer .footer-col2 .col2 {
    margin-right: 10px;
    width: 210px;
}

#footer .footer-col2 .col3 { width: 110px; }

#footer .footer-col2 li a {
    color: #ccc;
    font-family: "Helvetica Neue", Helvetica, Arial;
    padding-bottom: 1px;
}

#footer .footer-col2 li a:hover {
    border-bottom: 2px solid #f60;
    color: #f60;
}

#footer .footer-col2 .footer-logo {
    float: right;
    margin-top: 0;
}

/* !Miscellaneous */
.attn { color: #f60; }
.important { color: #f00; }
.hidden { display: none; }
.image, a.image { border: none !important; }

.bold {
    color: #000;
    font-weight: bold;
}

.small { font-size: 12px; }
.smaller { font-size: 11px; }
.smallest { font-size: 10px; }
.no-margin { margin: 0 !important; }
.no-bot-margin { margin-bottom: 0 !important; }
#sb-nav a#sb-nav-close { border: none !important; }

/* !Clearfix */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */