/* Minification failed. Returning unminified contents.
(409,28): run-time error CSS1019: Unexpected token, found ' '
(409,28): run-time error CSS1019: Unexpected token, found ' '
(409,28): run-time error CSS1042: Expected function, found ' '
(409,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(410,31): run-time error CSS1019: Unexpected token, found ' '
(410,31): run-time error CSS1019: Unexpected token, found ' '
(410,31): run-time error CSS1042: Expected function, found ' '
(410,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(411,26): run-time error CSS1019: Unexpected token, found ' '
(411,26): run-time error CSS1019: Unexpected token, found ' '
(411,26): run-time error CSS1042: Expected function, found ' '
(411,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(931,32): run-time error CSS1019: Unexpected token, found ' '
(931,32): run-time error CSS1019: Unexpected token, found ' '
(931,32): run-time error CSS1042: Expected function, found ' '
(931,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(932,35): run-time error CSS1019: Unexpected token, found ' '
(932,35): run-time error CSS1019: Unexpected token, found ' '
(932,35): run-time error CSS1042: Expected function, found ' '
(932,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(933,30): run-time error CSS1019: Unexpected token, found ' '
(933,30): run-time error CSS1019: Unexpected token, found ' '
(933,30): run-time error CSS1042: Expected function, found ' '
(933,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
html {
    background: -webkit-radial-gradient(gray, #584c47); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(gray, #584c47); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(gray, #584c47); /* For Firefox 3.6 to 15 */
    background: radial-gradient(gray, #584c47); /* Standard syntax */
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-y: scroll;
}

body {
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

a {
    color: #333;
    outline: none;
    text-decoration: underline;
}

a:link, a:visited,
a:active {
    color: #bbb;
}

a:hover {
    color: #eee;
}

a.dark_link:link, a.dark_link:visited,
a.dark_link:active {
    color: #333;
}
a.dark_link:hover {
    color: #888;
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.listColumn {
    float: left;
    width: 50%;
}

.copyright {
    float: left;
    margin-left: 15px;
}
.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h4 {
    color: #ddd;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.1em;
}

h1 {
    font-size: 2em;
}

h2 {
    color: #fff;
    font-family: Papyrus, Verdana, Helvetica, Sans-Serif;
   /*font-style: italic;*/
    font-size: 1.4em;
    padding:0;
    border:0;
    margin:5px;
}

h3 {
    font-size: 1.2em;
}

h5, h6 {
    font-size: 1em;
    padding:0;
    border:0;
    margin:0px;
    text-align:left;
}

h5 a:link, h5 a:visited, h5 a:active {
    padding: 0;
    text-decoration: none;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

#body {
    clear: both;
    /*padding-bottom: 35px;*/
}

.main-content {
    /*background: url("../Images/accent_triangle.png") no-repeat*/
    padding-left:0px;
    /*padding-top: 30px;*/
    /*background-color: white;
        padding: 20px 40px 30px 40px;*/
}

.featured + .main-content {
    /*background: url("../Images/heroAccent_triangle.png") no-repeat;*/
}

header .content-wrapper {
    padding-top: 20px;
    height: 151px;
}
    
footer {
    clear: both;
    font-size: .8em;
    height: 100px;
    color: #ccc;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}

/* menu
----------------------------------------------------------*/
ul#menu {
    font-family: "Segoe UI", Helvetica, Sans-Serif;
    font-size: 1.2em;
    font-weight: 600;
    margin-left: 15px;
    padding: 0;
    text-align: left;
}

ul#menu li {
    display: block;
    float:left;
    list-style: none;
    text-decoration: none;
    text-align: center;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 10px;
}

ul#menu li a {
    background: none;
    color:#eee;
    text-decoration: none;
}

ul#menu li a:hover {
    color: #000;
    background-color: #ddd;
    text-decoration: none;
}
        
