html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

: focus
{
    outline: 0
}

html
{
    position: relative;
    height: 100%
}

body
{
    position: relative;
    min-height: 100%;
    line-height: 1;
    color: black;
    background: white
}

ol,ul
{
    list-style: none
}

table
{
    border-collapse: separate;
    border-spacing: 0
}

caption,th,td
{
    text-align: left;
    font-weight: normal
}

blockquote: before,blockquote: after,q: before,q: after
{
    content: ""
}

blockquote,q
{
    quotes: "" ""
}

body.algae_tank_board_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #050a14;
    color: #fff
}

body.algae_tank_board_index header
{
    padding: 10px 20px;
    margin-bottom: 10px
}

body.algae_tank_board_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #fff
}

body.algae_tank_board_index #links_container
{
    float: right
}

body.algae_tank_board_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    margin-left: 15px
}

body.algae_tank_board_index #links_container a: visited
{
    color: #fff
}

body.algae_tank_board_index #links_container a: hover
{
    color: #f00
}

body.algae_tank_board_index .clear
{
    clear: both
}

body.algae_tank_board_index canvas
{
    display: block;
    margin: auto;
    cursor: pointer
}

body.algae_tank_board_index button
{
    margin: 12px 8px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    border: none;
    cursor: pointer
}

body.algae_tank_board_index .start
{
    background-color: #1bbd61
}

body.algae_tank_board_index .disable
{
    background-color: #8f8f8f;
    cursor: default
}

body.algae_tank_board_index .reset
{
    background-color: #1564d9
}

body.capture_games_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #272629;
    letter-spacing: 2px
}

body.capture_games_index header
{
    padding: 10px 20px;
    background-color: #151417;
    margin-bottom: 0px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.capture_games_index #logo a
{
    float: left;
    font-size: 18px;
    text-decoration: none;
    color: #eb7405
}

body.capture_games_index #links_container
{
    float: right
}

body.capture_games_index #links_container a
{
    font-size: 14px;
    text-decoration: none;
    color: #bdbdbd;
    margin-left: 15px
}

body.capture_games_index #links_container a: visited
{
    color: #bdbdbd
}

body.capture_games_index #links_container a: hover
{
    color: #057ceb
}

body.capture_games_index .modal
{
    position: absolute;
    top: 38px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

body.capture_games_index .modal .inner_modal
{
    width: 300px;
    margin: 160px auto;
    padding: 30px;
    background-color: rgba(255,255,255,0.93);
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    border-radius: 5px
}

body.capture_games_index .modal .inner_modal h1
{
    font-size: 26px;
    margin-bottom: 20px
}

body.capture_games_index .btn
{
    border: none;
    padding: 8px 15px;
    background-color: #057ceb;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-decoration: none;
    letter-spacing: 2px;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    cursor: pointer;
    border-bottom: 2px solid rgba(255,255,255,0.2)
}

body.capture_games_index .btn: active
{
    border: none;
    border-top: 2px solid rgba(0,0,0,0.3);
    background-color: #0468c5
}

body.capture_games_index .fail
{
    display: none
}

body.capture_games_index .fail .btn
{
    width: 70px;
    margin: auto
}

body.capture_games_index .next
{
    display: none
}

body.capture_games_index .win
{
    display: none
}

body.capture_games_index .win h2
{
    margin-bottom: 30px
}

body.capture_games_index .win a
{
    color: #fff;
    text-decoration: none
}

body.capture_games_index canvas
{
    margin-top: 30px;
    border: 1px solid rgba(0,0,0,0.5);
    cursor: pointer
}

body.capture_games_index .clear
{
    clear: both
}

body.check_sketch_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    overflow: hidden
}

body.check_sketch_page_index header
{
    padding: 10px 20px
}

body.check_sketch_page_index #control_container
{
    float: left
}

body.check_sketch_page_index #control_container button
{
    border: none;
    width: 120px;
    margin-right: 5px;
    padding: 5px 0;
    background-color: #ff7b00;
    color: white;
    cursor: pointer
}

body.check_sketch_page_index #control_container .turbo_off
{
    background-color: #777
}

body.check_sketch_page_index #control_container #reset
{
    background-color: #0fa36a
}

body.check_sketch_page_index #control_container #reset: active
{
    background-color: #0b744c
}

body.check_sketch_page_index #links_container
{
    float: right
}

body.check_sketch_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #555;
    margin-left: 15px
}

body.check_sketch_page_index #links_container a: visited
{
    color: #555
}

body.check_sketch_page_index #links_container a: hover
{
    color: #ff7b00
}

body.check_sketch_page_index .clear
{
    clear: both
}

body.check_sketch_page_index #sketch_pad
{
    margin: auto
}

body.click_counter_buttons_show
{
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    background-color: #f5f5f5;
    color: #2D3A35
}

body.click_counter_buttons_show #container
{
    padding-top: 20px;
    padding-bottom: 36px
}

body.click_counter_buttons_show h1
{
    font-size: 46px;
    line-height: 80px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.85),1px 1px 0 rgba(255,255,255,0.8)
}

body.click_counter_buttons_show #click_num
{
    font-size: 150px;
    line-height: 180px;
    color: #c20a72;
    text-shadow: 0 1px 0 #790647,0 2px 0 #790647,0 3px 0 #790647,0 4px 0 #790647,0 5px 0 #790647,0 6px 0 #790647,0 6px 5px rgba(0,0,0,0.7)
}

body.click_counter_buttons_show h2
{
    margin-top: 20px;
    line-height: 50px;
    font-size: 14px
}

body.click_counter_buttons_show .btn
{
    border: none;
    width: 260px;
    padding: 0;
    margin: 10px -4px;
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    font-size: 28px;
    letter-spacing: 4px;
    line-height: 70px;
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.6);
    background-color: #19946d;
    border-radius: 10px;
    box-shadow: 0 1px 0 #0e533d,0 2px 0 #0e533d,0 3px 0 #0e533d,0 4px 0 #0e533d,0 5px 0 #0e533d,0 6px 0 #0e533d,0 7px 0 #0e533d,0 8px 5px rgba(0,0,0,0.7);
    cursor: pointer
}

body.click_counter_buttons_show .btn: disabled,body.click_counter_buttons_show .btn: active
{
    border: none;
    background-color: #11684d;
    box-shadow: none;
    text-shadow: none;
    box-shadow: 0 -1px 0 #07271d,0 -2px 0 #07271d,0 -3px 0 #07271d,1px 3px 3px rgba(0,0,0,0.2) inset,-1px -1px 3px rgba(0,0,0,0.3) inset;
    margin-top: 18px
}

body.click_counter_buttons_show .btn: : -moz-focus-inner
{
    border: 0;
    padding: 0
}

body.click_counter_buttons_show footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px
}

body.click_counter_buttons_show #links_container
{
    text-align: right;
    padding: 10px 20px
}

body.click_counter_buttons_show #links_container a
{
    text-decoration: none;
    color: #c20a72;
    margin-left: 15px
}

body.click_counter_buttons_show #links_container a: visited
{
    color: #c20a72
}

body.click_counter_buttons_show #links_container a: hover
{
    color: #790647
}

body.colorworks_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #e1e1e1;
    color: #333;
    letter-spacing: 2px
}

body.colorworks_page_index header
{
    padding: 10px 16px;
    margin-bottom: 20px;
    background: #fc8a8a;
    background: -moz-linear-gradient(-45deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fc8a8a), color-stop(18%, #efa973), color-stop(32%, #ffea82), color-stop(51%, #a4ff77), color-stop(69%, #80eefc), color-stop(86%, #a7aaf9), color-stop(100%, #f490b6));
    background: -webkit-linear-gradient(-45deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%);
    background: -o-linear-gradient(-45deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%);
    background: -ms-linear-gradient(-45deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%);
    background: linear-gradient(135deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%)
}

body.colorworks_page_index #logo a
{
    float: left;
    line-height: 16px;
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #333
}

body.colorworks_page_index #links_container
{
    float: right
}

body.colorworks_page_index #links_container a
{
    font-size: 11px;
    line-height: 16px;
    text-decoration: none;
    color: #333;
    margin-left: 15px
}

body.colorworks_page_index #links_container a: visited
{
    color: #333
}

body.colorworks_page_index #links_container a: hover
{
    color: #f00
}

body.colorworks_page_index .clear
{
    clear: both
}

body.colorworks_page_index #input_container
{
    width: 950px;
    margin: auto;
    padding: 30px 50px;
    border-radius: 3px;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 0 3px rgba(0,0,0,0.1)
}

body.colorworks_page_index #input_container fieldset
{
    float: left
}

body.colorworks_page_index #input_container fieldset input[type="text"]
{
    width: 100px
}

body.colorworks_page_index #input_container fieldset span
{
    display: block;
    margin: 5px 0
}

body.colorworks_page_index #input_container fieldset label
{
    display: inline;
    font-size: 13px
}

body.colorworks_page_index #input_container fieldset .hl
{
    display: block;
    padding-bottom: 10px;
    font-size: 15px
}

body.colorworks_page_index #input_container fieldset#adjustment_input
{
    margin: 0 40px
}

body.colorworks_page_index #input_container fieldset#buttons
{
    float: right;
    line-height: 57px
}

body.colorworks_page_index #input_container fieldset .options
{
    display: inline-block;
    text-align: left;
    margin: 0 5px
}

body.colorworks_page_index #input_container fieldset .options label
{
    margin-right: 5px
}

body.colorworks_page_index #input_container fieldset button
{
    width: 85px;
    margin-left: 10px;
    padding: 5px;
    font-size: 13px;
    color: #fff;
    border-radius: 3px;
    border: none;
    background-color: #1693e6;
    cursor: pointer
}

body.colorworks_page_index #input_container fieldset button: disabled
{
    background-color: #b2b2b2;
    cursor: default
}

body.colorworks_page_index #input_container fieldset button: disabled: active
{
    background-color: #b2b2b2
}

body.colorworks_page_index #input_container fieldset button: active
{
    background-color: #1275b7
}

body.colorworks_page_index #swatch_section .swatch_container
{
    display: inline-block;
    margin: 10px 4px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1)
}

body.colorworks_page_index #swatch_section .swatch_container .swatch
{
    height: 80px;
    width: 100%;
    border-radius: 3px 3px 0 0;
    cursor: pointer
}

body.colorworks_page_index #swatch_section .swatch_container .swatch_info
{
    padding: 10px;
    width: 170px;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #555;
    background-color: #fff
}

body.colorworks_page_index #swatch_section .swatch_container .swatch_info .label
{
    line-height: 22px
}

body.countdown_clock_index
{
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    text-align: center;
    background-color: #111;
    letter-spacing: 4px
}

body.countdown_clock_index header
{
    padding: 10px 20px;
    margin-bottom: 50px;
    color: #000;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.countdown_clock_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #aaa
}

body.countdown_clock_index #links_container
{
    float: right
}

body.countdown_clock_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #aaa;
    margin-left: 15px
}

body.countdown_clock_index #links_container a: visited
{
    color: #aaa
}

body.countdown_clock_index #links_container a: hover
{
    color: #f00
}

body.countdown_clock_index .clear
{
    clear: both
}

body.countdown_clock_index .modal
{
    position: absolute;
    top: 150px;
    left: 50%;
    width: 600px;
    margin-left: -330px;
    padding: 30px;
    color: #2ecc71;
    background-color: rgba(0,0,0,0.5)
}

body.countdown_clock_index .modal h1
{
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px
}

body.countdown_clock_index .modal .btn
{
    border-radius: none;
    border: 1px solid #9b59b6;
    color: #fff;
    background-color: #8e44ad
}

body.countdown_clock_index #container
{
    display: none;
    color: #9db5f4
}

body.countdown_clock_index #event_name
{
    font-size: 80px;
    color: #cbd8f9;
    text-shadow: 0 0 4px rgba(0,0,0,0.2)
}

body.countdown_clock_index #clock
{
    margin: 100px 0 60px
}

body.countdown_clock_index .time_unit
{
    display: inline-block;
    vertical-align: top;
    margin: 0 0px
}

body.countdown_clock_index .colon
{
    display: inline-block;
    font-size: 130px;
    text-shadow: 0 0 4px rgba(255,255,255,0.3);
    margin: 0 -10px
}

body.countdown_clock_index .digit
{
    position: relative;
    display: inline-block;
    margin: 0 10px;
    height: 134px;
    width: 70px
}

body.countdown_clock_index .hor
{
    position: absolute;
    width: 38px;
    height: 14px;
    left: 16px;
    background-color: #9db5f4;
    box-shadow: 0 0 8px rgba(255,255,255,0.7)
}

body.countdown_clock_index .hor.top
{
    top: 3px
}

body.countdown_clock_index .hor.mid
{
    top: 60px
}

body.countdown_clock_index .hor.bottom
{
    bottom: 3px
}

body.countdown_clock_index .ver
{
    position: absolute;
    height: 42px;
    width: 14px;
    background-color: #9db5f4;
    box-shadow: 0 0 8px rgba(255,255,255,0.8)
}

body.countdown_clock_index .left
{
    left: 0
}

body.countdown_clock_index .right
{
    right: 0
}

body.countdown_clock_index .ver.top
{
    top: 18px
}

body.countdown_clock_index .ver.bottom
{
    bottom: 18px
}

body.countdown_clock_index .tri_left
{
    position: absolute;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #9db5f4;
    border-bottom: 7px solid transparent
}

body.countdown_clock_index .tri_right
{
    position: absolute;
    right: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #9db5f4;
    border-bottom: 7px solid transparent
}

body.countdown_clock_index .tri_bottom
{
    position: absolute;
    bottom: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #9db5f4
}

body.countdown_clock_index .tri_top
{
    position: absolute;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #9db5f4
}

body.devise_sessions_new,body.devise_registrations_new,body.devise_registrations_create
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-align: center;
    background-color: #fbfcfd;
    letter-spacing: 3px;
    line-height: 30px;
    color: #333
}

body.devise_sessions_new h2,body.devise_registrations_new h2,body.devise_registrations_create h2
{
    padding: 20px 0;
    font-size: 22px;
    font-weight: bold;
    color: #2980b9
}

body.devise_sessions_new .btn,body.devise_registrations_new .btn,body.devise_registrations_create .btn
{
    margin: 30px;
    border-radius: 5px;
    background-color: #2980b9;
    border: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
    padding: 0 10px;
    cursor: pointer
}

body.down_the_weight_weights_index
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-align: center;
    color: #39394a;
    overflow-y: scroll;
    background-color: #d1ebff;
    background: -moz-linear-gradient(top, #a1dbff 0%, #cbebff 47%, #f0f9ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1dbff), color-stop(47%, #cbebff), color-stop(100%, #f0f9ff));
    background: -webkit-linear-gradient(top, #a1dbff 0%, #cbebff 47%, #f0f9ff 100%);
    background: -o-linear-gradient(top, #a1dbff 0%, #cbebff 47%, #f0f9ff 100%);
    background: -ms-linear-gradient(top, #a1dbff 0%, #cbebff 47%, #f0f9ff 100%);
    background: linear-gradient(to bottom, #a1dbff 0%, #cbebff 47%, #f0f9ff 100%);
    background-repeat: no-repeat;
    background-attachment: fixed
}

body.down_the_weight_weights_index header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    background-color: #f0f9ff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    z-index: 10
}

body.down_the_weight_weights_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #333
}

body.down_the_weight_weights_index #links_container
{
    float: right
}

body.down_the_weight_weights_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #333;
    margin-left: 15px
}

body.down_the_weight_weights_index #links_container a: visited
{
    color: #333
}

body.down_the_weight_weights_index #links_container a: hover
{
    color: #ff6b55
}

body.down_the_weight_weights_index .clear
{
    clear: both
}

body.down_the_weight_weights_index .modal
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

body.down_the_weight_weights_index .modal #info
{
    width: 450px;
    margin: 80px auto;
    background-color: rgba(255,255,255,0.95);
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,0.25)
}

