Chce uzyskać efekt okrągłych avatarów, a chyba coś namieszałem w ipb_styles.css

[DKA]

Cześć,

problem jak w nazwie. Może mi ktoś poprawić, żeby uzyskać ładny efekt takich okrągłych avatarów?

 

/************************************************************************/
/* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services     */
/************************************************************************/
/* ipb_styles.css                                                        */
/************************************************************************/

@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);

/************************************************************************/
/* RESET (Thanks to YUI) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {    border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;    font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; }
address{ display: inline; }

/************************************************************************/
/* CORE ELEMENT STYLES */

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
    background: url({style_images_url}/backgrounds/background1.jpg);
    background-attachment : fixed;
    background-color: #191919;
    background-position: center top;
    color: #BCBCBC;
}

body {
    font: 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
}

input, select, textarea {
    font: 12px tahoma,helvetica,arial,sans-serif;
}

h3, strong { font-weight: bold; }
em { font-style: italic; }
img, .input_check, .input_radio { vertical-align: middle; }
legend { display: none; }
table { width: 100%; }
td { padding: 3px; }

h2 {
    clear: both;
    font-size: 1.6em;
    font-weight: normal;
    margin: 0 0 8px;
}
body h3 {
    color: #898989;
    font-size: 1.1em;
    font-weight: bold;
    /*padding: 5px 8px 3px;*/
}
h3 img {
    /*margin-top: -2px;*/
}
h3 a {
    text-decoration: none;
}

a {
    color: #EBEBEB;
    text-decoration: none;
}

    a:hover { color: #FFFFFF; }

#ipbwrapper {
    margin: 38px auto 0;
    min-width: 750px;
    width: 90%;
}

.wrapper {
    margin: 0 auto 0;
    min-width: 750px;
    width: 90%;
}
    
/************************************************************************/
/* LISTS */

.ipsList_inline > li {
    display: inline-block;
    margin: 0 3px;
}
    .ipsList_inline > li:first-child { margin-left: 0; }
    .ipsList_inline > li:last-child { margin-right: 0; }
    .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
    .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
    .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
    
.ipsList_withminiphoto > li { padding: 7px; }
.ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
.ipsList_withminiphoto > li .list_content { margin-left: 44px; }
#index_stats .ipsList_withtinyphoto .list_content,
.ipsList_withtinyphoto > li .list_content { margin-left: 32px; }
.list_content { word-wrap: break-word; }
.list_content a { color: #BCBCBC; }
.list_content a:hover { color: #fff; }

.ipsList_data li { padding: 6px; line-height: 1.3; }
.ipsList_data .row_data { display: inline-block; word-wrap: break-word; max-width: 100%; }
.ipsList_data .row_title, .ipsList_data .ft {
    display: inline-block;
    float: left;
    width: 120px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

.ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
    width: 80px;
}

/************************************************************************/
/* TYPOGRAPHY */

.ipsType_pagetitle, .ipsType_subtitle {
    font: 300 26px/1.3 Helvetica, Arial, sans-serif;
    color: #606060;
}
.ipsType_subtitle { font-size: 18px; }
.ipsType_sectiontitle {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    padding: 5px 0;
    border-bottom: 1px solid #ececec;
}

.ipsType_pagedesc {
    color: #7f7f7f;
    line-height: 1.5;
}

.ipsType_pagedesc a { text-decoration: underline; }

.ipsType_textblock { line-height: 1.5; color: #282828; }

.ipsType_small { font-size: 12px; }
.ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }
.ipsType_smallest, .ipsType_smallest a { font-size: 10px !important; }

.ipsReset { margin: 0px !important; padding: 0px !important; }

/************************************************************************/
/* LAYOUT */
#content .main_width {
    margin: 0 auto;
    /* Uncomment for fixed */
    /*width: 980px;*/
    /* Fluid */
    /*width: 87% !important;*/
       min-width: 960px;
}

#branding, #header_bar, #primary_nav { min-width: 980px; }
/*#header_bar .main_width, #branding .main_width, #primary_nav .main_width { padding: 0 10px; }*/


#content {
       clear: both;
       padding: 8px 0 0;
}

/************************************************************************/
/* COLORS */


.row1, .post_block.row1 {    background-color: #transparent;  }


.row2, .post_block.row2 {     background-color: transparent; }



.unread {
    /*background-color: #fcfcfc;*/
}


.unread .altrow, .unread.altrow { background-color: #E2E9F0; }

/* primarily used for topic preview header */
.highlighted, .highlighted .altrow { background-color: #171717; }

#recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table td, table.shoutbox_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment {
    border-bottom: 1px solid #111111;
    border-top: 1px solid #252525;
}

.ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, #announcements tr:first-of-type td, #forum_table tr:nth-of-type(2) td {
    border-top: 0 none;
}
.ipsSideMenu ul, #register_form hr, #login_form hr, .ipsSettings_section, #index_stats div[id*="statusReply"]:first-of-type {
    border-top: 1px solid #252525;
}
.articles .type-1x2x2 .article_row:last-of-type, .store_categories ul:last-of-type li:last-of-type, #idm_categories li:last-of-type a, #idm_category .idm_category_row:last-of-type, .sideVerticalList li:last-of-type, #index_stats div.status_reply[id*="statusReply"], .ipsList_withminiphoto li:last-of-type, .member_entry:last-of-type, .ipsList_data li:last-of-type, #help_topics li:last-of-type, table.ipb_table tr:last-of-type td {
    border-bottom: 0 none;
}

.ipsBox { background: #212121; }
    
    .ipsBox_notice, .ipsBox_highlight {
        background: #f4fcff;
        border-bottom: 1px solid #cae9f5;
    }

/* mini badges */
a.ipsBadge:hover { color: #fff; }

.ipsBadge_green { background: #7ba60d; }
.ipsBadge_purple { background: #af286d; }
.ipsBadge_grey { background: #5b5b5b; }
.ipsBadge_lightgrey { background: #b3b3b3; }
.ipsBadge_orange { background: #ED7710; }
.ipsBadge_red {    background: #bf1d00; }
.ipsBadge_sparkk {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    text-transform: uppercase;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    background: #205b93;
    font-weight: bold;
    font-size: 8pt;
}

.ipsBadge_sparkf {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    text-transform: uppercase;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    background: #205b93;
    font-weight: bold;
}

.bar {
    background: #9f0401 url({style_images_url}/triangles.png ) repeat bottom;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    color: #fff;
    padding: 8px 10px;
}
    
    .bar.altbar {
        background: #b6c7db;
        color: #1d3652;
    }

.header {
    background: #282828;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
.header th {
    /*border-bottom: 1px solid #E4E4E4;
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #E4E4E4;*/
}

    
    body .ipb_table .header a,
    body .topic_options a {
        color: #1d3652;
    }
    

.post_block {
    background: none repeat scroll 0 0 #191919;
    box-shadow: 0 1px 0 0 #8C8A93 inset, 0 2px 3px rgba(0, 0, 0, 0.2);
}

.bbc_url, .bbc_email {
    color: #0f72da;
    text-decoration: underline;
}



/* Dates */
.date, .poll_question .votes {
    color: #747474;
    font-size: 11px;
}


.no_messages {
    background-color: #232323;
    color: #898989;
    padding: 15px 10px;
}

/* Tab bars */
.tab_bar {
    background-color: #e4ebf2;
    color: #4a6784;
}

    .tab_bar li.active {
        background-color: #243f5c;
        color: #fff;
    }
    
    .tab_bar.no_title.mini {
        border-bottom: 8px solid #243f5c;
    }

/* Menu popups */
.ipbmenu_content, .ipb_autocomplete {
    background-color: #212121;
    border: 1px solid #282828;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 6px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 6px;
}

    .ipbmenu_content li, .ipb_autocomplete li {
        border-bottom: 1px solid #282828;
    }
    
        .ipb_autocomplete li.active {
            background: #cac8c8;
        }
    .ipbmenu_content a { color: #808080; }        
    .ipbmenu_content a:hover { color: #808080; background: #232323; }
        
/* Forms */

.input_submit {
    background: url({style_images_url}/highlight_faint.png) repeat-x scroll 0 0 #323232;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #2B2B2B;
    text-shadow: 0 -1px 0 #2B2B2B;
}

    .input_submit:hover { background-color: #434343; color: #fff; }

    .input_submit.alt {
        background: url({style_images_url}/highlight_faint.png) repeat-x scroll 0 0 #646464;
        border-color: #585858;
        color: #FFFFFF;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);
        text-shadow: 0 -1px 0 #474747;
    }

        .input_submit.alt:hover { background-color: #6F6F6F; color: #fff; }

    .input_submit.delete {
        background: #ad2930;
        border-color: #C8A5A4 #962D29 #962D29 #C8A5A4;
        color: #fff;
        -moz-box-shadow: inset 0 1px 0 0 #C8A5A4, 0px 2px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 1px 0 0 #C8A5A4, 0px 2px 3px rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 0 0 #C8A5A4, 0px 2px 3px rgba(0,0,0,0.2);
    }
    
        .input_submit.delete:hover { color: #fff; }

    
body#ipboard_body fieldset.submit,
body#ipboard_body p.submit {
    background-color: #212121;
}

/* Moderated styles */
.moderated, body .moderated td, .moderated td.altrow, .post_block.moderated,
body td.moderated, body td.moderated {
    background-color: #f8f1f3;
}
    
    .post_block.moderated { border-color: #e9d2d7; }    
    .moderated .row2 { background-color: #f0e0e3; }
    .moderated, .moderated a { color: #6f3642; }
    
body#ipboard_body.redirector {
    background: #fff !important;
}

/************************************************************************/
/* HEADER */

#header_bar {
    background: #9f0401 url({style_images_url}/triangles.png ) repeat bottom;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    font-family: "Lato" !important;
    text-align: right;
}

#header_bar.floating {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

#admin_bar li.active, #admin_bar li.active a, #admin_bar li.active a:hover {
    color: #fc6d35;
}

#admin_bar > li {
    margin: 0;
}

#admin_bar > li > a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 38px;
    line-height: 37px;
    outline: 0 none;
    padding: 0 12px;
    transition: all 0.3s ease-in-out 0s;
}

#admin_bar > li > a:hover {
    background: rgba(200, 200, 200, 0.39);
    color: #fff;
}

#admin_bar a { color: #fff; }
#admin_bar a:hover { color: #fff; }

#user_bar li.active, #user_bar li.active a, #user_bar li.active a:hover {
    color: #fc6d35;
}

#user_bar > li > a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 38px;
    line-height: 35px;
    outline: 0 none;
    padding: 0 12px;
    transition: all 0.3s ease-in-out 0s;
}
#user_bar > li > a.ipsUserPhotoLink, #user_bar > li > a.ipsUserPhotoLink:hover {
    padding: 0px 6px;
}
#user_bar > li > a:hover {
    background: rgba(200, 200, 200, 0.39);
    color: #fff;
}

#user_bar a { color: #fff; }
#user_bar a:hover { background: rgba(200, 200, 200, 0.39); }

#slider_bar {
    font-family: 'Open Sans Condensed','Arial Narrow',serif;
    float: right;
    margin-top: 10px;
    width: 500px;
}

#user_navigation { color: #9f9f9f; font-size: 11px; }
#user_navigation a { color: #fff; }
#user_navigation a:hover { color: #fff; }
#user_navigation .ipsList_inline li { margin: 0;} /* remove spacing from default ipsList_inline */

.user_photo {
    height: 34px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: auto;
}

#user_navigation.not_logged_in {
    height: 26px; padding: 6px 6px 4px;
}

#user_navigation .user_photo {
    height: 34px;
    margin: 2px -6px 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: auto;
}

#user_link {
    font-size: 12px;
    color: #fff;
    padding: 0 12px;
    height: 38px;
    line-height: 36px;
    display: inline-block;
    outline: 0;
}
    
    #user_link_dd, .dropdownIndicator {
        display: inline-block;
        width: 9px; height: 5px;
        background: url({style_images_url}/header_dropdown.png ) no-repeat left;
    }
    
    #user_link:hover, #notify_link:hover, #inbox_link:hover { /*background-color: #323232;*/ }

#user_link_menucontent #links li {
    width: 50%;
    float: left;
    margin: 3px 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    white-space: nowrap;
}
#user_link_menucontent #links li a { color:#BCBCBC; }

#user_link.menu_active {
    background: rgba(200, 200, 200, 0.39);
    color: #323232;
}
    
    #user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator { background-position: right; }
        #community_app_menu .menu_active .dropdownIndicator { background-position: left; }
            #community_app_menu li.active .menu_active .dropdownIndicator { background-position: right; }
    #user_link_menucontent #statusForm { margin-bottom: 15px; }
    #user_link_menucontent #statusUpdate {    margin-bottom: 5px; }
    
