/* Global Properties */
html { background:url('../images/background.jpg') top center no-repeat #000;height:100%; }
body { height:100%;background:none;
            font-family:tahoma, verdana, arial, helvetica;font-size:11px;color:#CCC; }
a { color:#98D6DE; }
a:hover { color:#CFEBEF; }

/* Global IDs */
#holder { position:relative;width:960px;margin:auto;min-height:100%; }
    #header { position:relative;height:227px; }
        #header a.left { display:block;position:absolute;top:0;left:0;width:400px;height:210px; }
        #header a.right { display:block;position:absolute;top:45px;left:560px;width:200px;height:110px;}
    #menu { position:relative;height:57px;width:960px;background:url('../images/menubar.png') top left no-repeat; }
        #menu ul { position:absolute;top:15px;left:30px; }
        #menu li span { display:none; }
        #menu li a { display:block;width:inherit;height:27px; }
        #menu li { height:27px;float:left;margin-right:51px; }

    #title { position:relative;background:url('../images/title_bg.png');height:81px;width:960px; }
        #title img.page_title { position:absolute;top:36px;left:35px;}
    #page_body { position:relative;background:url('../images/body_bg.png') top left no-repeat;position:relative;min-height:700px;padding-top:25px;padding-left:25px; }
    #fooder_holder { position:relative;height:300px; }
    #footer { position:absolute;bottom:0;height:300px;width:960px;background:url('../images/footer_bg.jpg') bottom center no-repeat;overflow:hidden;z-index:-1; }
    #footer_link { display:block;position:absolute;bottom:0;right:0;height:40px;width:200px;z-index:3; }
        #footer_link span { display:none; }

/* Global Classes */
    /* Disables all javascript requiring elements by default (re-enabled via JS) */
    .javascript_on { display:none; }
    .turned_off { display:none; }

    /* Uses clear:both in instances where float:left is needed for multiple elements but scrolling for content height is required */
    .necessary_evil { clear:both; }
        
/* Menu Classes */
    #menu .menu_home { background:url('../images/menu_home.png') top left no-repeat;width:47px; }
    #menu .menu_browse_posts { background:url('../images/menu_browse_posts.png') top left no-repeat;width:113px; }
    #menu .menu_hunter_builds { background:url('../images/menu_hunter_builds.png') top left no-repeat;width:113px; }
    #menu .menu_code_libraries { background:url('../images/menu_code_libraries.png') top left no-repeat;width:115px; }
    #menu .menu_contact { background:url('../images/menu_contact.png') top left no-repeat;width:70px; }
    #menu .menu_forums { background:url('../images/menu_forums.png') top left no-repeat;width:63px; }
    #menu .menu_bugs { background:url('../images/menu_bugs.png') top left no-repeat;width:95px; }

/* Sort By and Page Navigation (Top) */
    #navigation_box { position:absolute;top:331px;left:410px;height:21px;width:520px; }
        #navigation_box img { float:left;margin-right:3px; }

        /* Next and Previous Buttons */
        .nav_button { float:left;border:1px solid #066079;background:#012D3F;height:19px;width:80px;margin-right:6px;
                        font-family:tahoma, verdana, arial, helvetica;font-size:10px;font-weight:700;color:#98D6DE;text-align:center;line-height:17px; }
        
        /* Styling for the 'Sort By' box when Javascript is turned ON */
        div.sort_by { position:relative;float:left;width:150px;height:19px;font-family:tahoma, verdana, arial, helvetica;font-size:11px;border:1px solid #066079;background:#012D3F;margin-right:6px; }
            div.sort_by .dropdown_arrow { position:absolute;top:0;right:0;width:16px;height:19px;background:url('../images/dropdown_arrow.png') top left no-repeat; }
            div.sort_by .current_selection { position:absolute;top:4px;left:8px;width:120px;height:14px;
                                                font-family:tahoma, verdana, arial, helvetica;font-size:10px;font-weight:700;color:#FFF; }

        /* Styling for the dropdown box that appears when you hover over the 'Sort By' box (Javascript ON) */
        ul.sort_by { position:absolute;left:481px;top:351px;width:150px;border:1px solid #066079;background:#01161F;padding-top:6px;padding-bottom:6px;z-index:1; }
            ul.sort_by li { width:147px;margin:auto;text-align:left;height:19px;margin-bottom:1px;
                                font-family:tahoma, verdana, arial, helvetica;font-size:10px;color:#74ADBF;margin-left:2px; }
            ul.sort_by a { padding-left:5px;line-height:16px;font-weight:700;display:block;height:inherit;margin-right:1px; }
            ul.sort_by a:hover { background:#294B57; }

        /* Styling for 'Sort By' with Javascript OFF */
        select.sort_by { float:left;width:150px;height:21px;font-family:tahoma, verdana, arial, helvetica;font-size:11px;margin-right:6px;
                            font-family:tahoma, verdana, arial, helvetica;font-size:11px;font-weight:700; }

        #js_off_dropdown .button_submit { display:block;float:left;width:54px;height:21px;margin-right:6px; }

/* Page Body Elements (The holders that keep everything together inside the left and right portions of the site) */
    #inner_holder_left { float:left;width:594px;margin-right:49px;padding-bottom:180px; }
    #inner_holder_right { float:left;width:260px;padding-bottom:180px; }

/* Right Navigation panel */
    #cpanel { margin-bottom:10px; }
        #cpanel .top_header { position:relative;width:260px;min-height:70px;border-bottom:1px solid #000;background:url('../images/cpanel_top_bar.jpg') top left no-repeat #012A3A; }
        #cpanel .panel_body { border:1px solid #000;border-width:0 1px 0 1px;background:#01212E;padding:10px 0 0 0; }
        #cpanel ul.panel_list li { width:247px;height:28px;background:url('../images/cpanel_li_bg.jpg') top left no-repeat;margin:auto;margin-bottom:2px; }
            #cpanel ul.panel_list li a { display:block;height:28px;padding-left:35px;background:url('../images/orange_box.jpg') 25px 12px no-repeat;
                                text-decoration:none;line-height:24px; }
        #cpanel .panel_bottom { background:url('../images/cpanel_bottom.jpg') top left no-repeat;height:58px; }
            #cpanel .panel_bottom a, #cpanel .panel_bottom img, #cpanel .panel_bottom input { margin:auto;display:block;width:110px;height:35px; }
            #cpanel .panel_bottom img, #cpanel .panel_bottom input { margin-top:20px; }
        #cpanel .panel_avatar { position:absolute;top:7px;left:7px;background:url('../images/avatar_outer_image.png') top left no-repeat;padding:1px; }
                #cpanel .panel_avatar img { display:block;border:1px solid #000; }
        #cpanel .panel_username { position:absolute;top:9px;left:67px;height:24px; }
        #cpanel .panel_username, #cpanel .panel_username a { font-family:tahoma, verdana, arial, helvetica;font-size:18px;color:#FF9900;text-decoration:none; }
        #cpanel .panel_welcome_text { position:absolute;top:29px;left:68px;width:170px;
                                        font-family:tahoma, verdana, arial, helvetica;font-size:10px;color:#CCC;line-height:13px; }

        div.twitter_button { padding-left:1px;margin:auto;margin-bottom:8px; }
        div.feed_button { padding-left:1px;margin:auto;margin-bottom:25px; }

        /* Username and Password Input Styling */
        #cpanel input.panel_input { float:left;width:130px;height:15px;border:1px solid #102A36;background:#000;padding:2px 3px 2px 3px;
                                        line-height:17px;font-family:tahoma, verdana, arial, helvetica;font-size:11px;color:#CCC; }
        #cpanel label.panel_input { display:block;width:60px;float:left;height:24px;margin-left:15px;margin-right:12px;
                                        line-height:20px;color:#FFF;text-align:right; }

        #cpanel input.panel_remember { float:left; }
        #cpanel label.panel_remember { display:block;width:130px;float:left;height:24px;margin-left:15px;margin-right:5px;
                                        line-height:20px;color:#FFF;text-align:right; }

        /* Styling for top cpanel text when user is logged out */
        #cpanel .panel_logged_out { text-align:center;font-family:tahoma, verdana, arial, helvetica;font-size:14px;color:#FF9900;font-weight:700;padding-top:12px; }
        #cpanel .short { min-height:40px; }

        .auth_errors { background:url('../images/exclamation_red.png') 10px 10px no-repeat #330000;border:1px solid #660000;padding:9px 10px 10px 23px;margin:10px 15px 10px 15px; }
            .auth_errors li { list-style-type:disc;margin-left:15px; }
            .auth_errors .error_title { margin-bottom:10px;font-family:tahoma;font-size:13px;color:#EE0000;list-style-type:none;margin-left:0; }

    /* For other line lists below the 'cpanel' panel box */
    .right_title_text { margin-bottom:10px; }
    .exposed_line_list { width:281px;margin-bottom:25px; }
        .exposed_line_list li { background:url('../images/right_li_bg.png') -10px 0 no-repeat;height:26px;margin-bottom:8px; }
        .exposed_line_list li a { display:block;height:28px;padding-left:35px;background:url('../images/orange_box.jpg') 25px 12px no-repeat;
                                text-decoration:none;line-height:24px; }

/* Home Page Article View */
    .blog_post { margin-bottom:40px; }
        .blog_post_subject { padding-left:11px;padding-right:15px;z-index:3;line-height:30px;
                font-family:arial, verdana, helvetica;font-size:20px;color:#FFF;margin-bottom:3px; }
            .blog_post_subject a { font-family:arial, verdana, helvetica;font-size:20px;color:#FFF;margin-bottom:15px;text-decoration:none;font-weight:normal; }
            .blog_post_subject a:hover { text-decoration:underline; }
        .blog_date { padding-left:11px;padding-right:15px;font-style:italic;margin-bottom:10px; }
        .blog_image { border:1px solid #023A4D;width:573px;padding:5px 0 5px 0; margin:auto;background:#01212E;margin-bottom:15px; }
            .blog_image img { display:block;margin:0 0 0 5px;border:1px solid #000; }
        .blog_post_body { padding:0 15px 10px 15px; }
            .blog_post_body p, .blog_post_body { font-family:arial, verdana, helvetica;font-size:12px;color:#999;line-height:22px;margin-bottom:20px; }
            .blog_post_body { margin-bottom:0; }
            .blog_post_body a { text-decoration:none; }
        .blog_post_comments_box { position:relative;background:url('../images/separator_bottom.png') top left no-repeat;width:594px;height:42px;z-index:2; }
            .blog_post_comments_box a.post_comment { display:block;height:32px;width:140px;float:left;position:absolute;top:0;left:11px;background:url('../images/button_post_comment.png') top left no-repeat; }
            .blog_post_comments_box a.share_this { display:block;height:32px;width:108px;float:left;position:absolute;top:0;left:155px;background:url('../images/button_share_this.png') top left no-repeat; }
            .blog_post_comments_box a.report_bug { display:block;height:32px;width:114px;float:left;position:absolute;top:0;left:11px;background:url('../images/button_report_bug.png') top left no-repeat; }
            .blog_post_comments_box a span { display:none; }
            .blog_post_comments_box .num_comments { position:absolute;top:10px;right:28px;width:260px;text-align:right; }
                .blog_post_comments_box .num_comments a { font-family:tahoma, verdana, arial, helvetica;font-size:12px;color:#98D6DE;line-height:15px;font-weight:700; }
                .num_comments a:hover { color:#CFEBEF; }

    .blog_full { margin-bottom:25px; }
        .blog_full .blog_post_comments_box .num_comments { right:15px; }

    /* This is for the post subjects found in the single-line links on the home page */
    .blog_post_comments_box .blog_post_subject { line-height:28px; }        
    .blog_tiny { position:relative;margin-bottom:20px; }
        /* This keeps the subject line in place during the scrollToggle transition, and makes the effect not look crappy */
        .blog_tiny .blog_post_subject { position:absolute;top:0;left:0;width:400px;overflow:hidden;line-height:30px;height:30px; }
        .blog_tiny .blog_post_body p { color:#000; }
        .blog_tiny .blog_image { display:none; }
        .blog_tiny .blog_date { display:none; }
        .blog_tiny .blog_post_body,
        .blog_tiny .blog_post_comments_box a.post_comment,
        .blog_tiny .blog_post_comments_box a.share_this { display:none; }

    .post_id_result { color:#FFF;font-weight:700;font-family:tahoma, verdana, arial, helvetica; }

    /* Orange Arrow and Up/Down */
    .orange_arrow { position:absolute;top:16px;right:12px;display:block;width:8px;height:7px;background:url('../images/orange_arrows.png') top left no-repeat; }
    .blog_tiny .orange_arrow { background-position:right; }

/* Pagination (Home Page, Browse, Comments) */
    .page_numbers { height:26px;margin-bottom:20px; }
    .page_numbers div { display:inline;padding:2px 5px 2px 5px;float:left;border:1px solid #066079;background:#012D3F;height:19px;margin-right:6px;
                            font-family:tahoma, verdana, arial, helvetica;font-size:10px;font-weight:700;color:#98D6DE;text-align:center;line-height:17px; }
    .page_numbers div { color:#FFF; }

/* Comments (Article View) */
    .comment_box { margin-bottom:25px; }
        .username_box { position:relative;background:#02212D;padding:15px;height:40px;border-style:solid;border-color:#033441;border-width:1px 1px 0 1px; }
            .comment_avatar { position:absolute;top:8px;left:11px;width:53px;height:53px;background:url('../images/avatar_outer_image.png') top left no-repeat;padding:1px; }
                .comment_avatar img { border:1px solid #000;width:50px;height:50px; }
            .comment_username { position:absolute;width:250px;top:25px;left:75px;
                                    font-family:tahoma, verdana, arial, helvetica;font-size:15px;color:#FFF;font-weight:700; }
            .username_box a { display:block;width:95px;height:29px; }
                .username_box a span { display:none; }
            .username_box .view_profile { position:absolute;top:20px;right:15px;background:url('../images/button_view_profile.png') top left no-repeat; }
        .comment_body { background:#011117;padding:5px 15px 5px 15px;border:1px solid #033441; }
            .comment_body p { font-family:arial, verdana, helvetica;font-size:12px;color:#708B8A;line-height:21px;margin:10px 0 10px 0; }

    .comment_notice { background:url('../images/exclamation_yellow.png') 10px 10px no-repeat #022F40;border:1px solid #056B85;padding:9px 10px 10px 23px;margin-bottom:10px; }
        .comment_notice li { list-style-type:disc;margin-left:15px;margin-bottom:5px; }
        .comment_notice .notice_title { margin-bottom:10px;font-family:tahoma;font-size:13px;color:#FFF;list-style-type:none;margin-left:0; }
    .comment_requirements { width:300px;float:right;line-height:30px;margin-right:10px;
                                font-family:tahoma;font-size:10px;text-align:right;color:#056B85; }

    .post_a_comment { height:260px;background:url('../images/post_a_comment_text.jpg') 12px 10px no-repeat #02212D;border:1px solid #033441;padding:45px 20px 15px 15px;margin-bottom:25px; }
        .post_a_comment textarea { display:block;background:#011117;border:1px solid #033441;height:200px;margin-bottom:10px;width:95%;padding:10px;
                                    font-family:arial, verdana, tahoma, helvetica;color:#DDD;font-size:11px;line-height:18px; }
    .post_a_comment input { float:left; }

    /* Error messages for comments */
    .comment_errors { background:url('../images/exclamation_red.png') 10px 10px no-repeat #330000;border:1px solid #660000;padding:9px 10px 10px 23px;margin-bottom:10px; }
        .comment_errors li { list-style-type:disc;margin-left:15px;margin-bottom:5px;color:#EEE; }
        .comment_errors .error_title { margin-bottom:10px;font-family:tahoma;font-size:13px;color:#EE0000;list-style-type:none;margin-left:0; }

/* Special Admin Comment Styling */
    .admin .username_box, .admin .comment_body { border-color:#034D5F; }
    .admin .username_box { background:#042630; }
    .admin .comment_username { color:#EFB312; }
    .admin .comment_body p { color:#39A3C6; }
    .admin .ignore_user { background:url('../images/button_ignore_user_gray.png') top left no-repeat; }

/* Browse Posts/Hunter Builds Page Styling */
    .browse_title { position:relative;padding-left:10px; }
    .browse_categories { background:url('../images/separator_bottom.png') bottom left no-repeat;margin-bottom:40px; }
        .browse_categories li { width:195px;height:38px;background:url('../images/category_background.png') top left no-repeat;float:left;line-height:38px;margin-bottom:5px; }
            .browse_categories li a { margin-left:40px;text-decoration:none; }
        .browse_categories li.last { float:none;clear:both;height:12px;background:none; }
        .browse_current_category_text { position:absolute;top:6px;left:232px;display:block;width:200px;
                                            font-family:tahoma;font-size:20px;font-weight:normal;color:#FFF; }
    .browse_holder { background:url('../images/separator_bottom.png') bottom left no-repeat;margin-bottom:30px;padding-bottom:1px; }
    
    /* Table styling */
    .browse_posts { margin-bottom:15px; }
    .browse_posts, .profile_comments { width:589px; }
        .browse_posts tr, .profile_comments tr { width:589px;height:42px; }
            .browse_posts tr td, .browse_posts tr th, .profile_comments tr td, .profile_comments tr th { line-height:38px; }
            .browse_posts .headings th, .profile_comments .headings th { font-family:tahoma;font-size:11px;font-weight:700;color:#FF9900; }
            .browse_posts .subject, .profile_comments .subject { padding-left:40px; }
            .browse_posts .date { width:170px; }
            .browse_posts td.subject a, .profile_comments td.subject a { text-decoration:none; }
            
    .build_title { padding-left:10px;margin-bottom:5px; }

/* Library Page (borrows styling from other pages) */
    .library_holder { margin-bottom:40px; }
        .library_holder .blog_post { margin-bottom:0; }
        .library_holder .blog_post_subject { margin-bottom:10px; }
        .library_holder .blog_post_comments_box { background:none; }
        .library_holder .blog_post_comments_box a.view_source { display:block;height:32px;width:124px;float:left;position:absolute;top:0;left:11px;background:url('../images/button_view_source.png') top left no-repeat; }
        .library_holder .blog_post_comments_box a.download { display:block;height:32px;width:109px;float:left;position:absolute;top:0;left:139px;background:url('../images/button_download.png') top left no-repeat; }

/* User Profile */
    .profile_header { position:relative;height:75px;width:594px;margin-bottom:25px;background:url('../images/separator_bottom.png') bottom left no-repeat; }
        .profile_nickname { position:absolute;top:12px;left:78px;
                            font-family:tahoma;font-size:25px;color:#FFF; }
            .profile_nickname .admin_text { padding-left:10px;font-family:tahoma;font-size:11px;color:#FF9900; }
        .profile_register_date { position:absolute;top:42px;left:80px;
                            font-size:11px;font-family:tahoma;font-style:italic;color:#999; }
        .profile_ignore_user { display:block;position:absolute;top:27px;right:15px;height:29px; }
        .profile_avatar { position:absolute;top:9px;left:15px;width:54px;height:54px;background:url('../images/avatar_outer_image.png') top left no-repeat;padding:1px; }
        .profile_avatar img { border:1px solid #000;width:50px;height:50px; }

        /* Table styling */
        .profile_comments { padding:0; }
        .profile_comments .subject, .profile_comment_body .hidden_comment p { font-family:tahoma;font-size:11px;color:#708B8A;line-height:17px; }
        .profile_comment_body .hidden_comment p { padding:2px 0 2px 0; }
        .profile_comments .subject span { display:none; }
        .profile_comment_body .hidden_comment { padding:10px 20px 5px 40px; }
        .profile_comments .date { width:140px; }
        .profile_comments .links { width:150px; }
            .profile_comments .links div { position:relative; }
            .profile_comments .links div .link_comment { margin-right:15px; }
            .profile_comments .links div .link_full { margin-right:10px; }
            .profile_comments .links div .link_arrow { position:absolute;top:17px;right:25px;display:block;width:8px;height:7px;background:url('../images/orange_arrows.png') top left no-repeat; }

        /* Hover settings */
        .compact .hidden_comment { display:none; }
        .compact .profile_comments .links div .link_arrow { background-position:right; }
        .compact .profile_comments .subject span { display:inline; }

/* User Registration (and several other form related pages) */
    .user_registration { border-bottom:1px solid #033441;margin-bottom:20px; }
        .user_registration li { background:#02212D;border:1px solid #033441;border-width:1px 1px 0 1px;height:50px; }
            .user_registration li input { margin-top:15px;margin-right:10px;float:left;width:200px;border:1px solid #102A36;background:#000;padding:4px 6px 2px 5px;
                                        font-family:tahoma, verdana, arial, helvetica;font-size:11px;color:#CCC; }
            .user_registration li label.ignore { width:360px; }
            .user_registration li input.ignore { width:auto;height:auto;margin-top:18px; }
        .user_registration li.dark { background:#011117;}
            .user_registration li img { width:26px;height:26px;float:left;margin-top:12px; }
            .user_registration li label, .user_registration li span.label { margin-top:15px;display:block;width:248px;margin-right:10px;float:left;text-align:right;
                                            font-family:tahoma;font-size:12px;color:#FFF;font-weight:700;line-height:20px; }
            .user_registration li span.label { margin-right:16px; }
            .user_registration li span.email { display:block;margin-top:15px;
                                            font-family:tahoma;font-size:12px;color:#98D6DE;font-weight:700;line-height:20px;}
            .user_registration li label.double { line-height:12px; }
            .user_registration li label.double span { display:block;font-family:tahoma;font-size:10px;color:#999;font-weight:normal; }

    .register_submit { background:url('../images/separator_bottom.png') top left no-repeat;width:594px;height:42px; }
        .register_submit input { display:block;margin:10px 0 10px 0;margin:auto; }

    /* Report bugs form */
    .bug { background:url('../images/bug_text.jpg') 12px 10px no-repeat #02212D; }


/* Browser Fixes */
    /* Fixes spacing issue with checkbox in opera */
    #cpanel input.panel_remember { margin-top:2px; }

    /* Fixes background issues with tables in Safari and IE (specifically, background set for <tr> where the child <td> essentially displays the background AGAIN) */
    .browse_posts .subject,
    .profile_comments .subject { background:url('../images/recent_posts_background.png') top left no-repeat; }
    .browse_posts .date,
    .profile_comments .links { background:url('../images/recent_posts_background.png') top right no-repeat; }
    .profile_comments .date { background:url('../images/recent_posts_background.png') top center no-repeat; }

/* Special in-post styling */
    h3 { display:block;color:#FFAA00;font-size:22px;line-height:25px;border:1px solid #023A4D;background:#01212E;padding:10px 15px 10px 15px;margin-bottom:5px; }
    .spr { height:5px; }
    .talent { padding:10px;border:1px solid #012734;background:#01131B;height:27px;margin-bottom:10px; }
        .talent img { display:block;float:left;margin-right:15px; }
        .talent a { display:block;float:left;font-weight:700;line-height:27px;text-decoration:none;margin-right:10px; }
        .talent a:hover { text-decoration:underline; }
        .talent span { float:left;color:#FFBB00;font-weight:700;line-height:27px; }
        .talent span.partial { color:#22EE22; }
    .associated_image { border:1px solid #023A4D;background:#01212E;padding:10px 0 10px 0;margin-bottom:10px; }
        .associated_image img { display:block;margin:auto;border:1px solid #000; }

        
        .post_bottom { line-height:19px;padding-right:35px;background-color:#02212D;border:1px solid #033441;font-style:italic; }
        .post_bottom .notice_title { font-weight:700;margin-bottom:5px; }