/*
///////////////////////////////////////////////////
///////////////////////////////////////////////////
// Basic
///////////////////////////////////////////////////
///////////////////////////////////////////////////
*/

html {
    margin-top:             0;
    margin-left:            0;
    height:                 100%;
}

body {
    margin:                 0;
    color:                  #bababa;
    background-color:       black;
}

#generic_single_page {
    width:                  85%;
}

.padding {
    padding:                1em 1em 1em 1em;
}

.spacing_right {
    margin-right:           3em;
}

.spacing_bottom {
    margin-bottom:          3em;
}

.spacing-top {
    margin-top:             4.5em;
}

.generic_listing {
    display:                flex;
    flex-direction:         column;
}

.generic_listing_row {
    display:                flex;
    flex-direction:         row;
}

.generic_listing_identifier {
    flex-grow:              0;
    flex-shrink:            0;
    width:                  15em;
}

.generic_listing_value {

}

/*
//////////////////////////
// Text Formatting
//////////////////////////
*/

.article_headline {
    margin-top:             0;
    text-decoration:        none;
    font-size:              1.2em;
    font-weight:            bolder;
}

.sub_headline {
    margin-top:             0;
    text-decoration:        none;
    font-size:              1em;
    font-weight:            bold;
}

.plain_text {
    margin:                 0;
}

.bolder_text {
    font-weight:            bolder;
}

.underline_decoration {
    text-decoration:        underline;
}

/*
//////////////////////////
// Generic Navigation Bar
//////////////////////////
*/

@font-face {
    font-family:            CalibriBold;
    src:                    url("../fonts/CalibriBold.ttf");
}

#navigation {
    margin-top:             0;
    height:                 4em;
    border-bottom:          1px solid #1b1e24;
    background:             rgba(0, 0, 0, 0.5);
    display:                flex;
    flex-direction:         row;
}

#logo_navigation {
    width:                  15em;
}

#menu_navigation {
    display:                flex;
    flex-direction:         row;
    height:                 inherit;
    font-family:            CalibriBold, serif;
}

.main_nav_item {
    display:                flex;
    justify-content:        center;
    align-items:            center;
    height:                 inherit;
    width:                  8em;
    font-family:            inherit;
    font-size:              1.2em;
}

.main_nav_link {
    color:                  #bababa;
    font-size:              inherit;
    text-decoration:        none;
}

.main_nav_link:hover {
    color:                  #3c5b85;
    font-size:              inherit;
}

.main_nav_link:active {
    color:                  #3c5b85;
    font-size:              0.8em;
}

.main_nav_link:visited {
    font-size:              inherit;
}

/*
//////////////////////////
// Generic Navigation
//////////////////////////
*/

#generic_navigation_list {
    list-style-type:        none;
    margin:                 0;
    padding:                0;
}

.generic_nav_item {
    height:                 1.15em;
}

.border_less {
    border:                 0;
}

/*
//////////////////////////
// images
//////////////////////////
*/

.full_size_image {
    max-width:              100%;
}

/*
///////////////////////////////////////////////////
///////////////////////////////////////////////////
// Tools
///////////////////////////////////////////////////
///////////////////////////////////////////////////
*/

#tools_background {
    background-attachment:  fixed;
    background-size:        cover;
    background-repeat:      no-repeat;
    background-position:    center;
    background-image:       url("../images/background/blueprint_dark_desktop.jpg");
}

#tools_parent_box {
    display:                flex;
    justify-content:        center;
}

.tools_element_design {
    background-color:       rgba(0, 1.6, 4.3, 0.8);
    border:                 1px solid #22313e;
    border-radius:          0.8em;
}

@font-face {
    font-family:            Bahnschrift;
    src:                    url("../fonts/Bahnschrift.TTF");
}

.tools_font {
    font-family:            Bahnschrift, serif;
    font-size:              1em;
    color:                  #7f91a7;
}

.tools_headline_color {
    color:                  #b2c3d3;
}