#user_link_menucontent > div {
    margin-left: 15px;
    width: 265px;
    text-align: left;
}


#statusSubmitGlobal { margin-top: 3px; }

#user_link.menu_active, #notify_link.menu_active, #inbox_link.menu_active {
    background-position: bottom;
    background-color: #fff;
}

#notify_link, #inbox_link {
    vertical-align: middle;
    width: 20px;
    padding: 0px 8px !important;
    position: relative;
}

#notify_link img { background-image: url({style_images_url}/icon_notify.png ) }
#inbox_link img { background-image: url({style_images_url}/icon_inbox.png ) }

#notify_link img, #inbox_link img {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 20px;
    margin-top: -2px;
    width: 20px;
}

#user_navigation #register_link {
    background: #9f0401 url({style_images_url}/triangles.png ) repeat-x top;
    color: #fff;
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #720200;
    -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
    box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
    text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}


#branding {
    /*min-height: 64px;*/
    height: 290px;
}
    #logo a.textLogo { font: 43px 'Cuprum',Trebuchet MS,Arial,Helvetica,sans-serif; text-shadow: 2px 2px 5px rgba(0,0,0,0.92); }
    #logo { display: inline; float: left; margin-top: 10px;}
    /*#nav_icons { display: inline; float: left;}*/

#bgChanger {
    display: none;
}
#bgChanger .wrapper {
    padding: 10px 0;
    text-align: center;
}

#bgChanger ul#bgTabs {
    display: block;
    height: 26px;
    list-style: none outside none;
    position: relative;
    z-index: 10;
    text-align: left;
}
#bgChanger ul#bgTabs li {
    color: #BFBFBF;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    margin: 0 1px;
    padding: 1px 10px 0;
}
#bgChanger ul#bgTabs li:hover {
    color: #FFFFFF;
}
#bgChanger ul#bgTabs li.active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.04) 100%) repeat scroll 0 0 #222222;
    border-color: #585858 #585858 -moz-use-text-color;
    border-image: none;
    border-radius: 0px 0px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #FFFFFF;
    margin: 0;
    padding-top: 0;
}
#bgChanger .bgBoxes {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100%) repeat scroll 0 0 #222222;
    border-radius: 1px;
    border: 1px solid #585858;
    padding: 10px 0px 6px 0px;
    position: relative;
    top: -1px;
    text-align: center;
    z-index: 5;
}
#bgChanger .bgBoxes span {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    line-height: 59px;
    margin: 0 0.2%;
    max-width: 100px;
    min-width: 40px;
    overflow: hidden;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    width: 7%;
}
#bgChanger .bgBoxes span:hover {
    box-shadow: 0 100px 0 rgba(255, 255, 255, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}
#bgChanger .bgBoxes span:active {
    position: relative;
    top: 1px;
}
#bgChanger .bgBoxesbg {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100%) repeat scroll 0 0 #222222;
    border-radius: 1px;
    border: 1px solid #585858;
    padding: 12px 0px 0px 12px;
    position: relative;
    top: -1px;
    text-align: center;
    z-index: 5;
}
#bgChanger .bgBoxesbg span {
    background-position: 50% 50%;
    background-repeat: repeat;
    background-size: cover;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    display: inline-block;
    margin: 0 1% 10px 0;
    height: 100px;
    width: 15%;
}
#bgChanger .bgBoxesbg span:hover {
    box-shadow: 0 100px 0 rgba(255, 255, 255, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}

#togglebgChanger {
    cursor: pointer;
}

#primary_nav {
    background: url({style_images_url}/triangles.png) repeat-x scroll center top #9f0401;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15) inset;
    border-radius: 0px;
    line-height: 1;
    font-family: "Lato" !important;
    /*padding: 4px 0 0 0;*/
    /*padding: 8px 5px 8px 8px;*/
    margin-bottom: 10px;
    text-transform: uppercase;
}

    #community_app_menu > li { margin: 0px 0px 0px 0px; position: relative; }

    
    #community_app_menu > li > a {
        /*background: #9f0401 url({style_images_url}/triangles.png) repeat-x top;
        border: 1px solid #720200;*/
        color: #fff;
        /*background: #1c3b5f;*/
        display: block;
        padding: 16px;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
        transition: all 0.3s ease-in-out 0s;
    }

        
        #community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
            background: rgba(200, 200, 200, 0.39);
            color: #fff;
        }
    
    
    #community_app_menu > li.active > a {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6) inset;
        color: #fff;
        font-weight: bold;
        margin-top: 0;
        text-shadow: none;
    }

    #community_app_menu img {
        height: 16px;
        margin: -3px;
        opacity: 0.8;
        position: relative;
        vertical-align: top;
        width: 16px;
    }

#quickNavLaunch span {
    background: url({style_images_url}/icon_quicknav.png ) no-repeat top;
    width: 13px;
    height: 13px;
    display: inline-block;
}
/*#quickNavLaunch:hover span { background: url({style_images_url}/icon_quicknav.png ) no-repeat bottom; }*/

#quickSearchLaunch span {
    background: url({style_images_url}/search_icon.png ) no-repeat top;
    width: 13px;
    height: 13px;
    display: inline-block;
}

#primary_nav #quickNavLaunch #quickSearchLaunch { padding: 15px; }

#more_apps_menucontent, .submenu_container {
    background: #9f0401 url({style_images_url}/triangles.png ) repeat-x top;
        border-radius: 0px 3px 3px 3px;
    font-size: 12px;
    border: 0;
    min-width: 140px;
}
    #more_apps_menucontent li, .submenu_container li { padding: 0; border: 0; float: none !important; min-width: 150px; }
    #more_apps_menucontent a, .submenu_container a {
        display: block;
        padding: 8px 10px;
        color: #fff;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    }

    #more_apps_menucontent li:hover, .submenu_container li:hover { /*background-color: #fff !important;*/ }
    
    #more_apps_menucontent li:hover a, .submenu_container li:hover a { color: #000; text-shadow: none; }

#community_app_menu .submenu_container,
#more_apps_menucontent.submenu_container {
    width: 260px;
}

    #community_app_menu .submenu_container li,
    #more_apps_menucontent.submenu_container li {
        width: 260px;
    }

.breadcrumb {
    color: #777;
    font-size: 11px;
}
    .breadcrumb a { color: #777; }
    .breadcrumb li .nav_sep { margin: 0 5px 0 0; }
    .breadcrumb li:first-child{ margin-left: 0; }
    .breadcrumb.top { margin-bottom: 10px; }
    .breadcrumb.bottom { margin-top: 10px; width: 100% }

.ipsHeaderMenu {
    background: url({style_images_url}/triangles.png) repeat-x scroll center top #9f0401;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15) inset;
    padding: 10px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    width: 340px;
}

    .ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }
    
    #user_notifications_link_menucontent.ipsHeaderMenu,
    #user_inbox_link_menucontent.ipsHeaderMenu {
        width: 300px;
    }

#secondary_navigation_con {
    /*background: url("{style_images_url}/secondary_nav.gif") repeat-x scroll 0 0 transparent;*/
    /*height: 35px;*/
}
#secondary_navigation_left {
    /*background: url("{style_images_url}/secondary_nav.gif") no-repeat scroll 0 -37px transparent;*/
    /*height: 35px;*/
}
#secondary_navigation_right {
    /*background: url("{style_images_url}/secondary_nav.gif") no-repeat scroll 100% -74px transparent;*/
    /*height: 35px;*/
}

#secondary_navigation {
    background: url("{style_images_url}/secondary_nav_bg.png") repeat-x scroll 0 0 #2c2c2c;
    border: 1px solid #202020;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0 2px #000 inset;
    line-height: 37px;
    font-size: 0.85em;
    clear: both;
    color: #838383;
    text-transform: uppercase;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 8px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

#secondary_navigation li {
    background: url("{style_images_url}/nav_sep.png") no-repeat scroll 0px 0px transparent;
    float: left;
    padding-left: 18px;
    padding-right: 5px;
}
#secondary_navigation li.first {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}
#secondary_navigation #section_links li {
    background-image: none;
    padding: 0 5px;
    text-shadow: none;
}
#secondary_navigation a {
    color: #838383;
    text-decoration: none;
}
#secondary_navigation a:hover {
    color: #505050;
}

.nav_home {
    position: relative;
    top: -2px;
}

/************************************************************************/
/* SEARCH */    

#search { margin: 5px 15px 0 -5px; text-align:left; }
#main_search {
    font-size: 12px;
    border: 0;
    padding: 0;
    background: transparent;
    width: 130px;
    outline: 0;
}

    #main_search.inactive {    color: #BCBCBC;    }
    
#search_wrap {
    position: relative;
    background: #fff;
    display: block;
    padding: 0 26px 0 4px;
    height: 26px;
    line-height: 25px;
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    min-width: 230px;
}

#adv_search {
    width: 16px;
    height: 16px;
    background: url({style_images_url}/advanced_search.png) no-repeat right 50%;
    text-indent: -3000em;
    display: inline-block;
    margin: 4px 0 4px 4px;
}


#search .submit_input {
    background: #9f0401 url({style_images_url}/search_icon.png) no-repeat 50%;
    text-indent: -3000em;
    padding: 0; border: 0;
    border: 1px solid #9f0401;
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0; top: 0; bottom: 0;
    -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}

#search_options {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 3px 3px 3px 0;
    padding: 0 6px;
    background: #AD0101;
    display: inline-block;
    float: right;
    text-shadow: 0 1px 0 #000000;
    max-width: 80px;
    text-overflow:ellipsis;
    overflow: hidden;
}

#search_options_menucontent { min-width: 100px; white-space: nowrap; }
    #search_options_menucontent input { margin-right: 10px; }
    #search_options_menucontent li { border-bottom: 0; }
    #search_options_menucontent label { cursor: pointer; }
    
/************************************************************************/
/* FOOTER */    

#backtotop {
    /*width: 24px;
    height: 24px;*/
    line-height: 20px;
    left: 50%;
    ;
    display: inline-block;
    text-align: center;
    opacity: 0.4;
    outline: 0;
}

    #backtotop:hover {
        color: #fff;
        opacity: 1;
    }

#board_footer {
    clear: both;
    color: #848484;
    margin: 0 -8px -8px;
    overflow: hidden;
}
#board_footer ul#utility_links li {
    float: left;
    padding-right: 8px;
}
#board_footer p {
    text-align: right;
}
#board_footer a {
    color: #848484;
}

#footer_utilities {
    padding: 10px;
    font-size: 11px;
    position: relative;
}
    
    #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; }
    #footer_utilities a.menu_active {
        background: #111111;
        margin-top: -5px;
        padding: 3px 9px 4px !important;
        z-index: 20000;
        position: relative;
        display: inline-block;
        border: 1px solid #252525;
        border-bottom: 0;
    }
    
.skin_link {
    clear: right;
    float: right;
    /*font-family: Calibri,Ubuntu,Arial;*/
    font-size: 11px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}

    .skin_link, .skin_link a {
        color: #848484;
        text-decoration: none;
    }

    .skin_link a:hover {
        text-decoration: underline;
    }

    #copyright {
        float: right;
        /*font-family: Calibri,Ubuntu,Arial;*/
        font-size: 11px;
        /*font-weight: bold;*/
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    }
    
        #copyright a { color: #848484; }
        #copyright a:hover { text-decoration: underline; }

.content {
    background: #191919;
    border: 1px solid #202020;
    box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.6);
    padding: 10px;
    opacity: 0.94;
}

#ipsDebug_footer {
    width: 900px;
    margin: 8px auto 0px auto;
    text-align: center;
    color: #1A1A1A;
    text-shadow: 0px 1px 0px #fff;
    font-size: 11px;
}
    #ipsDebug_footer strong { margin-left: 20px; }
    #ipsDebug_footer a { color: #1A1A1A; }
    
#rss_menu {
    background-color: #fef3d7;
    border: 1px solid #ed7710;
}
    
    #rss_menu li { border-bottom: 1px solid #fce19b; }
    #rss_menu a {
        color: #ed7710;
        padding: 5px 8px;
    }

        #rss_menu a:hover {
            background-color: #ed7710;
            color: #fff;
        }

/************************************************************************/
/* GENERAL CONTENT */

.ipsUserPhoto {
    /*padding: 1px;
    border: 1px solid #d5d5d5;
    background: #F2F0F0;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        border-radius:50%;*/
}
    
    .ipsUserPhotoLink:hover .ipsUserPhoto {
        border-color: #c3c3c3;
                border-radius: 50px;
    }
    
    .ipsUserPhoto_variable { max-width: 155px; }
    .ipsUserPhoto_large { max-width: 90px; max-height: 90px; }
    .ipsUserPhoto_medium { width: 50px; height: 50px; }
    .ipsUserPhoto_mini { width: 34px; height: 34px; }
    .ipsUserPhoto_tiny { width: 20px; height: 20px;    }
    .ipsUserPhoto_icon { width: 16px; height: 16px;    }

