/*
Theme Name: 640774n6
Description: Blue Fibres
Version: 2.1.4
Author: Brandon Holland
Author URI: http://www.brandon-holland.com/
Tags: awesome
License: Copyright © 2004-2013 640774n6. All rights reserved
*/

/* Document Classes */

html, body         
{ 
    margin: 0 0 0 0; 
    width: 100%;
    height: 100%;
    background-image: url("images/background.png"); 
    background-repeat: repeat;
    font-family: helvetica;
    font-size: 12px;
}

img             
{ 
    border-style: none;
}

a:link          
{ 
    color: #005799; 
    font-weight: normal; 
    text-decoration: none; 
}

a:visited       
{ 
    color: #005799; 
    font-weight: normal; 
    text-decoration: none; 
}

a:active        
{ 
    color: #5da9e3; 
    font-weight: normal; 
    text-decoration: none; 
}

a:hover 
{ 
    color: #5da9e3;
    font-weight: normal; 
    text-decoration: none; 
}

/* Image Preloading */

body:after
{
    display: none;
    content:    url("images/menubar_hover_left_cap.png")
                url("images/menubar_hover_background.png")
                url("images/menubar_hover_right_cap.png")
                url("images/menubar_selected_left_cap.png")
                url("images/menubar_selected_background.png")
                url("images/menubar_selected_right_cap.png")
                url("images/menubar_hover_start_left_cap.png")
                url("images/menubar_selected_start_left_cap.png")
                url("images/menubar_hover_end_right_cap.png")
                url("images/menubar_selected_end_right_cap.png")
                url("images/contentbar_button_selected_left_cap.png")
                url("images/contentbar_button_selected_background.png")
                url("images/contentbar_button_selected_right_cap.png")
                url("images/contentbar_button_toggled_left_cap.png")
                url("images/contentbar_button_toggled_background.png")
                url("images/contentbar_button_toggled_right_cap.png")
                url("images/contentbar_backbutton_selected_left_cap.png")
                url("images/popup_menu_selected_background.png")
                url("images/popup_menu_top_left.png")
                url("images/popup_menu_top_background.png")
                url("images/popup_menu_top_right.png")
                url("images/popup_menu_bottom_left.png")
                url("images/popup_menu_bottom_background.png")
                url("images/popup_menu_bottom_right.png")
                url("images/popup_menu_left_background.png")
                url("images/popup_menu_right_background.png")
                url("images/popup_menu_arrow_top.png")
                url("images/popup_menu_arrow_bottom.png")
                url("images/post_button_feedback_hover.png")
                url("images/post_button_feedback_selected.png")
                url("images/post_button_bookmark_hover.png")
                url("images/post_button_bookmark_selected.png")
                url("images/post_button_share_hover.png")
                url("images/post_button_share_selected.png")
                url("images/follow_icon_email_hover.png")
                url("images/follow_icon_email_selected.png")
                url("images/follow_icon_facebook_hover.png")
                url("images/follow_icon_facebook_selected.png")
                url("images/follow_icon_twitter_hover.png")
                url("images/follow_icon_twitter_selected.png")
                url("images/follow_icon_google_hover.png")
                url("images/follow_icon_google_selected.png")
                url("images/follow_icon_skype_hover.png")
                url("images/follow_icon_skype_selected.png")
                url("images/follow_icon_linkedin_hover.png")
                url("images/follow_icon_linkedin_selected.png")
                url("images/follow_icon_github_hover.png")
                url("images/follow_icon_github_selected.png");
}

/* Wrapper */

#wrapper 
{
    background: url("images/wrapper_shadow_left.png") repeat-y;
    position: relative;
    margin: auto;
    width: 634px;
    min-height: 100%;
    padding: 0 46px;
    z-index: 1;
}

#wrapper:before 
{
    background: url("images/content_background.png");
    content: '';
    position: absolute;
    height: 100%;
    left: 46px;
    right: 46px;
    top: 0;
    z-index: -1;
}

#wrapper:after 
{
    background: url("images/wrapper_shadow_right.png") repeat-y;
    content: '';
    position: absolute;
    width: 46px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: -1;
}

/* Header Box */

#headerbox 
{
    background: url("images/headerbox_left_cap.png") no-repeat;
    position: relative;
    height: 164px;
    width: 633px;
    padding: 0 1px;
    line-height: 164px;
    display: block;
    z-index: 1;
}

#headerbox:before 
{
    background: url("images/headerbox_background.png");
    content: '';
    position: absolute;
    height: 164px;
    left: 1px;
    right: 1px;
    top: 0;
    z-index: -1;
}

#headerlogo
{
    background: url("images/header_logo.png");
    position: absolute;
    width: 201px;
    height: 51px;
    top: 30px;
    left: 50px;
}

#menubar
{
    position: absolute;
    width: 540px;
    height: 37px;
    top: 95px;
    left: 50px;
}