/*
//////////////////////////
// Overview
//////////////////////////
*/

.tool_selection {
    display:                flex;
    justify-content:        center;
    align-items:            center;
    width:                  12em;
    height:                 12em;
    font-family:            Bahnschrift, serif;
    text-decoration:        none;
    font-size:              1.4em;
}

/*
//////////////////////////
// Documentation
//////////////////////////
*/

#documentation_navigation {
    width:                  20em;
    height:                 25em;
}

#documentation_article {
    width:                  37em;
    height:                 43em;
}

/*
//////////////////////////
// Specific Tool
//////////////////////////
*/

#tools_left_side {
    width:                  37em;
    display:                flex;
    flex-direction:         column;
}

#tools_right_side {
    width:                  20em;
    display:                flex;
    flex-direction:         column;
}

#tool_basic_data {

}

#tool_documentation {

}

#tool_tutorial {

}

#tool_download {

}

#tool_license {

}

/*
//////////////////////////
// Link Format
//////////////////////////
*/

.generic_link_tools {
    color:                  #7f91a7;
    text-decoration:        underline;
    font-size:              1.0em;
}

.generic_link_tools:active {
    color:                  #7f91a7;
}

.generic_link_tools:hover {
    color:                  #844c4c;
}

.generic_link_tools:visited {
    color:                  #7f91a7;
}

/*
///////////////////////////////////////////////////
///////////////////////////////////////////////////
// Game
///////////////////////////////////////////////////
///////////////////////////////////////////////////
*/

#game_parent_box {
    display:                flex;
    justify-content:        center;
}

#game_left_side {
    width:                  20em;
    display:                flex;
    flex-direction:         column;
}

#game_right_side {
    width:                  37em;
    display:                flex;
    flex-direction:         column;
}

#game_navigation {
    height:                 25em;
}

#game_download {
    height:                 12em;
}

#game_article {

}

/*
///////////////////////////////////////////////////
///////////////////////////////////////////////////
// Solar Light
///////////////////////////////////////////////////
///////////////////////////////////////////////////
*/

.solar_light_font {
    font-family:            Verdana, serif;
    font-size:              1em;
    color:                  #bababa;
}

.solar_light_element_design {
    background-color:       rgba(0, 1.6, 4.3, 0.8);
    border:                 1px solid #22313e;
    border-radius:          0.8em;
}

#solar_light_background {
    background-attachment:  fixed;
    background-size:        cover;
    background-repeat:      no-repeat;
    background-position:    center;
    background-image:       url("../images/background/sl_background_desktop.jpg");
}

.sl_h_line {
    border:                 1px solid #22313e;
}

/*
//////////////////////////
// Link Format
//////////////////////////
*/

.generic_block_link_sl {
    display:                block;
    color:                  #bababa;
    text-decoration:        underline;
    font-size:              1.1em;
}

.generic_block_link_sl:active {
    color:                  #146673;
    font-size:              0.9em;
}

.generic_block_link_sl:hover {

}

.generic_block_link_sl:visited {

}

.generic_link_sl {
    color:                  #bababa;
    text-decoration:        none;
    font-size:              1.1em;
}

.generic_link_sl:active {
    color:                  #146673;
    font-size:              0.9em;
}

.generic_link_sl:hover {

}

.generic_link_sl:visited {

}

/*
//////////////////////////
// Button
//////////////////////////
*/

#sl_download_box {
    display:                flex;
    margin-top:             1.5em;
    height:                 3em;
}