.button-link {
    padding: 7px 18px;
    border: solid 1px transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.button-link:hover, .button-link:active
{
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    border: solid 1px gray;
}

.button-link:hover {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #356094;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
}
        

/* page elements
----------------------------------------------------------*/
#KnightlySoftwareBanner {
    content:url("../Images/knightly_software_banner.png");
    width: 100%;
}

/* featured */
.featured .content-wrapper {
    /*background-color: #624C4E;
    background-image: -ms-linear-gradient(left, #624C4E 0%, #8F8989 100%);
    background-image: -o-linear-gradient(left, #624C4E 0%, #8F8989 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #624C4E), color-stop(1, #8F8989));
    background-image: -webkit-linear-gradient(left, #624C4E 0%, #8F8989 100%);
    background-image: linear-gradient(left, #624C4E 0%, #8F8989 100%);*/

    background: -webkit-radial-gradient(#624C4E, #8F8989); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#624C4E, #8F8989); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#624C4E, #8F8989); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#624C4E, #8F8989); /* Standard syntax */

    color: #fff;
    padding: 5px 0px 5px 0px;
    border: 1px solid black;
}

.featured hgroup.title h1, .featured hgroup.title h2 {
    color: #fff;
    margin-left: 20px;
}

.featured p {
    font-size: 1.1em;
    font-family: Papyrus, "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin-left: 20px;
}

/* header_info */

.header_info {
    /*background-color: #624C4E;
    background-image: -ms-linear-gradient(left, #624C4E 0%, #8F8989 100%);
    background-image: -o-linear-gradient(left, #624C4E 0%, #8F8989 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #624C4E), color-stop(1, #8F8989));
    background-image: -webkit-linear-gradient(left, #624C4E 0%, #8F8989 100%);
    background-image: linear-gradient(left, #624C4E 0%, #8F8989 100%);*/

    background: -webkit-radial-gradient(#624C4E, #8F8989); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#624C4E, #8F8989); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#624C4E, #8F8989); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#624C4E, #8F8989); /* Standard syntax */

    color: #fff;
    padding:0;
    margin-left: 15px;
    padding-left: 20px;
    border: 1px solid black;
}

.header_info hgroup.title h1, .header_info hgroup.title h2 {
    color: #fff;
    margin-left: 20px;
}

.header_info p {
    font-size: 1.0em;
    font-family: Papyrus, "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin-left: 20px;
}

/* page titles */
hgroup .title {
    margin-bottom: 10px;
}

hgroup .title h1, hgroup .title h2 {
    display: inline;
}

hgroup .title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

.site_caption 
{
    font-family: "Segoe UI", Helvetica, Sans-Serif;
    color: #EEE;
    font-size: 1em;
    display:none;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}

.three_line_menu 
{
    display:none;
    font-family: "Segoe UI", Helvetica, Sans-Serif;
    font-size: 1.5em;
    font-weight: 600;
    margin-left: 10px;
    margin-right: 10px;
    float: right;    
    color: #FFF;
    outline: none;
    text-decoration: none;

    /* this makes it rounded corners */
    border-radius: 5px;

    padding: 4px 10px;
    border: solid 1px transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.three_line_menu:hover, .three_line_menu:active
{
    border: solid 1px gray;
    color: black;
}

.three_line_menu:hover {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #FFF;
    text-decoration: none;
}
.three_line_menu:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6);
    background: #FFF;
}

.sw_dl {
    margin-left: 30px;
}

.sw_demo {
    margin-left: 40px;
}

.sw_image_div {
    float: left;
    width: 125px;
}

.sw_content {
    float: right;
    width: -moz-calc(100% - 125px);
    width: -webkit-calc(100% - 125px);
    width: -o-calc(100% - 125px);
    width: calc(100% - 125px);
}

.sw_image_border {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
}
.sw_image {
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    width:90px;
}

.image_scrapforce:hover, .image_genfire:hover
{
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    margin-right: 100px;
    position: absolute;
    width: 500px;
    z-index: 1;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
}

.image_scrapforce, .image_genfire, .image_swordslinger, .image_kier, .image_mm, .image_kazpic, .image_pr, 
.image_memory_master, .image_cb, .image_zenmu, .image_storyboard, .image_worldmancer, .image_fg, .image_pd, .image_mapgen  
{
    position:absolute;
    z-index: 0;
}

.image_scrapforce_hidden, .image_genfire_hidden,  .image_swordslinger_hidden, .image_kier_hidden, 
.image_mm_hidden, .image_kazpic_hidden, .image_pr_hidden, .image_memory_master_hidden, .image_cb, 
.image_zenmu_hidden, .image_storyboard_hidden, .image_worldmancer_hidden, .image_fg_hidden, 
.image_pd_hidden, .image_mapgen_hidden  
{
    visibility:hidden;
    z-index: 0;
}

.image_scrapforce, .image_scrapforce_hidden {
    content:url("../Images/scrapforce_logo.png");
}
.image_scrapforce:hover {
    content:url("../Images/scrapforce_lg.png");
}
.image_genfire, .image_genfire_hidden {
    content:url("../Images/genfire_logo.png");
}
.image_genfire:hover {
    content:url("../Images/genfire_lg.png");
}
.image_swordslinger, .image_swordslinger_hidden {
    content:url("../Images/swordslinger_logo.png");
}
.image_kier, .image_kier_hidden {
    content:url("../Images/kier_logo.png");
}
.image_mm, .image_mm_hidden {
    content:url("../Images/meteor_madness_logo.png");
}
.image_kazpic,.image_kazpic_hidden {
    content:url("../Images/kazpic_logo.png");
}
.image_pr, .image_pr_hidden {
    content:url("../Images/pr_logo.png");
}
.image_memory_master, .image_memory_master_hidden {
    content:url("../Images/memory_master_logo.png");
}
.image_cb, .image_cb_hidden {
    content:url("../Images/cb_logo.png");
}
.image_zenmu, .image_zenmu_hidden {
    content:url("../Images/ZenMu_icon.png");
}
.image_storyboard, .image_storyboard_hidden {
    content:url("../Images/storyboard_logo.png");
}
.image_worldmancer, .image_worldmancer_hidden {
    content: url("../Images/wm_logo.png");
}
.image_fg, .image_fg_hidden {
    content:url("../Images/fantasy_gen_logo.png");
}
.image_pd, .image_pd_hidden {
    content:url("../Images/pd_logo.png");
}
.image_mapgen,.image_mapgen_hidden {
    content:url("../Images/mapgen_logo.png");
}

/* ordered list */
ol.games_list {
    list-style-type: none;
    padding-left: 0;
}

ol.sw_list {
    list-style-type: none;
    padding-left: 10px;
}

ol.games_list li, ol.sw_list li {
    margin: 10px 0;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 150px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-position-y: center;
    background-position-x: 5px;
    background-repeat: no-repeat;
    background: -webkit-radial-gradient(#624C4E, #8F8989); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#624C4E, #8F8989); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#624C4E, #8F8989); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#fff, #eee, #bbb); /* Standard syntax */
}

ol.sw_list li.zenmu {
    /*background-image: url("../Images/ZenMu_icon.png");*/
}

ol.sw_list li.worldmancer {
    /*background-image: url("../Images/worldmancer_logo.png");*/
}

ol.sw_list li.storyboard {
    /*background-image: url("../Images/storyboard_logo.png");*/
}


/* content */
article {
    float: left;
    width: 100%;
    color: #ddd;
    margin-left: 15px;
    margin-right: 15px;
}

article th, td, tr {
    padding-bottom: 5px;
    text-align: left;
}

.dl_table {
    width: 100%;
}

aside {
    float: right;
    width: 25%;
    color: #ddd;
}

aside ul {
    list-style: none;
    padding: 0;
}

aside ul li {
    background: url("../Images/bullet.png") no-repeat 0 50%;
    padding: 2px 0 2px 20px;
}

.about_text {
    float: left;
    width: 60%;
}
.publications {
    margin-right: 15px;
}

.label {
    font-weight: 700;
}
    
/* contact */
.contact {
    margin-left: 15px;
}
.contact h3 {
    padding-top: 30px;
    font-size: 1.5em;
    color: #ddd;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

.contact p {
    padding-top: 10px;
    padding-bottom: 40px;
    color: #ddd;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

fieldset legend {
    display: none;
}
    
fieldset ol {
    padding: 0;
    list-style: none;
}

fieldset ol li {
    padding-bottom: 5px;
}

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

label.checkbox {
    display: inline;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}
    
input:focus, textarea:focus {
    border: 1px solid #7ac0da;
}

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}
        
input[type="submit"],
input[type="button"],
button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
	font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

th a {
    display: block;
    position: relative;
        
}

th a:link, th a:visited, th a:active, th a:hover {
	color: #333;
	font-weight: 600;
	text-decoration: none;
    padding: 0;
}

th a:hover {
	color: #000;
}

th.asc a, th.desc a {
    margin-right: .75em;
}
    
th.asc a:after, th.desc a:after {
	display: block;
    position: absolute;
    right: 0em;
    top: 0;
    font-size: 0.75em;
}

th.asc a:after {
	content: '▲';
}

th.desc a:after {
	content: '▼';
}

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

h1 {
}

/********************
*   Mobile Styles   *
********************/
@media screen and (max-width: 800px) 
{
    .about_text {
        width: 95%;
    }
    .publications {
        float: left;
        margin-left: 15px;
        width: 95%;
    }
}

@media screen and (max-width: 780px) 
{
    .listColumn {
        width: 100%;
        float: none;
    }

    .sw_content {
        float: none;
        width: 100%;
    }

    .image_scrapforce:hover, .image_genfire:hover
    {
        margin-top: 5px;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        width:90px;
    }

    ol.sw_list {
        padding: 0px;
    }
    
    .image_scrapforce:hover {
        content:url("../Images/scrapforce_logo.png");
    }
    .image_genfire:hover {
        content:url("../Images/genfire_logo.png");
    }
}
@media screen and (max-width: 480px) 
{
    ul#menu {
        border: 0;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    ul#menu li {
        width: 100%;
        font-size: 1.1em;
        margin: 0;
        padding: 0;
        padding-bottom: 0;
    }

    .nav_menu_div_hidden
    {
        opacity: 0;
        max-height: 0;
        transition: max-height 250ms ease-in;
    } 

    .button-link {
        padding: 4px, 0;
        margin: 0;
        display:block;
        border: solid 1px transparent;
        -webkit-transition-duration: 0;
        -moz-transition-duration: 0;
        transition-duration: 0;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
    }

    .button-link:hover, .button-link:active
    {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        border: solid 1px gray;
    }

    .button-link:hover {
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        background: #356094;
        text-decoration: none;
    }
    .button-link:active {
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
        background: #2E5481;
    }

    #KnightlySoftwareBanner {
        content:url("../Images/knightlysoftware_logo_small.jpg");
    }

    .three_line_menu {
        display:block;
        margin-bottom: 10px;
    }

    .site_caption {
        display:block;
        margin-bottom: 10px;
    }

    .sw_content {
        width: -moz-calc(100% - 15px);
        width: -webkit-calc(100% - 15px);
        width: -o-calc(100% - 15px);
        width: calc(100% - 15px);
        margin-left: 15px;
    }

    /* This is needed for mobile - for some reason the table on the downloads page
        will add extra pixels to the right of the screen without this; we have to set
        the margins to zero on the article, then size the padding on the table elements
        instead.  This could probably be done across the board without redoing it for
        small screen sizes.  also we needed to add min-width: 100% in the <body> */
    .dl_table_article {
        margin-right: 0;
        margin-left: 0;
    }
    .auto-style1 {
        padding-right: 15px;
        padding-left: 15px;
    }
}
/* END: Mobile Styles */

/* This stuff MUST go last because it takes precendence */
.nav_menu_div_vertical_display
{
    opacity: 1;
    max-height: 200px;
    transition: 250ms ease-in;
}