a.ipsUserPhotoLink, a.userNavPhoto {
    position: relative;
}

.author_info a.ipsUserPhotoLink, #friends_overview a.ipsUserPhotoLink, .friend_list a.ipsUserPhotoLink, #message_table .col_m_photo a.ipsUserPhotoLink, .vcard a.ipsUserPhotoLink, #search_results a.ipsUserPhotoLink, .ipbfs_titlebox a.ipsUserPhotoLink, .col_n_photo a.ipsUserPhotoLink, #chatters-online a.ipsUserPhotoLink {
    display: inline-block;
}

a.userNavPhoto:after, a.ipsUserPhotoLink:after {
    bottom: 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

a.userNavPhoto:after, a.ipsUserPhotoLink:after {
    border-radius: 2px;
}

.general_box {
    /*background-color: #1A1A1A;
    border: 1px solid #202020;
    padding: 10px;*/
}
    .general_box h3 {
        background: #9f0401 url({style_images_url}/triangles.png) repeat-x top;
        box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15) inset;
    color: #ffffff;
        font-family: 'Open Sans Condensed',sans-serif;
        padding: 8px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    }

.general_box .none {
    color: #BCBCBC;
}

.general_box.border {
    background-color: #1A1A1A;
    border: 1px solid #202020;
    padding: 10px;
}

.general_box.alt {
    padding: 0;
}
.general_box.alt h3 {
    /*margin: 0 0 5px;*/
}
.general_box a {
    text-decoration: none;
    transition: all 0.5s ease-in 0s;
}
.general_box .block_list {
    font-size: 0.9em;
    margin: 0;
    padding-top: 5px;
}
.general_box .block_list li {
    margin: 0;
    padding: 6px;
}

.ipsBox, .ipsPad { padding: 9px; }
    .ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */
    .ipsBox_withphoto { margin-left: 65px; }
    
    
    .ipsBox_container {
        background: #1A1A1A;
        border: 1px solid #202020;
    }
    .ipsBox_container.moderated {
        background: #f8f1f3;
        border: 1px solid #d6b0bb;
    }
    .ipsBox_notice {
        padding: 10px;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    .ipsBox_container .ipsBox_notice {    margin: -10px -10px 10px -10px;    }
.ipsPad_half { padding: 4px !important; }
.ipsPad_left { padding-left: 9px; }
.ipsPad_top { padding-top: 9px; }
.ipsPad_top_slimmer { padding-top: 7px; }
.ipsPad_top_half { padding-top: 4px; }
.ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }
.ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }
.ipsMargin_top { margin-top: 9px; }

.ipsBlendLinks_target .ipsBlendLinks_here {
        opacity: 0.5;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
    }
    .ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; }
    
.block_list > li {
    padding: 5px 10px;
    /*border-bottom: 1px solid #f2f2f2;*/
}

.ipsModMenu {
    width: 15px;
    height: 15px;
    display: inline-block;
    text-indent: -2000em;
    background: url({style_images_url}/moderation_cog.png ) no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}

.ipsBadge {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

    .ipsBadge.has_icon img {
        max-height: 7px;
        vertical-align: baseline;
    }
    
    #nav_app_ipchat .ipsBadge {    position: absolute;    }
    
#ajax_loading {
    background: #95C715;
    background: -moz-linear-gradient(top, #9f0401 0%, #650200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95C715), color-stop(100%,#7BA60D));
    background: linear-gradient(top, #95C715 0%,#7BA60D 100%);
    border: 1px solid #720200;
    color: #fff;
    text-align: center;
    padding: 5px 0 8px;
    width: 8%;
    top: 0px;
    left: 46%;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-radius: 0 0 5px 5px;
    z-index: 10000;
    position: fixed;
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
}

#ipboard_body.redirector {
    width: 500px;
    margin: 150px auto 0 auto;
}

#ipboard_body.minimal { margin-top: 40px; }
    #ipboard_body.minimal #content {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 20px 30px;
    }
    #ipboard_body.minimal h1 { font-size: 32px; }
    #ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; }

.progress_bar {
    background-color: #555555;
    border: 1px solid #888888;
}

    .progress_bar span {
        background: #909090 url({style_images_url}/highlight_reallyfaint.png) repeat-x left 50%;
        color: #fff;
        font-size: 0em;
        font-weight: bold;
        text-align: center;
        text-indent: -2000em; /* Safari fix */
        height: 10px;
        display: block;
        overflow: hidden;
    }

    .progress_bar.limit span {
        background: #b82929 url({style_images_url}/progressbar_warning.png) repeat-x center;
    }

    .progress_bar span span {
        display: none;
    }

.progress_bar.user_warn {    
    margin: 0 auto;
    width: 80%;
}

    .progress_bar.user_warn span {
        height: 6px;
    }

.progress_bar.topic_poll {
    margin-top: 2px;
    width: 40%;
}

li.rating a {
    outline: 0;
}

.antispam_img { margin: 0 3px 5px 0; }
    
span.error {
    color: #ad2930;
    /*font-weight: bold;*/
    clear: both;
}

#recaptcha_widget_div { max-width: 350px; }
#recaptcha_table { border: 0 !important; }

.mediatag_wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.mediatag_wrapper iframe,  
.mediatag_wrapper object,  
.mediatag_wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************************************************************************/
/* GENERIC REPEATED STYLES */
/* Inline lists */
.tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label,.user_controls li {
    display: inline;
}

/* Utility styles */
.right { float: right; }
.left { float: left; }
.hide { display: none; }
.short { text-align: center; }
.clear { clear: both; }
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.faded { opacity: 0.5 }
.clickable { cursor: pointer; }
.reset_cursor { cursor: default; }

/* Bullets */
.bullets ul, .bullets ol,
ul.bullets, ol.bullets {
    list-style: disc;
    margin-left: 30px;
    line-height: 150%;
    list-style-image: none;
}

.removeDefault .ipsBox, .removeDefault.ipsBox {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}

.removeDefault .ipsBox_container, .removeDefault.ipsBox_container {
    border: 0 none;
}

.blurBox {
    background: url({style_images_url}/serverviewer.png) no-repeat 0 0;
    /*background-attachment: fixed;
    background-position: 50% 0;*/
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.5);
    padding: 9px;
}

.maintitle {
    background: #9f0401 url({style_images_url}/triangles.png) repeat-x top;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15) inset;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

    .maintitle a {    color: #fff; }
    
    .collapsed .maintitle {
        opacity: 0.2;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    
        .collapsed .maintitle:hover { opacity: 0.4; }

    .maintitle .toggle {
        /*visibility: hidden;*/
        background: url({style_images_url}/cat_minimize.png) no-repeat;
        text-indent: -3000em;
        width: 28px; height: 17px;
        display: block;
        outline: 0;
        line-height: 1px;
        margin-top: 1px;
    }
        .maintitle:hover .toggle { visibility: visible; }

    .maintitle .desc {
        color: #F6E8E0;
        font-size: 0.8em;
        line-height: 20px;
    }

    .collapsed .toggle {
        background-image: url({style_images_url}/cat_maximize.png);
    }    

body .blurBox .maintitle {
    background: url("{style_images_url}/triangles.png") repeat-x scroll 0 -1px #9f0401;
    border: 1px solid #720200;
    color: #FFFFFF;
    font-family: 'Cuprum',sans-serif;
    margin: 0 !important;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0 -1px 0 #720200;
    /*padding: 0px 0px 7px 0px;*/
}

/* Rounded corners */
#user_navigation #new_msg_count, .poll_question h4,
.rounded {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.__forum_desc {
    padding-top: 5px;
}

.desc, .desc.blend_links a, p.posted_info {
    font-size: 12px;
    color: #898989;
}


.desc.lighter, .desc.lighter.blend_links a {
    color: #a4a4a4;
}

/* Cancel */
.cancel {
    color: #ad2930;
    font-size: 0.9em;
    font-weight: bold;
}

/* Moderation */
em.moderated {
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
}

/* Positive/Negative */
.positive {    color: #8A9928; }
.negative {    color: #c7172b; }

/* Search highlighting */
.searchlite
{
    background-color: yellow;
    color: red;
    font-size:14px;
}

/* Users posting */
.activeuserposting {
    font-style: italic;
}
    
/************************************************************************/
/* COLUMN WIDTHS FOR TABLES */
/* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */

.col_f_post { width: 250px !important; }
    .is_mod .col_f_post { width: 210px !important; }

    td.col_c_post {
        padding-top: 10px !important;
        width: 250px;
    }

.col_f_icon {
    padding: 10px 0 0 0 !important;
    width: 24px !important;
    text-align: center;
    vertical-align: top;
}

.col_n_icon {
    vertical-align: middle;
    width: 24px;
    padding: 0 !important;
}
    
.col_f_views, .col_m_replies {
    width: 100px !important;
    text-align: right;
    white-space: nowrap;
}

.col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; }
.col_f_preview {
    width: 20px !important;
    text-align: right;
}

.col_c_icon { padding: 10px 5px 10px 5px !important; width: 30px; vertical-align: middle; text-align: middle; }
.col_c_post .ipsUserPhoto { /*margin-top: 3px;*/ }

.col_n_date { width: 250px; }
.col_m_photo, .col_n_photo { width: 30px; }
.col_m_mod { text-align: right; }
.col_r_icon { width: 3%; }
.col_f_topic, .col_m_subject { width: 49%; }
.col_f_starter, .col_r_total, .col_r_comments {    width: 10%; }
.col_m_date, .col_r_updated, .col_r_section { width: 18%; }
.col_c_stats { line-height: 18px; width: 15%; text-align: center; }
.col_c_forum { width: auto; }
.col_mod, .col_r_mod { width: 3%; }
.col_r_title { width: 26%; }

/*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/

/************************************************************************/
/* TABLE STYLES */

table.ipb_table {
    border: 1px solid #151515;
    line-height: 120%;
}
    
    table.ipb_table td {
        padding: 10px;
        /*border-bottom: 1px solid #E3E3E3;*/
        /*border-top: 1px solid #FFFFFF;*/
    }

    table.ipb_table tr:hover td{
        background-color:#202020;
    }
        table.ipb_table tr.unread h4 { font-weight: bold; }
        table.ipb_table tr.highlighted td { border-bottom: 0; }
    
    table.ipb_table a:hover, body table.ipb_table th a {
        /*border-bottom: 1px dashed #5d0200;*/
    }

    table.ipb_table th {
        font-size: 11px;
        font-weight: bold;
        padding: 8px 6px;
    }

table.news tr:hover td {
    background-color: transparent;
}

table.serverstable {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 0px 0px 4px 4px;
}

table.serverstable tr {
    background: #fff url({style_images_url}/triangles.png) repeat-x top;
    color: #5b5b5b;
    text-shadow: #2c2c2c;
}
    table.serverstable td {
        border-bottom: 1px dashed #5d0200;
        color: #3c372f;
        /*font: 11px tahoma,helvetica,arial,sans-serif;*/
        /*font-family: 'Open Sans Condensed',sans-serif;
        font-size: 11px;*/
        /*height: 28px;*/
    }

    table.serverstable tr:hover td {
        background-color: rgba(0, 0, 0, 0.04);
    }


.last_post { margin-left: 45px; }

table.ipb_table h4,
table.ipb_table .topic_title {
    display: inline;
    font-family: Calibri,"Segoe UI",Ubuntu,Arial;
    font-size: 15px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8);
}

table.ipb_table  .unread .topic_title { font-weight: bold; }
table.ipb_table .ipsModMenu { visibility: hidden; }
table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; }

#announcements h4 { display: inline; }
#announcements td { border-bottom: 1px solid #fff; }

.forum_data {
    font-size: 11px;
    color: #5c5c5c;
    display: inline-block;
    white-space: nowrap;
    margin: 0px 0 0 8px;
}

..desc, .desc.ata {
    font-size: 11px;
    color: #5c5c5c;
    display: inline-block;
    white-space: nowrap;
    margin: 0px 0 0 8px;
}

.desc_more {
    background: url({style_images_url}/desc_more.png ) no-repeat top;
    display: inline-block;
    width: 13px; height: 13px;
    text-indent: -2000em;
}
    .desc_more:hover { background-position: bottom; }

.category_block .ipb_table h4 { font-size: 15px; word-wrap: break-word; }

#idm_category .idm_category_row, .store_categories li, #idm_categories a, .ipsList_data li, .ipsList_withminiphoto li, table.shoutbox_table tr td, table.ipb_table tr td {
    background-image: url({style_images_url}/row_gradient.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}

table.ipb_table .subforums {
/*    margin: 2px 0 3px 5px;
    padding-left: 20px;
    background: url({style_images_url}/subforum_stem.png) no-repeat left 4px;
*/
}

    table.ipb_table .subforums li {
        background: url("{style_images_url}/subforum_nonew.png") no-repeat scroll 0 50% transparent;
        font-size: 0.85em;
        float: left;
        padding: 0 4px 0 15px;
    }
    table.ipb_table .subforums li.unread {
        background-image: url("{style_images_url}/subforum_new.png");
        /*font-weight: bold;*/
        color: #4D4D4D;
        float: left;
        font-size: 0.85em;
        padding: 0 4px 0 16px;
    }

    table.ipb_table ol.subforums {
        margin-top: 3px;
                float: left;
                width: 50%;
    }

    table.ipb_table ol.subforums1 {
                width: 50%;          
    }

table.ipb_table .expander {
    visibility: hidden;
    width: 90px;
    height: 18px;
    display: inline-block;
}
table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; }
table.ipb_table td.col_f_preview { cursor: pointer; }
table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; }
table.ipb_table .expander.closed { background: url({style_images_url}/icon_expand_close.png ) no-repeat top; }
table.ipb_table .expander.open { background: url({style_images_url}/icon_expand_close.png ) no-repeat bottom; }
table.ipb_table .expander.loading { background: url({style_images_url}/loading.gif ) no-repeat; }
table.ipb_table .preview td {
    padding: 20px 10px 20px 29px;
    z-index: 20000;
    border-top: 0;
}

    table.ipb_table .preview td > div {
        line-height: 1.4;
        position: relative;        
    }
    
    table.ipb_table .preview td {
        -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
        box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
        /*border: 1px solid #D6E4F0;*/
    }

.preview_col {
    margin-left: 80px;
}

.preview_info {
    border: 1px solid #373737;
    padding: 3px;
    margin: -3px 0 3px;
}

table.ipb_table .mini_pagination { opacity: 0.5; }
table.ipb_table tr:hover .mini_pagination { opacity: 1; }

.staty {
    background: url("{style_images_url}/highlight.png") repeat-x scroll center top #1d1d1d;
}

/************************************************************************/
/* LAYOUT SYSTEM */

.ipsLayout.ipsLayout_withleft { padding-left: 210px; }
    .ipsBox.ipsLayout.ipsLayout_withleft { padding-left: 220px; }
.ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }
    .ipsBox.ipsLayout.ipsLayout_withright { padding-right: 220px; }
    
