/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#page-outer {
    width: 960px;
}
.col1 {
    width: 630px;
}
.col2 {
    width: 270px;
}
#header, #suckerfish, #columns, #footer, #credits {
    padding-left: 10px;
    padding-right: 10px;
}
#page-outer {
    width: 940px;
}
#columns, #footer, #credits {
    width: 920px;
}
.post-outer .post-alt {
    width: 600px;
}
.post-outer.fl .post-alt, .post-outer.fr .post-alt {
    width: 280px !important;
}
#slider-holder {
    width: 547px;
    margin: 0 auto;
}
#nav2 {
    width: 920px;
}
#tabs {
    width: 260px !important;
}
#tabs .inside {
    width: 250px !important;
}


/* Contact box top
---------------------------------------------------------------*/
.contact-box-top {
    padding: 5px;
    background: #eee url(images/gradient-brushedwhite.png) left bottom repeat-x;
    overflow: hidden;
}
.contact-box-top .block {
    float: right;
    margin-left: 10px;
    font-size: 18px;
    color: #555;
}
.contact-box-top .livesupport a {
    text-decoration: none;
    display: inline-block;
    padding-left: 20px;
    background: url(images/sprite-icons.gif) 0px -2px no-repeat;
}
.contact-box-top .livesupport span {
    vertical-align: middle;
    display: inline-block;
    padding: 3px 0 3px 5px;
}
.contact-box-top .livesupport a {
    color: #000;
}
.contact-box-top .livesupport span.chat-now, .contact-box-top .livesupport span.leave-message {
    text-transform: uppercase;
}
.contact-box-top .livesupport a:hover span.chat-now , .contact-box-top .livesupport a:hover span.leave-message {
    text-decoration: underline;
}
.contact-box-top .livesupport span.chat-now {
    color: #008000;
}
.contact-box-top .livesupport span.leave-message {
    color: #BD0000;
}
.contact-box-top .social {
    border-right: none;
    padding-right: 0;
    margin-left: 10px;
}
.contact-box-top .social a {
    display: inline-block;
    margin-left: 5px;
}

/* Masthead & Branding
---------------------------------------------------------------*/

#snh-masthead {
    width: 940px;
    display: block;
    font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,Arial,"Nimbus Sans L",sans-serif;
}
.branding {
    z-index: 1000;
    width: 920px;
    height: 70px;
    padding: 0 10px;
    border-bottom: 1px solid #bbb;
    background: #BD0000;
}
.branding .site-title {
    width: 200px;
    margin: 0;
    padding: 0;
    float: left;
}
.branding .site-title a {
    display: inline-block;
    padding: 15px;
}
.branding .contact-box {
    padding: 10px 20px;
    float: left;
    margin-top: 5px;
}
.branding .contact-box .block {
    float: left;
    padding-right: 10px;
}
.branding .contact-box .local {
    font-size: 32px;
    font-weight: bold;
    padding: 4px;
    color: #fff;
    vertical-align: middle;
}
.branding .contact-box .local strong {
    color: #000;
}

/* Global Navigation
---------------------------------------------------------------*/
#access-global {
    width: 940px;
    display:inline;
    float: left;
    position: relative;
    margin: 0;
    background: #9e3333 url(images/gradient-brushedred.png) center left repeat-x;
    font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",Helvetica,Arial,"Nimbus Sans L",sans-serif;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
#access-global ul {
    padding: 0;
    margin: 0;
}
#access-global li {
    display: inline;
}
#access-global a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 3px;
    width: 126px;
    border-left: 1px solid #fff;
    color: #eee;
    text-align: center;
    outline: none;
}
#access-global li.first a {
    border-left: none;
    width: 122px;
}
#access-global li:hover a {
    background-color: transparent;
    text-decoration: underline;
}