body.down_the_weight_weights_index .modal #info h1
{
    font-size: 30px;
    margin-bottom: 26px;
    padding: 10px;
    background-color: #ff6b55;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    border-radius: 5px 5px 0 0
}

body.down_the_weight_weights_index .modal #info p
{
    margin: 16px;
    padding: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #585880;
    border-top: 1px solid rgba(0,0,0,0.2)
}

body.down_the_weight_weights_index .modal #modal_contents
{
    display: table;
    margin: auto
}

body.down_the_weight_weights_index .modal #modal_contents form label
{
    display: inline-block;
    width: 150px;
    line-height: 1.8;
    vertical-align: top
}

body.down_the_weight_weights_index .modal #modal_contents form ul
{
    margin: 0;
    padding: 0
}

body.down_the_weight_weights_index .modal #modal_contents form ul li
{
    text-align: left;
    list-style: none;
    padding: 5px;
    margin: 0 auto
}

body.down_the_weight_weights_index .modal #modal_contents form select
{
    width: 106px;
    margin-right: 5px
}

body.down_the_weight_weights_index .modal #modal_contents form input[type="text"]
{
    width: 100px;
    margin-right: 5px
}

body.down_the_weight_weights_index .modal #modal_contents form span
{
    font-size: 13px;
    vertical-align: middle
}

body.down_the_weight_weights_index .modal #modal_contents form .gender_label
{
    margin-right: 10px
}

body.down_the_weight_weights_index .modal #modal_contents form .gender_label input[type="radio"]
{
    margin-right: 10px
}

body.down_the_weight_weights_index .modal #modal_contents form .submit_btn
{
    text-align: center
}

body.down_the_weight_weights_index .modal #modal_contents form .submit_btn .btn
{
    width: 100%;
    padding: 12px 10px;
    margin-top: 16px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    letter-spacing: 3px;
    font-size: 16px;
    color: #fff;
    border-radius: 0;
    border: none;
    background-color: #0864ff;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    cursor: pointer
}

body.down_the_weight_weights_index .modal #modal_contents form .submit_btn .btn: active
{
    background-color: #0955d5
}

body.down_the_weight_weights_index #chart_container
{
    display: none;
    padding-bottom: 50px;
    padding-top: 60px
}

body.down_the_weight_weights_index #chart_container #headline h1
{
    font-size: 30px;
    margin-bottom: 10px;
    text-shadow: 0 0 1px rgba(255,255,255,0.3)
}

body.down_the_weight_weights_index #chart_container #headline button
{
    float: right;
    padding: 5px 10px;
    margin-right: 50px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    letter-spacing: 3px;
    font-size: 12px;
    color: #fff;
    border-radius: 0;
    border: none;
    background-color: #0864ff;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    cursor: pointer
}

body.down_the_weight_weights_index #chart_container #headline button: active
{
    background-color: #0955d5
}

body.down_the_weight_weights_index #chart_container table
{
    margin: 30px auto;
    text-align: left;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px
}

body.down_the_weight_weights_index #chart_container table thead
{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    border-radius: 5px 5px 0 0
}

body.down_the_weight_weights_index #chart_container table thead td
{
    text-align: left;
    padding: 10px 20px;
    background-color: #ff6b55
}

body.down_the_weight_weights_index #chart_container table td
{
    font-size: 14px;
    padding: 10px 50px 10px 30px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background-color: #fff
}

body.down_the_weight_weights_index #chart_container #reset
{
    padding: 5px 10px;
    margin-top: 16px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    letter-spacing: 3px;
    font-size: 12px;
    color: #fff;
    border-radius: 0;
    border: none;
    background-color: #ff6b55;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    cursor: pointer
}

body.down_the_weight_weights_index #chart_container #reset: active
{
    background-color: #ff553c
}

body.drying_paint_wall_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #e31444
}

body.drying_paint_wall_index header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
    z-index: 100
}

body.drying_paint_wall_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #fff
}

body.drying_paint_wall_index #links_container
{
    float: right
}

body.drying_paint_wall_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    margin-left: 15px
}

body.drying_paint_wall_index #links_container a: visited
{
    color: #fff
}

body.drying_paint_wall_index #links_container a: hover
{
    color: #141ae3
}

body.drying_paint_wall_index .clear
{
    clear: both
}

body.drying_paint_wall_index #paint
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("paint_wall.jpg");
    z-index: 1
}

body.drying_paint_wall_index .drying
{
    -webkit-animation: dry 7200s;
    -moz-animation: dry 7200s;
    -ms-animation: dry 7200s;
    -o-animation: dry 7200s;
    animation: dry 7200s
}

body.drying_paint_wall_index .dry
{
    -webkit-filter: contrast(80%);
    opacity: 0.4
}

body.drying_paint_wall_index #cracks
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("paint_cracks.png");
    z-index: 2
}

body.drying_paint_wall_index #info
{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 10;
    color: #fff
}

body.drying_paint_wall_index #info: hover
{
    display: block
}

body.drying_paint_wall_index #info: hover p
{
    display: block;
    width: 300px;
    padding: 20px;
    line-height: 20px
}

body.drying_paint_wall_index #info #info_mark
{
    text-align: left
}

body.drying_paint_wall_index #info p
{
    display: none
}

@-webkit-keyframes dry
{
    0%
{
    -webkit-filter: contrast(100%);
    z-index: 1;
    opacity: 1
}

100%
{
    -webkit-filter: contrast(80%);
    z-index: 1;
    opacity: 0.4
}


}

@-moz-keyframes dry
{
    0%
{
    -moz-filter: contrast(100%);
    z-index: 1;
    opacity: 1
}

100%
{
    -moz-filter: contrast(80%);
    z-index: 1;
    opacity: 0.4
}


}

@-ms-keyframes dry
{
    0%
{
    -ms-filter: contrast(100%);
    z-index: 1;
    opacity: 1
}

100%
{
    -ms-filter: contrast(80%);
    z-index: 1;
    opacity: 0.4
}


}

@-o-keyframes dry
{
    0%
{
    -o-filter: contrast(100%);
    z-index: 1;
    opacity: 1
}

100%
{
    -o-filter: contrast(80%);
    z-index: 1;
    opacity: 0.4
}


}

@keyframes dry
{
    0%
{
    filter: contrast(100%);
    z-index: 1;
    opacity: 1
}

100%
{
    filter: contrast(80%);
    z-index: 1;
    opacity: 0.4
}


}

body.effects_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #111;
    cursor: pointer;
    overflow: hidden
}

body.effects_page_index header
{
    padding: 10px 20px
}

body.effects_page_index #links_container
{
    float: right
}

body.effects_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #666;
    margin-left: 15px
}

body.effects_page_index #links_container a: visited
{
    color: #666
}

body.effects_page_index #links_container a: hover
{
    color: #f00
}

body.effects_page_index .clear
{
    clear: both
}

body.effects_page_index .action
{
    position: absolute
}

body.emergency_off_button_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center
}

body.emergency_off_button_index header
{
    padding: 10px 20px;
    margin-bottom: 30px
}

body.emergency_off_button_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #000
}

body.emergency_off_button_index #links_container
{
    float: right
}

body.emergency_off_button_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    margin-left: 15px
}

body.emergency_off_button_index #links_container a: visited
{
    color: #000
}

body.emergency_off_button_index #links_container a: hover
{
    color: #f00
}

body.emergency_off_button_index .clear
{
    clear: both
}

body.emergency_off_button_index .modal
{
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.9);
    z-index: 10
}

body.emergency_off_button_index .modal .inner_modal
{
    display: none;
    position: absolute;
    height: 125px;
    width: 500px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -250px;
    padding: 10px 10px 30px;
    background-color: #eee;
    border-radius: 5px;
    border-top: 30px solid #aaa
}

body.emergency_off_button_index .modal .modal_content p
{
    font-weight: bold;
    line-height: 45px
}

body.emergency_off_button_index .modal .modal_content .bar_container
{
    margin-top: 10px
}

body.emergency_off_button_index .bar_container
{
    height: 10px;
    width: 400px;
    margin: auto;
    background-color: #333;
    border: 7px solid rgba(0,0,0,0.5)
}

body.emergency_off_button_index .inner_bar
{
    height: 10px;
    width: 395px;
    background-color: #d40404
}

body.emergency_off_button_index h1
{
    font-size: 60px;
    line-height: 80px
}

body.emergency_off_button_index h2
{
    font-size: 40px;
    line-height: 80px
}

body.emergency_off_button_index button
{
    height: 230px;
    width: 230px;
    margin: 30px;
    font-size: 26px;
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3),1px 1px 0 rgba(255,255,255,0.3);
    border-radius: 50%;
    border: 14px solid #d83a3a;
    background: #d31919;
    background: -moz-radial-gradient(center, ellipse cover, #d31919 31%, #ad0000 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(31%, #d31919), color-stop(100%, #ad0000));
    background: -webkit-radial-gradient(center, ellipse cover, #d31919 31%, #ad0000 100%);
    background: -o-radial-gradient(center, ellipse cover, #d31919 31%, #ad0000 100%);
    background: -ms-radial-gradient(center, ellipse cover, #d31919 31%, #ad0000 100%);
    background: radial-gradient(ellipse at center, #d31919 31%, #ad0000 100%);
    box-shadow: 1px 1px 0 rgba(0,0,0,0.3),-1px -1px 0 rgba(0,0,0,0.2) inset,1px 1px 5px rgba(255,255,255,0.4) inset;
    cursor: pointer
}

body.emergency_off_button_index button: active
{
    box-shadow: 1px 1px 0 rgba(0,0,0,0.3),2px 2px 0 rgba(0,0,0,0.2) inset,0px 0px 20px rgba(0,0,0,0.3) inset,0px 0px 3px rgba(0,0,0,0.3) inset,-1px -1px 0 rgba(255,255,255,0.25) inset
}

body.emergency_off_button_index .flicker
{
    -webkit-animation: flicker 0.8s linear 2
}

@-webkit-keyframes flicker
{
    0%
{
    opacity: 1
}

80%
{
    opacity: 1
}

81%
{
    opacity: 0
}

90%
{
    opacity: 1
}

95%
{
    opacity: 1
}

100%
{
    opacity: 0
}


}

body.fishy_friend_fish_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    color: #0d4d73;
    letter-spacing: 2px;
    background: #0a6284;
    background: -moz-linear-gradient(top, #7dd2e8 15%, #0a6284 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #7dd2e8), color-stop(100%, #0a6284));
    background: -webkit-linear-gradient(top, #7dd2e8 15%, #0a6284 100%);
    background: -o-linear-gradient(top, #7dd2e8 15%, #0a6284 100%);
    background: -ms-linear-gradient(top, #7dd2e8 15%, #0a6284 100%);
    background: linear-gradient(to bottom, #7dd2e8 15%, #0a6284 100%);
    overflow: hidden
}

body.fishy_friend_fish_index header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 5px 20px;
    margin-bottom: 0px;
    color: #0d4d73;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.fishy_friend_fish_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    color: #0d4d73;
    text-decoration: none
}

body.fishy_friend_fish_index #links_container
{
    float: right
}

body.fishy_friend_fish_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #0d4d73;
    margin-left: 15px
}

body.fishy_friend_fish_index #links_container a: visited
{
    color: #0d4d73
}

body.fishy_friend_fish_index #links_container a: hover
{
    color: #f00
}

body.fishy_friend_fish_index .clear
{
    clear: both
}

body.globulator_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center
}

body.globulator_page_index header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.globulator_page_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #000
}

body.globulator_page_index #links_container
{
    float: right
}

body.globulator_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    margin-left: 15px
}

body.globulator_page_index #links_container a: visited
{
    color: #000
}

body.globulator_page_index #links_container a: hover
{
    color: #f00
}

body.globulator_page_index .clear
{
    clear: both
}

body.globulator_page_index canvas
{
    display: block;
    cursor: pointer
}

body.hangman_game_index
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-align: center;
    letter-spacing: 3px;
    color: #34495e;
    background-color: #fff;
    overflow-y: scroll
}

body.hangman_game_index header
{
    padding: 0 20px;
    margin-bottom: 0px;
    background-color: orange
}

body.hangman_game_index #logo a
{
    float: left;
    line-height: 38px;
    font-size: 20px;
    letter-spacing: 6px;
    color: #fff;
    text-decoration: none
}

body.hangman_game_index #links_container
{
    float: right
}

body.hangman_game_index #links_container a
{
    font-size: 14px;
    line-height: 38px;
    text-decoration: none;
    color: #fff;
    margin-left: 15px
}

body.hangman_game_index #links_container a: visited
{
    color: #fff
}

body.hangman_game_index #links_container a: hover
{
    color: #9b59b6
}

body.hangman_game_index .modal
{
    position: absolute;
    width: 100%;
    top: 150px;
    z-index: 10
}

body.hangman_game_index .modal .inner_modal
{
    width: 300px;
    margin: auto;
    padding-bottom: 10px;
    background-color: rgba(255,255,255,0.98);
    box-shadow: 0 0 4px rgba(0,0,0,0.2)
}

body.hangman_game_index .modal h1
{
    line-height: 80px;
    font-size: 36px;
    color: #16a085
}

body.hangman_game_index .modal a
{
    color: #9b59b6;
    text-decoration: none;
    line-height: 40px
}

body.hangman_game_index .game_over
{
    display: none
}

body.hangman_game_index .win
{
    display: none
}

body.hangman_game_index #container
{
    position: relative;
    width: 700px;
    margin: auto
}

body.hangman_game_index canvas
{
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 2px solid orange
}

body.hangman_game_index .letter_slot
{
    display: inline-block;
    vertical-align: bottom;
    width: 30px;
    height: 40px;
    margin: 330px 5px 50px;
    line-height: 40px;
    font-size: 30px;
    border-bottom: 2px solid #34495e
}

body.hangman_game_index .fail
{
    color: #e74c3c
}

body.hangman_game_index #btn_container
{
    width: 455px;
    margin: auto
}

body.hangman_game_index button
{
    cursor: pointer;
    border: none;
    border-radius: none;
    margin: 0;
    margin-bottom: 1px;
    width: 35px;
    line-height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #16a085;
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(255,255,255,0.2)
}

body.hangman_game_index button: disabled
{
    background-color: #bdc3c7
}

body.hangman_game_index #btn_a,body.hangman_game_index #btn_n
{
    border-left: 1px solid rgba(255,255,255,0.2)
}

body.hangman_game_index .clear
{
    clear: both
}

body.hollywood_sign_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #111;
    overflow-y: scroll
}

body.hollywood_sign_index header
{
    padding: 5px 20px 0;
    margin-bottom: 20px;
    color: #555;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.hollywood_sign_index #links_container
{
    float: right
}

body.hollywood_sign_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #555;
    margin-left: 15px
}

body.hollywood_sign_index #links_container a: visited
{
    color: #555
}

body.hollywood_sign_index #links_container a: hover
{
    color: #f00
}

body.hollywood_sign_index #index_page
{
    position: relative;
    width: 700px;
    margin: auto
}

body.hollywood_sign_index img
{
    box-shadow: 0 0 5px rgba(0,0,0,0.8)
}

body.hollywood_sign_index #sign
{
    position: absolute;
    top: 202px;
    right: 58px;
    width: 200px;
    height: 20px
}

body.hollywood_sign_index .letter
{
    position: absolute;
    display: inline-block;
    font-weight: 700;
    line-height: 8px;
    font-family: 'Passion One', sans-serif;
    color: #ebe0d1;
    text-shadow: 0 0 2px rgba(0,0,0,0.3);
    -webkit-transform: scaleY(1.1);
    -moz-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    -o-transform: scaleY(1.1);
    transform: scaleY(1.1)
}

body.hollywood_sign_index .pointer
{
    cursor: pointer
}

body.hollywood_sign_index #l0
{
    left: 0
}

body.hollywood_sign_index #l1
{
    left: 11px
}

body.hollywood_sign_index #l2
{
    left: 21px;
    top: -1px
}

body.hollywood_sign_index #l3
{
    left: 28px;
    top: -2px
}

body.hollywood_sign_index #l4
{
    left: 35px;
    top: -2px
}

body.hollywood_sign_index #l5
{
    left: 45px;
    top: -1px
}

body.hollywood_sign_index #l6
{
    left: 58px;
    top: 1px
}

body.hollywood_sign_index #l7
{
    left: 69px
}

body.hollywood_sign_index #l8
{
    left: 80px
}

body.hollywood_sign_index .wave
{
    -webkit-animation: wave 0.7s linear;
    -moz-animation: wave 0.7s linear;
    -ms-animation: wave 0.7s linear;
    -o-animation: wave 0.7s linear;
    animation: wave 0.7s linear
}

body.hollywood_sign_index .dangle
{
    -webkit-animation: dangle 4s linear;
    -moz-animation: dangle 4s linear;
    -ms-animation: dangle 4s linear;
    -o-animation: dangle 4s linear;
    animation: dangle 4s linear
}

body.hollywood_sign_index .clear
{
    clear: both
}

@-webkit-keyframes wave
{
    0%
{
    -webkit-transform: translateY(0)
}

50%
{
    -webkit-transform: translateY(-6px)
}

100%
{
    -webkit-transform: translateY(0)
}


}

@-moz-keyframes wave
{
    0%
{
    -moz-transform: translateY(0)
}

50%
{
    -moz-transform: translateY(-6px)
}

100%
{
    -moz-transform: translateY(0)
}


}

@-ms-keyframes wave
{
    0%
{
    -ms-transform: translateY(0)
}

50%
{
    -ms-transform: translateY(-6px)
}

100%
{
    -ms-transform: translateY(0)
}


}

@-o-keyframes wave
{
    0%
{
    -o-transform: translateY(0)
}

50%
{
    -o-transform: translateY(-6px)
}

100%
{
    -o-transform: translateY(0)
}


}

keyframes wave 0%
{
    transform: translateY(0)
}

keyframes wave 50%
{
    transform: translateY(-6px)
}

keyframes wave 100%
{
    transform: translateY(0)
}

@-webkit-keyframes dangle
{
    0%
{
    -webkit-transform: rotate(0);
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease-in-out;
    z-index: 50
}

10%
{
    -webkit-transform: rotate(220deg);
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease-in-out
}

20%
{
    -webkit-transform: rotate(100deg);
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease-in-out
}

30%
{
    -webkit-transform: rotate(190deg);
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease-in-out
}

50%
{
    -webkit-transform: translateY(1800px)
}

100%
{
    -webkit-transform: translateY(0px)
}


}

@-moz-keyframes dangle
{
    0%
{
    -moz-transform: rotate(0);
    -moz-transform-origin: bottom left;
    -moz-animation-timing-function: ease-in-out;
    z-index: 50
}

10%
{
    -moz-transform: rotate(220deg);
    -moz-transform-origin: bottom left;
    -moz-animation-timing-function: ease-in-out
}

20%
{
    -moz-transform: rotate(100deg);
    -moz-transform-origin: bottom left;
    -moz-animation-timing-function: ease-in-out
}

30%
{
    -moz-transform: rotate(190deg);
    -moz-transform-origin: bottom left;
    -moz-animation-timing-function: ease-in-out
}

50%
{
    -moz-transform: translateY(1800px)
}

100%
{
    -moz-transform: translateY(0px)
}


}

@-ms-keyframes dangle
{
    0%
{
    -ms-transform: rotate(0);
    -ms-transform-origin: bottom left;
    -ms-animation-timing-function: ease-in-out;
    z-index: 50
}

10%
{
    -ms-transform: rotate(220deg);
    -ms-transform-origin: bottom left;
    -ms-animation-timing-function: ease-in-out
}

20%
{
    -ms-transform: rotate(100deg);
    -ms-transform-origin: bottom left;
    -ms-animation-timing-function: ease-in-out
}

30%
{
    -ms-transform: rotate(190deg);
    -ms-transform-origin: bottom left;
    -ms-animation-timing-function: ease-in-out
}

50%
{
    -ms-transform: translateY(1800px)
}

100%
{
    -ms-transform: translateY(0px)
}


}

@-o-keyframes dangle
{
    0%
{
    -o-transform: rotate(0);
    -o-transform-origin: bottom left;
    -o-animation-timing-function: ease-in-out;
    z-index: 50
}

10%
{
    -o-transform: rotate(220deg);
    -o-transform-origin: bottom left;
    -o-animation-timing-function: ease-in-out
}

20%
{
    -o-transform: rotate(100deg);
    -o-transform-origin: bottom left;
    -o-animation-timing-function: ease-in-out
}

30%
{
    -o-transform: rotate(190deg);
    -o-transform-origin: bottom left;
    -o-animation-timing-function: ease-in-out
}

50%
{
    -o-transform: translateY(1800px)
}

100%
{
    -o-transform: translateY(0px)
}


}

keyframes dangle 0%
{
    transform: rotate(0);
    transform-origin: bottom left;
    animation-timing-function: ease-in-out;
    z-index: 50
}

keyframes dangle 10%
{
    transform: rotate(220deg);
    transform-origin: bottom left;
    animation-timing-function: ease-in-out
}

keyframes dangle 20%
{
    transform: rotate(100deg);
    transform-origin: bottom left;
    animation-timing-function: ease-in-out
}

keyframes dangle 30%
{
    transform: rotate(190deg);
    transform-origin: bottom left;
    animation-timing-function: ease-in-out
}

keyframes dangle 50%
{
    transform: translateY(1800px)
}

keyframes dangle 100%
{
    transform: translateY(0px)
}

body.hourglass_timer_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #fff;
    color: #333;
    letter-spacing: 2px
}