/* Panes */
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }
.ipsLayout_content { width: 100%; float: left; }
.ipsLayout .ipsLayout_left { width: 200px; ; float: left; }
.ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }

/* Wider sidebars */
.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
    .ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; }
.ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; ; }
.ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; }
    .ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }
.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 270px; margin-right: -280px; }

/* Narrow sidebars */
.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }
    .ipsBox.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 160px; }
.ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; ; }
.ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; }
    .ipsBox.ipsLayout_smallright.ipsLayout_withright { padding-right: 160px; }
.ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; }

/* Tiny sidebar */
.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }
    .ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; }
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; ; }
.ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; }
    .ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; }
.ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -50px; }

/* Big sidebar */
.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }
    .ipsBox.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 340px; }
.ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; ; }
.ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; }
    .ipsBox.ipsLayout_bigright.ipsLayout_withright { padding-right: 340px; }
.ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; }

/* Even Wider sidebars */
.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; }
    .ipsBox.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 390px; }
.ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; ; }
.ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; }
    .ipsBox.ipsLayout_hugeright.ipsLayout_withright { padding-right: 390px; }
.ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; }

/************************************************************************/
/* NEW FORMS */

.ipsField .ipsField_title {
    font-weight: bold;
    font-size: 13px;
}

.ipsForm_required {
    color: #ab1f39;
    font-weight: bold;
}

.ipsForm_horizontal .ipsField_title {
    float: left;
    width: 185px;
    padding-right: 15px;
    text-align: right;
    line-height: 1.8;
}

.ipsForm_horizontal .ipsField { margin-bottom: 15px; }
.ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; }
.ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; }
.ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; }

.ipsForm_vertical .ipsField { margin-bottom: 10px; }
.ipsForm_vertical .ipsField_content { margin-top: 3px; }

.ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; }
.ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; }

.ipsField_primary input { font-size: 18px; }

.ipsForm_submit {
    background: #191919;
    padding: 5px 10px;
    text-align: right;
    border-top: 1px solid #252525;
    margin-top: 25px;
}

.ipsForm_right { text-align: right; }
.ipsForm_left { text-align: left; }
.ipsForm_center { text-align: center; }

/************************************************************************/
/* SETTINGS SCREENS */
.ipsSettings_pagetitle { font-size: 20px; margin-bottom: 5px; }
.ipsSettings { padding: 0 0px; }
.ipsSettings_section {
    margin: 0 0 15px 0;
    border-top: 1px solid #252525;
    padding: 15px 0 0 0;
}
    
    .ipsSettings_section > div { margin-left: 175px; }
    .ipsSettings_section > div ul li { margin-bottom: 10px; }
    .ipsSettings_section .desc { margin-top: 3px; }
    
.ipsSettings_sectiontitle {
    font: bold 13px/18px Helvetica,Arial,sans-serif;
    /*color: #151515;*/
    /*width: 165px;*/
    padding-left: 10px;
    float: left;
}

.ipsSettings_fieldtitle {
    min-width: 100px;
    margin-right: 10px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
}

/************************************************************************/
/* TOOLTIPS */

.ipsTooltip { padding: 5px; z-index: 25000;}
.ipsTooltip_inner {
    padding: 8px;
    background: #333333;
    border: 1px solid #333333;
    color: #fff;
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    max-width: 250px;
}
    .ipsTooltip_inner a { color: #fff; }
    .ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 }
    .ipsTooltip.top     { background: url({style_images_url}/stems/tooltip_top.png) no-repeat bottom center; }
        .ipsTooltip.top_left     { background-position: bottom left; }
    .ipsTooltip.bottom    { background: url({style_images_url}/stems/tooltip_bottom.png) no-repeat top center; }
    .ipsTooltip.left     { background: url({style_images_url}/stems/tooltip_left.png) no-repeat center right; }
    .ipsTooltip.right    { background: url({style_images_url}/stems/tooltip_right.png) no-repeat center left; }
    
/************************************************************************/
/* AlertFlag */

.ipsHasNotifications {
    padding: 0px 4px;
    height: 12px;
    line-height: 12px;
    background: #cf2020;
    color: #fff !important;
    font-size: 9px;
    text-align: center;
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 4px;
    left: 3px;
}

.ipsHasNotifications_blank { display: none; }
#chat-tab-count.ipsHasNotifications { left: auto; top: 0px; right: -1px; text-shadow: none !important; position: absolute; }

/************************************************************************/
/* SIDEBAR STYLE */

.ipsSideMenu { padding: 10px 0; }
.ipsSideMenu h4 {
    margin: 0 10px 5px 25px;
    font-weight: bold;
    color: #383838;
}

.ipsSideMenu ul {
    /*border-top: 1px solid #EDF1F5;*/
    margin-bottom: 20px;
}

.ipsSideMenu ul li {
    font-size: 11px;
    /*border-bottom: 1px solid #EDF1F5;*/
}

.ipsSideMenu ul li a {
    padding: 5px 10px 5px 25px;
    display: block;
}


.ipsSideMenu ul li.active a {
    background: #720200 url({style_images_url}/icon_check_white.png ) no-repeat 6px 8px;
    color: #fff;
    font-weight: bold;
}

/***************************************************************************/
/* WIZARDS */
.ipsSteps {
    /*border-bottom: 1px solid #fff;*/
    background: #DBE2EC;
    overflow: hidden;
}    
    .ipsSteps ul li {
        float: left;
        padding: 10px 33px 11px 18px;
        color: #323232;
        background-image: url({style_images_url}/wizard_step_large.png );
        background-repeat: no-repeat;
        background-position: bottom right;
        position: relative;
        max-height: 53px;
    }
    
    .ipsSteps .ipsSteps_active {
        background-position: top right;
        color: #fff;
        text-shadow: 0px -1px 0 rgba(0,0,0,0.7);
    }
    
    .ipsSteps .ipsSteps_done { color: #aeaeae; }
    .ipsSteps_desc { font-size: 11px; }    
    .ipsSteps_arrow { display: none; }
    
    .ipsSteps_title {
        display: block;
        font-size: 14px;
    }
    
    .ipsSteps_active .ipsSteps_arrow {
        display: block;
        position: absolute;
        left: -23px;
        top: 0;
        width: 23px;
        height: 54px;
        background: url({style_images_url}/wizard_step_extra.png ) no-repeat;
    }
    
    .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important;    }

/************************************************************************/
/* VERTICAL TABS (profile etc.) */

.ipsVerticalTabbed { }

    .ipsVerticalTabbed_content {
        min-height: 400px;
    }
    
    .ipsVerticalTabbed_tabs > ul {
        width: 149px !important;
        margin-top: 10px;
        border-top: 1px solid #252525;
        border-left: 1px solid #252525;
    }
        
        .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; }
        
        
        .ipsVerticalTabbed_tabs li {
            background: #212121;
            color: #808080;
            border-bottom: 1px solid #252525;
            border-right: 1px solid #252525;
            font-size: 13px;
        }
        
            
            .ipsVerticalTabbed_tabs li a {
                display: block;
                padding: 10px 8px;
                outline: 0;
                color: #8d8d8d;
                -webkit-transition: background-color 0.1s ease-in-out;
                -moz-transition: background-color 0.1s ease-in-out;
            }
            
                
                .ipsVerticalTabbed_tabs li a:hover {
                    background: #B50300;
                    color: #fff;
                }
            
                
                .ipsVerticalTabbed_tabs li.active a {
                    /*width: 135px;*/
                    border-right: 0 none;
                    position: relative;
                    z-index: 8000;
                    background: #9F0401;
                    color: #fff;
                    font-weight: bold;
                }
                
                    .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
                        width: 24px;
                    }

/************************************************************************/
/* 'LIKE' FUNCTIONS */