/* Menu Bar Item Normal */

.menubaritem_normal
{
    background: url("images/menubar_normal_left_cap.png") no-repeat;
    position: relative;
    width: 86px;
    height: 37px;
    padding: 0 2px;
    line-height: 37px;
    display: block;
    float: left;
    z-index: 1;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
}

.menubaritem_normal:before
{
    background: url("images/menubar_normal_background.png");
    content: '';
    position: absolute;
    height: 37px;
    left: 2px;
    right: 1px;
    top: 0;
    z-index: -1;
}

.menubaritem_normal:after
{
    background: url("images/menubar_normal_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    height: 37px;
    width: 1px;
    right: 0;
    top: 0;
    z-index: -1;
}

.menubaritem_normal:hover
{ background: url("images/menubar_hover_left_cap.png") no-repeat; }

.menubaritem_normal:hover:before
{ background: url("images/menubar_hover_background.png"); }

.menubaritem_normal:hover:after
{ background: url("images/menubar_hover_right_cap.png") no-repeat; }

.menubaritem_normal:active
{ 
    background: url("images/menubar_selected_left_cap.png") no-repeat;
    width: 72px;
    padding: 0 9px;
}

.menubaritem_normal:active:before
{ 
    background: url("images/menubar_selected_background.png");
    left: 9px;
    right: 9px;
}

.menubaritem_normal:active:after
{ 
    background: url("images/menubar_selected_right_cap.png") no-repeat;
    width: 9px;
}

/* Menu Bar Item Toggled Normal */

.menubaritem_toggled
{
    background: url("images/menubar_toggled_left_cap.png") no-repeat;
    position: relative;
    width: 86px;
    height: 37px;
    padding: 0 2px;
    line-height: 37px;
    display: block;
    float: left;
    z-index: 1;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
}

.menubaritem_toggled:before
{
    background: url("images/menubar_toggled_background.png");
    content: '';
    position: absolute;
    height: 37px;
    left: 2px;
    right: 1px;
    top: 0;
    z-index: -1;
}

.menubaritem_toggled:after
{
    background: url("images/menubar_toggled_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    height: 37px;
    width: 1px;
    right: 0;
    top: 0;
    z-index: -1;
}

.menubaritem_toggled:hover
{ background: url("images/menubar_hover_left_cap.png") no-repeat; }

.menubaritem_toggled:hover:before
{ background: url("images/menubar_hover_background.png"); }

.menubaritem_toggled:hover:after
{ background: url("images/menubar_hover_right_cap.png") no-repeat; }

.menubaritem_toggled:active
{ 
    background: url("images/menubar_selected_left_cap.png") no-repeat;
    width: 72px;
    padding: 0 9px;
}

.menubaritem_toggled:active:before
{ 
    background: url("images/menubar_selected_background.png");
    left: 9px;
    right: 9px;
}

.menubaritem_toggled:active:after
{ 
    background: url("images/menubar_selected_right_cap.png") no-repeat;
    width: 9px;
}

/* Menu Bar Item First */

.menubaritem_first
{
    background: url("images/menubar_normal_start_left_cap.png") no-repeat;
    position: relative;
    width: 82px;
    height: 37px;
    padding: 0 4px;
    line-height: 37px;
    display: block;
    float: left;
    z-index: 1;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
}

.menubaritem_first:before
{
    background: url("images/menubar_normal_background.png");
    content: '';
    position: absolute;
    height: 37px;
    left: 4px;
    right: 1px;
    top: 0;
    z-index: -1;
}

.menubaritem_first:after
{
    background: url("images/menubar_normal_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    height: 37px;
    width: 1px;
    right: 0;
    top: 0;
    z-index: -1;
}

.menubaritem_first:hover
{ background: url("images/menubar_hover_start_left_cap.png") no-repeat; }

.menubaritem_first:hover:before
{ background: url("images/menubar_hover_background.png"); }

.menubaritem_first:hover:after
{ background: url("images/menubar_hover_right_cap.png") no-repeat; }

.menubaritem_first:active
{
    background: url("images/menubar_selected_start_left_cap.png") no-repeat;
    width: 70px;
    padding: 0 10px;
}

.menubaritem_first:active:before
{
    background: url("images/menubar_selected_background.png");
    left: 10px;
    right: 9px;
}

.menubaritem_first:active:after
{
    background: url("images/menubar_selected_right_cap.png") no-repeat;
    width: 9px;
}

/* Menu Bar Item Toggled First */

.menubaritem_toggled_first
{
    background: url("images/menubar_toggled_start_left_cap.png") no-repeat;
    position: relative;
    width: 82px;
    height: 37px;
    padding: 0 4px;
    line-height: 37px;
    display: block;
    float: left;
    z-index: 1;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
}

.menubaritem_toggled_first:before
{
    background: url("images/menubar_toggled_background.png");
    content: '';
    position: absolute;
    height: 37px;
    left: 4px;
    right: 1px;
    top: 0;
    z-index: -1;
}

.menubaritem_toggled_first:after
{
    background: url("images/menubar_toggled_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    height: 37px;
    width: 1px;
    right: 0;
    top: 0;
    z-index: -1;
}

.menubaritem_toggled_first:hover
{ background: url("images/menubar_hover_start_left_cap.png") no-repeat; }

.menubaritem_toggled_first:hover:before
{ background: url("images/menubar_hover_background.png"); }

.menubaritem_toggled_first:hover:after
{ background: url("images/menubar_hover_right_cap.png") no-repeat; }

.menubaritem_toggled_first:active
{
    background: url("images/menubar_selected_start_left_cap.png") no-repeat;
    width: 70px;
    padding: 0 10px;
}

.menubaritem_toggled_first:active:before
{
    background: url("images/menubar_selected_background.png");
    left: 10px;
    right: 9px;
}

.menubaritem_toggled_first:active:after
{
    background: url("images/menubar_selected_right_cap.png") no-repeat;
    width: 9px;
}

/* Menu Bar Item Last */

.menubaritem_last
{
    background: url("images/menubar_normal_left_cap.png") no-repeat;
    position: relative;
    width: 86px;
    height: 37px;
    padding: 0 2px;
    line-height: 37px;
    display: block;
    float: left;
    z-index: 1;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
}

.menubaritem_last:before
{
    background: url("images/menubar_normal_background.png");
    content: '';
    position: absolute;
    height: 37px;
    left: 2px;
    right: 4px;
    top: 0;
    z-index: -1;
}

.menubaritem_last:after
{
    background: url("images/menubar_normal_end_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    height: 37px;
    width: 4px;
    right: 0px;
    top: 0;
    z-index: -1;
}

.menubaritem_last:hover
{ background: url("images/menubar_hover_left_cap.png") no-repeat; }

.menubaritem_last:hover:before
{ background: url("images/menubar_hover_background.png"); }

.menubaritem_last:hover:after
{ background: url("images/menubar_hover_end_right_cap.png") no-repeat; }

.menubaritem_last:active
{
    background: url("images/menubar_selected_left_cap.png") no-repeat;
    width: 72px;
    padding: 0 9px;
}

.menubaritem_last:active:before
{
    background: url("images/menubar_selected_background.png");
    left: 9px;
    right: 10px;
}

.menubaritem_last:active:after
{
    background: url("images/menubar_selected_end_right_cap.png") no-repeat;
    width: 10px;
}

/* Menu Bar Item Toggled Last */

.menubaritem_toggled_last
{
    background: url("images/menubar_toggled_left_cap.png") no-repeat;
    position: relative;
    width: 86px;
    height: 37px;
    padding: 0 2px;
    line-height: 37px;
    display: block;
    float: left;
    z-index: 1;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
}

.menubaritem_toggled_last:before
{
    background: url("images/menubar_toggled_background.png");
    content: '';
    position: absolute;
    height: 37px;
    left: 2px;
    right: 4px;
    top: 0;
    z-index: -1;
}

.menubaritem_toggled_last:after
{
    background: url("images/menubar_toggled_end_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    height: 37px;
    width: 4px;
    right: 0px;
    top: 0;
    z-index: -1;
}

.menubaritem_toggled_last:hover
{ background: url("images/menubar_hover_left_cap.png") no-repeat; }

.menubaritem_toggled_last:hover:before
{ background: url("images/menubar_hover_background.png"); }

.menubaritem_toggled_last:hover:after
{ background: url("images/menubar_hover_end_right_cap.png") no-repeat; }

.menubaritem_toggled_last:active
{
    background: url("images/menubar_selected_left_cap.png") no-repeat;
    width: 72px;
    padding: 0 9px;
}

.menubaritem_toggled_last:active:before
{
    background: url("images/menubar_selected_background.png");
    left: 9px;
    right: 10px;
}

.menubaritem_toggled_last:active:after
{
    background: url("images/menubar_selected_end_right_cap.png") no-repeat;
    width: 10px;
}

/* Content Bar */

#bottom_contentbar
{
    position: absolute;
    bottom: 74px;
}

.contentbar
{
    background: url("images/contentbar_left_cap.png") no-repeat;
    color: white;
    position: relative;
    height: 41px;
    width: 630px;
    padding: 0 2px;
    line-height: 41px;
    display: block;
    z-index: 1;
}

.contentbar:before
{
    background: url("images/contentbar_background.png");
    content: '';
    position: absolute;
    height: 41px;
    left: 1px;
    right: 1px;
    top: 0;
    z-index: -1;
}

.contentbar:after
{
    background: url("images/contentbar_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    width: 1px;
    height: 41px;
    right: 0;
    top: 0;
    z-index: -1;
}

.contentbar_title
{
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center; 
    width: 370px;
    font-size: 14px; 
    font-weight: bold;
    position: absolute;
    left: 50%;
    margin-left: -185px;
    float: left;
}

.contentbar_status
{
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
    width: 100px;
    font-size: 14px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    float: left;
}

/* Content Bar Button */

.contentbar_button
{
    background: url("images/contentbar_button_normal_left_cap.png") no-repeat;
    color: white;
    text-shadow: 1px 1px #333333;
    position: relative;
    height: 29px;
    width: 28px;
    padding: 0 5px;
    line-height: 29px;
    display: block;
    z-index: 1;
    float: right;
    top: 6px;
    margin-right: 4px;
    cursor: pointer;
}

.contentbar_button:before
{
    background: url("images/contentbar_button_normal_background.png");
    content: '';
    position: absolute;
    height: 29px;
    left: 5px;
    right: 5px;
    top: 0;
    z-index: -1;
}

.contentbar_button:after
{
    background: url("images/contentbar_button_normal_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    width: 5px;
    height: 29px;
    right: 0;
    top: 0;
    z-index: -1;
}

.contentbar_button:active
{
    background: url("images/contentbar_button_selected_left_cap.png") no-repeat;
    color: white;
    text-shadow: 1px 1px #333333;
    position: relative;
    height: 29px;
    width: 18px;
    padding: 0 10px;
    line-height: 29px;
    display: block;
    z-index: 1;
    float: right;
    top: 6px;
    margin-right: 4px;
}

.contentbar_button:active:before
{
    background: url("images/contentbar_button_selected_background.png");
    content: '';
    position: absolute;
    height: 29px;
    left: 10px;
    right: 10px;
    top: 0;
    z-index: -1;
}

.contentbar_button:active:after
{
    background: url("images/contentbar_button_selected_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    width: 10px;
    height: 29px;
    right: 0;
    top: 0;
    z-index: -1;
}

.contentbar_button_toggled
{
    background: url("images/contentbar_button_toggled_left_cap.png") no-repeat;
    color: white;
    text-shadow: 1px 1px #333333;
    position: relative;
    height: 29px;
    width: 28px;
    padding: 0 5px;
    line-height: 29px;
    display: block;
    z-index: 1;
    float: right;
    top: 6px;
    margin-right: 4px;
}

.contentbar_button_toggled:before
{
    background: url("images/contentbar_button_toggled_background.png");
    content: '';
    position: absolute;
    height: 29px;
    left: 5px;
    right: 5px;
    top: 0;
    z-index: -1;
}

.contentbar_button_toggled:after
{
    background: url("images/contentbar_button_toggled_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    width: 5px;
    height: 29px;
    right: 0;
    top: 0;
    z-index: -1;
}

.contentbar_button_back
{
    background: url("images/contentbar_backbutton_normal_left_cap.png") no-repeat;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
    position: relative;
    height: 29px;
    width: 55px;
    padding: 0 11px;
    line-height: 29px;
    display: block;
    z-index: 1;   
    float: left;
    top: 6px;
    margin-left: 4px;
    cursor: pointer;
}

.contentbar_button_back:before
{
    background: url("images/contentbar_button_normal_background.png");
    content: '';
    position: absolute;
    height: 29px;
    left: 11px;
    right: 5px;
    top: 0;
    z-index: -1;
}

.contentbar_button_back:after
{
    background: url("images/contentbar_button_normal_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    width: 5px;
    height: 29px;
    right: 0;
    top: 0;
    z-index: -1;
}

.contentbar_button_back:active
{
    background: url("images/contentbar_backbutton_selected_left_cap.png") no-repeat;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
    position: relative;
    height: 29px;
    width: 47px;
    padding: 0 15px;
    line-height: 29px;
    display: block;
    z-index: 1;   
    float: left;
    top: 6px;
    margin-left: 4px;
}

.contentbar_button_back:active:before
{
    background: url("images/contentbar_button_selected_background.png");
    content: '';
    position: absolute;
    height: 29px;
    left: 15px;
    right: 10px;
    top: 0;
    z-index: -1;
}

.contentbar_button_back:active:after
{
    background: url("images/contentbar_button_selected_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    width: 10px;
    height: 29px;
    right: 0;
    top: 0;
    z-index: -1;
}

#contentbar_button_goto_top
{
    float: left;
    margin-left: 4px;
    margin-right: 0px;
}

/* Icons */

.goto_top_icon
{
    background: url("images/goto_top_icon.png") no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
}

.share_icon
{
    background: url("images/share_button_icon.png") no-repeat;
    width: 20px;
    height: 19px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -10px;
}

.comment_icon
{
    background: url("images/feedback_button_icon.png") no-repeat;
    width: 20px;
    height: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -10px;
}

.bookmark_icon
{
    background: url("images/bookmark_button_icon.png") no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
}

.category_icon
{
    background: url("images/category_button_icon.png") no-repeat;
    width: 15px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -7px;
}

.date_icon
{
    background: url("images/date_button_icon.png") no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
}

.search_icon
{
    background: url("images/search_button_icon.png") no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.share_icon_facebook
{
    background: url("images/share_icon_facebook.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    padding-right: 8px;
    float: left;
}

.share_icon_twitter
{
    background: url("images/share_icon_twitter.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    padding-right: 8px;
    float: left;
}

.share_icon_google
{
    background: url("images/share_icon_google.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    padding-right: 8px;
    float: left;
}

.share_icon_linkedin
{
    background: url("images/share_icon_linkedin.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    padding-right: 8px;
    float: left;
}

.bookmark_icon_digg
{
    background: url("images/bookmark_icon_digg.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    padding-right: 8px;
    float: left;
}

.bookmark_icon_reddit
{
    background: url("images/bookmark_icon_reddit.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    padding-right: 8px;
    float: left;
}

.bookmark_icon_delicious
{
    background: url("images/bookmark_icon_delicious.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    padding-right: 8px;
    float: left;
}

.bookmark_icon_stumble
{
    background: url("images/bookmark_icon_stumble.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    padding-right: 8px;
    float: left;
}

.follow_icon_email
{
    background: url("images/follow_icon_email_normal.png") no-repeat;
    width: 22px;
    height: 22px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

.follow_icon_email:hover
{
    background: url("images/follow_icon_email_hover.png") no-repeat;
}

.follow_icon_email:active
{
    background: url("images/follow_icon_email_selected.png") no-repeat;
}

.follow_icon_facebook
{
    background: url("images/follow_icon_facebook_normal.png") no-repeat;
    width: 22px;
    height: 22px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

.follow_icon_facebook:hover
{
    background: url("images/follow_icon_facebook_hover.png") no-repeat;
}

.follow_icon_facebook:active
{
    background: url("images/follow_icon_facebook_selected.png") no-repeat;
}

.follow_icon_twitter
{
    background: url("images/follow_icon_twitter_normal.png") no-repeat;
    width: 22px;
    height: 22px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

.follow_icon_twitter:hover
{
    background: url("images/follow_icon_twitter_hover.png") no-repeat;
}

.follow_icon_twitter:active
{
    background: url("images/follow_icon_twitter_selected.png") no-repeat;
}

.follow_icon_google
{
    background: url("images/follow_icon_google_normal.png") no-repeat;
    width: 22px;
    height: 22px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

.follow_icon_google:hover
{
    background: url("images/follow_icon_google_hover.png") no-repeat;
}

.follow_icon_google:active
{
    background: url("images/follow_icon_google_selected.png") no-repeat;
}

.follow_icon_skype
{
    background: url("images/follow_icon_skype_normal.png") no-repeat;
    width: 22px;
    height: 22px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

.follow_icon_skype:hover
{
    background: url("images/follow_icon_skype_hover.png") no-repeat;
}

.follow_icon_skype:active
{
    background: url("images/follow_icon_skype_selected.png") no-repeat;
}

.follow_icon_linkedin
{
    background: url("images/follow_icon_linkedin_normal.png") no-repeat;
    width: 22px;
    height: 22px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

.follow_icon_linkedin:hover
{
    background: url("images/follow_icon_linkedin_hover.png") no-repeat;
}

.follow_icon_linkedin:active
{
    background: url("images/follow_icon_linkedin_selected.png") no-repeat;
}

.follow_icon_github
{
    background: url("images/follow_icon_github_normal.png") no-repeat;
    width: 22px;
    height: 22px;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

.follow_icon_github:hover
{
    background: url("images/follow_icon_github_hover.png") no-repeat;
}

.follow_icon_github:active
{
    background: url("images/follow_icon_github_selected.png") no-repeat;
}

/* Popup Menu */

.popup_menu
{
    width: 126px;
    display: block;
    position: absolute;
    z-index: 1;
}

.popup_menu_item
{
    height: 27px;
    width: 100%;
    font-size: 14px;
    color: white;
    text-shadow: 1px 1px #333333;
    display: block;
    line-height: 27px;
    cursor: pointer;
}

.popup_menu_item:hover
{
    background: url("images/popup_menu_selected_background.png");
    opacity: 1.0;
}

.popup_menu_item_text
{
    margin-left: 8px;
}

.popup_menu_item_seperator
{
    height: 1px;
    background-color: #a3a3a3;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.popup_menu_top_border
{
    background: url("images/popup_menu_top_left.png") no-repeat;
    position: relative;
    height: 15px;
    width: 99px;
    padding: 0 14px;
    line-height: 15px;
    display: block;
    z-index: 1;
}

.popup_menu_top_border:before
{
    background: url("images/popup_menu_top_background.png");
    content: '';
    position: absolute;
    height: 15px;
    left: 14px;
    right: 14px;
    top: 0;
    z-index: -1;
}

.popup_menu_top_border:after
{
    background: url("images/popup_menu_top_right.png") no-repeat;
    content: '';
    position: absolute;
    width: 14px;
    height: 15px;
    right: 0;
    top: 0;
    z-index: -1;
}

.popup_menu_top_border_container
{
    width: 100%;
    height: 15px;
}

.popup_menu_top_border_left
{
    background: url("images/popup_menu_top_left.png") no-repeat;
    position: absolute;
    width: 14px;
    height: 15px;
    display: block;
    left: 0px;
}

.popup_menu_top_border_left_mid
{
    background: url("images/popup_menu_top_background.png") repeat-x;
    position: absolute;
    width: 37px;
    height: 15px;
    display: block;
    left: 14px;
}

.popup_menu_top_border_mid
{
    background-color: black;
    opacity: 0.85;
    position: absolute;
    width: 24px;
    height: 9px;
    top: 19px;
    left: 51px;
    display: block;
}

.popup_menu_top_border_right_mid
{
    background: url("images/popup_menu_top_background.png") repeat-x;
    position: absolute;
    width: 38px;
    height: 15px;
    display: block;
    right: 13px;
}

.popup_menu_top_border_right
{
    background: url("images/popup_menu_top_right.png") no-repeat;
    position: absolute;
    width: 14px;
    height: 15px;
    display: block;
    right: -1px;
}

.popup_menu_bottom_border
{
    background: url("images/popup_menu_bottom_left.png") no-repeat;
    position: relative;
    height: 15px;
    width: 99px;
    padding: 0 14px;
    line-height: 15px;
    display: block;
    z-index: 1;
}

.popup_menu_bottom_border:before
{
    background: url("images/popup_menu_bottom_background.png");
    content: '';
    position: absolute;
    height: 15px;
    left: 14px;
    right: 14px;
    top: 0;
    z-index: -1;
}

.popup_menu_bottom_border:after
{
    background: url("images/popup_menu_bottom_right.png") no-repeat;
    content: '';
    position: absolute;
    width: 14px;
    height: 15px;
    right: 0;
    top: 0;
    z-index: -1;
}

.popup_menu_bottom_border_container
{
    width: 100%;
    height: 15px;
}

.popup_menu_bottom_border_left
{
    background: url("images/popup_menu_bottom_left.png") no-repeat;
    position: absolute;
    width: 14px;
    height: 15px;
    display: block;
    left: 0px;
}

.popup_menu_bottom_border_left_mid
{
    background: url("images/popup_menu_bottom_background.png") repeat-x;
    position: absolute;
    width: 37px;
    height: 15px;
    display: block;
    left: 14px;
}

.popup_menu_bottom_border_mid
{
    background-color: black;
    opacity: 0.85;
    position: absolute;
    width: 24px;
    height: 9px;
    bottom: 19px;
    left: 51px;
    display: block;
}

.popup_menu_bottom_border_right_mid
{
    background: url("images/popup_menu_bottom_background.png") repeat-x;
    position: absolute;
    width: 38px;
    height: 15px;
    display: block;
    right: 13px;
}

.popup_menu_bottom_border_right
{
    background: url("images/popup_menu_bottom_right.png") no-repeat;
    position: absolute;
    width: 14px;
    height: 15px;
    display: block;
    right: -1px;
}

.popup_menu_item_container
{
    background: url("images/popup_menu_left_background.png") repeat-y;
    position: relative;
    padding: 0 6px;
    width: 115px;
    display: block;
    z-index: 1;
}

.popup_menu_item_container:before
{
    background-color: black;
    opacity: 0.85;
    content: '';
    position: absolute;
    height: 100%;
    left: 6px;
    right: 6px;
    top: 0;
    z-index: -1;
}

.popup_menu_item_container:after
{
    background: url("images/popup_menu_right_background.png") repeat-y;
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: -1;
}

.popup_menu_top_arrow
{
    background: url("images/popup_menu_arrow_top.png");
    width: 24px;
    height: 19px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -6px;
    z-index: 2;
}

.popup_menu_bottom_arrow
{
    background: url("images/popup_menu_arrow_bottom.png");
    width: 24px;
    height: 19px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -6px;
    z-index: 2;
}

/* Content Box */

#content
{
    position: relative;
    width: 572px;
    min-height: 100%;
    display: block;
    padding: 30px 30px 115px 30px;
}

/* Footer Box */

#footerbox 
{
    background: url("images/footerbox_left_cap.png") no-repeat;
    position: absolute;
    bottom: 0px;
    height: 74px;
    width: 633px;
    padding: 0 1px;
    line-height: 74px;
    display: block;
    z-index: 1;
}

#footerbox:before 
{
    background: url("images/footerbox_background.png");
    content: '';
    position: absolute;
    height: 74px;
    left: 1px;
    right: 1px;
    top: 0;
    z-index: -1;
}

#footer_content
{
    position: relative;
    text-align: center;
    font-size: 11px;
    color: white;
}

/* Post Box */

.post
{
    background-color: white;
    border: 1px solid #a3a3a3;
    display: block;
}

.post_header
{
    height: 38px;
    border-bottom: 1px solid #a3a3a3;
    padding: 15px;
}

.post_title
{
    font-size: 14px;
    padding-bottom: 5px;
}

.post_subtitle
{
    font-size: 12px;
    color: #4f4f4f;
}

.post_avatar
{
    width: 40px;
    height: 40px;
    float: left;
    padding-right: 15px;
}

.post_comment_button
{
    background: url("images/post_button_feedback_normal.png") no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.post_comment_button:hover
{ background: url("images/post_button_feedback_hover.png") no-repeat; }

.post_comment_button:active
{ background: url("images/post_button_feedback_selected.png") no-repeat; }

.post_comment_button_toggled
{
    background: url("images/post_button_feedback_selected.png") no-repeat;
    width: 30px;
    height: 30px;
    float: right;
}

.post_bookmark_button
{
    background: url("images/post_button_bookmark_normal.png") no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.post_bookmark_button:hover
{ background: url("images/post_button_bookmark_hover.png") no-repeat; }

.post_bookmark_button:active
{ background: url("images/post_button_bookmark_selected.png") no-repeat; }

.post_bookmark_button_toggled
{
    background: url("images/post_button_bookmark_selected.png") no-repeat;
    width: 30px;
    height: 30px;
    float: right;
}

.post_share_button
{
    background: url("images/post_button_share_normal.png") no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.post_share_button:hover
{ background: url("images/post_button_share_hover.png") no-repeat; }

.post_share_button:active
{ background: url("images/post_button_share_selected.png") no-repeat; }

.post_share_button_toggled
{
    background: url("images/post_button_share_selected.png") no-repeat;
    width: 30px;
    height: 30px;
    float: right;
}

.post_content
{
    padding: 15px;
    font-size: 12px;
    color: black;
}

.post_description
{
    padding: 0px 0px 15px 15px;
}

.post_tags
{ 
    padding: 0px 0px 15px 15px; 
}

.post_comment_count
{ 
    border-top: 1px dashed #a3a3a3;
    padding: 15px;
}

.post_seperator
{ padding: 15px; }

/* Comments */

.post_comment
{
    border-top: 1px dashed #a3a3a3;
    min-height: 40px;
    padding: 15px;
}

.post_comment_avatar
{
    float: left;
    padding-right: 12px;
    position: relative;
    overflow: hidden;
}

.post_comment_wrapper
{
    position: relative;
    overflow: hidden;
}

.post_comment_author
{
    font-weight: bold;
    float: left;
    padding-right: 4px;
}

.post_comment_content
{
    font-size: 12px;
}

.post_comment_subtitle
{
    font-size: 12px;
    color: #4f4f4f;
    padding-top: 8px;
}

/* Comment Window */

.comment_popup_window
{
    background-color: white;
    border: 1px solid black;
    width: 400px;
    height: 362px;
    padding: 15px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -181px;
    margin-left: -215px;
    display: block;
    z-index: 1;
}

.comment_input_textarea
{
    background-color: #f4f4f4;
    box-shadow: 0px 0px 4px #989898;
    -moz-box-shadow: 0px 0px 4px #989898;
    -webkit-box-shadow: 0px 0px 4px #989898;
    border: 1px solid #a3a3a3;
    font-size: 12px;
    width: 388px;
    height: 100px;
    padding: 5px;
    resize: none; 
}

.comment_input_textarea:hover
{
    background-color: white;
}

.comment_input_textarea:focus
{
    background-color: white;
}

.comment_input_admin_title
{
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    float: left;
}

/* Search Window */

.search_popup_window
{
    background-color: white;
    border: 1px solid black;
    width: 400px;
    height: 110px;
    padding: 15px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -215px;
    display: block;
    z-index: 1;
}

/* Popup Window */

#shield 
{ 
    background-color: black; 
    opacity: 0.75; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

.popup_window
{
    background-color: white;
    border: 1px solid black;
    width: 420px;
    height: 220px;
    padding: 15px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -225px;
    display: block;
    z-index: 1;
}

.popup_window_titlebar
{    
    width: 100%;
    height: 16px;
    position: relative;
    display: block;
    padding-bottom: 8px;
}

.popup_window_title
{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 300px;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -150px;
}

.popup_window_close_button_icon
{
    background: url("images/close_button_icon.png") no-repeat;
    width: 12px;
    height: 13px;
    float: right;
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.popup_window_button
{
    background: url("images/contentbar_button_normal_left_cap.png") no-repeat;
    color: white;
    text-shadow: 1px 1px #333333;
    text-align: center;
    position: relative;
    height: 29px;
    width: 100px;
    padding: 0 5px;
    line-height: 29px;
    display: block;
    z-index: 1;
    float: right;
    cursor: pointer;
}

.popup_window_button:before
{
    background: url("images/contentbar_button_normal_background.png");
    content: '';
    position: absolute;
    height: 29px;
    left: 5px;
    right: 5px;
    top: 0;
    z-index: -1;
}

.popup_window_button:after
{
    background: url("images/contentbar_button_normal_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    width: 5px;
    height: 29px;
    right: 0;
    top: 0;
    z-index: -1;
}

.popup_window_button:active
{
    background: url("images/contentbar_button_selected_left_cap.png") no-repeat;
    color: white;
    text-shadow: 1px 1px #333333;
    position: relative;
    height: 29px;
    width: 90px;
    padding: 0 10px;
    line-height: 29px;
    display: block;
    z-index: 1;
    float: right;
}

.popup_window_button:active:before
{
    background: url("images/contentbar_button_selected_background.png");
    content: '';
    position: absolute;
    height: 29px;
    left: 10px;
    right: 10px;
    top: 0;
    z-index: -1;
}

.popup_window_button:active:after
{
    background: url("images/contentbar_button_selected_right_cap.png") no-repeat;
    content: '';
    position: absolute;
    width: 10px;
    height: 29px;
    right: 0;
    top: 0;
    z-index: -1;
}

.popup_window_input_container
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.popup_window_input_textbox
{
    background-color: #f4f4f4;
    box-shadow: 0px 0px 4px #989898;
    -moz-box-shadow: 0px 0px 4px #989898;
    -webkit-box-shadow: 0px 0px 4px #989898;
    border: 1px solid #a3a3a3;
    font-size: 12px;
    width: 388px;
    height: 14px;
    padding: 5px;
}

.popup_window_input_textbox:hover
{
    background-color: white;
}

.popup_window_input_textbox:focus
{
    background-color: white;
}

.popup_window_input_label
{
    font-size: 12px;
    padding-bottom: 5px;
}

/* Gallery */

.gallery 
{
    margin-top: -12px;
    margin-left: -12px;
}

.gallery-item
{
    text-align: center;
    margin-bottom: 0px;
    float: left;
    padding-left: 12px;
    display: block;
}

.gallery-item img
{
    box-shadow: 0px 0px 4px #989898;
    -moz-box-shadow: 0px 0px 4px #989898;
    -webkit-box-shadow: 0px 0px 4px #989898;
	border: 1px solid white;
	padding: 10px;
	background: #f4f4f4;
}

.gallery-item img:hover
{
    background: white;
}

/* Image Attachment */

.image_attachment
{
    text-align: center;
}

.image_attachment img
{
    box-shadow: 0px 0px 4px #989898;
    -moz-box-shadow: 0px 0px 4px #989898;
    -webkit-box-shadow: 0px 0px 4px #989898;
    border: 1px solid white;
    padding: 10px;
    background: #f4f4f4;
}

.image_attachment img:hover
{
    background-color: white;
}

/* Software Page */

.software_header
{
    height: 78px;
    border-bottom: 1px solid #a3a3a3;
    padding: 15px;
}

.software_icon
{
    width: 80px;
    height: 80px;
    float: left;
    padding-right: 15px;
}

.software_title
{
    font-size: 14px;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 5px;
}

.software_version
{
    font-size: 12px;
    color: #4f4f4f;
}

.software_subtitle
{
    font-size: 12px;
}

.software_link
{
    font-size: 12px;
}

/* About Page */

.about_image
{
    float: left;
    box-shadow: 0px 0px 4px #989898;
    -moz-box-shadow: 0px 0px 4px #989898;
    -webkit-box-shadow: 0px 0px 4px #989898;
	border: 1px solid white;
	padding: 10px;
	background: #f4f4f4;
}

.about_image:hover
{
    background: white;
}

.about_content
{
    float: left;
    width: 353px;
    padding-left: 15px;
}

.about_title
{
    font-size: 14px;
    float: left;
    padding-top: 5px;
}

.about_message
{
    float: left;
    padding-top: 10px;
}

.about_social
{
    float: right;
}

.about_version
{
    float: left;
    padding-top: 10px;
}

.about_copyright
{
    float: left;
}

.about_links
{
    border-top: 1px dashed #a3a3a3;
    padding: 15px 15px 0px 15px;
}

.about_links_title
{
    font-size: 14px; 
    padding-bottom: 10px;
}

.about_links_item
{
    float: left;
    width: 33.3%;
    padding-bottom: 15px;
}

/* 404 Styles */

#image_404
{
    float: left;
    width: 200px;
}

#content_404
{
    float: left;
    width: 340px;
    margin-top: 20px;
}

#title_404
{
    font-size: 16px;
    font-weight: bold;
}

#message_404
{
    font-size: 14px;
    padding-top: 10px;
}