body.hourglass_timer_index header
{
    padding: 5px 20px 0;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.hourglass_timer_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #34495e
}

body.hourglass_timer_index #links_container
{
    float: right
}

body.hourglass_timer_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #34495e;
    margin-left: 15px
}

body.hourglass_timer_index #links_container a: visited
{
    color: #34495e
}

body.hourglass_timer_index #links_container a: hover
{
    color: #e74c3c
}

body.hourglass_timer_index .clear
{
    clear: both
}

body.hourglass_timer_index .modal
{
    margin-top: 40px;
    background-color: #1abc9c;
    padding: 20px
}

body.hourglass_timer_index .modal h1
{
    font-size: 20px;
    margin-bottom: 20px
}

body.hourglass_timer_index .times_up
{
    display: none;
    position: absolute;
    top: 240px;
    left: 0;
    right: 0;
    background-color: rgba(231,76,60,0.95)
}

body.hourglass_timer_index .times_up h1
{
    margin-bottom: 0
}

body.hourglass_timer_index canvas
{
    margin-top: 80px
}

body.image_palette_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #e1e1e1;
    color: #333;
    letter-spacing: 2px
}

body.image_palette_page_index header
{
    padding: 10px 16px;
    margin-bottom: 20px;
    background: #fc8a8a;
    background: -moz-linear-gradient(-45deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fc8a8a), color-stop(18%, #efa973), color-stop(32%, #ffea82), color-stop(51%, #a4ff77), color-stop(69%, #80eefc), color-stop(86%, #a7aaf9), color-stop(100%, #f490b6));
    background: -webkit-linear-gradient(-45deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%);
    background: -o-linear-gradient(-45deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%);
    background: -ms-linear-gradient(-45deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%);
    background: linear-gradient(135deg, #fc8a8a 0%, #efa973 18%, #ffea82 32%, #a4ff77 51%, #80eefc 69%, #a7aaf9 86%, #f490b6 100%)
}

body.image_palette_page_index #logo a
{
    float: left;
    line-height: 16px;
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #333
}

body.image_palette_page_index #links_container
{
    float: right
}

body.image_palette_page_index #links_container a
{
    font-size: 11px;
    line-height: 16px;
    text-decoration: none;
    color: #333;
    margin-left: 15px
}

body.image_palette_page_index #links_container a: visited
{
    color: #333
}

body.image_palette_page_index #links_container a: hover
{
    color: #f00
}

body.image_palette_page_index .clear
{
    clear: both
}

body.image_palette_page_index #palette_container
{
    padding: 20px
}

body.image_palette_page_index #palette_container button
{
    display: none;
    margin: 10px auto;
    width: 190px;
    padding: 5px;
    font-size: 13px;
    color: #fff;
    border-radius: 3px;
    border: none;
    background-color: #1693e6;
    cursor: pointer
}

body.image_palette_page_index #palette_container button: active
{
    background-color: #1275b7
}

body.image_palette_page_index .swatch_container
{
    display: inline-block;
    margin: 10px 4px;
    box-shadow: 0 0 3px rgba(0,0,0,0.35)
}

body.image_palette_page_index .swatch_container .swatch
{
    height: 80px;
    width: 100%;
    border-radius: 3px 3px 0 0
}

body.image_palette_page_index .swatch_container .swatch_info
{
    padding: 10px;
    width: 170px;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #555;
    background-color: #fff
}

body.image_palette_page_index .swatch_container .swatch_info .label
{
    line-height: 22px
}

body.image_palette_page_index canvas
{
    border: 1px solid #888;
    margin-top: 20px;
    background-color: white
}

body.infinite_descent_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background: #ededed;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #1e1e1e), color-stop(60%, #000));
    background: -webkit-radial-gradient(center center, circle contain, #1e1e1e 1%, #000 60%);
    background: -moz-radial-gradient(center center, circle contain, #1e1e1e 1%, #000 60%);
    background: -ms-radial-gradient(center center, circle contain, #1e1e1e 1%, #000 60%);
    background: -o-radial-gradient(center center, circle contain, #1e1e1e 1%, #000 60%);
    background: radial-gradient(center center, circle contain, #1e1e1e 1%, #000 60%)
}

body.infinite_descent_page_index header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px
}

body.infinite_descent_page_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #888
}

body.infinite_descent_page_index #links_container
{
    float: right
}

body.infinite_descent_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #888;
    margin-left: 15px
}

body.infinite_descent_page_index #links_container a: visited
{
    color: #888
}

body.infinite_descent_page_index #links_container a: hover
{
    color: #aaa
}

body.infinite_descent_page_index .clear
{
    clear: both
}

body.infinite_descent_page_index canvas
{
    display: block
}

body.keep_it_up_players_index,body.keep_it_up_players_new
{
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    text-align: center;
    letter-spacing: 6px;
    background-color: #fff;
    color: #333;
    overflow-y: scroll
}

body.keep_it_up_players_index header,body.keep_it_up_players_new header
{
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    height: 36px;
    margin-bottom: 30px;
    height: 56px;
    line-height: 56px;
    padding: 0 20px
}

body.keep_it_up_players_index #links_container,body.keep_it_up_players_new #links_container
{
    float: right
}

body.keep_it_up_players_index #links_container a,body.keep_it_up_players_new #links_container a
{
    text-decoration: none;
    color: #333;
    margin-left: 15px
}

body.keep_it_up_players_index #links_container a: visited,body.keep_it_up_players_new #links_container a: visited
{
    color: #333
}

body.keep_it_up_players_index #links_container a: hover,body.keep_it_up_players_new #links_container a: hover
{
    color: #de1d91
}

body.keep_it_up_players_index #logo,body.keep_it_up_players_new #logo
{
    float: left;
    font-size: 22px
}

body.keep_it_up_players_index h1,body.keep_it_up_players_new h1
{
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    font-size: 34px;
    line-height: 30px;
    margin-bottom: 25px;
    color: #1f1c1e;
    text-shadow: 0 0 1px rgba(255,255,255,0.3)
}

body.keep_it_up_players_index h1.leader_board,body.keep_it_up_players_new h1.leader_board
{
    font-size: 24px;
    margin-top: 30px
}

body.keep_it_up_players_index h2,body.keep_it_up_players_new h2
{
    font-size: 18px;
    line-height: 28px;
    margin: 30px 0
}

body.keep_it_up_players_index a,body.keep_it_up_players_new a
{
    color: #de1d91;
    text-decoration: none
}

body.keep_it_up_players_index a: hover,body.keep_it_up_players_new a: hover
{
    color: #17b078
}

body.keep_it_up_players_index .modal,body.keep_it_up_players_new .modal
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 50px;
    background-color: rgba(255,255,255,0.93)
}

body.keep_it_up_players_index .inner_modal,body.keep_it_up_players_new .inner_modal
{
    position: relative;
    width: 600px;
    margin: 50px auto;
    padding: 50px;
    background-color: rgba(97,107,107,0.3)
}

body.keep_it_up_players_index #enter_name,body.keep_it_up_players_new #enter_name
{
    height: 26px;
    padding: 5px;
    font-size: 16px;
    text-align: center
}

body.keep_it_up_players_index form,body.keep_it_up_players_new form
{
    margin-bottom: 30px
}

body.keep_it_up_players_index .btn,body.keep_it_up_players_new .btn
{
    cursor: pointer;
    border: none;
    display: inline-block;
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 2px;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
    color: white;
    background-color: #de1d91;
    border-left: 1px solid rgba(0,0,0,0);
    border-top: 1px solid rgba(0,0,0,0)
}

body.keep_it_up_players_index input.btn,body.keep_it_up_players_new input.btn
{
    width: 100px;
    margin: 0 2px
}

body.keep_it_up_players_index button.btn,body.keep_it_up_players_new button.btn
{
    width: 100px
}

body.keep_it_up_players_index .btn: active,body.keep_it_up_players_new .btn: active
{
    background-color: #17b078;
    border-left: 1px solid rgba(0,0,0,0.4);
    border-top: 1px solid rgba(0,0,0,0.4)
}

body.keep_it_up_players_index #leaders,body.keep_it_up_players_new #leaders
{
    border-top: 2px solid #de1d91
}

body.keep_it_up_players_index .leader_container,body.keep_it_up_players_new .leader_container
{
    width: 75%;
    margin: auto;
    border-bottom: 1px solid #aaa;
    padding: 15px 10px
}

body.keep_it_up_players_index .leader_name,body.keep_it_up_players_new .leader_name
{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    float: left;
    width: 70%
}

body.keep_it_up_players_index .leader_score,body.keep_it_up_players_new .leader_score
{
    text-align: center;
    float: right;
    width: 20%;
    vertical-align: bottom
}

body.keep_it_up_players_index #game_over,body.keep_it_up_players_new #game_over
{
    display: none
}

body.keep_it_up_players_index canvas,body.keep_it_up_players_new canvas
{
    border: 1px solid #ddd;
    margin: auto;
    cursor: pointer
}

body.keep_it_up_players_index .clear,body.keep_it_up_players_new .clear
{
    clear: both
}

body.king_of_comments_comments_index
{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    padding-bottom: 30px;
    background-color: #ecf0f1;
    color: #2c3e50
}

body.king_of_comments_comments_index header
{
    height: 36px
}

body.king_of_comments_comments_index #logo
{
    position: absolute;
    top: 50px;
    left: 13px;
    font-family: 'Rye', cursive;
    font-size: 34px;
    color: #354b60;
    text-shadow: 1px 0 0 rgba(0,0,0,0.05);
    transform: rotate(-26deg);
    -ms-transform: rotate(-26deg);
    -webkit-transform: rotate(-26deg) scaleY(1.23);
    z-index: -1
}

body.king_of_comments_comments_index #links_container
{
    text-align: right;
    padding: 10px 20px
}

body.king_of_comments_comments_index #links_container a
{
    text-decoration: none;
    color: #2980b9;
    margin-left: 15px
}

body.king_of_comments_comments_index #links_container a: visited
{
    color: #2980b9
}

body.king_of_comments_comments_index #links_container a: hover
{
    color: #8e44ad
}

body.king_of_comments_comments_index .btn
{
    border: none;
    padding: 0;
    margin: 0;
    letter-spacing: 2px;
    cursor: pointer
}

body.king_of_comments_comments_index .btn: active
{
    border: none
}

body.king_of_comments_comments_index #entry_form
{
    width: 522px;
    margin: auto;
    text-align: left;
    font-size: 13px
}

body.king_of_comments_comments_index #entry_form .input_box
{
    border: none;
    box-shadow: 0 0 3px rgba(0,0,0,0.25) inset
}

body.king_of_comments_comments_index #entry_form .comment_entry
{
    display: block;
    width: 500px;
    height: 80px;
    resize: none;
    margin: 60px 0 20px;
    padding: 10px;
    background-color: #fbfcfc
}

body.king_of_comments_comments_index #entry_form .entry_form_name_container
{
    position: relative;
    width: 522px
}

body.king_of_comments_comments_index #entry_form .name_entry
{
    float: left;
    width: 380px;
    height: 10px;
    padding: 10px;
    background-color: #fbfcfc
}

body.king_of_comments_comments_index #entry_form .btn
{
    float: right;
    border: none;
    margin-right: 2px;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-left: 1px solid rgba(255,255,255,0.2);
    height: 30px;
    width: 100px;
    font-size: 13px;
    background-color: #3498db;
    color: #ecf0f1
}

body.king_of_comments_comments_index #entry_form .btn: active
{
    background-color: #2980b9;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2)
}

body.king_of_comments_comments_index .btn: : -moz-focus-inner
{
    border: 0;
    padding: 0
}

body.king_of_comments_comments_index #comments_container
{
    width: 700px;
    margin: 40px auto;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.7)
}

body.king_of_comments_comments_index .comment_block
{
    padding: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-top: 1px solid rgba(255,255,255,0.7)
}

body.king_of_comments_comments_index .comment
{
    display: inline-block;
    vertical-align: top;
    text-shadow: 0 0 3px rgba(255,255,255,0.8)
}

body.king_of_comments_comments_index .voting_container .votes
{
    line-height: 35px;
    font-size: 22px
}

body.king_of_comments_comments_index .voting_container .btn
{
    width: 0;
    height: 0;
    background-color: transparent
}

body.king_of_comments_comments_index .voting_container .up
{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #3498db
}

body.king_of_comments_comments_index .voting_container .up: active
{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #2980b9
}

body.king_of_comments_comments_index .voting_container .down
{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #e74c3c
}

body.king_of_comments_comments_index .voting_container .down: active
{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #c0392b
}

body.king_of_comments_comments_index .content_container
{
    width: 550px;
    height: 100%;
    padding: 0 20px
}

body.king_of_comments_comments_index .content
{
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 8px
}

body.king_of_comments_comments_index .name
{
    text-align: right;
    font-size: 10px;
    line-height: 10px;
    color: #3498db
}

body.king_of_comments_comments_index .clear
{
    clear: both
}

body.leave_a_note_notes_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    background-color: #9fd8e6;
    color: #283133
}