.ipsLikeBar { margin: 10px 0; font-size: 11px; }
    
    .ipsLikeBar_info {
        line-height: 19px;
        background: #101010;
        padding: 0 10px;
        display: inline-block;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    
.ipsLikeButton {
    line-height: 17px;
    padding: 0 8px 0 29px;
    font-size: 11px;
    line-height: 24px;
    display: inline-block;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fff !important;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    vertical-align: top;

}
    .ipsLikeButton:hover { color: #fff !important; }
    
    .ipsLikeButton.ipsLikeButton_enabled {
        background: #9F0401 url({style_images_url}/like_button.png ) no-repeat top left;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    }

    .ipsLikeButton.ipsLikeButton_enabled:hover {
        background-color: #B50300;
    }
    
    .ipsLikeButton.ipsLikeButton_disabled {
        background: #4F4F4F url({style_images_url}/like_button.png ) no-repeat bottom left;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    }

/************************************************************************/
/* TAG LIST */

.ipsTag {
    display: inline-block;
    background: url({style_images_url}/tag_bg.png );
    height: 20px;
    line-height: 20px;
    padding: 0 7px 0 15px;
    margin: 5px 5px 0 0;
    font-size: 11px;
    color: #656565;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 0 3px 3px 0;
}

/************************************************************************/
/* TAG EDITOR STYLES */

.ipsTagBox_wrapper {
    min-height: 18px;
    width: 350px;
    line-height: 1.3;
    display: inline-block;
}
    
    .ipsTagBox_hiddeninput { background: #151515; }
    .ipsTagBox_hiddeninput.inactive {
        font-size: 11px;
        min-width: 200px;
    }
    
    .ipsTagBox_wrapper input { border: 0px;    outline: 0; }
    .ipsTagBox_wrapper li {    display: inline-block; }
    
    .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child {
        background: #dbf3ff;
        border-color: #a8e3ff;
        color: #136db5;
    }
    
    .ipsTagBox_tag {
        padding: 2px 1px 2px 4px;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        margin: 0 3px 2px 0;
        font-size: 11px;
        cursor: pointer;
    }
    
        .ipsTagBox_tag:hover {
            border-color: #bdbdbd;
        }
        
        .ipsTagBox_tag.selected {
            background: #e2e2e2 !important;
            border-color: #c0c0c0 !important;
            color: #424242 !important;
        }
        
    .ipsTagBox_closetag {
        margin-left: 2px;
        display: inline-block;
        padding: 0 3px;
        color: #c7c7c7;
        font-weight: bold;
    }
        .ipsTagBox_closetag:hover { color: #454545;    }
        .ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; }
        .ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f;    }
        .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #4f87bb; }
        .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #003b71; }
        
    .ipsTagBox_addlink {
        font-size: 10px;
        margin-left: 3px;
        outline: 0;
    }
    
    .ipsTagBox_dropdown {
        height: 100px;
        overflow: scroll;
        background: #fff;
        border: 1px solid #202020;
        -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
        box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
        z-index: 16000;
    }
    
        .ipsTagBox_dropdown li {
            padding: 4px;
            font-size: 12px;
            cursor: pointer;
        }
        .ipsTagBox_dropdown li:hover {
            background: #dbf3ff;
            color: #003b71;
        }

/************************************************************************/
/* TAG CLOUD */
.ipsTagWeight_1 { opacity: 1.0; }
.ipsTagWeight_2 { opacity: 0.9; }
.ipsTagWeight_3 { opacity: 0.8; }
.ipsTagWeight_4 { opacity: 0.7; }
.ipsTagWeight_5 { opacity: 0.6; }
.ipsTagWeight_6 { opacity: 0.5; }
.ipsTagWeight_7 { opacity: 0.4; }
.ipsTagWeight_8 { opacity: 0.3; }
        
/************************************************************************/
/* NEW FILTER BAR */

.ipsFilterbar li {
    margin: 0px 15px 0px 0;
    font-size: 11px;
}
    
    .ipsFilterbar li a {
        color: #fff;
        opacity: 0.5;
        text-shadow: 0px 1px 0px #1a1a1a;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }
        .ipsFilterbar.bar.altbar li a { color: #fff; text-shadow: none; opacity: .8; }
    
        .ipsFilterbar:hover li a { opacity: 0.8; }

        .ipsFilterbar li a:hover {
            color: #fff;
            opacity: 1;
        }

        .ipsFilterbar li img { margin-top: -3px; }

.ipsFilterbar li.active { opacity: 1; }

    
    .ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
        background: #b50300;
        opacity: 1;
        color: #fff;
        line-height: 23px;
        padding: 4px 10px;
        font-weight: bold;
        -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4) inset;
        -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4) inset;
        box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4) inset;
    }
        
/************************************************************************/
/* POSTING FORM STYLES */
/* Additional form styles for posting forms */

.ipsPostForm { }
    
    .ipsPostForm.ipsLayout_withright {
        padding-right: 260px !important;
    }
        
    .ipsPostForm .ipsLayout_content {
        z-index: 900;
        -webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
        -moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
        box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
        float: none;
    }
    
    .ipsPostForm .ipsLayout_right {
        width: 250px;
        margin-right: -251px;
        border-left: 0;
        z-index: 800;
    }
    
    .ipsPostForm_sidebar .ipsPostForm_sidebar_block.closed h3 {
        background-image: url({style_images_url}/folder_closed.png );
        background-repeat: no-repeat;
        background-position: 10px 9px;
        padding-left: 26px;
        margin-bottom: 2px;
    }

/************************************************************************/
/* MEMBER LIST STYLES */
.ipsMemberList .ipsButton_secondary { opacity: 0.3; }
.ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; }
.ipsMemberList li .reputation { margin: 5px 10px 0 0; }
.ipsMemberList > li .ipsButton_secondary { margin-top: 15px; }
.ipsMemberList li .rating {    display: inline; }

/************************************************************************/
/* COMMENT STYLES */
.ipsComment_wrap { margin-top: 10px; }
    .ipsComment_wrap .ipsLikeBar { margin: 0; }
    .ipsComment_wrap input[type='checkbox'] { vertical-align: middle; }
    
.ipsComment {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 5px;
    padding: 10px 0;
}
    
.ipsComment_author, .ipsComment_reply_user {
    width: 160px;
    text-align: right;
    padding: 0 10px;
    float: left;
    line-height: 1.3;
}

    .ipsComment_author .ipsUserPhoto { margin-bottom: 5px; }
    
.ipsComment_comment {
    margin-left: 190px;
    line-height: 1.5;
}

    .ipsComment_comment > div { min-height: 33px; }
    
.ipsComment_controls { margin-top: 10px; }
.ipsComment_controls > li { opacity: 0.2; }
    .ipsComment:hover .ipsComment_controls > li, .ipsComment .ipsComment_controls > li.right { opacity: 1; }

.ipsComment_reply_user_photo {
    margin-left: 115px;
}

/************************************************************************/
/* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */
.ipsFloatingAction {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #fff;
    padding: 10px;
    z-index: 15000;
    border: 4px solid #464646;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
}

    .ipsFloatingAction.left {
        right: auto;
        left: 10px;
    }
    
    .ipsFloatingAction .fixed_inner {
        overflow-y: auto;
        overflow-x: hidden;
    }
    
/* specifics for seo meta tags editor */
#seoMetaTagEditor { width: 480px; }

    #seoMetaTagEditor table { width: 450px; }
    #seoMetaTagEditor table td { width: 50%; padding-right: 0px }

/************************************************************************/
/* FORM STYLES */

body#ipboard_body fieldset.submit,
body#ipboard_body p.submit {
    padding: 15px 6px 15px 6px;
    text-align: center;
}