.sl_generic_button {
    padding:                1em;
    border:                 none;
    text-decoration:        none;
    background-image:       linear-gradient(to bottom, #232b2d, #121819);
    color:                  #bababa;
}

.sl_generic_button:hover {

}

.sl_generic_button:active {
    background-image:       linear-gradient(to bottom, #30383a, #121819);
    font-size:              0.9em;
    cursor:                 pointer;
}

.sl_generic_button:visited {
    background-image:       linear-gradient(to bottom, #232b2d, #121819);
}

/*
//////////////////////////
// Images
//////////////////////////
*/

.sl_framed_image {
    border:                 1px solid #22313e;
    border-radius:          0.8em;
    padding:                1em;
    max-width:              96%;
}

/*
///////////////////////////////////////////////////
///////////////////////////////////////////////////
// Rack Wheel City
///////////////////////////////////////////////////
///////////////////////////////////////////////////
*/

.rwc_font {
    font-family:            Verdana, serif;
    font-size:              1em;
    color:                  #bababa;
}

.rwc_element_design {
    background-color:       rgba(2.6, 2.6, 5, 0.8);
    border:                 1px solid #1c1b18;
    border-radius:          0.8em;
}

#rwc_background {
    background-attachment:  fixed;
    background-size:        cover;
    background-repeat:      no-repeat;
    background-position:    center;
    background-image:       url("../images/background/rwc_background_desktop.jpg");
}

.rwc_h_line {
    border:                 1px solid #1c1b18;
}

/*
//////////////////////////
// Link Format
//////////////////////////
*/

.generic_block_link_rwc {
    display:                block;
    color:                  #a3a391;
    text-decoration:        underline;
    font-size:              1.0em;
}

.generic_block_link_rwc:active {
    color:                  #5e4e21;
}

.generic_block_link_rwc:hover {
    color:                  #5e4e21;
}

.generic_block_link_rwc:visited {

}

.generic_link_rwc {
    color:                  #a3a391;
    text-decoration:        none;
    font-size:              1.0em;
}

.generic_link_rwc:active {
    color:                  #5e4e21;
}

.generic_link_rwc:hover {
    color:                  #5e4e21;
}

.generic_link_rwc:visited {

}

/*
//////////////////////////
// Button
//////////////////////////
*/

.rwc_generic_button {
    padding:                1em;
    border:                 none;
    text-decoration:        none;
    background-image:       linear-gradient(to bottom, #3a3430, #191712);
    color:                  #bababa;
}

.rwc_generic_button:hover {

}

.rwc_generic_button:active {
    background-image:       linear-gradient(to bottom, #3a3430, #191712);
    font-size:              0.9em;
    cursor:                 pointer;
}

.rwc_generic_button:visited {
    background-image:       linear-gradient(to bottom, #3a3430, #191712);
}

/*
//////////////////////////
// Font / Text Formatting
//////////////////////////
*/

.rwc_font {
    font-family:            "Verdana", serif;
    color:                  #a3a391;
    font-size:              1.0em;
}

/*
///////////////////////////////////////////////////
///////////////////////////////////////////////////
// Lynar Studios
///////////////////////////////////////////////////
///////////////////////////////////////////////////
*/

#ls_background {
    background-attachment:  fixed;
    background-size:        cover;
    background-repeat:      no-repeat;
    background-position:    center;
    background-image:       url("../images/background/ls_background_desktop.jpg");
}

#ls_parent_box {
    display:                flex;
    justify-content:        center;
}

#ls_left_side {
    width:                  37em;
    display:                flex;
    flex-direction:         column;
}

#ls_right_side {
    width:                  20em;
    display:                flex;
    flex-direction:         column;
}

.ls_element_design {
    background-color:       rgba(0, 1.6, 9.3, 0.8);
    border:                 1px solid #22313e;
    border-radius:          0.8em;
}

#ls_news {
    height:                 20em;
}

#ls_recruitment {

}

#ls_events {

}

.ls_h_line {
    border:                 1px solid #22313e;
}

/*
//////////////////////////
// Font / Text Formatting
//////////////////////////
*/

.ls_font {
    font-family:            "Verdana", serif;
    color:                  #9194a3;
    font-size:              1.0em;
}

/*
//////////////////////////
// Games
//////////////////////////
*/

.game_selection {
    display:                flex;
    justify-content:        center;
    align-items:            center;
    width:                  17em;
    height:                 13em;
    font-family:            Bahnschrift, serif;
    font-size:              1.4em;
}