body.leave_a_note_notes_index header
{
    padding: 0 20px;
    margin-bottom: 30px;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    background-color: #62bfd6;
    color: #164956;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.23),-1px -1px 0 rgba(0,0,0,0.05)
}

body.leave_a_note_notes_index #logo
{
    float: left;
    line-height: 40px;
    font-size: 20px
}

body.leave_a_note_notes_index #links_container
{
    float: right
}

body.leave_a_note_notes_index #links_container a
{
    font-size: 16px;
    line-height: 40px;
    text-decoration: none;
    color: #164956;
    margin-left: 15px
}

body.leave_a_note_notes_index #links_container a: visited
{
    color: #164956
}

body.leave_a_note_notes_index #links_container a: hover
{
    color: #e87015
}

body.leave_a_note_notes_index form
{
    margin-bottom: 20px
}

body.leave_a_note_notes_index textarea
{
    height: 60px;
    width: 450px;
    padding: 5px;
    margin: 0 -4px;
    resize: none;
    vertical-align: top;
    font-size: 16px;
    border: none
}

body.leave_a_note_notes_index .btn
{
    border: none;
    width: 100px;
    padding: 0;
    margin: 0 -4px;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 70px;
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.15);
    background-color: #f28431;
    cursor: pointer
}

body.leave_a_note_notes_index .btn: active
{
    border: none;
    background-color: #d16513
}

body.leave_a_note_notes_index .btn: : -moz-focus-inner
{
    border: 0;
    padding: 0
}

body.leave_a_note_notes_index .note_container
{
    width: 500px;
    padding: 30px;
    margin: auto;
    line-height: 24px;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-top: 1px solid rgba(0,0,0,0.05)
}

body.leave_a_note_notes_index .clear
{
    clear: both
}

body.liquor_likes_liquors_index,body.liquor_likes_liquors_new,body.liquor_likes_liquors_show
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    color: #34495e;
    letter-spacing: 3px
}

body.liquor_likes_liquors_index a,body.liquor_likes_liquors_new a,body.liquor_likes_liquors_show a
{
    display: inline-block;
    color: #000;
    text-decoration: none
}

body.liquor_likes_liquors_index header,body.liquor_likes_liquors_new header,body.liquor_likes_liquors_show header
{
    padding: 7px 20px;
    background-color: #226;
    margin-bottom: 20px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.liquor_likes_liquors_index #logo a,body.liquor_likes_liquors_new #logo a,body.liquor_likes_liquors_show #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    color: #fff
}

body.liquor_likes_liquors_index #links_container,body.liquor_likes_liquors_new #links_container,body.liquor_likes_liquors_show #links_container
{
    float: right
}

body.liquor_likes_liquors_index #links_container a,body.liquor_likes_liquors_new #links_container a,body.liquor_likes_liquors_show #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    margin-left: 15px
}

body.liquor_likes_liquors_index #links_container a: visited,body.liquor_likes_liquors_new #links_container a: visited,body.liquor_likes_liquors_show #links_container a: visited
{
    color: #fff
}

body.liquor_likes_liquors_index #links_container a: hover,body.liquor_likes_liquors_new #links_container a: hover,body.liquor_likes_liquors_show #links_container a: hover
{
    color: #f00
}

body.liquor_likes_liquors_index .like_btn,body.liquor_likes_liquors_new .like_btn,body.liquor_likes_liquors_show .like_btn
{
    padding: 8px 13px;
    font-weight: 400;
    color: #fff;
    background-color: #16a085
}

body.liquor_likes_liquors_index .like_btn: active,body.liquor_likes_liquors_new .like_btn: active,body.liquor_likes_liquors_show .like_btn: active
{
    background-color: #10745f
}

body.liquor_likes_liquors_index .btn a,body.liquor_likes_liquors_new .btn a,body.liquor_likes_liquors_show .btn a
{
    margin-bottom: 20px;
    padding: 8px 13px;
    font-weight: 400;
    color: #fff;
    background-color: #16a085
}

body.liquor_likes_liquors_index .btn a: active,body.liquor_likes_liquors_new .btn a: active,body.liquor_likes_liquors_show .btn a: active
{
    background-color: #10745f
}

body.liquor_likes_liquors_index .like_btn,body.liquor_likes_liquors_new .like_btn,body.liquor_likes_liquors_show .like_btn
{
    margin-bottom: 0;
    width: 60px;
    border: none;
    padding: 3px 5px
}

body.liquor_likes_liquors_index .like_btn: disabled,body.liquor_likes_liquors_new .like_btn: disabled,body.liquor_likes_liquors_show .like_btn: disabled
{
    background-color: #aaa
}

body.liquor_likes_liquors_index table.lined_table,body.liquor_likes_liquors_new table.lined_table,body.liquor_likes_liquors_show table.lined_table
{
    width: 70%;
    margin: auto
}

body.liquor_likes_liquors_index table.lined_table td,body.liquor_likes_liquors_new table.lined_table td,body.liquor_likes_liquors_show table.lined_table td
{
    border-top: 1px solid black;
    padding: 20px
}

body.liquor_likes_liquors_index table.lined_table form,body.liquor_likes_liquors_new table.lined_table form,body.liquor_likes_liquors_show table.lined_table form
{
    text-align: right
}

body.liquor_likes_liquors_index table.lined_table .like_count,body.liquor_likes_liquors_new table.lined_table .like_count,body.liquor_likes_liquors_show table.lined_table .like_count
{
    font-size: 11px;
    color: #95a5a6
}

body.liquor_likes_liquors_index td,body.liquor_likes_liquors_new td,body.liquor_likes_liquors_show td
{
    vertical-align: middle
}

body.liquor_likes_liquors_index #show td,body.liquor_likes_liquors_new #show td,body.liquor_likes_liquors_show #show td
{
    border-bottom: 1px solid black
}

body.liquor_likes_liquors_index #show h1,body.liquor_likes_liquors_new #show h1,body.liquor_likes_liquors_show #show h1
{
    font-size: 14px;
    color: #16a085;
    margin-bottom: 10px
}

body.liquor_likes_liquors_index #show #likers_container,body.liquor_likes_liquors_new #show #likers_container,body.liquor_likes_liquors_show #show #likers_container
{
    padding-top: 20px
}

body.liquor_likes_liquors_index #show .liker,body.liquor_likes_liquors_new #show .liker,body.liquor_likes_liquors_show #show .liker
{
    line-height: 26px
}

body.liquor_likes_liquors_index #new table,body.liquor_likes_liquors_new #new table,body.liquor_likes_liquors_show #new table
{
    margin: auto
}

body.liquor_likes_liquors_index #new table td,body.liquor_likes_liquors_new #new table td,body.liquor_likes_liquors_show #new table td
{
    text-align: right
}

body.liquor_likes_liquors_index #new h1,body.liquor_likes_liquors_new #new h1,body.liquor_likes_liquors_show #new h1
{
    font-size: 20px;
    color: #16a085;
    margin-bottom: 20px
}

body.liquor_likes_liquors_index #new input,body.liquor_likes_liquors_new #new input,body.liquor_likes_liquors_show #new input
{
    width: 300px;
    margin: 5px
}

body.liquor_likes_liquors_index #new .btn,body.liquor_likes_liquors_new #new .btn,body.liquor_likes_liquors_show #new .btn
{
    width: 80px
}

body.liquor_likes_liquors_index .clear,body.liquor_likes_liquors_new .clear,body.liquor_likes_liquors_show .clear
{
    clear: both
}

body.make_a_dude_dudes_index,body.make_a_dude_dudes_new
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-align: center;
    letter-spacing: 2px;
    color: #1b2963
}

body.make_a_dude_dudes_index .clear,body.make_a_dude_dudes_new .clear
{
    clear: both
}

body.make_a_dude_dudes_index header,body.make_a_dude_dudes_new header
{
    padding: 0 20px;
    background-color: rgba(0,0,100,0.2);
    margin-bottom: 30px
}

body.make_a_dude_dudes_index #logo,body.make_a_dude_dudes_new #logo
{
    float: left;
    line-height: 40px;
    font-size: 20px
}

body.make_a_dude_dudes_index #links_container,body.make_a_dude_dudes_new #links_container
{
    float: right
}

body.make_a_dude_dudes_index #links_container a,body.make_a_dude_dudes_new #links_container a
{
    font-size: 16px;
    line-height: 40px;
    text-decoration: none;
    color: #1b2963;
    margin-left: 15px
}

body.make_a_dude_dudes_index #links_container a: visited,body.make_a_dude_dudes_new #links_container a: visited
{
    color: #1b2963
}

body.make_a_dude_dudes_index #links_container a: hover,body.make_a_dude_dudes_new #links_container a: hover
{
    color: #FF47BC
}

body.make_a_dude_dudes_index #container,body.make_a_dude_dudes_new #container
{
    width: 80%;
    margin: auto
}

body.make_a_dude_dudes_index .btn,body.make_a_dude_dudes_new .btn
{
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2px;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
    color: white;
    background-color: #3653c7
}

body.make_a_dude_dudes_index .btn a,body.make_a_dude_dudes_new .btn a
{
    display: inline-block;
    width: 200px;
    height: 30px;
    padding: 10px;
    color: white;
    text-decoration: none;
    line-height: 30px
}

body.make_a_dude_dudes_index input.btn,body.make_a_dude_dudes_new input.btn
{
    border: none;
    width: 173px;
    height: 50px;
    margin: 0 2px
}

body.make_a_dude_dudes_index .btn: active,body.make_a_dude_dudes_new .btn: active
{
    background-color: #2b429f;
    border-left: 1px solid rgba(0,0,0,0.4);
    border-top: 1px solid rgba(0,0,0,0.4)
}

body.make_a_dude_dudes_index .dude_container,body.make_a_dude_dudes_new .dude_container
{
    float: left;
    margin: 20px 8px;
    width: 250px;
    vertical-align: top;
    overflow-x: hidden
}

body.make_a_dude_dudes_index .dude_container.new,body.make_a_dude_dudes_new .dude_container.new
{
    float: none;
    margin: -30px auto 50px
}

body.make_a_dude_dudes_index .dude_name,body.make_a_dude_dudes_new .dude_name
{
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400
}

body.make_a_dude_dudes_index .dude_message,body.make_a_dude_dudes_new .dude_message
{
    height: 60px;
    margin-top: 10px;
    padding: 10px 5px 5px;
    font-size: 13px;
    line-height: 15px;
    background-color: rgba(0,0,100,0.03);
    border: 1px solid rgba(0,0,0,0.05);
    overflow-y: auto
}

body.make_a_dude_dudes_index .dude,body.make_a_dude_dudes_new .dude
{
    position: relative;
    width: 250px;
    height: 155px
}

body.make_a_dude_dudes_index .face,body.make_a_dude_dudes_new .face
{
    position: absolute;
    top: 32px;
    left: 60px;
    width: 125px;
    height: 66px
}

body.make_a_dude_dudes_index .eyes_container,body.make_a_dude_dudes_new .eyes_container
{
    text-align: center
}

body.make_a_dude_dudes_index .eyeball,body.make_a_dude_dudes_new .eyeball
{
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 7px;
    border-radius: 50%;
    border: 1px solid #1a1a1a;
    border-right: 2px solid #1a1a1a;
    border-left: 1px solid #1a1a1a;
    background-color: #FFFFFA;
    transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg)
}

body.make_a_dude_dudes_index .mouth,body.make_a_dude_dudes_new .mouth
{
    position: absolute
}

body.make_a_dude_dudes_index .smile,body.make_a_dude_dudes_new .smile
{
    bottom: 28px;
    left: 25px;
    height: 17px;
    width: 70px;
    border-bottom: 3px solid #1a1a1a;
    border-radius: 50%;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg)
}

body.make_a_dude_dudes_index .head,body.make_a_dude_dudes_new .head
{
    position: absolute;
    top: 0px;
    left: 60px;
    height: 100px;
    width: 120px;
    border-bottom: 4px solid #1a1a1a;
    border-right: 5px solid #1a1a1a;
    border-top: 1px solid #1a1a1a;
    border-left: 2px solid #1a1a1a;
    border-radius: 50%;
    background-color: #FFFFFA;
    z-index: -1
}

body.make_a_dude_dudes_index .arm,body.make_a_dude_dudes_new .arm
{
    position: absolute;
    height: 3px;
    width: 30px;
    background-color: #1a1a1a
}

body.make_a_dude_dudes_index .arm_left,body.make_a_dude_dudes_new .arm_left
{
    top: 40%;
    left: -30px;
    transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    -webkit-transform: rotate(13deg)
}