.input_text, .ipsTagBox_wrapper {
    color: #fff;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #252525;
    background: #151515;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    .input_text:focus {
        border-color: #252525;
        -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    }
    
    input.inactive, select.inactive, textarea.inactive { color: #c4c4c4; }

    .input_text.error {
        background-color: #f3dddd;
    }
    .input_text.accept {
        background-color: #f1f6ec;
    }

.input_submit {
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px;
    cursor: pointer;
}
    
    .input_submit.alt {
        text-decoration: none;
    }        

p.field {
    padding: 15px;
}

li.field {
    padding: 5px;
    margin-left: 5px;
}

    li.field label,
    li.field span.desc {
        display: block;
    }
    
li.field.error {
    color: #ad2930;
}

    li.field.error label {
        font-weight: bold;
    }

li.field.checkbox, li.field.cbox {
    margin-left: 0;
}

li.field.checkbox .input_check,
li.field.checkbox .input_radio,
li.field.cbox .input_check,
li.field.cbox .input_radio {
    margin-right: 10px;
    vertical-align: middle;
}

    li.field.checkbox label,
    li.field.cbox label {
        width: auto;
        float: none;
        display: inline;
    }
    
    li.field.checkbox p,
    li.field.cbox p {
        position: relative;
        left: 245px;
        display: block;
    }

    li.field.checkbox span.desc,
    li.field.cbox span.desc {
        padding-left: 27px;
        margin-left: auto;
        display: block;
    }
    
/************************************************************************/
/* MESSAGE STYLES */

.message {
    background: url("{style_images_url}/highlight.png") repeat-x scroll 0 0 #CDE3A4;
    border: 1px solid #A8C471;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    color: #5C7825;
    line-height: 1.6;
    margin-bottom: 3px;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

    .message h3 {
        padding: 0;
        color: #323232;
    }
    
    .message.error {
        background-color: #F3DDDD;
        border-color: #DEB7B7;
        color: #80001c;
    }
    
    .message.error.usercp {
        background-image: none;
        padding: 4px;
        float: right;
    }
    
    .message.unspecific {
        background-color: #f3f3f3;
        border-color: #d4d4d4;
        color: #515151;
        /*margin: 0 0 10px 0;*/
        clear: both;
    }
    
/************************************************************************/
/* MENU & POPUP STYLES */

.ipbmenu_content, .ipb_autocomplete {
    font-size: 12px;
    min-width: 85px;
    z-index: 2000;
}
    
    .ipbmenu_content li:last-child {
        border-bottom: 0;
        padding-bottom: 0px;
    }
    
    .ipbmenu_content li:first-child { padding-top: 0px;    }
    .ipbmenu_content.with_checks a { padding-left: 26px; } /* save room for a checkmark */
    .ipbmenu_content a .icon { margin-right: 10px; }
    .ipbmenu_content a {
        text-decoration: none;
        text-align: left;
        display: block;
        padding: 6px 10px;
    }
    .ipbmenu_content.with_checks li.selected a {
        background-image: url({style_images_url}/icon_check.png );
        background-repeat: no-repeat;
        background-position: 7px 10px;
    }

.popupWrapper {
    background-color: #464646;
    background-color: rgba(70,70,70,0.6);
    padding: 4px;
    -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .popupInner {
        background: #191919;
        width: 500px;
        overflow: auto;
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
        overflow-x: hidden;
    }
    
        .popupInner.black_mode {
            background: #000;
            border: 3px solid #b3bbc3;
            color: #eee;
            border: 3px solid #555;
        }
        
        .popupInner.warning_mode {
            border: 3px solid #7D1B1B;
        }
    
        .popupInner h3 {
            background: #9f0401 url({style_images_url}/triangles.png) repeat-x top;
            color: #fff;
            padding: 8px 10px 9px;
            font-size: 16px;
            font-weight: 300;
            text-shadow: 0 1px 2px rgba(0,0,0,0.3);
            -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
            -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        }
        
            .popupInner h3 a { color: #fff; }
        
            .popupInner.black_mode h3 {
                background-color: #545C66;
                color: #ddd;
            }
            
            .popupInner.warning_mode h3 {
                background-color: #7D1B1B;
                padding-top: 6px;
                padding-bottom: 6px;
                color: #fff;
            }
            
            .popupInner.warning_mode input.input_submit {
                background-color: #7D1B1B;
            }

.popupClose {
    position: absolute;
    right: 16px;
    top: 12px;
}

.popupClose.light_close_button {
    background: transparent url({style_images_url}/close_popup_light.png) no-repeat top left;
    opacity: 0.8;
    width: 13px;
    height: 13px;
    top: 17px;
}

.popupClose.light_close_button img {
    display: none;
}

.popup_footer {
    padding: 15px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.popup_body {
    padding: 10px;
}

.stem {
    width: 31px;
    height: 16px;
    position: absolute;
}

    .stem.topleft { background-image: url({style_images_url}/stems/topleft.png);    }
    .stem.topright { background-image: url({style_images_url}/stems/topright.png); }
    .stem.bottomleft { background-image: url({style_images_url}/stems/bottomleft.png); }
    .stem.bottomright { background-image: url({style_images_url}/stems/bottomright.png);    }
    
.modal {
    background-color: #3e3e3e;
}

.userpopup h3 { font-size: 17px; }
.userpopup h3, .userpopup .side + div { padding-left: 110px; }
.userpopup .side { position: absolute; margin-top: -40px; }
    .userpopup .side .ipsButton_secondary {
        display: block;
        text-align: center;
        margin-top: 5px;
        /*     #32468: hacky workaround to ensure these buttons work when translated */
        max-width: 75px;
        height: auto;
        line-height: 1;
        padding: 5px 10px;
        white-space: normal;
    }
.userpopup .user_controls { text-align: left; }
.userpopup .user_status { padding: 5px; margin-bottom: 5px; }
.userpopup .reputation {
    display: block;
    text-align: center;
    margin-top: 5px;
}

.userpopup {
    overflow: hidden;
    position: relative;
    font-size: 0.9em;
}

    .userpopup dl {
        border-bottom: 1px solid #232323;
        padding-bottom: 10px;
        margin-bottom: 4px;
    }

.info dt {
    float: left;
    font-weight: bold;
    padding: 3px 6px;
    clear: both;
    width: 30%;
}

.info dd {
    padding: 3px 6px;
    width: 60%;
    margin-left: 35%;
}

/************************************************************************/
/* BUTTONS STYLES */

.topic_buttons li {
    float: right;
    margin: 0 0 10px 10px;
}


.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important,
.topic_buttons li a, .topic_buttons li span, .ipsButton {
    background: #9f0401 url({style_images_url}/triangles.png ) repeat-x top;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    border: 0 none;
    color: #fff;
    text-shadow: 0 -1px 0 #191919;
    font: 300 12px/1.3 Helvetica, Arial, sans-serif;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    text-align: center;
    min-width: 125px;
    display: inline-block;
    cursor: pointer;
}

.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
    background: #9f0401 url({style_images_url}/triangles.png ) repeat-x top;
    border-color: #9f0401 ;
}
    
    .topic_buttons li a:hover, .ipsButton:hover { background-color: #b50300; color: #fff; }
    .topic_buttons li.non_button a {
        background: transparent !important;
        background-color: transparent !important;
        border: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        text-shadow: none;
        min-width: 0px;
        color: #898989;
        font-weight: normal;
    }
    
    .topic_buttons li.disabled a, .topic_buttons li.disabled span {
        background-color: #212121;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        text-shadow: none;
        border: 1px solid #212121;
        color: #7f7f7f;
    }

    .topic_buttons li.closed a, .topic_buttons li.closed span {
        background-color: #8B1515;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        text-shadow: 0 1px 1px #8C0C1B;
        color: #fff;
    }

    .topic_buttons li.closed a:hover, .topic_buttons li.closed span:hover {
        background-color: #ad1b1b;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
        text-shadow: 0 1px 1px #8C0C1B;
        color: #fff;
    }
    
    .topic_buttons li span { cursor: default !important; }


.ipsButton_secondary {
    height: 22px;
    line-height: 21px;
    font-size: 12px;
    padding: 0 10px;
    cursor: pointer;
    border: 0 none;
    background: #9f0401 url({style_images_url}/triangles.png ) repeat-x bottom;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
    .ipsButton_secondary a { color: #616161; }
    .ipsButton_secondary:hover {
        color: #fff;
        /*border-color: #fff;*/
    }
    
    
    .ipsButton_secondary.important {
        background: #9f2a00;
        background: -moz-linear-gradient(top, #9f2a00 0%, #812200 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f2a00), color-stop(100%,#812200)); /* webkit */
        color: #fbf4f4;
    }
        .ipsButton_secondary .icon {
            margin-right: 4px;
            margin-top: -3px;
        }
        
        .ipsButton_secondary img.small {
            max-height: 12px;
            margin-left: 3px;
            margin-top: -2px;
            opacity: 0.5;
        }
        
        .ipsButton_secondary.important a { color: #fbf4f4; }
        .ipsButton_secondary.important a:hover {
            color: #fff !important;
            border-color: #571700;
        }
        
        /* Used in post forms */
        .ipsField.ipsField_checkbox.ipsButton_secondary
        {
            line-height: 18px;
        }
        
        .ipsField.ipsField_checkbox.ipsButton_secondary input
        {
            margin-top: 6px
        }
        
        .ipsField.ipsField_checkbox.ipsButton_secondary .ipsField_content
        {
            margin-left: 18px;
        }
        
.ipsButton_extra {
    line-height: 22px;
    height: 22px;
    font-size: 11px;
    margin-left: 5px;
    color: #5c5c5c;
}

.ipsButton_secondary.fixed_width{ min-width: 170px; }

.ipsButton.no_width { min-width: 0; }
.topic_controls { min-height: 30px; }


ul.post_controls {
    margin: 0;
    background: url({style_images_url}/highlight_reallyfaint.png) repeat-x scroll 0 0 #1C1C1C;
    /*border-top: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;*/
    margin-top: 10px;
    padding: 7px;
    clear: both;
    overflow: hidden;
}

        ul.post_controls li {
            font-size: 12px;
            float: right;
        }

        ul.post_controls li.report, ul.post_controls li.top{ float: left; }

        ul.post_controls a {
            background: url("{style_images_url}/triangles.png") repeat-x scroll 0 -1px #9f0401;
            border-radius: 0px 0px 0px 0px;
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
            height: 26px;
            line-height: 26px;
            padding: 0 10px;
            color: #FFFFFF;
            text-decoration: none;
            margin-left: 4px;
            display: block;
        }

        ul.post_controls a:hover { /*color: #3d70a3;*/ }
        
        ul.post_controls a.ipsButton_secondary {
            height: 26px;
            line-height: 26px;
        }
        
        ul.post_controls a.ipsButton_secondary.important:hover {
            color: #fff !important;
        }
        
        ul.post_controls li.multiquote.selected a {
            background: #9f0401 url({style_images_url}/triangles.png ) repeat-x top;
            border-color: #9f0401 ;
            -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
            -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
            box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
            color: #fff;
        }

.ipsSideBlock .post_controls {
    margin: 10px -10px -10px;
}

#folder_list.ipsSideBlock .post_controls {
    margin: 10px -5px -5px;
}

.post_body ul.post_controls {
    margin: 0 -10px -10px -236px;
}

.post_body ul.post_controls img {
    margin: -3px 2px 0 -3px;
    position: relative;
    vertical-align: middle;
}

.post_block .post_controls li a {
    /*opacity: 0.2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;*/
}

.post_block .post_controls li a.ipsButton_secondary {
    /*opacity: 1;*/
}
.post_block:hover .post_controls li a { opacity: 1; }

.hide_signature, .sigIconStay { float: right; }
.post_block:hover .signature a.hide_signature, .sigIconStay {
    background: transparent url({style_images_url}/cross_sml.png) no-repeat top right;
    width: 13px;
    height: 13px;
    opacity: 0.6;
    position: absolute;
    right: 12px;
}

/************************************************************************/
/* PAGINATION STYLES */

.pagination { padding: 5px 0; line-height: 20px; }
.pagination.no_numbers .page { display: none; }
.pagination .pages { text-align: center; }
.pagination .back { margin-right: 6px; }
    .pagination .back li { margin: 0 2px 0 0; }
.pagination .forward { margin-left: 6px; }
    .pagination .forward li { margin: 0 0 0 2px; }


.pagination .back a,
.pagination .forward a {
    display: inline-block;
    padding: 0px 6px;
    height: 20px;
    background: #9F0401;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #1A1A1A;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}
    
    
    .pagination .back a:hover,
    .pagination .forward a:hover {
        background: #B50300;
        color: #fff;
    }

    .pagination .disabled a {
        opacity: 0.4;
        display: none;
    }
    
.pagination .pages {
    font-size: 11px;
    font-weight: bold;
}

    .pagination .pages a, .pagejump {
        display: inline-block;
        padding: 1px 4px;
        color: #999;
    }
    
    .pagination .pages .pagejump { padding: 0px; }
    
    .pagination .pages a:hover {
        background: #B50300;
    }
    
    .pagination .pages li { margin: 0 1px; }
    
        
        .pagination .pages li.active {
            background: #B50300;
            color: #fff;
            font-weight: bold;
            padding: 1px 5px;
            text-shadow: 0 1px 0 #1A1A1A;
        }
        
.pagination.no_pages span {
    color: #acacac;
    display: inline-block;
    line-height: 20px;
    height: 20px;
}

ul.mini_pagination {
    font-size: 10px;
    display: inline;
    margin-left: 7px;
}

    ul.mini_pagination li a {
        background: #fff;
        border: 1px solid #d3d3d3;
        padding: 1px 3px;
    }

    ul.mini_pagination li {
        display: inline;
        margin: 0px 2px;
    }

/************************************************************************/
/* MODERATION & FILTER STYLES */

.moderation_bar {
    text-align: right;
    padding: 8px 10px;
    /*background: #f7f7f7;*/
}

    .moderation_bar.with_action {
        background-image: url({style_images_url}/topic_mod_arrow.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 35px;
    }

/************************************************************************/
/* AUTHOR INFO (& RELATED) STYLES */

/* START EDYCJI POD AWATARA - KOLO */

.author_info {
    width: 225px;
    float: left;
    font-size: 12px;
    text-align: center;
    padding: 10px 0px 0px 0px;
    line-height: 150%;
}
    
    .author_info .group_title {
        font-weight: bold;
        color: #202020;
        margin-top: 5px;
    }
    
    .author_info .member_title { margin-bottom: 5px; }
    .author_info .group_icon { margin-bottom: 3px; }

    .author_info li.avatar, .author_info li.group_icon, .author_info li.title {
        text-align: center;
        text-shadow: 0 1px 0 #FFFFFF;
    }

    .author_info ul.user_fields li {
        clear: both;
        /*font-size: 0.9em;*/
        padding-bottom: 2px;
        overflow: hidden;
        border-bottom: 1px solid #202020;
    }
    
    .author_info ul.user_fields {
        border-top: 1px solid #202020;
        clear: both;
    }
    
    .author_info ul.user_fields li span.ft,
    .author_info ul.user_fields li span.fc {
        color: #818181;
        display: block;
        float: left;
        text-align: left;
    }
    
    .author_info ul.user_fields li span.ft {
        width: 38%;
        text-align: right;
        /*font-weight: bold;*/
        padding: 0 0 0 4px;
    }
    
    .author_info ul.user_fields li span.fc {
        padding: 0 8px 0 4px;
        max-width: 50%;
        word-wrap: break-word;
    }


/* KONIEC EDYCJI POD AWATARA - KOLO */
    
.custom_fields {
    color: #818181;
    margin-top: 8px;
}

.custom_fields .ft {
    color: #505050;
    margin-right: 3px;
}

.custom_fields .fc {
    word-wrap: break-word;
}


.user_controls {
    text-align: center;
    margin: 6px 0;
}

    .user_controls li a {
        display: inline-block;
        background: #f6f6f6;
        background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
        border: 1px solid #dbdbdb;
        -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
        padding: 5px;
        color: #616161;
    }

/************************************************************************/
/* BOARD INDEX STYLES */

#board_index { position: relative; }
    #board_index.no_sidebar { padding-right: 0px; }
        #board_index.force_sidebar { padding-right: 280px; }
    
#toggle_sidebar {
    position: absolute;
    right: -31px;
    top: 0px;
    z-index: 8000;
    background: #333333;
    padding: 7px 7px;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    color: #fff;
    opacity: 0.3;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
    #index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; }
    #toggle_sidebar:hover { opacity: 1 !important; }

.sideVerticalList, #index_stats .ipsList_withminiphoto {
        margin: -10px;
}

.ipsSideBlock, .general_box {
        background: none repeat scroll 0 0 #1a1a1a;
        border: 1px solid #151515;
        margin-bottom: 10px;
        /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);*/
}

.ipsSideBlock {
    background-color: #1A1A1A;
    border: 1px solid #151515;
    padding: 10px;
    margin-bottom: 10px;
}
        
    .ipsSideBlock h3 {
        font-family: 'Cuprum',sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        padding: 10px 10px;
        background: url("{style_images_url}/triangles.png") repeat-x scroll center top #9F0401;
        box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15) inset;
        /*border-bottom: 1px solid #202020;*/
        margin: -11px -11px 11px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    }

    .ipsSideBlock h3 img {
        margin-top: -4px;
    }
    
    .ipsSideBlock h3 .mod_links { opacity: 0.0; }
    .ipsSideBlock h3:hover .mod_links { opacity: 1; }

.status_list .status_list { margin: 10px 0 0 50px; }
.status_list p.index_status_update { line-height: 120%; margin:4px 0px; }
.status_list li { position: relative; }
.status_reply {
    margin-top: 8px;
}

.status_list li .mod_links {
    opacity: 0.1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.status_list li:hover .mod_links { opacity: 1; }

.fullList {
    margin: -9px;
}

/* board stats */
#board_stats ul { text-align: center; }
    #board_stats li { margin-right: 20px; }
    #board_stats .value {
        display: inline-block;
        background: #e2e2e2;
        color: #4a4a4a;
        padding: 2px 6px;
        font-weight: bold;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-right: 3px;
    }

.statistics {
    margin: 10px 0 0;
    min-height: 160px;
    padding: 15px;
}

.statistics h2 {
    font-size: 1.1em;
    font-weight: bold;
}
.statistics h2 span {
    color: #8D8D8D;
    font-size: 0.8em;
    font-weight: normal;
}
.statistics #active_users, .statistics #forum_active_users {
    border-top: 0 none;
    padding-top: 0;
}

body #topic_stats.statistics {
    min-height: 50px;
}
body .stats_list {
    border-top: 1px solid #F5F5F5;
    float: left;
    font-size: 12px;
    line-height: 140%;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 0 0;
    width: 68%;
}
.stats_list li, .active_users li {
    float: left;
    /*font-size: 0.9em;*/
    margin-top: 4px;
    padding: 0 5px 0 0;
}
.stats_list ul, .stats_list p {
    margin-left: 15px;
}
.stats_list span.desc {
    font-weight: normal;
}
.active_users span.name {
    font-size: 0.9em;
    margin-top: 4px;
    padding: 0 5px 0 0;
}
.active_users p {
    margin-left: 15px;
}

#stats {
    border-left: 1px solid #202020;
    float: right;
    padding-left: 20px;
    width: 30%;
}
#stats dl {
    margin-left: 10px;
}
#stats dt {
    border-top: 1px solid #202020;
    float: left;
    font-size: 0.85em;
    padding: 6px 2px;
    width: 45%;
}
#stats dd {
    border-top: 1px solid #202020;
    float: left;
    font-size: 0.85em;
    padding: 6px 3px;
    width: 45%;
}
#stats dt {
    clear: both;
    font-weight: bold;
}
#stats .extra {
    color: #A2A2A2;
    font-size: 0.9em;
}
.stats_container {
    margin-top: 0 !important;
    padding-right: 0 !important;
    position: relative;
}
.stats_container #stats {
    border-left: 1px solid #202020;
    border-radius: 0 2px 2px 0;
    bottom: 0;
    padding-left: 15px;
    padding-top: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

.stats_border, .help_doc {
    border: 1px solid #202020;
}

#index_stats .hentry, .row1 td, .row2 td, #help_topics li {
    border-bottom: 1px solid #111111;
    border-top: 1px solid #252525;
}

#premium_ads {
    background: none repeat scroll 0 0 #3076A8;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

#premium_ads a {
    color: #FFFFFF;
}

#ads {
    font-size: 11px;
}

#ads_banner {
    opacity: 0.6;
}

#ads_banner a:hover, #ads_banner:hover, #ads_banner a:active {
    opacity: 1;
}

.friend_list ul li,
#top_posters li {
    text-align: center;
    padding: 8px 0 0 0;
    margin: 5px 0 0 0;
    min-width: 80px;
    height: 70px;
    float: left;
}

    .friend_list ul li span.name,
    #top_posters li span.name {
        font-size: 0.8em;
    }
    
