/*
Theme Name: KarlaSugar
Theme URI: http://www.karlasugar.net
Version: 1.0
Author: Mr.Salt
Description: Three columns, dropdown subcategories, fully customizable 
Author URI: http://www.karlasugar.net
Tags: Three-column, right-sidebar, theme-option, fixed-width, buddypress
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>
*/
html, body, form, fieldset
{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
body
{
    background: #FFFFFF;
    color: #000000;
    font-family: "Lucida Grande" , Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.3;
}
a
{
    color: #8B2B63;
    text-decoration: none;
}
a:visited
{
    color: #156020;
}
a:hover, a:active, a:focus
{
    text-decoration: underline;
}
#wrapper
{
}
/**********************top area*****************************/
#top_area
{
    padding: 5px 0 10px;
    clear: both;
    background: #938071;
    border-bottom: 1px solid #4B4B48;
    height: 20px;
    position: relative;
}
#top_area_content
{
    width: 950px;
    margin: 0 auto;
    color: #544c3f;
    padding-top: 6px;
    position: relative;
}
#top_area_content .left
{
    position: relative;
    float: left;
    display: inline;
}
#top_area_content ul
{
    margin: 0;
    padding: 0;
    line-height: normal;
    float: left;
    list-style-type: none;
}
#top_area_content ul li
{
    display: inline;
    margin: 0;
    padding: 0 10px;
    background: none;
}
#top_area_content a
{
    display: inline;
    line-height: normal;
    color: #FFF;
    text-decoration: none;
}
#top_area_content a:hover, a:active, a:focus
{
    text-decoration: underline;
}
/***************************************************************************/
#header
{
    background-color: #583E3A;
    background-image: url(images/header-background.png);
    background-repeat: repeat-x;
    height: 120px;
    position: relative;
}
#header_content
{
    background-image: url(images/titlebar.png);
    background-repeat: no-repeat;
    height: 120px;
    width: 950px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
#wrapper #logo
{
    position: relative;
    float: left;
    margin-bottom: 10px;
    width: 200px;
    margin-left: 70px;
    height: 110px;
    display: inline;
}
#wrapper #top_ads
{
    position: relative;
    float: left;
    margin-top: 15px;
    padding-left: 30px;
    width: auto;
    height: 52px;
    display: inline;
    color: #FFF;
}
/* Search */
#search_box
{
    float: right;
    margin-top: 30px;
    width: 250px;
    height: 30px;
    padding: 0 15px 0 22px;
    display: block;
}
#search_box .inputbox
{
    float: left;
    border: 0;
    padding: 1px 0px 0px 2px;
    margin: 1px 0px 0 3px;
    position: relative;
    display: inline;
    z-index: 100;
    width: 163px;
}
/* Navigation */
#navigation_area
{
    background: #FEF1D9;
    border-bottom: 1px solid #FEF1D9;
    height: 32px;
    display: block;
    padding-top: 4px;
    overflow: hidden;
    position: relative;
}
#navigation_area a:hover
{
    background: #000000;
    color: #FFFFFF;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #1e1e1e;
}

#bannerad {
    background: #C2CEB2;
    overflow: hidden;
    min-height: 90px; 
    padding:5px 0px 5px 0px; 
    z-index:9; 
    clear:both; 
    position:relative; 
}

/************************************CONTENT AREA********************************************/
#content_area
{
    border-top: 1px solid #C2CEC2;
    background: #C2CEB2;
    overflow: hidden;
    padding: 0px 0px 10px 0px;
    position: relative;
}
#content_area_content
{
    width: 950px;
    margin: 0 auto;
    clear: both;
    color: #5D4B4F;
    position: relative;
}
/*****************left content*********************/
#left_content
{
    position: relative;
    float: left;
    width: 614px;
    padding: 0px;
    margin: 0px;
}
#left_content ul
{
    margin-left: 5px;
}
/*****************left attachment*********************/
#left_attachment
{
    position: relative;
    float: left;
    width: 782px;
    padding: 0px;
    margin: 0px;
}
/*****************************fullbox*******************************/
#left_content .fullbox, #left_attachment .fullbox
{
    float: left;
    margin: 10px 5px 0px 5px;
    background-color: #FFFFFF;
    overflow: hidden;
    width: 604px;
    display: inline;
    position: relative;
}
#left_attachment .fullbox
{
    width: 772px;
}
#left_content .fullbox .fullbox_header, #left_attachment .fullbox .fullbox_header
{
    background: url(images/post_content_header.png) no-repeat left top;
    float: left;
    width: 604px;
    height: 3px;
    position: relative;
}
#left_attachment .fullbox .fullbox_header
{
    background: url(images/post_content_attach_header.png) no-repeat left top;
    width: 772px;
}
#left_content .fullbox .fullbox_footer, #left_attachment .fullbox .fullbox_footer
{
    background: url(images/post_content_footer.png) no-repeat left bottom;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    float: left;
    width: 604px;
    height: 3px;
    position: relative;
}
#left_attachment .fullbox .fullbox_footer
{
    background: url(images/post_content_attach_footer.png) no-repeat left bottom;
    width: 772px;
}
#left_content .fullbox .fullbox_content #left_attachment .fullbox .fullbox_content
{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    position: relative;
}
#left_attachment .fullbox .fullbox_content
{
    width: 772px;
}
.breadcrumb, .fullbox_content_header
{
    position: relative;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 10px 10px 30px;
    margin-left: 10px;
    background-image: url(images/tag.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.breadcrumb a, .fullbox_content_header a
{
    padding: 0px 5px 0px 5px;
    font-weight: bold;
}
.fullbox_content_header
{
    background-image: none;
}
.fullbox h3.title
{
    background: url(images/post_content_h1.png) no-repeat left top;
    margin: 0px;
    overflow: hidden;
    height: 30px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 10px 0px 10px;
}
.fullbox h1
{
    display: block;
    margin: 0px;
    padding: 0px 15px 5px 15px;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5;
}
.fullbox h2
{
    display: block;
    padding: 0px 15px 5px 15px;
    line-height: 1.5;
}
.fullbox .post_info
{
    float: left;
    font-size: 12px;
    margin: 4px;
    color: #666666;
    width: 596px;
    position: relative;
    background: #FEF1D9;
}
.fullbox .post_info a
{
    font-weight: bold;
}
.fullbox .post_info_left
{
    position: relative;
    float: left;
    padding: 6px 11px 6px 11px;
}
.fullbox .post_info .post_info_edit
{
    position: relative;
    float: left;
    padding: 6px 11px 6px 11px;
}
.fullbox .post_info .post_info_right
{
    position: relative;
    float: right;
    background: #fff;
    padding: 6px 11px 6px 11px;
    border-left: solid 1px #C2CEC2;
}
.fullbox .post_info .post_info_right a.post_comment
{
    position: relative;
    float: left;
    background-image: url(images/comments.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 24px;
    padding-left: 20px;
    text-transform: uppercase;
    padding-right: 10px;
}
.fullbox .post_info .post_info_right .post_bookmark
{
    position: relative;
    float: left;
    background-image: url(images/bookmark.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    height: 18px;
    padding-left: 15px;
    text-transform: uppercase;
}
.fullbox .post_content
{
    padding: 0px 15px 0px 15px;
    width: 95%;
    position: relative;
    float: left;
}
.fullbox .post_content ul
{
    overflow: auto;
    margin-left: 40px;
    padding-left: 40px;
}
.fullbox .post_content blockquote
{
    background: #FFFFFF url(img/blockquote.gif) no-repeat scroll 3px 3px;
    border: 1px dashed #CCCCCC;
    margin: 5px 0;
    padding: 8px 12px 8px 36px;
}
.fullbox .post_social_bookmark
{
    display: block;
    font-size: 12px;
    margin: 0px;
    padding: 0px 15px 0px 15px;
    text-align: left;
    color: #666666;
    position: relative;
    width: 100%;
    float: left;
}
.fullbox .post_social_bookmark img
{
    float: left;
    width: 37px;
    height: 37px;
    border: 0;
    display: inline;
}
.fullbox .post_social_bookmark a
{
    float: left;
    display: inline;
    margin: 2px;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.fullbox .post_social_bookmark a:hover
{
    background-color: #f1f1f1;
}
.fullbox .post_tags
{
    float: left;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    color: #666666;
    margin: 5px 15px 0px 15px;
    width: 552px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline;
}
.fullbox .post_tags a
{
    font-weight: bold;
}
.more-link
{
    float: right;
    font-size: 12px;
}
.fullbox .post_content a
{
    font-weight: bold;
}
.fullbox .post_content img
{
    border: none;
}
.fullbox_excerpt .fullbox_content_comment
{
    margin: 10px;
    float: left;
    width: 574px;
}
/* Image Alignment */
.fullbox .post_content .aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.fullbox .post_content .alignleft
{
    float: left;
    margin: 0 10px 5px 0;
}
.fullbox .post_content .alignright
{
    float: right;
    margin: 0 0 5px 10px;
}
/* Begin Comments*/
.alt
{
    margin: 0;
    padding: 10px;
}
.commentlist
{
    padding: 0;
    text-align: left;
}
.commentlist li
{
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
}
.commentlist li ul li
{
    margin-right: -5px;
    margin-left: 10px;
}
.commentlist p
{
    margin: 10px 5px 10px 0;
}
.children
{
    padding: 0;
}
#commentform p
{
    margin: 5px 0;
}
.nocomments
{
    text-align: center;
    margin: 0;
    padding: 0;
}
.commentmetadata
{
    margin: 0;
    display: block;
}
/* End Comments */
/******************************fullbox excerpt******************************/
.fullbox_excerpt
{
    float: left;
    margin: 10px 5px 0px 5px;
    background-color: #FFFFFF;
    overflow: hidden;
    width: 604px;
    display: inline;
    line-height: 1.5;
}
/********************************comment area***********************************/
.comment_area
{
    float: left;
    margin: 10px 5px 0px 5px;
    background-color: #FFFFFF;
    overflow: hidden;
    width: 604px;
    display: inline;
    line-height: 1.5;
    color: #666;
}
.comment_area a
{
    font-weight: bold;
}
.comment_area .comment_top
{
    background: url(images/post_content_header.png) no-repeat left top;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 604px;
    height: 3px;
}
.comment_area .comment_bottom
{
    background: url(images/post_content_footer.png) no-repeat left bottom;
    padding: 0px;
    margin: 0px;
    width: 604px;
    height: 3px;
}
.comment_area .nocomments
{
    margin: 0px;
    padding: 17px 5px 5px 10px;
    font-size: 15px;
    color: #046380;
    display: block;
}
.comment_area h2
{
    margin: 0px;
    padding: 7px 5px 5px 10px;
    font-size: 15px;
    color: #046380;
    display: block;
    border-bottom: 1px solid #EEEEEE;
}
.comment_area .comment_separator
{
    border-bottom: 1px solid #EEEEEE;
    margin: 5px 15px 0px 15px;
    width: 574px;
    display: inline;
    float: left;
}
.comment_area .comment_box
{
    width: 574px;
    display: inline;
    float: left;
    padding: 15px 15px 0px 15px;
    font-size: 12px;
}
.comment_box
{
    display: block;
}
.comment_box .comment_header
{
    display: block;
    padding-bottom: 5px;
}
.comment_box .comment_details
{
    display: block;
}
.comment_details .comment_avatar
{
    float: left;
    padding: 0px 5px 0px 0px;
    display: inline;
}
.comment_form
{
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
.comment_form .form_text_label
{
    display: block;
    padding-top: 10px;
}
.comment_form_instruction
{
    display: block;
    padding: 10px 0px 0px 0px;
    font-size: 12px;
}
.comment_form .text_area_style
{
    background: none;
    border: 1px solid #CCCCCC;
    margin: 0px 0px 0px 0px;
    padding: 2px 3px 0px 2px;
    width: 182px;
    height: 18px;
    outline: none;
    color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}
.comment_form .text_area_style2
{
    background: none;
    border: 1px solid #CCCCCC;
    margin: 0px 0px 0px 0px;
    padding: 2px 3px 0px 2px;
    width: 350px;
    height: 120px;
    outline: 0;
    color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}
.comment_form_submit
{
    display: block;
    padding-top: 15px;
}
.comment_form_submit .submit_btn
{
    width: 87px;
    height: 21px;
    float: left;
    border: none;
    background: url(images/btn_submit_comment.gif) no-repeat;
    cursor: pointer;
    position: relative;
    display: inline;
}
/******************right content - sidebar****************************/
#sidebar
{
    width: 336px;
}
#sidebar_attach
{
    width: 168px;
}
#sidebar, #sidebar_attach
{
    position: relative;
    background: #A6B096;
    float: right;
    padding-bottom: 10px;
}
#sidebar_top
{
    float: left;
    width: 336px;
    margin-bottom: -5px;
}
#sidebar_left
{
    float: left;
    width: 168px;
}
#sidebar_right
{
    float: right;
    width: 168px;
}
#sidebar_right .ads
{
    margin: 10px 5px 5px 5px;
    background-color: #FFFFFF;
    overflow: hidden;
}
#sidebar_right .ads .adbottom
{
    margin: 0px;
    padding: 0px;
    background: url(images/sidebar_box_footer.png) no-repeat left bottom;
    height: 5px;
}
#sidebar_right .ads .adheader
{
    margin: 0px;
    background: url(images/sidebar_box_header.png) no-repeat left top;
    height: 23px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 10px 0px 10px;
}
#sidebar_right .ads .adcontent
{
    margin: 0px;
    padding: 4px;
    background: #FFFFFF;
}
#sidebar .img_ads
{
    /*in content */
    text-align: center;
}
#sidebar .img_ads img
{
    border-width: 0px;
    margin: 8px 8px;
    padding: 0px;
}
/* sidebar box */
#sidebar .box, #sidebar_attach .box
{
    margin: 10px 5px 5px 5px;
    background-color: #FFFFFF;
    overflow: hidden;
}
#sidebar .box h3, #sidebar_attach .box h3
{
    background: url(images/sidebar_box_header.png) no-repeat left top;
    margin: 0px;
    overflow: hidden;
    height: 23px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 10px 0px 10px;
}
#sidebar .box .box_bottom, #sidebar_attach .box .box_bottom
{
    background: url(images/sidebar_box_footer.png) no-repeat left bottom;
    height: 5px;
}
/* sidebar box top */
#sidebar_top .box
{
    margin: 10px 5px 5px 5px;
    background: url(images/sidebar_box_bg_top.png) repeat-y;
    background-color: #FFFFFF;
    overflow: hidden;
}
#sidebar_top .box h3
{
    background: url(images/sidebar_box_header_top.png) no-repeat left top;
    margin: 0px;
    overflow: hidden;
    height: 23px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 10px 0px 10px;
}
#sidebar_top .box .box_bottom
{
    background: url(images/sidebar_box_footer_top.png) no-repeat left bottom;
    height: 5px;
}
#sidebar_top .box .box_header
{
    background: url(images/sidebar_box_header_top2.png) no-repeat left top;
    height: 5px;
}
/* sidebar box common properties */
#sidebar .box .box_content, #sidebar_attach .box .box_content
{
    font-size: 12px;
    padding: 10px 10px 5px 10px;
    overflow: hidden;
    color: #666;
    width: 336px;
}
#sidebar_right .box .box_content, #sidebar_left .box .box_content
{
    font-size: 12px;
    padding: 10px 10px 5px 10px;
    overflow: hidden;
    color: #666;
    width: 140px;
}
#sidebar .box .box_readers, #sidebar_attach .box .box_readers
{
    font-size: 12px;
    padding: 18px 0px 5px 22px;
    _padding: 5px 0px 25px 0px;
    overflow: hidden;
    color: #666;
    text-align: center;
    display: block;
}
#sidebar .box .box_readers .join, #sidebar_attach .box .box_readers .join
{
    margin: 8px 25px 5px 10px;
    _margin: 0px 25px 0px 0px;
    float: right;
    display: inline;
    overflow: hidden;
}
#sidebar .box .box_content ul, #sidebar .box .box_content ol, #sidebar_attach .box .box_content ul, #sidebar_attach .box .box_content ol
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}
#sidebar .box .box_content a, #sidebar_attach .box .box_content a
{
    display: block;
    outline: none;
    padding: 4px 0 6px;
    background: url(images/dot.gif) repeat-x bottom;
    width: 99%;
    color: #8B2B63;
    text-decoration: none;
}
/***************************FOOTER AREA***********************************************/
#footer_area
{
    background: #4D3530;
    border-bottom: 1px solid #040404;
    overflow: hidden;
    min-height: 180px;
}
#footer_area_content
{
    width: 950px;
    margin: 0 auto;
    clear: both;
    color: #CCCCCC;
    font-size: 12px;
    overflow: hidden;
}
#footer_area_content a
{
    color: #FFFFFF;
}
#footer_area_content .box
{
    float: left;
    width: 24.99%;
}
#footer_area_content .box .box_content
{
    margin: 10px;
}
#footer_area_content .box h3
{
    margin: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    border-bottom: 1px solid #4B4B4B;
    padding: 0px 0px 5px 0px;
}
#footer_area_content .box .box_content ol, #footer_area_content .box .box_content ul
{
    padding: 0;
    margin: 0;
}
#footer_area_content .box .box_content ol li, #footer_area_content .box .box_content ul li
{
    margin: 5px 0px 5px 20px;
    padding: 0;
    background: none;
}
#footer_area_content .ads
{
    margin: 0px 0px 0px 0px;
    padding: 0;
    float: left;
    height: 90px;
}
/***************************FOOTER BOTTOM***********************************************/
#footer_bottom
{
    padding: 5px 0 10px;
    clear: both;
    background: #938071;
    border-top: 1px solid #4B4B48;
    height: 20px;
}
#footer_bottom_content
{
    width: 950px;
    margin: 0 auto;
    padding-top: 5px;
    clear: both;
    color: #FFF;
    font-size: 12px;
}
#footer_bottom_content a
{
    display: inline;
    line-height: normal;
    color: #FFF;
    text-decoration: none;
}
#footer_bottom_content a:hover, #footer_bottom_content a:active, #footer_bottom_content a:focus
{
    color: #FFFFFF;
    text-decoration: underline;
}
/* post navigator */
#post-navigator-single
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
    font-size: 13px;
    line-height: 20px;
    display: block;
}
#post-navigator-single .alignleft
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 35%;
    overflow: hidden;
    height: 20px;
    display: inline;
}
#post-navigator-single .alignright
{
    margin: 0px;
    padding: 0px;
    float: right;
    width: 35%;
    overflow: hidden;
    height: 20px;
    display: inline;
}
#post-navigator-single a
{
    padding: 5px 8px;
    margin: 0px 0px 0px 3px;
}
#post-navigator, #page-navigator, .comments_page_nav
{
    color: #666666;
    margin: 10px 5px 3px 5px;
    padding: 0px;
    display: block;
    font-size: 12px;
}
#page-navigator .pages, #page-navigator .page
{
    background: #FFF;
    padding: 2px 6px;
    margin: 0px 5px 0px 0px;
    text-decoration: none;
    border: 1px solid #B9B9B9;
    color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline;
    float: left;
}
#page-navigator a
{
    cursor: pointer;
    font-weight: bolder;
}
#post-navigator .pages, #post-navigator .current, .comments_page_nav .current, .comments_page_nav .pages
{
    background: #ffffff;
    padding: 2px 6px;
    margin: 0px 5px 0px 0px;
    text-decoration: none;
    border: 1px solid #B9B9B9;
    color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline;
    float: left;
}
#post-navigator .pages, #post-navigator .extend
{
    background: #ffffff;
    padding: 2px 6px;
    margin: 0px 5px 0px 0px;
    text-decoration: none;
    border: 1px solid #B9B9B9;
    color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline;
    float: left;
}
#post-navigator a, .comments_page_nav a
{
    background: #ffffff;
    padding: 2px 6px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    border: 1px solid #B9B9B9;
    color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
}
#post-navigator a:hover, .comments_page_nav a:hover
{
    background: #EEEEEE;
    text-decoration: none;
    border: 1px solid #B9B9B9;
}
#post-navigator .alignleft, .comments_page_nav .alignleft
{
    float: left;
    width: 20%;
    margin: 10px 0 0px 0;
    position: relative;
    display: inline;
}
#post-navigator .alignright, .comments_page_nav .alignright
{
    float: right;
    width: 20%;
    display: inline;
    margin: 10px 0 0px 0;
    position: relative;
}
/* typography */
code
{
    font-family: "Courier New" , Courier, monospace;
    font-size: 12px;
    color: #333333;
    width: 70%;
}
.download
{
    background: #eaeed2 url(images/post-style/download.gif) no-repeat;
    background-position: 1px center;
}
.warning
{
    background: #d5c3c3 url(images/post-style/warning.gif) no-repeat;
    background-position: 1px center;
}
.note
{
    background: #f4f3f3 url(images/post-style/note.gif) no-repeat;
    background-position: 1px center;
}
.alert
{
    background: #FFE5BF url(images/post-style/alert.gif) no-repeat;
    background-position: 5px 8px;
}
.info
{
    background: #BFE5FF url(images/post-style/info.gif) no-repeat;
    background-position: 5px 8px;
}
.click
{
    background: #d9e7f0 url(images/post-style/click.gif) no-repeat;
    background-position: 1px center;
}
.download, .warning, .note, .alert, .info, .click
{
    padding: 12px 3px 12px 40px;
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #B1CDE0;
    font-size: 12px;
    line-height: 17px;
    color: #272727;
    font-weight: 500;
    position: relative;
    display: inline-block;
    text-decoration: none !important;
    overflow: visible;
}
/* Header menu */
#nav a, #subMenusContainer a
{
    text-decoration: none;
    display: block;
    margin: 0;
    float: left;
    background: none;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}
#nav li li a
{
    color: #fff;
    font-size: 12px;
    text-align: left;
    background-color: #000;
    padding: 5px 20px;
}
#nav li.special a
{
    color: #333;
}
#nav li a:hover, #nav li a:focus, #nav a.mainMenuParentBtnFocused
{
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #333;
    color: #fff;
}
#nav, #nav ul, #nav ol
{
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
    list-style-type: none;
}
#nav li.special
{
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #f37d7c;
    color: #fff;
}
#nav li
{
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    height: 44px;
    display: inline;
}
#nav
{
    width: 950px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    font-size: 12px;
    display: block;
    list-style-type: none;
}
/* RPI */
#tabs li a
{
    text-decoration: none;
    display: block;
    margin: 0;
    float: left;
    background: none;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #9e9e9e;
}
#tabs li a:hover, #tabs li a:focus, #tabs li a.mainMenuParentBtnFocused
{
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #1e1e1e;
    color: #fff;
}
#tabs ul
{
    list-style: none;
    line-height: 1em;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#tabs li
{
    cursor: pointer;
    float: left;
    margin: 0 2px 0 0;
    padding: 0 2px 0 0;
    display: inline;
    list-style-type: none;
}
#tabs
{
    width: 574px;
    clear: both;
    overflow: hidden;
    display: block;
    margin-top: 10px;
}
#tab-pop, #tab-1, #tab-2, #tab-3, #tab-4
{
    position: relative;
    float: left;
    width: 574px;
    display: block;
    background-color: #9e9e9e;
    padding-bottom: 7px;
}
#tabs .RPI_row
{
    float: left;
    width: 574px;
    overflow: hidden;
    display: block;
    padding-right: 10px;
}
#tabs .RPI_item
{
    float: left;
    width: 180px;
    margin-left: 7px;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    height: 93%;
    padding: 5px 0px 5px 0px;
    background-color: #fff;
}
#tabs .RPI_item:hover
{
    background-color: #EBF0FF;
}
#tabs .RPI_img_container
{
    border: 0;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 0px 4px 0px 4px;
}
#tabs .RPI_img
{
    height: 122px;
    overflow: hidden;
}
#tabs .RPI_img img
{
    border: none;
}
#tabs .RPI_title
{
    line-height: 1.2;
    display: block;
    text-align: center;
    padding: 0px 3px 0px 3px;
}
#tabs .RPI_excerpt
{
    line-height: 1.2;
    display: block;
    text-align: left;
    padding: 0px 3px 0px 3px;
}
#tabs .RPI_row
{
    height: 260px;
}
/** ratings **/
div.post-ratings
{
    width: 95%;
    border-top: 1px solid #CCCCCC;
    margin-right: 10px;
    padding: 10px 10px 10px 10px;
}
/** autocomplete **/
.autocomplete-w1
{
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 6px 0 0 6px;
}
.autocomplete
{
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}
.autocomplete .selected
{
    background: #F0F0F0;
}
.autocomplete div
{
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}
.autocomplete strong
{
    font-weight: normal;
    color: #3399FF;
}