body.make_a_dude_dudes_index .arm_right,body.make_a_dude_dudes_new .arm_right
{
    top: 50%;
    right: -30px;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg)
}

body.make_a_dude_dudes_index .hand,body.make_a_dude_dudes_new .hand
{
    position: absolute;
    top: -2px
}

body.make_a_dude_dudes_index .hand_left,body.make_a_dude_dudes_new .hand_left
{
    top: 4px;
    left: -10px
}

body.make_a_dude_dudes_index .hand_right,body.make_a_dude_dudes_new .hand_right
{
    right: -10px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

body.make_a_dude_dudes_index .finger,body.make_a_dude_dudes_new .finger
{
    height: 2px;
    width: 12px;
    margin: -3px;
    background-color: #1a1a1a
}

body.make_a_dude_dudes_index .f1,body.make_a_dude_dudes_new .f1
{
    transform: rotate(40deg) translateY(-6px);
    -ms-transform: rotate(40deg) translateY(-6px);
    -webkit-transform: rotate(40deg) translateY(-6px)
}

body.make_a_dude_dudes_index .f3,body.make_a_dude_dudes_new .f3
{
    transform: rotate(-40deg) translateY(6px);
    -ms-transform: rotate(-40deg) translateY(6px);
    -webkit-transform: rotate(-40deg) translateY(6px)
}

body.make_a_dude_dudes_index .leg,body.make_a_dude_dudes_new .leg
{
    position: absolute;
    bottom: -33px;
    width: 3px;
    height: 33px;
    background-color: #1a1a1a
}

body.make_a_dude_dudes_index .leg_left,body.make_a_dude_dudes_new .leg_left
{
    left: 38%
}

body.make_a_dude_dudes_index .leg_right,body.make_a_dude_dudes_new .leg_right
{
    right: 32%;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg)
}

body.make_a_dude_dudes_index .foot,body.make_a_dude_dudes_new .foot
{
    position: absolute;
    bottom: -10px;
    left: -20px;
    height: 7px;
    width: 25px;
    border: 3px solid #1a1a1a;
    border-left: 1px solid #1a1a1a;
    border-top: 2px solid #1a1a1a;
    border-radius: 50%
}

body.make_a_dude_dudes_index .foot_right,body.make_a_dude_dudes_new .foot_right
{
    left: -5px
}

body.make_a_dude_dudes_index form,body.make_a_dude_dudes_new form
{
    width: 173px;
    text-align: left;
    margin: auto
}

body.make_a_dude_dudes_index form input,body.make_a_dude_dudes_new form input
{
    margin-bottom: 20px;
    width: 173px
}

body.make_a_dude_dudes_index form div,body.make_a_dude_dudes_new form div
{
    line-height: 26px
}

body.mastermind_game_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center
}

body.mastermind_game_index header
{
    padding: 10px 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.mastermind_game_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #000
}

body.mastermind_game_index #links_container
{
    float: right
}

body.mastermind_game_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    margin-left: 15px
}

body.mastermind_game_index #links_container a: visited
{
    color: #000
}

body.mastermind_game_index #links_container a: hover
{
    color: #f00
}

body.mastermind_game_index .clear
{
    clear: both
}

body.mastermind_game_index button
{
    cursor: pointer;
    border: none;
    padding: 5px 10px;
    background-color: #3375e8;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    letter-spacing: 2px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
    font-size: 16px;
    color: #fff
}

body.mastermind_game_index button: active
{
    background-color: #1c65e5
}

body.mastermind_game_index .submit
{
    margin-top: 10px
}

body.mastermind_game_index .modal
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.9)
}

body.mastermind_game_index .modal .inner_modal
{
    width: 500px;
    margin: 150px auto;
    padding: 40px;
    background-color: #fff
}

body.mastermind_game_index .modal h1
{
    font-size: 34px;
    margin-bottom: 10px
}

body.mastermind_game_index .modal h2
{
    font-size: 22px;
    margin-bottom: 30px
}

body.mastermind_game_index .modal p
{
    line-height: 20px;
    margin: 10px
}

body.mastermind_game_index #game_container
{
    width: 250px;
    height: 580px;
    margin: auto;
    padding: 10px;
    background-color: #222
}

body.mastermind_game_index #game_container #code_container
{
    background-color: #555;
    height: 53px
}

body.mastermind_game_index #game_container #code_container .row
{
    border-top: 1px solid rgba(255,255,255,0.15)
}

body.mastermind_game_index #game_container #code_container .peg.hole
{
    display: none
}

body.mastermind_game_index #game_container #code_container .code
{
    display: inline-block
}

body.mastermind_game_index #game_container .row
{
    width: 100%;
    text-align: left;
    border-top: 1px solid rgba(0,0,0,0.2)
}

body.mastermind_game_index #game_container .row .hole
{
    display: inline-block;
    border-radius: 50%;
    background-color: #666
}

body.mastermind_game_index #game_container .row .peg
{
    height: 20px;
    width: 20px;
    margin: 14px 8px
}

body.mastermind_game_index #game_container .row .peg_container,body.mastermind_game_index #game_container .row .key_container
{
    display: inline-block;
    vertical-align: top
}

body.mastermind_game_index #game_container .row .key_container
{
    text-align: right;
    margin-left: 20px
}

body.mastermind_game_index #game_container .row .key
{
    height: 8px;
    width: 8px;
    margin-top: 20px
}

body.mastermind_game_index #game_container #color_container
{
    border-top: 1px solid rgba(0,0,0,0.8);
    padding: 16px 30px 0
}

body.mastermind_game_index #game_container #color_container .wrap
{
    margin: 8px 16px;
    display: inline-block
}

body.mastermind_game_index #game_container #color_container .color
{
    border-radius: 50%;
    height: 20px;
    width: 20px;
    background-color: red
}

body.mastermind_game_index .active
{
    box-shadow: 0 0 5px rgba(255,255,255,0.4)
}

body.no_one_watching_page_index
{
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    text-align: center;
    background-color: #000;
    overflow: hidden
}

body.no_one_watching_page_index footer
{
    position: fixed;
    bottom: 0;
    padding: 10px 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.no_one_watching_page_index #links_container
{
    float: right
}

body.no_one_watching_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #222;
    margin-left: 15px
}

body.no_one_watching_page_index #links_container a: visited
{
    color: #222
}

body.no_one_watching_page_index #links_container a: hover
{
    color: #f00
}

body.no_one_watching_page_index .clear
{
    clear: both
}

body.no_one_watching_page_index #video_container video
{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: grayscale(1) contrast(20) brightness(0.35);
    -moz-filter: grayscale(1) contrast(20) brightness(0.35);
    -ms-filter: grayscale(1) contrast(20) brightness(0.35);
    -o-filter: grayscale(1) contrast(20) brightness(0.35);
    filter: grayscale(1) contrast(20) brightness(0.35);
    opacity: 0.2
}

body.no_one_watching_page_index #message
{
    display: none;
    padding-top: 60px;
    font-size: 60px;
    color: #fff
}

body.one_page_pages_edit,body.one_page_pages_show
{
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 18px;
    letter-spacing: 3px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.4);
    background: #26192b;
    background: -moz-linear-gradient(top, #26192b 0%, #4b3f56 40%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26192b), color-stop(40%, #4b3f56));
    background: -webkit-linear-gradient(top, #26192b 0%, #4b3f56 40%);
    background: -o-linear-gradient(top, #26192b 0%, #4b3f56 40%);
    background: -ms-linear-gradient(top, #26192b 0%, #4b3f56 40%);
    background: linear-gradient(to bottom, #26192b 0%, #4b3f56 40%);
    background-repeat: no-repeat;
    background-color: #4b3f56
}

body.one_page_pages_edit header,body.one_page_pages_show header
{
    padding: 0 20px;
    color: #fff
}

body.one_page_pages_edit p,body.one_page_pages_show p
{
    margin-bottom: 20px
}

body.one_page_pages_edit #logo,body.one_page_pages_show #logo
{
    float: left;
    line-height: 40px;
    font-size: 20px
}

body.one_page_pages_edit #links_container,body.one_page_pages_show #links_container
{
    float: right
}

body.one_page_pages_edit #links_container a,body.one_page_pages_show #links_container a
{
    font-size: 16px;
    line-height: 40px;
    text-decoration: none;
    color: #fcfaf8;
    margin-left: 15px
}

body.one_page_pages_edit #links_container a: visited,body.one_page_pages_show #links_container a: visited
{
    color: #fcfaf8
}

body.one_page_pages_edit #links_container a: hover,body.one_page_pages_show #links_container a: hover
{
    color: #e87015
}

body.one_page_pages_edit form,body.one_page_pages_show form
{
    margin-bottom: 20px
}

body.one_page_pages_edit textarea,body.one_page_pages_show textarea
{
    height: 480px;
    width: 530px;
    padding: 10px;
    margin: auto;
    resize: none;
    vertical-align: top;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 16px;
    border: none;
    background-color: transparent
}

body.one_page_pages_edit #page_container.edit,body.one_page_pages_show #page_container.edit
{
    position: relative;
    margin: auto;
    margin-top: 30px;
    padding: 0;
    width: 550px;
    height: 500px;
    font-size: 60px;
    background-color: #f8fafc;
    box-shadow: 0 0 1px rgba(0,0,0,0.4),inset 0 0 50px rgba(0,0,0,0.1)
}

body.one_page_pages_edit #page_container.show,body.one_page_pages_show #page_container.show
{
    width: 80%;
    margin: 30px auto;
    text-align: justify;
    line-height: 20px;
    font-size: 15px
}

body.one_page_pages_edit #page_container.edit: before,body.one_page_pages_edit #page_container.edit: after,body.one_page_pages_show #page_container.edit: before,body.one_page_pages_show #page_container.edit: after
{
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 12px;
    background: transparent;
    box-shadow: 0 6px 12px rgba(0,0,0,0.5);
    z-index: -1;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg)
}

body.one_page_pages_edit #page_container.edit: after,body.one_page_pages_show #page_container.edit: after
{
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg)
}

body.one_page_pages_edit .btn a,body.one_page_pages_show .btn a
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    display: inline-block;
    line-height: 100%;
    width: 100%;
    text-decoration: none;
    color: #fff;
    padding: 10px 0
}

body.one_page_pages_edit .btn,body.one_page_pages_show .btn
{
    width: 100px;
    margin: 20px auto 0;
    font-size: 16px;
    letter-spacing: 2px;
    color: white;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
    background-color: #2cb05d;
    border: 3px solid #297E49;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(255,255,255,0.3) inset,-1px -1px 1px rgba(0,0,0,0.5) inset,1px 1px 3px rgba(0,0,0,0.5);
    cursor: pointer
}

body.one_page_pages_edit input.btn,body.one_page_pages_show input.btn
{
    padding: 10px 0
}

body.one_page_pages_edit .btn: active,body.one_page_pages_show .btn: active
{
    box-shadow: -1px -1px 2px rgba(255,255,255,0.3) inset,1px 1px 1px rgba(0,0,0,0.5) inset,1px 1px 3px rgba(0,0,0,0.5);
    background-color: #297E49;
    border: 3px solid #297E49
}

body.one_page_pages_edit .btn: : -moz-focus-inner,body.one_page_pages_show .btn: : -moz-focus-inner
{
    border: 0;
    padding: 0
}

body.one_page_pages_edit .clear,body.one_page_pages_show .clear
{
    clear: both
}

body.pinwheel_pinwheel_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    cursor: pointer
}

body.pinwheel_pinwheel_index #container
{
    padding-top: 50px;
    padding-bottom: 37px
}

body.pinwheel_pinwheel_index footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 37px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.pinwheel_pinwheel_index #links_container
{
    padding: 10px 20px;
    float: right
}

body.pinwheel_pinwheel_index #links_container a
{
    font-size: 14px;
    text-decoration: none;
    color: #a33ede;
    margin-left: 15px
}

body.pinwheel_pinwheel_index #links_container a: visited
{
    color: #a33ede
}

body.pinwheel_pinwheel_index #links_container a: hover
{
    color: #1bde69
}

body.pinwheel_pinwheel_index .clear
{
    clear: both
}

body.pixshow_scraps_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #ededed;
    letter-spacing: 4px;
    color: #354b60;
    overflow-y: scroll
}

body.pixshow_scraps_index header
{
    padding: 5px 20px 0;
    background-color: #1abc9c;
    margin-bottom: 0px;
    color: #ededed;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.pixshow_scraps_index #logo
{
    float: left;
    line-height: 20px;
    font-size: 14px
}

body.pixshow_scraps_index #links_container
{
    float: right
}

body.pixshow_scraps_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #ededed;
    margin-left: 15px
}

body.pixshow_scraps_index #links_container a: visited
{
    color: #ededed
}

body.pixshow_scraps_index #links_container a: hover
{
    color: #7f8c8d
}

body.pixshow_scraps_index #form_container
{
    padding: 10px;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2)
}

body.pixshow_scraps_index h1
{
    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
    font-size: 22px;
    padding: 10px 0;
    font-weight: bold
}

body.pixshow_scraps_index form
{
    padding: 10px;
    width: 400px;
    margin: 5px auto;
    box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
    background-color: rgba(26,188,156,0.3)
}

body.pixshow_scraps_index #content_container
{
    margin-top: 30px
}

body.pixshow_scraps_index .img_container
{
    display: inline-block;
    position: relative;
    text-align: center;
    height: 200px;
    width: 200px;
    margin: 7px;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    background-image: url("shl.png")
}

body.pixshow_scraps_index img
{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

body.pixshow_scraps_index .clear
{
    clear: both
}

body.postbored_sites_index,body.postbored_sites_new
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    color: #333;
    background-color: #3d3642
}

body.postbored_sites_index #page_container,body.postbored_sites_new #page_container
{
    width: 750px;
    margin: auto
}

body.postbored_sites_index .notice,body.postbored_sites_index .alert,body.postbored_sites_new .notice,body.postbored_sites_new .alert
{
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.95);
    z-index: 100
}

body.postbored_sites_index header,body.postbored_sites_new header
{
    padding: 10px 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
    background-color: #3498db;
    letter-spacing: 2px
}

body.postbored_sites_index #logo a,body.postbored_sites_new #logo a
{
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.3),0 1px 0px rgba(0,0,0,0.2);
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #fff
}

body.postbored_sites_index #links_container,body.postbored_sites_new #links_container
{
    float: right
}

body.postbored_sites_index #links_container a,body.postbored_sites_new #links_container a
{
    font-size: 13px;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    margin-left: 15px
}

body.postbored_sites_index #links_container a: visited,body.postbored_sites_new #links_container a: visited
{
    color: #fff
}

body.postbored_sites_index #links_container a: hover,body.postbored_sites_new #links_container a: hover
{
    color: #f00
}

body.postbored_sites_index .clear,body.postbored_sites_new .clear
{
    clear: both
}

body.postbored_sites_index #tag_line,body.postbored_sites_new #tag_line
{
    margin-bottom: 20px;
    line-height: 38px;
    font-size: 13px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2) inset
}

body.postbored_sites_index #button_container,body.postbored_sites_new #button_container
{
    text-align: right;
    margin: 10px 0
}

body.postbored_sites_index a.btn,body.postbored_sites_index .btn,body.postbored_sites_new a.btn,body.postbored_sites_new .btn
{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #3498db;
    border-radius: 3px;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    cursor: pointer;
    padding: 4px 10px;
    line-height: 20px;
    color: #fff;
    text-decoration: none
}

body.postbored_sites_index #content_table,body.postbored_sites_new #content_table
{
    text-align: left
}

body.postbored_sites_index .tag,body.postbored_sites_new .tag
{
    text-align: center;
    width: 90px;
    padding: 5px 0;
    font-size: 9px;
    letter-spacing: 1px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #6e6d7a
}

body.postbored_sites_index .site_container,body.postbored_sites_new .site_container
{
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2) inset
}