#hook_watched_items ul li {
    padding: 8px;
}

    body#ipboard_body #hook_watched_items fieldset.submit {
        padding: 8px;
    }
    
#hook_birthdays .list_content {
    padding-top: 8px;
}

#hook_calendar .ipsBox_container { padding: 10px; }
#hook_calendar td, #hook_calendar th { text-align: center; }
#hook_calendar th { font-weight: bold; padding: 5px 0;}

/************************************************************************/
/* FORUM VIEW (& RELATED) STYLES */

#more_topics {
    text-align: center;
    font-weight: bold;
}
    #more_topics a { display: block; padding: 10px 0;}

    /* Result of the 'load more topics' link */
    .dynamic_update { border-top: 2px solid #b3b3b3; }

.topic_preview,
ul.topic_moderation {
    margin-top: -2px;
    z-index: 300;
}
    ul.topic_moderation li {
        float: left;
    }
    
    .topic_preview a,
    ul.topic_moderation li a {
        padding: 0 3px;
        display: block;
        float: left;
    }

span.mini_rate {
    margin-right: 12px;
    display: inline-block;
}

img.mini_rate {
    margin-right: -5px;
}

/************************************************************************/
/* TOPIC VIEW (& RELATED) STYLES */

/* Post share pop-up */
#postShareUrl { width: 95%; font-size: 18px; color: #999; }
 #postShareStrip { height: 25px; margin: 10px 0px 0px 30px; }

body .ip {
    color: #475769;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin-left: 15px;
    margin-right: 10px;
}
span.post_id {
    display: block;
    float: right;
    font-size: 13px;
    font-weight: normal;
}
input.post_mod {
    float: right;
    margin: 3px 6px 0 15px;
}

.post_id a img.small {
    max-height: 12px;
    margin-left: 3px;
    margin-right: 5px;
    margin-top: -2px;
    opacity: 0.5;
}

.signature {
    clear: right;
    color: #a4a4a4;
    font-size: 0.9em;
    border-top: 1px solid #F3F3F3;
    padding: 10px;
    margin: 6px 0 4px;
    position: relative;
}

    .signature a { text-decoration: underline; }

.post_block {
    position: relative;
}

    .post_block.no_sidebar {
        background-image: none;
    }
    
    .post_block.solved {
        /*background-color: #0a1306;*/
    }
    
    .post_block.feature_box {
        background-color: #DFEDD1;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
        box-shadow: none;
        border: 1px solid #ACCF8B;
        padding: 6px;
        min-height: 60px;
        word-wrap: break-word;
    }

    .post_block.feature_box, .post_block.feature_box * {
        color: #3A6A16 !important;
    }
    
    .post_block.feature_box .ipsType_sectiontitle {
        border-color: #ACCF8B;
        font-size: 11.8px;
        font-weight: bold;
    }

    .post_block.feature_box .ipsBadge_green, .post_block.feature_box .ipsBadge_lightgrey {
        background: none repeat scroll 0 0 #9AC472;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.7);
        border-radius: 0;
        color: #FFFFFF !important;
        font-size: 10px;
        padding: 3px 9px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    }
    
    .post_block h3 {
        background: url("{style_images_url}/highlight_reallyfaint.png") repeat-x scroll center -1px #1C1C1C;
        border-bottom: 1px solid #202020;
        display: block;
        font-weight: bold;
        line-height: 16px;
        overflow: hidden;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 8px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    }
        
    .post_wrap {
        /*border-left: 1px solid #E3E3E3;
        border-right: 1px solid #E3E3E3;*/
        top: 0;
    }

    .post_username {
        float: left;
        min-width: 210px;
        /*padding: 0 7px 0 4px;*/
        padding: 0px 10px 0px 0px;
    }

    .post_date {
        float: left;
        font-size: 11px;
        font-weight: normal;
        padding-top: 1px;
    }

.post_online{
    float: left;
    position: absolute;
    margin: 0 5px 0 -3px;
    z-index: 1000;
}

.post_body {
    border-left: 1px solid #202020;
    line-height: 100%;
    margin-left: 225px; !important;
    padding: 10px;
}
    .post_body .post {
        font-size: 12px;
        line-height: 150%;
    }

    .column_view .post_body .post {
        padding-bottom: 12px;
    }

    .post_body .signature {
        ;
        margin-right: -11px;
    }

    .post_block.no_sidebar .post_body { margin-left: 10px !important; }
    
.posted_info {
    padding: 0 0 10px 0;
}

    .posted_info strong.event {
        color: #1c2837;
        font-size: 1.2em;
    }

.post_ignore {    
    background: #fafbfc;
    color: #777;
    font-size: 0.9em;
    padding: 15px;    
}

    .post_ignore .reputation {
        text-align: center;
        padding: 2px 6px;
        float: none;
        display: inline;
    }

.rep_bar {
    white-space: nowrap;
    margin: 6px 4px;
}
/*
    .rep_bar ul {
        float: left;
    }
    .rep_bar ul li {
        float: left;
    }
*/
    .rep_bar .reputation {
        font-size: 10px;
        padding: 2px 10px !important;
    }
        
p.rep_highlight {
    float: right;
    display: inline-block;
    margin: 5px 10px 10px 10px;
    background: #D5DEE5;
    color: #1d3652;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
}

    p.rep_highlight img {
        margin-bottom: 4px;
    }

.edit {
    background: url("{style_images_url}/highlight.png") repeat-x scroll 0 0 #E8E8E8;
    border: 1px solid #DEDED9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 10px;
    line-height: 1.4;
    padding: 6px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.poll fieldset {
    padding: 9px;
}

.poll_question {
    padding: 10px;
    margin: 10px 10px 10px 20px;
}

    .poll_question h4 {
        background-color: #151515;
        margin: 0 -7px;
        padding: 5px;
    }

    .poll_question ol {
        padding: 8px;
        background-color: #232323;
    }
    
    .poll_question li {
        font-size: 0.9em;
        margin: 6px 0;
    }
    
    .poll_question .votes {
        margin-left: 5px;
    }
    
.snapback {
    margin-right: 5px;
    padding: 1px 0 1px 1px;
}

.rating { display: block; margin-bottom: 4px; line-height: 16px; }
    .rating img { vertical-align: top; }
#rating_text { margin-left: 4px; }
    
/************************************************************************/
/* POSTING FORM (& RELATED) STYLES */

div.post_form label {
    text-align: right;
    padding-right: 15px;
    width: 275px;
    float: left;
    clear: both;
}

    div.post_form span.desc,
    fieldset#poll_wrap span.desc {
        margin-left: 290px;
        display: block;
        clear: both;
    }

    div.post_form .checkbox input.input_check,
    #mod_form .checkbox input.input_check {
        margin-left: 295px;
    }
    
    div.post_form .antispam_img {
        margin-left: 290px;
    }
    
    div.post_form .captcha .input_text {
        float: left;
    }
    
    div.post_form fieldset {
        padding-bottom: 15px;
    }

    div.post_form h3 {
        margin-bottom: 10px;
    }
    
fieldset.with_subhead {
    margin-bottom: 0;
    padding-bottom: 0;
}

    fieldset.with_subhead h4 {
        text-align: right;    
        margin-top: 6px;
        width: 300px;
        float: left;
    }

    fieldset.with_subhead ul {
        border-bottom: 1px solid #d5dde5;
        padding-bottom: 6px;
        margin: 0 15px 6px 320px;
    }

    fieldset.with_subhead span.desc,
    fieldset.with_subhead label {
        margin: 0;
        width: auto;
    }

    fieldset.with_subhead .checkbox input.input_check {
        margin-left: 0px;
    }

#toggle_post_options {
    background: transparent url({style_images_url}/add.png) no-repeat;
    font-size: 0.9em;
    padding: 2px 0 2px 22px;
    margin: 15px;
    display: block;
}

#poll_wrap .question {
    margin-bottom: 10px;
}

        #poll_wrap .question .wrap ol {
            margin-left: 25px;
            list-style: decimal;
        }
            #poll_wrap .question .wrap ol li {
                margin: 5px;
            }
    
.question_title { margin-left: 30px; padding-bottom: 0; }
    .question_title .input_text { font-weight: bold }

#poll_wrap { position: relative; }
#poll_footer { }
#poll_container_wrap { overflow: auto; }
#poll_popup_inner { overflow: hidden; }

.poll_control { margin-left: 20px; }
.post_form .tag_field ul { margin-left: 290px; }

/************************************************************************/
/* ATTACHMENT MANAGER (& RELATED) STYLES */

.swfupload {
    position: absolute;
    z-index: 1;
}
    
#attachments { }

    #attachments li {
        background-color: #232323;
        border: 1px solid #151515;
        padding: 6px 20px 6px 42px;
        margin-bottom: 10px;
        position: relative;
    }
    
        #attachments li p.info {
            color: #69727b;
            font-size: 0.8em;
            width: 300px;
        }
    
        #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
            display: none;
        }
            
            #attachments li.complete .links {
                font-size: 0.9em;
                margin-right: 15px;
                right: 0px;
                top: 12px;
                display: block;
                position: absolute;
            }
            
        #attachments li .progress_bar {
            margin-right: 15px;
            width: 200px;
            right: 0px;
            top: 15px;
            position: absolute;
        }
    
        #attachments li.complete, #attachments li.in_progress, #attachments li.error {
            background-repeat: no-repeat;
            background-position: 12px 12px;
        }
    
        #attachments li.in_progress {
            background-image: url({style_images_url}/loading.gif);
        }
    
        #attachments li.error {
            background-image: url({style_images_url}/exclamation.png);
            background-color: #e8caca;
            border: 1px solid #ddafaf;
        }
        
            #attachments li.error .info {
                color: #8f2d2d;
            }
    
        #attachments li.complete {
            background-image: url({style_images_url}/accept.png);
        }
        
        #attachments li .thumb_img {
            left: 6px;
            top: 6px;
            width: 30px;
            height: 30px;
            overflow: hidden;
            position: absolute;
        }
        
.attach_controls {
    background: url({style_images_url}/icon_attach.png ) no-repeat 3px top;
    padding-left: 30px;
    min-height: 82px;
}

    .attach_controls .ipsType_subtitle { margin-bottom: 5px; }
    .attach_controls iframe { display: block; margin-bottom: 5px; }
    
.attach_button { font-weight: bold;  }
#help_msg {    margin-top: 8px; }

#attach_wrap {
    /*background: #eef3f8;
    padding: 6px;*/
    margin-top: 10px;
    overflow: hidden;
}

    #attach_wrap h4 {
        font-size: 16px;
        padding-left: 0px;
    }
    
    #attach_wrap ul { list-style-type: none; margin-left: 0px; }
    
    #attach_wrap li {
        margin: 5px 0;
        float: left;
    }
        #attach_wrap .attachment {
            float: none;
        }
        
        #attach_wrap .desc.info {
            margin-left: 24px;
        }

#attach_error_box {    margin-bottom: 10px; }

.resized_img {
    margin: 0 5px 5px 0;
    display: inline-block;
}

/************************************************************************/
/* REPUTATION STYLES */

.reputation {
    background: url("{style_images_url}/rep_bg.png") repeat-x scroll 0 0 transparent;
    font-weight: bold;
    padding: 3px 8px;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
}
    
    .reputation.positive, .members li.positive {
        background-color: #95D913;
        border-color: #638C13;
        /*background: #8A9928;
        color: #FFFFFF;
        text-shadow: 0 1px 0 #697517;*/
    }
    
    .reputation.negative, .members li.negative {
        background-color: #D91313;
        border-color: #8C1313;
        /*background: #b82929;
        color: #FFFFFF;
        text-shadow: 0 1px 0 #697517;*/
    }
    
    .reputation.positive, .reputation.negative {
        color: #fff;
    }
    
    .reputation.zero {
        background: #D8D8D8;
        border-color: #8D8D8D;
        color: #444444;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
        /*background: #212121;
        color: #6e6e6e;
        text-shadow: 0 1px 0 #FFFFFF;*/
    }


.status_main_content { white-space: break-word; }

.status_main_content h4 {
    font-weight:normal;
    font-size:1.2em;
}

.status_main_content h4 .su_links a { font-weight: normal; }

.status_main_content p {
    padding: 6px 0px 6px 0px;
}

.status_main_content h4 a {
    font-weight:bold;
    text-decoration: none;
}

.status_mini_wrap {
    padding: 7px;
    font-size: 0.95em;
    margin-top: 2px;
}
.status_mini_photo {
    float: left;
}


.status_textarea {
    width: 99%;
}