body.postbored_sites_index .site,body.postbored_sites_new .site
{
    width: 100%
}

body.postbored_sites_index .site .title a,body.postbored_sites_new .site .title a
{
    display: inline-block;
    margin-bottom: 10px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #333
}

body.postbored_sites_index .site .url a,body.postbored_sites_new .site .url a
{
    font-size: 13px;
    color: #7f8c8d;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

body.postbored_sites_index .sub_container,body.postbored_sites_new .sub_container
{
    text-align: right;
    margin-top: 15px
}

body.postbored_sites_index .sub_container .submitter,body.postbored_sites_new .sub_container .submitter
{
    float: right;
    font-size: 9px;
    color: #333
}

body.postbored_sites_index .sub_container .submitter a,body.postbored_sites_new .sub_container .submitter a
{
    font-weight: bold;
    color: #333
}

body.postbored_sites_new #page_container
{
    width: 500px;
    padding: 30px;
    margin-top: 60px;
    background-color: #fff
}

body.postbored_sites_new h1
{
    margin: 20px;
    font-size: 20px
}

body.postbored_sites_new table
{
    margin: auto
}

body.postbored_sites_new td
{
    padding: 10px
}

body.postbored_sites_new #url_form,body.postbored_sites_new input[type="text"]
{
    vertical-align: bottom;
    width: 200px;
    height: 13px;
    padding: 5px;
    margin: 0;
    border: 1px solid rgba(0,0,0,0.3);
    box-shadow: 0 0 2px rgba(0,0,0,0.2) inset;
    resize: none
}

body.postbored_sites_new input[type="submit"]
{
    border: none;
    color: #fff;
    cursor: pointer
}

body.pv_calculator_calculators_index
{
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 300;
    text-align: center;
    letter-spacing: 2px;
    background-color: #fff;
    color: #2c3e50
}

body.pv_calculator_calculators_index header
{
    padding: 10px 20px 0;
    margin-bottom: 50px;
    color: #2c3e50;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.pv_calculator_calculators_index header #logo a
{
    float: left;
    line-height: 20px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #1f51cf
}

body.pv_calculator_calculators_index header #links_container
{
    float: right
}

body.pv_calculator_calculators_index header #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #2c3e50;
    margin-left: 15px
}

body.pv_calculator_calculators_index header #links_container a: visited
{
    color: #2c3e50
}

body.pv_calculator_calculators_index header #links_container a: hover
{
    color: #1f51cf
}

body.pv_calculator_calculators_index #container
{
    width: 803px;
    margin: 30px auto
}

body.pv_calculator_calculators_index .tab
{
    display: inline-block;
    width: 267px;
    margin: -3px;
    padding: 10px 0;
    font-size: 13px;
    color: #fff;
    background-color: #d1d1d1;
    cursor: pointer
}

body.pv_calculator_calculators_index .tab.active
{
    background-color: #1f51cf
}

body.pv_calculator_calculators_index .tab.middle
{
    border-left: 1px solid rgba(255,255,255,0.5);
    border-right: 1px solid rgba(255,255,255,0.5)
}

body.pv_calculator_calculators_index #compounding_calc
{
    display: none
}

body.pv_calculator_calculators_index #offset_calc
{
    display: none
}

body.pv_calculator_calculators_index #basic_calc .interest_row .label
{
    padding-bottom: 30px
}

body.pv_calculator_calculators_index #basic_calc .btn
{
    margin-left: 5px
}

body.pv_calculator_calculators_index .calc_container
{
    padding: 20px 40px;
    background-color: #dce2fa;
    min-height: 550px
}

body.pv_calculator_calculators_index .calc_container h1
{
    line-height: 28px;
    font-weight: 400;
    color: #3565e1
}

body.pv_calculator_calculators_index .calc_container h2
{
    margin-top: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #3565e1
}

body.pv_calculator_calculators_index .calc_container form
{
    margin-top: 30px
}

body.pv_calculator_calculators_index .calc_container table
{
    margin-left: 95px
}

body.pv_calculator_calculators_index .calc_container table .label
{
    text-align: right;
    padding: 8px 20px;
    font-weight: 300
}

body.pv_calculator_calculators_index .calc_container table input[type="text"]
{
    width: 130px;
    height: 16px;
    text-align: center
}

body.pv_calculator_calculators_index .calc_container table .helper
{
    font-size: 9px;
    padding-left: 10px;
    font-weight: 600;
    color: #3565e1
}

body.pv_calculator_calculators_index .answer_container
{
    display: none
}

body.pv_calculator_calculators_index .answer_container div
{
    display: inline-block;
    padding: 40px 0;
    font-weight: 400;
    font-size: 18px
}

body.pv_calculator_calculators_index .answer_container .label
{
    text-align: right
}

body.pv_calculator_calculators_index .answer_container .answer
{
    text-align: left
}

body.pv_calculator_calculators_index input.btn
{
    font-size: 16px;
    line-height: 26px;
    padding: 0 10px;
    margin-top: 30px
}

body.pv_calculator_calculators_index .btn
{
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    border: none;
    border-radius: 0;
    background-color: #1f51cf;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    cursor: pointer
}

body.pv_calculator_calculators_index .btn: active
{
    background-color: #1840a3
}

body.pv_calculator_calculators_index .clear
{
    clear: both
}

body.quick_words_game_index
{
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    text-align: center;
    letter-spacing: 2px
}

body.quick_words_game_index header
{
    padding: 5px 20px 0;
    margin-bottom: 0px
}

body.quick_words_game_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #333
}

body.quick_words_game_index #links_container
{
    float: right
}

body.quick_words_game_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #333;
    margin-left: 15px
}

body.quick_words_game_index #links_container a: visited
{
    color: #333
}

body.quick_words_game_index #links_container a: hover
{
    color: #f00
}

body.quick_words_game_index .clear
{
    clear: both
}

body.quick_words_game_index .modal
{
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    font-size: 22px
}

body.quick_words_game_index canvas
{
    margin-top: 60px
}

body.serious_question_polls_edit,body.serious_question_polls_show
{
    font-family: "Arial", "Arial", sans-serif;
    text-align: center;
    color: #555
}

body.serious_question_polls_edit header,body.serious_question_polls_show header
{
    padding: 10px 20px;
    margin-bottom: 150px
}

body.serious_question_polls_edit #links_container,body.serious_question_polls_show #links_container
{
    float: right
}

body.serious_question_polls_edit #links_container a,body.serious_question_polls_show #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #555;
    margin-left: 15px
}

body.serious_question_polls_edit #links_container a: visited,body.serious_question_polls_show #links_container a: visited
{
    color: #555
}

body.serious_question_polls_edit #links_container a: hover,body.serious_question_polls_show #links_container a: hover
{
    color: orange
}

body.serious_question_polls_edit .clear,body.serious_question_polls_show .clear
{
    clear: both
}

body.serious_question_polls_edit .error,body.serious_question_polls_show .error
{
    position: absolute;
    width: 100%;
    top: 80px
}

body.serious_question_polls_edit .vote_block,body.serious_question_polls_show .vote_block
{
    position: relative;
    display: inline-block;
    height: 150px;
    font-size: 90px;
    font-weight: 900;
    margin: 0px 40px 50px;
    vertical-align: top
}

body.serious_question_polls_edit .vote_block .option,body.serious_question_polls_show .vote_block .option
{
    color: #111
}

body.serious_question_polls_edit .vote_block .subtext,body.serious_question_polls_show .vote_block .subtext
{
    font-size: 13px;
    color: #ccc;
    font-weight: 300
}

body.serious_question_polls_edit .vote_block .wrap,body.serious_question_polls_show .vote_block .wrap
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

body.serious_question_polls_edit .vote_block .wrap p,body.serious_question_polls_show .vote_block .wrap p
{
    font-size: 24px
}

body.serious_question_polls_edit input[type="submit"],body.serious_question_polls_show input[type="submit"]
{
    display: block;
    margin: auto;
    padding: 5px 10px;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    border: none;
    background-color: orange
}

body.serious_question_polls_edit input[type="submit"]: active,body.serious_question_polls_show input[type="submit"]: active
{
    background-color: #f49106
}

body.serious_question_polls_show header
{
    margin-bottom: 0
}

body.serious_question_polls_show h1
{
    font-size: 24px;
    line-height: 150px
}

body.serious_question_polls_show .redirect
{
    display: block;
    font-size: 13px;
    color: orange
}

body.skinny_drinks_calc_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    color: #333;
    letter-spacing: 2px
}

body.skinny_drinks_calc_index #container
{
    padding-bottom: 56px
}

body.skinny_drinks_calc_index #headlines
{
    padding: 20px;
    background-color: #3d566e;
    color: #fff;
    text-shadow: 0 0 2px rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(0,0,0,0.5)
}

body.skinny_drinks_calc_index #headlines h1
{
    font-size: 30px;
    margin-bottom: 10px
}

body.skinny_drinks_calc_index #headlines h2
{
    font-size: 18px;
    line-height: 24px
}

body.skinny_drinks_calc_index #directions
{
    width: 500px;
    margin: 20px auto
}

body.skinny_drinks_calc_index #directions h3
{
    font-size: 13px;
    line-height: 20px
}

body.skinny_drinks_calc_index table
{
    margin: 0 auto 10px
}

body.skinny_drinks_calc_index table td
{
    padding: 3px
}

body.skinny_drinks_calc_index table .submit
{
    text-align: right
}

body.skinny_drinks_calc_index table .submit .btn
{
    border-radius: none;
    border: none;
    padding: 4px 8px;
    color: #fff;
    text-shadow: 0 0 1px rgba(255,255,255,0.5);
    background-color: #ffa500;
    cursor: pointer
}

body.skinny_drinks_calc_index #result_container
{
    display: none
}

body.skinny_drinks_calc_index #result_container .result
{
    font-size: 18px;
    margin-bottom: 15px
}

body.skinny_drinks_calc_index #result_container .skinny_factor
{
    font-size: 80px;
    font-weight: bold;
    color: #e74c3c;
    margin-bottom: 20px
}

body.skinny_drinks_calc_index #result_container .info
{
    font-size: 11px;
    color: #3498db;
    cursor: pointer
}

body.skinny_drinks_calc_index #result_container .info #info_modal
{
    display: none;
    width: 450px;
    margin: auto;
    padding: 10px;
    line-height: 18px;
    color: #888
}

body.skinny_drinks_calc_index #result_container .info: hover #info_modal
{
    display: block
}

body.skinny_drinks_calc_index footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px
}

body.skinny_drinks_calc_index #links_container
{
    float: right;
    padding: 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.skinny_drinks_calc_index #links_container a
{
    font-size: 14px;
    line-height: 10px 20px;
    text-decoration: none;
    color: #333;
    margin-left: 15px
}

body.skinny_drinks_calc_index #links_container a: visited
{
    color: #333
}

body.skinny_drinks_calc_index #links_container a: hover
{
    color: #f00
}

body.skinny_drinks_calc_index .clear
{
    clear: both
}

body.snare_snare_index
{
    height: 100%;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    text-align: center;
    color: #25c4c4;
    background-color: #000;
    overflow-y: scroll
}

body.snare_snare_index #error
{
    display: none;
    padding: 60px;
    color: #04bf0a
}

body.snare_snare_index #error #info
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold
}

body.snare_snare_index #error #info #info_modal
{
    display: none;
    position: absolute;
    top: 40px;
    width: 200px;
    font-size: 13px;
    font-weight: normal
}

body.snare_snare_index #error #info: hover #info_modal
{
    display: block;
    position: absolute;
    top: 40px;
    width: 200px;
    font-size: 13px;
    font-weight: normal
}

body.snare_snare_index #error h1
{
    font-size: 50px;
    margin-bottom: 20px
}

body.snare_snare_index #error h2
{
    line-height: 30px
}

body.snare_snare_index #error a
{
    display: inline-block;
    padding: 5px 10px;
    margin-top: 30px;
    border-radius: 3px;
    border: 2px solid #555;
    background-color: #aaa;
    text-decoration: none;
    color: #111
}

body.snare_snare_index #container
{
    background-image: url("herringbone_03.png");
    height: 100%;
    width: 100%
}

body.snare_snare_index #container header
{
    padding: 5px 20px 0;
    margin-bottom: 50px;
    color: #2c3e50;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.snare_snare_index #container #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px
}

body.snare_snare_index #container #links_container
{
    float: right
}

body.snare_snare_index #container #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #2c3e50;
    margin-left: 15px
}

body.snare_snare_index #container #links_container a: visited
{
    color: #2c3e50
}

body.snare_snare_index #container #links_container a: hover
{
    color: #f00
}

body.snare_snare_index #container .clear
{
    clear: both
}

body.snare_snare_index #container #target
{
    position: absolute;
    top: 50%;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: -200px
}

body.snare_snare_index #container .circle
{
    border-radius: 50%;
    background-color: #ecf0f1;
    margin: auto;
    cursor: pointer
}

body.snare_snare_index #container .c1
{
    position: relative;
    height: 320px;
    width: 320px;
    background-color: #ecf0f1;
    border: 40px solid #e74c3c
}

body.snare_snare_index #container .c1: hover
{
    border: 40px solid #c0392b
}

body.snare_snare_index #container .c2
{
    position: absolute;
    top: 40px;
    left: 40px;
    height: 160px;
    width: 160px;
    border: 40px solid #e74c3c
}

body.snare_snare_index #container .c2: hover
{
    border: 40px solid #c0392b
}

body.snare_snare_index #container .c3
{
    position: absolute;
    top: 40px;
    left: 40px;
    height: 80px;
    width: 80px;
    background-color: #e74c3c
}

body.snare_snare_index #container .c3: hover
{
    background-color: #c0392b
}

body.snare_snare_index .shrink
{
    -webkit-animation: 1.8s shrink ease-in
}

@-webkit-keyframes shrink
{
    0%
{
    -webkit-transform: scale(1) rotate(0deg)
}

60%
{
    -webkit-transform: scale(0) rotate(1000deg)
}

100%
{
    -webkit-transform: scale(0) rotate(1000deg)
}


}

body.song_machine_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #242733
}

body.song_machine_page_index header
{
    padding: 10px 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.song_machine_page_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #aaa
}

body.song_machine_page_index #links_container
{
    float: right
}

body.song_machine_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #aaa;
    margin-left: 15px
}

body.song_machine_page_index #links_container a: visited
{
    color: #aaa
}

body.song_machine_page_index #links_container a: hover
{
    color: #8524bd
}

body.song_machine_page_index .clear
{
    clear: both
}

body.song_machine_page_index canvas
{
    vertical-align: top;
    cursor: pointer
}

body.sparklers_sparklers_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: black
}

body.sparklers_sparklers_index header
{
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.sparklers_sparklers_index #links_container
{
    float: right
}

body.sparklers_sparklers_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #333;
    margin-left: 15px
}

body.sparklers_sparklers_index a: visited
{
    color: #333
}

body.sparklers_sparklers_index a: hover
{
    color: #f00
}

body.sparklers_sparklers_index .clear
{
    clear: both
}

body.sparklers_sparklers_index canvas
{
    display: block;
    cursor: none
}

body.splodin_bacon_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center
}

body.splodin_bacon_page_index header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    z-index: 10
}

body.splodin_bacon_page_index #links_container
{
    float: right
}

body.splodin_bacon_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    margin-left: 15px
}

body.splodin_bacon_page_index #links_container a: visited
{
    color: #000
}

body.splodin_bacon_page_index #links_container a: hover
{
    color: #f00
}

body.splodin_bacon_page_index .clear
{
    clear: both
}

body.splodin_bacon_page_index #container
{
    position: relative
}

body.splodin_bacon_page_index canvas
{
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

body.swivel_game_index
{
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    text-align: center;
    letter-spacing: 2px;
    background-color: #fff
}

body.swivel_game_index header
{
    padding: 5px 20px 0;
    margin-bottom: 20px
}

body.swivel_game_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #333
}

body.swivel_game_index #links_container
{
    float: right
}

body.swivel_game_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #333;
    margin-left: 15px
}

body.swivel_game_index #links_container a: visited
{
    color: #333
}

body.swivel_game_index #links_container a: hover
{
    color: #f00
}

body.swivel_game_index .clear
{
    clear: both
}

body.swivel_game_index canvas
{
    margin-bottom: 10px
}

body.text_scroller_streams_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #101010
}

body.text_scroller_streams_index #container
{
    padding-bottom: 36px
}

body.text_scroller_streams_index #form_wrap
{
    position: relative;
    width: 360px;
    margin: auto
}

body.text_scroller_streams_index #form_wrap form
{
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.1);
    padding: 20px 40px
}

body.text_scroller_streams_index #form_wrap form input[type="text"]
{
    width: 200px
}

body.text_scroller_streams_index #form_wrap .close
{
    position: absolute;
    top: 20px;
    left: 10px;
    padding: 5px;
    color: #666;
    cursor: pointer;
    z-index: 10
}

body.text_scroller_streams_index #form_wrap .btn
{
    border: none;
    background-color: #057ceb;
    padding: 0 5px;
    color: #fff;
    line-height: 20px;
    letter-spacing: 2px;
    text-shadow: 0 0 1px rgba(0,0,0,0.3);
    cursor: pointer
}

body.text_scroller_streams_index #form_wrap .btn: active
{
    background-color: #0468c5
}

body.text_scroller_streams_index canvas
{
    margin-top: 25%
}

body.text_scroller_streams_index footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

body.text_scroller_streams_index #links_container
{
    float: right;
    margin-right: 20px
}

body.text_scroller_streams_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    margin-left: 15px
}

body.text_scroller_streams_index #links_container a: visited
{
    color: #000
}

body.text_scroller_streams_index #links_container a: hover
{
    color: #f00
}

body.text_scroller_streams_index .clear
{
    clear: both
}

body.text_to_braille_converter_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    color: #474761;
    background-image: url("paper_texture.png")
}

body.text_to_braille_converter_index header
{
    padding: 10px 20px;
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
    margin-bottom: 20px
}

body.text_to_braille_converter_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #474761
}

body.text_to_braille_converter_index #links_container
{
    float: right
}

body.text_to_braille_converter_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #474761;
    margin-left: 15px
}

body.text_to_braille_converter_index #links_container a: visited
{
    color: #474761
}

body.text_to_braille_converter_index #links_container a: hover
{
    color: #f00
}

body.text_to_braille_converter_index .clear
{
    clear: both
}

body.text_to_braille_converter_index #braille_container
{
    width: 80%;
    margin: auto;
    padding-bottom: 60px;
    text-align: left
}

body.text_to_braille_converter_index .cell
{
    display: inline-block;
    position: relative;
    height: 48px;
    width: 36px;
    margin: 14px 8px
}

body.text_to_braille_converter_index .dot
{
    position: absolute;
    height: 12px;
    width: 12px;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    border-radius: 50%;
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 54%, rgba(255,255,255,0.71) 55%, #878787 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,255,255,0.9)), color-stop(54%, rgba(255,255,255,0.7)), color-stop(55%, rgba(255,255,255,0.71)), color-stop(100%, #878787));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 54%, rgba(255,255,255,0.71) 55%, #878787 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 54%, rgba(255,255,255,0.71) 55%, #878787 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 54%, rgba(255,255,255,0.71) 55%, #878787 100%);
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 54%, rgba(255,255,255,0.71) 55%, #878787 100%)
}

body.text_to_braille_converter_index .d1
{
    top: 0px;
    left: 3px
}

body.text_to_braille_converter_index .d2
{
    top: 0px;
    left: 21px
}

body.text_to_braille_converter_index .d3
{
    top: 18px;
    left: 3px
}

body.text_to_braille_converter_index .d4
{
    top: 18px;
    left: 21px
}

body.text_to_braille_converter_index .d5
{
    top: 36px;
    left: 3px
}

body.text_to_braille_converter_index .d6
{
    top: 36px;
    left: 21px
}

body.text_to_braille_converter_index form
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    background-image: inherit
}

body.text_to_braille_converter_index form textarea
{
    width: 600px;
    margin: auto;
    padding: 5px;
    resize: none;
    font-size: 16px;
    color: #474761;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 0 3px rgba(0,0,0,0.1) inset;
    background-color: inherit;
    background-image: inherit
}

body.tiny_notes_notes_index,body.tiny_notes_notes_create,body.tiny_notes_notes_show
{
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 300;
    text-align: center;
    letter-spacing: 3px;
    color: #34495d;
    background-color: #c5d2df
}

body.tiny_notes_notes_index .notice,body.tiny_notes_notes_create .notice,body.tiny_notes_notes_show .notice
{
    line-height: 30px
}

body.tiny_notes_notes_index h3,body.tiny_notes_notes_create h3,body.tiny_notes_notes_show h3
{
    margin: 30px
}

body.tiny_notes_notes_index header,body.tiny_notes_notes_create header,body.tiny_notes_notes_show header
{
    padding: 10px 20px;
    background-color: #090321;
    text-shadow: 0 0 1px rgba(0,0,0,0.2)
}

body.tiny_notes_notes_index #logo a,body.tiny_notes_notes_create #logo a,body.tiny_notes_notes_show #logo a
{
    float: left;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none
}

body.tiny_notes_notes_index #links_container,body.tiny_notes_notes_create #links_container,body.tiny_notes_notes_show #links_container
{
    float: right
}

body.tiny_notes_notes_index #links_container a,body.tiny_notes_notes_create #links_container a,body.tiny_notes_notes_show #links_container a
{
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    margin-left: 15px
}

body.tiny_notes_notes_index #links_container a: visited,body.tiny_notes_notes_create #links_container a: visited,body.tiny_notes_notes_show #links_container a: visited
{
    color: #fff
}

body.tiny_notes_notes_index #links_container a: hover,body.tiny_notes_notes_create #links_container a: hover,body.tiny_notes_notes_show #links_container a: hover
{
    color: #9b59b6
}

body.tiny_notes_notes_index .user,body.tiny_notes_notes_create .user,body.tiny_notes_notes_show .user
{
    display: inline-block;
    vertical-align: top
}

body.tiny_notes_notes_index .name a,body.tiny_notes_notes_create .name a,body.tiny_notes_notes_show .name a
{
    text-decoration: none;
    color: inherit;
    font-weight: 600
}

body.tiny_notes_notes_index : : -webkit-input-placeholder,body.tiny_notes_notes_create : : -webkit-input-placeholder,body.tiny_notes_notes_show : : -webkit-input-placeholder
{
    color: #ccc
}

body.tiny_notes_notes_index : -moz-placeholder,body.tiny_notes_notes_create : -moz-placeholder,body.tiny_notes_notes_show : -moz-placeholder
{
    color: #ccc
}

body.tiny_notes_notes_index : : -moz-placeholder,body.tiny_notes_notes_create : : -moz-placeholder,body.tiny_notes_notes_show : : -moz-placeholder
{
    color: #ccc
}

body.tiny_notes_notes_index : -ms-input-placeholder,body.tiny_notes_notes_create : -ms-input-placeholder,body.tiny_notes_notes_show : -ms-input-placeholder
{
    color: #ccc
}

body.tiny_notes_notes_index #index_container,body.tiny_notes_notes_index #show_container,body.tiny_notes_notes_create #index_container,body.tiny_notes_notes_create #show_container,body.tiny_notes_notes_show #index_container,body.tiny_notes_notes_show #show_container
{
    padding: 30px
}

body.tiny_notes_notes_index #profile_container,body.tiny_notes_notes_create #profile_container,body.tiny_notes_notes_show #profile_container
{
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-right: 20px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.1)
}

body.tiny_notes_notes_index #profile_container .profile,body.tiny_notes_notes_create #profile_container .profile,body.tiny_notes_notes_show #profile_container .profile
{
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

body.tiny_notes_notes_index #profile_container .user img,body.tiny_notes_notes_create #profile_container .user img,body.tiny_notes_notes_show #profile_container .user img
{
    width: 50px;
    margin-right: 10px
}

body.tiny_notes_notes_index #profile_container .name a,body.tiny_notes_notes_create #profile_container .name a,body.tiny_notes_notes_show #profile_container .name a
{
    font-size: 16px
}

body.tiny_notes_notes_index #profile_container form,body.tiny_notes_notes_create #profile_container form,body.tiny_notes_notes_show #profile_container form
{
    padding: 12px;
    background-color: rgba(0,0,0,0.1);
    border-top: 1px solid rgba(255,255,255,0.25)
}

body.tiny_notes_notes_index #profile_container input,body.tiny_notes_notes_create #profile_container input,body.tiny_notes_notes_show #profile_container input
{
    border: none;
    border-radius: 3px;
    vertical-align: bottom
}

body.tiny_notes_notes_index #profile_container input[type="text"],body.tiny_notes_notes_create #profile_container input[type="text"],body.tiny_notes_notes_show #profile_container input[type="text"]
{
    width: 200px;
    padding: 6px;
    margin: 0;
    font-size: 15px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5) inset
}

body.tiny_notes_notes_index #profile_container input[type="text"]: focus,body.tiny_notes_notes_create #profile_container input[type="text"]: focus,body.tiny_notes_notes_show #profile_container input[type="text"]: focus
{
    box-shadow: 0 0 3px rgba(0,207,131,0.8)
}

body.tiny_notes_notes_index #profile_container input[type="submit"],body.tiny_notes_notes_create #profile_container input[type="submit"],body.tiny_notes_notes_show #profile_container input[type="submit"]
{
    font-family: inherit;
    height: 30px;
    width: 50px;
    color: white;
    background-color: #8e44ad;
    cursor: pointer
}

body.tiny_notes_notes_index #profile_container input[type="submit"]: active,body.tiny_notes_notes_create #profile_container input[type="submit"]: active,body.tiny_notes_notes_show #profile_container input[type="submit"]: active
{
    background-color: #592f6a
}

body.tiny_notes_notes_index #btn_container,body.tiny_notes_notes_create #btn_container,body.tiny_notes_notes_show #btn_container
{
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-right: 20px;
    padding: 16px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.1)
}

body.tiny_notes_notes_index #btn_container h1,body.tiny_notes_notes_create #btn_container h1,body.tiny_notes_notes_show #btn_container h1
{
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
    color: #8e44ad
}

body.tiny_notes_notes_index #btn_container h2,body.tiny_notes_notes_create #btn_container h2,body.tiny_notes_notes_show #btn_container h2
{
    line-height: 22px;
    margin-bottom: 30px
}

body.tiny_notes_notes_index #btn_container a.btn,body.tiny_notes_notes_create #btn_container a.btn,body.tiny_notes_notes_show #btn_container a.btn
{
    display: block;
    width: 110px;
    margin: 0 auto 20px;
    padding: 8px 0;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    background-color: #16a085;
    border-radius: 5px
}

body.tiny_notes_notes_index #btn_container a.btn: active,body.tiny_notes_notes_create #btn_container a.btn: active,body.tiny_notes_notes_show #btn_container a.btn: active
{
    background-color: #10745f
}

body.tiny_notes_notes_index #notes_container,body.tiny_notes_notes_create #notes_container,body.tiny_notes_notes_show #notes_container
{
    display: inline-block;
    vertical-align: top;
    width: 500px;
    font-size: 15px;
    text-align: left;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.1)
}

body.tiny_notes_notes_index #notes_container .headline,body.tiny_notes_notes_create #notes_container .headline,body.tiny_notes_notes_show #notes_container .headline
{
    padding: 12px;
    font-weight: 600;
    color: #8e44ad;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

body.tiny_notes_notes_index #notes_container .note_container,body.tiny_notes_notes_create #notes_container .note_container,body.tiny_notes_notes_show #notes_container .note_container
{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 12px
}

body.tiny_notes_notes_index #notes_container .note_container .photo,body.tiny_notes_notes_create #notes_container .note_container .photo,body.tiny_notes_notes_show #notes_container .note_container .photo
{
    display: inline-block;
    vertical-align: top;
    margin-right: 14px
}

body.tiny_notes_notes_index #notes_container .note_container .photo img,body.tiny_notes_notes_create #notes_container .note_container .photo img,body.tiny_notes_notes_show #notes_container .note_container .photo img
{
    width: 80px
}

body.tiny_notes_notes_index #notes_container .note_container .note_content,body.tiny_notes_notes_create #notes_container .note_container .note_content,body.tiny_notes_notes_show #notes_container .note_container .note_content
{
    display: inline-block;
    vertical-align: top;
    width: 375px
}

body.tiny_notes_notes_index #notes_container .note_container .note_content .name,body.tiny_notes_notes_create #notes_container .note_container .note_content .name,body.tiny_notes_notes_show #notes_container .note_container .note_content .name
{
    margin-bottom: 10px;
    word-wrap: break-word
}

body.tiny_notes_notes_index #notes_container .note_container .note_content .note,body.tiny_notes_notes_create #notes_container .note_container .note_content .note,body.tiny_notes_notes_show #notes_container .note_container .note_content .note
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    word-wrap: break-word
}

body.tiny_notes_notes_index .clear,body.tiny_notes_notes_create .clear,body.tiny_notes_notes_show .clear
{
    clear: both
}

body.tos_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center
}

body.tos_page_index header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px
}

body.tos_page_index #links_container
{
    float: right
}

body.tos_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #ddd;
    margin-left: 15px
}

body.tos_page_index #links_container a: visited
{
    color: #ddd
}

body.tos_page_index #links_container a: hover
{
    color: #333
}

body.tos_page_index .clear
{
    clear: both
}

body.tos_page_index canvas
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

body.typing_test_tests_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    letter-spacing: 1px;
    color: #333;
    overflow-y: scroll
}

body.typing_test_tests_index #container
{
    padding-bottom: 40px
}

body.typing_test_tests_index h1
{
    font-size: 30px;
    margin-bottom: 15px
}

body.typing_test_tests_index h2
{
    font-size: 20px;
    line-height: 26px
}

body.typing_test_tests_index button
{
    cursor: pointer;
    border: none;
    padding: 8px 16px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #1f1f37;
    text-shadow: 0 0 2px rgba(255,255,255,0.43);
    border-radius: 5px;
    background-color: #0accb5;
    border-bottom: 1px solid #089b8a
}

body.typing_test_tests_index button: active
{
    background-color: #089b8a;
    border-top: 1px solid #0accb5
}

body.typing_test_tests_index .modal
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1f1f37;
    z-index: 10
}

body.typing_test_tests_index .modal.end
{
    display: none
}

body.typing_test_tests_index .modal.end h1
{
    margin-bottom: 20px
}

body.typing_test_tests_index .modal.end h2
{
    margin-bottom: 10px
}

body.typing_test_tests_index .modal.end p,body.typing_test_tests_index .modal.end a
{
    display: inline-block;
    color: #089b8a;
    margin: 20px 10px 0;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer
}

body.typing_test_tests_index .modal .inner_modal
{
    width: 500px;
    margin: 120px auto;
    padding: 40px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5) inset
}

body.typing_test_tests_index .modal .instructions
{
    width: 400px;
    margin: auto
}

body.typing_test_tests_index .modal .instructions p
{
    line-height: 22px;
    margin: 40px 0 20px
}

body.typing_test_tests_index #test_container
{
    position: relative;
    width: 850px;
    margin: auto;
    padding-bottom: 40px
}

body.typing_test_tests_index #test_container .timer_area
{
    position: absolute;
    top: 80px;
    height: 40px;
    width: 100px;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,0.35);
    border-radius: 5px;
    background-color: #3a3a68;
    box-shadow: 0 0 4px rgba(0,0,0,0.6) inset
}