.status_replies_many {
    height: 300px;
    overflow: auto;
}

    
.status_update {
    background: #71a5c9;
    color: #fff;
    padding: 15px 12px;
}

    .status_update .input_text { width: 70%; padding: 6px 4px; }
    .status_update .status_inactive { color: #bbbbbb; }    
    #status_wrapper h4 { font-weight: bold; font-size: 14px; }
    .status_content { line-height: 1.4; }
    .status_content .mod_links { opacity: 0.2; }
    .status_content:hover .mod_links { opacity: 1; }
    .status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; }
    .status_feedback { margin: 10px 0 0 -10px; }
        .status_feedback .row2 { margin-bottom: 1px; }

/* Favorites */
.ips_like {
    background-color: #f1f4f7;
    padding: 8px 4px 4px 4px;
    color: #878787;
    font-size: 1em;
    min-height: 18px;
    font-size: 0.9em;
    line-height: 130%;
    clear: both;
}
.ips_like a {
    color: #878787;
}

.ips_like a.ftoggle {
    float: right;
    /*background: #e4ebf2 url({style_images_url}/icons/thumb_up.png) no-repeat left 2px;*/
    border:1px solid #CBCBCB;
    padding: 3px 4px 2px 4px;
    color: #656565;
    font-size:0.8em;
    text-decoration: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    margin-top: -4px;
}

.ips_like a.ftoggle.on {
    /*background: #e4ebf2 url({style_images_url}/icons/fave_on_small.png) no-repeat left 2px;*/
    margin-left: 3px;
}

.ips_like a.ftoggle._newline,
.ips_like a.ftoggle.on._newline {
    float:none;
    margin-top: 5px;
    margin-left: auto;
    margin-right: 0;
    display: block;
    width: 70px;
    text-align: center;
}

.ips_like a:hover.ftoggle.on,
.ips_like a:hover.ftoggle {
    background-color: #d5dde5;
}

.facebook-like { margin-top: 5px; }

.boxShadow {
    -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
    -moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
    box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
}

/* New notification panel */
#ipsGlobalNotification {
    position: fixed;
    left: 50%;
    ;
    top: 20px;
    text-align: center;
    font-weight: bold;
    z-index: 10000;
}

#ips_NotificationCloseButton {
    background: transparent url({style_images_url}/close_popup.png) no-repeat top left;
    opacity: 0.8;
    width: 13px;
    height: 13px;
    top: 5px;
    left: 5px;
    position: absolute;
    cursor: pointer;
}

.googlePlusOne {
    display: inline-block;
    vertical-align:middle;
    margin-top: 1px;
}
.fbLike {
    float: right !important;
    padding-left: 2px;
}
/************************************************************************/
/* SHARED MEDIA STYLES */

#mymedia_inserted {
    position: absolute;
    top: 100px; left: 50%;
    ;
    width: 400px;
    padding: 20px 0;
    background: black;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    z-index: 20000;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#mymedia_toolbar {
    position: absolute;
    bottom: 0; left: 0;    right: 0;
    height: 42px;
    line-height: 42px;
    padding: 0 5px;
    background: #cac9c9;
    background: -moz-linear-gradient(top, #cac9c9 0%, #c7d4e4 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cac9c9), color-stop(100%,#c7d4e4)); /* webkit */
    -webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
    -moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
    box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
    border-top: 1px solid #cac9c9;
}

#mymedia_finish { position: absolute; right: 5px; top: 5px; }
#mymedia_content { height: 339px; overflow: auto; }

.media_results li.result {
    width: 20%;
    height: 100px;
    padding: 15px 0;
    float: left;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .media_results li:hover {
        background: #1A1A1A;
        background: -moz-linear-gradient(top, #1A1A1A 0%, #EDEDED 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1A1A1A), color-stop(100%,#EDEDED));
    }
    .media_results li:active {
        background: #EDEDED;
        background: -moz-linear-gradient(top, #EDEDED 0%, #1A1A1A 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#1A1A1A));
    }
    
    .media_image {
        padding: 1px;
        border: 1px solid #d5d5d5;
        margin-bottom: 5px;
    }

/********************************************************/
/* Template Error                                        */    

.templateError {
    background: #ffffff !important;
    color: #000000 !important;
    padding: 10px !important;
    border: 1px dotted black !important;
    margin: 0px !important;
}
    
/********************************************************/
/* ModCP styles                                            */

.modcp_post_controls { padding-bottom: 15px; }
.modcp_post_controls .ipsButton_secondary { opacity: 0.5; }
.post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; }

#modcp_content .ipsFilterbar li.active a {
    margin-bottom: 1px;
    display: inline-block;
}

/********************************************************/
/* Advertisements from Nexus                            */

.nexusad { clear: both; }

#bbcode-description {
    color: #666 !important;
    white-space: normal !important;
    word-wrap: break-word;
}

/********************************************************/
/* iPad Specific                                    */
@media only screen and (device-width: 768px) {
    table.ipb_table .expander,
    table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; }
    .post_block .post_controls { opacity: 1 !important;    }
}

/* Additional */

.ipsList_withminiphoto > li { overflow: hidden; }

.ips_login h4{
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    background: #222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
    border-bottom: 1px solid #393939;
}

.ips_login .ipsForm_submit{ margin-top: 0; }
.ips_login .ipsBox_notice{ margin: 0; }
.ips_login_col{ float: left; width: 279px; padding: 15px 10px; }
.ips_login_col a:hover{ text-decoration: underline; }
.ips_login_row{ overflow: hidden; }
.ips_login_row label{ /*font-size: 1.15em;*/ }
.ips_login .input_submit{ font-size: 13px; }

.ips_login_input {
    padding: 6px 0px 6px 28px;
    font-size: 14px;
    margin-top: 10px;
    width: 250px;
}

.ips_luser{ background-image: url("{style_images_url}/user.png"); background-repeat: no-repeat; background-position: 7px 50%; }
.ips_lpassword{ background-image: url("{style_images_url}/key.png"); background-repeat: no-repeat; background-position: 7px 50%; }

.ips_titlebox .desc{ padding: 3px 0; }

.ips_titlebox{
    background: #202020;
    border: 1px solid #242424;
    border-top: 1px solid #303030;
    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
    padding: 10px;
    overflow: hidden;
}

/********************************************************/
/* Slider                                               */
.slider-wrapper {
/*    width: 50%;
    margin: 10px 500px;*/
}

.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    width:100%;
    z-index:8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align:center;
    padding: 15px 0;
}
.nivo-controlNav a {
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}

.theme-default .nivoSlider {
    position:relative;
    background:#fff url({style_images_url}/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.theme-default .nivoSlider a {
    border:0;
    display:block;
}

.theme-default .nivo-controlNav {
    text-align: center;
    padding: 0px 0;
}
.theme-default .nivo-controlNav a {
    display:inline-block;
    width:22px;
    height:22px;
    background:url({style_images_url}/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
    background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url({style_images_url}/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
.theme-default a.nivo-prevNav {
    left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
    width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
    width: auto;
    height: auto;
    background: none;
    margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    width: 120px;
    height: auto;
}

.wk-btns{
    padding: 0;
    width: 217px;
    height: 70px;
    margin: 20px auto 30px auto;
}
.wk-btns li{
    float: left;
}
.wk-btns li a{
    display: block;
    width: 68px;
    height: 70px;
    margin: 0 2px;
    outline: none;
    background: transparent url({style_images_url}/panel.png) no-repeat top left;
    text-indent: -9000px;
    position: relative;
}
.wk-btns li .wk-bans{
    background-position: 0px 0px;
}
.wk-btns li .wk-psychostats{
    background-position: -68px 0px;
}
.wk-btns li .wk-shop{
    background-position: -136px 0px;
}
.wk-btns li .wk-facebook{
    background-position: -204px 0px;
}
.wk-btns li a span{
    width: 90px;
    height: auto;
    line-height: 21px;
    padding: 4px;
    left: 55%;
    ;
    font-family: "Lato" !important;
    font-size: 11px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    background: rgba(159,4,1,0.6);
    text-indent: 0px;
    position: absolute;
    pointer-events: none;
    bottom: 100px;
    opacity: 0;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}
.wk-btns li a span:before,
.wk-btns li a span:after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    ;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.1);
}
.wk-btns li a span:after{
    bottom: -9px;
    /*;
    border-top: 10px solid #fff;*/
}
.wk-btns li a:hover span{
    opacity: 0.9;
    bottom: 70px;
}

#wk_widget {
    box-shadow: -8px 0 8px 3px rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid #202020;
    border-left: 1px solid #202020;
    border-right:  none;
    border-radius: 0px 0 0 0px;
    border-top: 1px solid #202020;
    ;
    padding: 8px;
    position: fixed;
    width: 48px;
    z-index: 1000;
}
#wk_widget li {
    margin: 0;
}
.widget-slide {
    float: left;
    height: 48px;
    transition: all 0.3s ease 0s;
    width: 48px;
}
.widget-slide:hover {
    background-position: 0 -48px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.8);
}
.widget-twitter { background-image: url({style_images_url}/widget-twitter.png); }
.widget-facebook { background-image: url({style_images_url}/widget-facebook.png); }
.widget-steam { background-image: url({style_images_url}/widget-steam.png); }
.widget-google { background-image: url({style_images_url}/widget-google.png); }


#stickymsg {
    background: #191919;
    border: 1px solid #202020;
    bottom: 10px;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.6);
    color: #BCBCBC;
    font-family: Tahoma;
    font-size: 11px;
    height: auto;
    line-height: 16px;
    opacity: 0.8;
    padding: 10px;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    width: 260px;
    z-index: 30000;
}
#stickymsg a {
    color: #9f0401;
    font-weight: bold;
    text-decoration: none;
}
#stickymsg:hover {
    opacity: 1;
}

.noticeui
{
background: url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;
color: #FFF;
width: 83%;
font-weight: normal;
text-shadow: 0px 0px 0px;
padding: 13px 15px 0;
margin-bottom: 2.5em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
position: relative;
left: 34px;
}

.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }

.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }

.noticeui li { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
.noticeui-success li { background-position: 0 -95px; }
.noticeui-warn li { background-position: 0 -895px; }
.noticeui-error li { background-position: 0 -495px; }
.noticeui-info li { background-position: 0 -1295px; }

.noticeui h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }

.noticeui span { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }

.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
.noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
.noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
.noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
.noticeui-info span { background-position: 100% -1200px;  }

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0px;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#banner-fade,
#banner-slide{
    /*margin-bottom: 60px;*/
}

ul.bjqs-controls.v-centered li a{
    display:block;
    padding:10px;
    background: #9f0401 url({style_images_url}/triangles.png ) repeat-x bottom;
    color:#000;
    text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
    background: #b91815 url({style_images_url}/triangles.png ) repeat-x bottom;
    color:#fff;
}

ol.bjqs-markers li a{
    padding: 0px 10px;
    background: #9f0401 url({style_images_url}/triangles.png ) repeat-x bottom;
    border: 1px solid #720200;
    border-radius: 2px;
    color:#fff;
    margin:5px;
    text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
    background: #b91815 url({style_images_url}/triangles.png ) repeat-x bottom;
}

p.bjqs-caption{
    background: #9f0401 url({style_images_url}/triangles.png ) repeat-x bottom;
}

[JamLasica]

Skoro namieszałeś, to cofnij co namieszałeś i zrób to jak w temacie

http://forum.invisionize.pl/topic/42276-okr%C4%85g%C5%82e-avatary-ipb/

[DKA]

Skoro namieszałeś, to cofnij co namieszałeś i zrób to jak w temacie

http://forum.invisionize.pl/topic/42276-okr%C4%85g%C5%82e-avatary-ipb/

Tak właśnie robiłem... pogubiłem się i nagle jest jak jest... To teraz już nie wiem. Sprawdźcie w kodzie co zrobiłem źle.

[Macsch15]

Automatyczna wiadomość

Temat przeniesiony z forum

Invision Power Board → Invision Power Board 3.4 → Ogólny support IPB

do

Invision Power Board → Invision Power Board 3.4 → Style - pomoc

[Jurij]

Sam sprawdź. Instrukcje masz konkretne i wszystkim działa. Forum masz wyłączone, więc musisz sobie radzić sam.

[Macsch15]

Co jest źle?

[DKA]

Juz poszło, poprawiłem i jakoś do tego doszedłem.

A co zrobić, żeby kółka miały większą średnicę? Żeby były po prosu większe?

[DawPi]

Cofnij zmiany i spróbuj ponownie. Powoli i dokładnie.

[Macsch15]

A co zrobić, żeby kółka miały większą średnicę? Żeby były po prosu większe?

Powiększ wielkość awatara.

[DKA]

Cofnij zmiany i spróbuj ponownie. Powoli i dokładnie.

 

 

Juz poszło, poprawiłem i jakoś do tego doszedłem.

A co zrobić, żeby kółka miały większą średnicę? Żeby były po prosu większe?

 

 

 

@up

W tym samym czasie, post do usunięcia

Edytowane 17 Maja 2014 przez DKA