body.typing_test_tests_index #test_container .test_area
{
    display: inline-block;
    margin-top: 30px
}

body.typing_test_tests_index #test_container #text_passage
{
    width: 600px;
    margin: auto;
    font-size: 14px;
    line-height: 18px;
    text-align: left
}

body.typing_test_tests_index #test_container textarea
{
    height: 150px;
    width: 600px;
    margin: 20px auto 40px
}

body.typing_test_tests_index footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px
}

body.typing_test_tests_index #links_container
{
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
    padding: 10px 20px;
    float: right
}

body.typing_test_tests_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #3a3a68;
    margin-left: 15px
}

body.typing_test_tests_index #links_container a: visited
{
    color: #3a3a68
}

body.typing_test_tests_index #links_container a: hover
{
    color: #0accb5
}

body.typing_test_tests_index .clear
{
    clear: both
}

body.view_graph_views_index
{
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    letter-spacing: 3px;
    text-align: center;
    background-color: #0d0d0f
}

body.view_graph_views_index .modal
{
    display: none;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 100
}

body.view_graph_views_index .inner_modal
{
    position: relative;
    width: 600px;
    margin: auto;
    padding: 50px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.88);
    text-shadow: 0 0 3px rgba(255,255,255,0.9);
    font-weight: bold
}

body.view_graph_views_index .close
{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    color: #0d0d0f;
    cursor: pointer
}

body.view_graph_views_index h1
{
    margin-bottom: 30px;
    font-size: 30px;
    color: #2c2c3b
}

body.view_graph_views_index h2
{
    margin: 12px;
    font-size: 16px;
    color: #2c2c3b;
    line-height: 22px
}

body.view_graph_views_index .view_mark
{
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(39,247,247,0.45),0 0 6px rgba(39,247,247,0.45),-3px -3px 1px rgba(0,0,0,0.09) inset,3px 3px 3px rgba(0,0,0,0.09) inset;
    background: #97faf1;
    background: -webkit-gradient(radial, 65% 25%, 0px, center center, 100%, color-stop(10%, #97faf1), color-stop(100%, #90caed));
    background: -webkit-radial-gradient(65% 25%, ellipse cover, #97faf1 10%, #90caed 100%);
    background: -moz-radial-gradient(65% 25%, ellipse cover, #97faf1 10%, #90caed 100%);
    background: -ms-radial-gradient(65% 25%, ellipse cover, #97faf1 10%, #90caed 100%);
    background: -o-radial-gradient(65% 25%, ellipse cover, #97faf1 10%, #90caed 100%);
    background: radial-gradient(ellipse at 65% 25%, #97faf1 10%, #90caed 100%)
}

body.view_graph_views_index .view_mark: last-child
{
    box-shadow: 0 0 2px rgba(244,13,42,0.8),0 0 6px rgba(244,13,42,0.8),-3px -3px 1px rgba(0,0,0,0.09) inset,3px 3px 3px rgba(0,0,0,0.09) inset;
    background: #f40d2a;
    background: -webkit-gradient(radial, 65% 25%, 0px, center center, 100%, color-stop(10%, #fa97a3), color-stop(100%, #f40d2a));
    background: -webkit-radial-gradient(65% 25%, ellipse cover, #fa97a3 10%, #f40d2a 100%);
    background: -moz-radial-gradient(65% 25%, ellipse cover, #fa97a3 10%, #f40d2a 100%);
    background: -ms-radial-gradient(65% 25%, ellipse cover, #fa97a3 10%, #f40d2a 100%);
    background: -o-radial-gradient(65% 25%, ellipse cover, #fa97a3 10%, #f40d2a 100%);
    background: radial-gradient(ellipse at 65% 25%, #fa97a3 10%, #f40d2a 100%)
}

body.view_graph_views_index #info_tab
{
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 8px 14px;
    font-size: 20px;
    color: #c0c0c8;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0 5px 0 0;
    cursor: pointer;
    z-index: 10
}

body.view_graph_views_index #info_tab: hover
{
    background-color: rgba(0,0,0,0.8);
    color: #f40d2a
}

body.view_graph_views_index footer
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px
}

body.view_graph_views_index #links_container
{
    text-align: right;
    padding: 10px 20px
}

body.view_graph_views_index #links_container a
{
    text-decoration: none;
    color: #3d3d45;
    margin-left: 15px
}

body.view_graph_views_index #links_container a: visited
{
    color: #3d3d45
}

body.view_graph_views_index #links_container a: hover
{
    color: #f40d2a
}

body.window_sizer_game_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
    background-color: #222;
    color: #333;
    letter-spacing: 2px;
    overflow: hidden
}

body.window_sizer_game_index header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    z-index: 20
}

body.window_sizer_game_index #logo a
{
    float: left;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #fff
}

body.window_sizer_game_index #links_container
{
    float: right
}

body.window_sizer_game_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #fff;
    margin-left: 15px
}

body.window_sizer_game_index #links_container a: visited
{
    color: #fff
}

body.window_sizer_game_index #links_container a: hover
{
    color: #f00
}

body.window_sizer_game_index .clear
{
    clear: both
}

body.window_sizer_game_index .modal
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

body.window_sizer_game_index .modal .inner_modal
{
    width: 500px;
    margin: 100px auto 0;
    padding: 50px 30px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,0.4)
}

body.window_sizer_game_index .modal h1
{
    font-size: 30px;
    margin-bottom: 20px
}

body.window_sizer_game_index .modal p
{
    line-height: 20px
}

body.window_sizer_game_index .modal button
{
    margin-top: 20px;
    padding: 5px 10px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    border: none;
    background-color: #db117c
}

body.window_sizer_game_index #end_container
{
    display: none
}

body.window_sizer_game_index #game_container
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

body.window_sizer_game_index #game_container #info_container
{
    padding: 40px 20px;
    background-color: rgba(255,255,255,0.5);
    width: 450px;
    margin: 100px auto;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,0.38) inset
}

body.window_sizer_game_index #game_container #info_container #target_text
{
    font-size: 60px
}

body.window_sizer_game_index #game_container #info_container #timer
{
    width: 360px;
    margin: 30px auto 0;
    padding: 2px;
    border: 3px solid #333;
    background-color: #fff
}

body.window_sizer_game_index #game_container #info_container #timer #progress_bar
{
    width: 100%;
    height: 10px;
    background-color: #db117c
}

body.window_sizer_game_index #game_container #target_area
{
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 1px 1px 4px black;
    z-index: -1
}

body.window_sizer_game_index #answer_box
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid black
}

body.wish_page_index
{
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    background-color: #fff;
    text-align: center
}

body.wish_page_index #wrap
{
    width: 365px;
    margin: auto;
    padding-top: 100px;
    text-align: left
}

body.wish_page_index #wrap .phrase
{
    display: inline-block;
    margin: 3px
}

body.wish_page_index #wrap #front
{
    color: #747475
}

body.wish_page_index #wrap #message
{
    font-weight: 600;
    color: #121212
}

body.wish_page_index footer
{
    position: fixed;
    bottom: 0;
    padding: 10px 20px
}

body.wish_page_index #links_container
{
    float: right
}

body.wish_page_index #links_container a
{
    font-size: 11px;
    line-height: 20px;
    text-decoration: none;
    color: #aaa;
    margin-right: 10px
}

body.wish_page_index #links_container a: visited
{
    color: #aaa
}

body.wish_page_index #links_container a: hover
{
    color: #333
}

body.wish_page_index .clear
{
    clear: both
}

body.word_clock_page_index
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: 900;
    font-size: 40px;
    letter-spacing: 2px;
    color: rgba(0,0,0,0.8);
    background-color: #101012
}

body.word_clock_page_index .clear
{
    clear: both
}

body.word_clock_page_index #main
{
    width: 900px;
    height: 500px;
    margin: auto;
    padding-bottom: 36px;
    padding-top: 40px;
    text-align: center
}

body.word_clock_page_index .time
{
    display: inline-block;
    margin: 0 -6px
}

body.word_clock_page_index .abbrev
{
    display: inline-block
}

body.word_clock_page_index .now
{
    color: #33DDED;
    text-shadow: 0 0 6px rgba(255,255,255,0.45)
}

body.word_clock_page_index footer
{
    position: fixed;
    bottom: 0;
    padding: 10px 20px
}

body.word_clock_page_index #links_container
{
    float: right
}

body.word_clock_page_index #links_container a
{
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: rgba(0,0,0,0.8);
    margin-left: 15px
}

body.word_clock_page_index #links_container a: visited
{
    color: rgba(0,0,0,0.8)
}

body.word_clock_page_index #links_container a: hover
{
    color: #aaa
}

body.word_clock_page_index .clear
{
    clear: both
}

body.your_space_users_new,body.your_space_users_edit,body.your_space_users_show,body.your_space_users_index
{
    font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
    text-align: center;
    background-color: #fbfcfd;
    letter-spacing: 3px;
    color: #354b60;
    overflow-y: scroll
}

body.your_space_users_new header,body.your_space_users_edit header,body.your_space_users_show header,body.your_space_users_index header
{
    padding: 0 20px;
    background-color: #10171d;
    margin-bottom: 0px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.05),-1px -1px 0 rgba(0,0,0,0.1)
}

body.your_space_users_new #logo a,body.your_space_users_edit #logo a,body.your_space_users_show #logo a,body.your_space_users_index #logo a
{
    float: left;
    line-height: 38px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 6px;
    color: #b9c9d8;
    text-decoration: none
}

body.your_space_users_new #links_container,body.your_space_users_edit #links_container,body.your_space_users_show #links_container,body.your_space_users_index #links_container
{
    float: right
}

body.your_space_users_new #links_container a,body.your_space_users_edit #links_container a,body.your_space_users_show #links_container a,body.your_space_users_index #links_container a
{
    font-size: 14px;
    line-height: 38px;
    text-decoration: none;
    color: #b9c9d8;
    margin-left: 15px
}

body.your_space_users_new #links_container a: visited,body.your_space_users_edit #links_container a: visited,body.your_space_users_show #links_container a: visited,body.your_space_users_index #links_container a: visited
{
    color: #b9c9d8
}

body.your_space_users_new #links_container a: hover,body.your_space_users_edit #links_container a: hover,body.your_space_users_show #links_container a: hover,body.your_space_users_index #links_container a: hover
{
    color: #7f8c8d
}

body.your_space_users_new h1,body.your_space_users_edit h1,body.your_space_users_show h1,body.your_space_users_index h1
{
    font-size: 30px;
    font-weight: bold;
    color: #2980b9
}

body.your_space_users_new .btn a,body.your_space_users_edit .btn a,body.your_space_users_show .btn a,body.your_space_users_index .btn a
{
    border-radius: 5px;
    background-color: #2980b9;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    color: #fff;
    padding: 10px
}

body.your_space_users_new .headline,body.your_space_users_edit .headline,body.your_space_users_show .headline,body.your_space_users_index .headline
{
    position: relative;
    padding: 20px
}

body.your_space_users_new .headline .btn,body.your_space_users_edit .headline .btn,body.your_space_users_show .headline .btn,body.your_space_users_index .headline .btn
{
    position: absolute;
    right: 40px;
    top: 20px
}

body.your_space_users_new #content_container,body.your_space_users_edit #content_container,body.your_space_users_show #content_container,body.your_space_users_index #content_container
{
    margin-top: 20px
}

body.your_space_users_new li.user_container,body.your_space_users_edit li.user_container,body.your_space_users_show li.user_container,body.your_space_users_index li.user_container
{
    width: 500px;
    margin: auto;
    background-color: #c9d6e1;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.3)
}

body.your_space_users_new li.user_container a,body.your_space_users_edit li.user_container a,body.your_space_users_show li.user_container a,body.your_space_users_index li.user_container a
{
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    text-decoration: none;
    color: #2c3e50;
    text-shadow: 0 0 2px rgba(255,255,255,0.2)
}

body.your_space_users_new li.user_container div,body.your_space_users_edit li.user_container div,body.your_space_users_show li.user_container div,body.your_space_users_index li.user_container div
{
    float: left;
    vertical-align: middle
}

body.your_space_users_new li.user_container div.photo,body.your_space_users_edit li.user_container div.photo,body.your_space_users_show li.user_container div.photo,body.your_space_users_index li.user_container div.photo
{
    margin-right: 30px
}

body.your_space_users_new #show_page #profile_container,body.your_space_users_edit #show_page #profile_container,body.your_space_users_show #show_page #profile_container,body.your_space_users_index #show_page #profile_container
{
    display: inline-block;
    vertical-align: top;
    width: 700px;
    margin: 30px auto;
    padding: 20px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.1)
}

body.your_space_users_new #show_page #profile_container .photo_container,body.your_space_users_edit #show_page #profile_container .photo_container,body.your_space_users_show #show_page #profile_container .photo_container,body.your_space_users_index #show_page #profile_container .photo_container
{
    float: left;
    width: 300px;
    margin-right: 40px
}

body.your_space_users_new #show_page #profile_container .text_container,body.your_space_users_edit #show_page #profile_container .text_container,body.your_space_users_show #show_page #profile_container .text_container,body.your_space_users_index #show_page #profile_container .text_container
{
    float: left;
    width: 360px;
    text-align: left
}

body.your_space_users_new #show_page #profile_container .text_container .user_name,body.your_space_users_edit #show_page #profile_container .text_container .user_name,body.your_space_users_show #show_page #profile_container .text_container .user_name,body.your_space_users_index #show_page #profile_container .text_container .user_name
{
    margin-bottom: 30px
}

body.your_space_users_new #show_page #contrib_container,body.your_space_users_edit #show_page #contrib_container,body.your_space_users_show #show_page #contrib_container,body.your_space_users_index #show_page #contrib_container
{
    width: 600px;
    margin: 0 auto 30px;
    padding: 20px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.1)
}

body.your_space_users_new #edit_page #form_container,body.your_space_users_edit #edit_page #form_container,body.your_space_users_show #edit_page #form_container,body.your_space_users_index #edit_page #form_container
{
    padding: 30px;
    width: 600px;
    margin: auto;
    box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
    background-color: #c9d6e1
}

body.your_space_users_new #edit_page form td,body.your_space_users_edit #edit_page form td,body.your_space_users_show #edit_page form td,body.your_space_users_index #edit_page form td
{
    padding: 10px 0
}

body.your_space_users_new #edit_page form .label,body.your_space_users_edit #edit_page form .label,body.your_space_users_show #edit_page form .label,body.your_space_users_index #edit_page form .label
{
    vertical-align: top;
    text-align: right;
    padding-right: 16px
}

body.your_space_users_new #edit_page form .name,body.your_space_users_edit #edit_page form .name,body.your_space_users_show #edit_page form .name,body.your_space_users_index #edit_page form .name
{
    width: 400px;
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.25);
    box-shadow: 0 0 3px rgba(0,0,0,0.2) inset
}

body.your_space_users_new #edit_page form .description,body.your_space_users_edit #edit_page form .description,body.your_space_users_show #edit_page form .description,body.your_space_users_index #edit_page form .description
{
    width: 400px;
    padding: 5px;
    height: 200px;
    border: 1px solid rgba(0,0,0,0.25);
    box-shadow: 0 0 3px rgba(0,0,0,0.2) inset
}

body.your_space_users_new #edit_page form .btn,body.your_space_users_edit #edit_page form .btn,body.your_space_users_show #edit_page form .btn,body.your_space_users_index #edit_page form .btn
{
    border-radius: 5px;
    background-color: #2980b9;
    border: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
    padding: 0 10px;
    cursor: pointer
}

body.your_space_users_new .clear,body.your_space_users_edit .clear,body.your_space_users_show .clear,body.your_space_users_index .clear
{
    clear: both
}