@import "http://f.fontdeck.com/s/css/QD0PEoRoq76mKWzKY30nyoNOfMk/www.boogdesign.com/906.css";
@import "http://fonts.googleapis.com/css?family=Inconsolata|Droid+Sans";

article, section, nav, aside, footer {
    display: block;
}
body {
    padding: 0;
    margin: 0;
    border: 0;
    background: rgb(51,0,51);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(51,0,51)), to(rgb(153,51,153)));
    background: -moz-linear-gradient(top, rgb(51,0,51), rgb(153,51,153));
    background: -ms-linear-gradient(top, rgb(51,0,51), rgb(153,51,153));
    background: -o-linear-gradient(top, rgb(51,0,51), rgb(153,51,153));
    /*font-size: 16px;*/
    font-family: 'Proxima Nova Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    /*font-size-adjust:0.488;*/
    font-weight:200;
    font-style:normal;
    line-height: 1.8;
    -moz-font-feature-settings: "dlig=1,lnum=1";
}
nav li {
    /*font-size: 16px;*/
    font-family:"Chennai Regular", Futura, 'Arial Rounded', sans-serif;
    /*font-size-adjust:0.43;*/
    font-weight:normal;
    font-style:normal;
}
h1, h2, h3, h4, h5, h6, h7, header nav li {
    /*font-size: 6px;*/
    font-family:"Chennai Black", Futura, 'Arial Rounded', sans-serif;
    /*font-size-adjust:0.441;*/
    font-weight:800;
    font-style:normal;
    margin-top: 0.15em;
}
aside {
    display: block;
}
aside.accessibility {
    font-family: 'Proxima Nova Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: rgb(255,204,255);
    text-align: right;
    height: 1.8em;
    padding: 0 1em;
}
aside.accessibility :first-child {
    float: left;
}
header {
    display: block;
    width: auto;
    height: 12em;
    background: rgb(153,51,153);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(153,51,153)), to(rgb(153,51,153)), color-stop(15%, rgb(255,153,255)), color-stop(25%, rgb(255,204,255)));
    background: -moz-linear-gradient(top, rgb(153,51,153), rgb(255,153,255) 15%, rgb(255,204,255) 25%, rgb(153,51,153));
    background: -ms-linear-gradient(top, rgb(153,51,153), rgb(255,153,255) 15%, rgb(255,204,255) 25%, rgb(153,51,153));
    background: -o-linear-gradient(top, rgb(153,51,153), rgb(255,153,255) 15%, rgb(255,204,255) 25%, rgb(153,51,153));
    -moz-box-shadow: inset rgba(0,0,0,0.6) 0 0 2px 2px;
    box-shadow: inset rgba(0,0,0,0.6) 0 0 2px 2px;
    padding: 0.5em;
    min-width: 48em;
}
header img, header object {
    width: 21em;
    height: 11em;
}
header nav {
    color: rgb(255,255,255);
    float: right;
    max-height: 9em;
    min-width: 27em;
    width: 40%;
    margin-top: 2em;
}
header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
header nav li {
    display: inline-block;
    -moz-box-shadow: rgba(0,0,0,0.6) 0 0 4px 6px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0 0 6px, rgba(0,0,0,0.6) 0 0 9px, rgba(0,0,0,0.6) 0 0 12px;
    box-shadow: rgba(0,0,0,0.6) 0 0 4px 6px;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    margin: 0.5em;
}
header nav a {
    display: inline-block;
    text-decoration: none;
    font-size: 150%;
    color: #fff;
    padding: 0.33em;
    -moz-text-shadow: rgba(0,0,0,0.6) 0 0 4px;
    text-shadow: rgba(0,0,0,0.6) 0 0 4px;
    -webkit-text-shadow: rgba(0,0,0,0.6) 0 0 4px,rgba(0,0,0,0.6) 0 0 8px;
    -webkit-transition: background 300ms ease-in, color 200ms ease-in 100ms;
    -moz-transition: background 300ms ease-in, color 200ms ease-in 100ms;
    -o-transition: background-color 300ms ease-in 0ms, color 200ms ease-in 100ms;
    -ms-transition: background-color 300ms ease-in 0ms, color 200ms ease-in 100ms;
    transition: background 300ms ease-in, color 200ms ease-in 100ms;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
header nav a:hover {
    background-color: rgba(255,255,255,0.5);
    color: rgba(153,51,153,0.75);
}
svg {
    float: left;
    min-width: 21em;
    max-height: 11em;
}
body > section, aside.sidebar, footer {
    background-color: #fff;
    margin: 1em;
    padding: 0.5em;
    -moz-box-shadow: rgba(0,0,0,0.6) 0 0 4px 6px;
    box-shadow: rgba(0,0,0,0.6) 0 0 4px 6px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0 0 6px, rgba(0,0,0,0.6) 0 0 9px, rgba(0,0,0,0.6) 0 0 12px;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
section.intro {
    /*display : -moz-box;
    display : -webkit-box;
    display : box;
    -moz-box-orient : horizontal;
    -webkit-box-orient : horizontal;
    box-orient : horizontal;*/
    display: table;
    width: auto;
}
/*section.intro div > nav, section.intro div > div { display: inline-block; max-width: 33%; }*/
section.intro nav {
/*    -moz-box-flex : 0;
    -webkit-box-flex : 0;
    box-flex : 0;
    display: table-cell;*/
}
section.intro > div {
/*    -moz-box-flex : 1;
    -webkit-box-flex : 1;
    box-flex : 1;*/
    width: 25%;
    display: table-cell;
}
section.intro div:nth-child(2) {
    width: 50%;
/*    -moz-box-flex : 2;
    -webkit-box-flex : 2;
    box-flex : 2;*/
}
section.intro input {
    max-width: 75%;
}
.top_menu {
    min-width: 8em;
    margin: 0.5em 1em 0.5em -0.5em;
    padding: 0 1em 0 0;
    border: 0;
}
.top_menu ul {
    list-style: none;
    width: auto;
    margin: 0;
    padding: 0;
    background: rgb(153,51,153);
    background: -webkit-gradient(linear, left top, right top, from(rgb(102,0,102)), to(rgb(153,51,153)));
    background: -moz-linear-gradient(left, rgb(102,0,102), rgb(153,51,153));
    background: -ms-linear-gradient(left, rgb(102,0,102), rgb(153,51,153));
    background: -o-linear-gradient(left, rgb(102,0,102), rgb(153,51,153));
    -moz-border-radius-topright: 0.5em;
    border-top-right-radius: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    border-bottom-right-radius: 0.5em;
    -moz-box-shadow: rgba(0,0,0,0.6) 0 0 2px 3px;
    box-shadow: rgba(0,0,0,0.6) 0 0 2px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0 0 6px, rgba(0,0,0,0.6) 0 0 9px, rgba(0,0,0,0.6) 0 0 12px;
}
.top_menu ul li a {
    display: block;
    padding: 0.5em;
    width: auto;
    text-decoration: none;
    text-align: right;
    border-top: solid 1px rgb(204,102,204);
    border-bottom: solid 1px rgb(102,0,102);
    color: rgb(255,255,255);
}
.top_menu ul li:first-child a {
    -moz-border-radius-topright: 0.5em;
    border-top-right-radius: 0.5em;
    border-top: solid 0px transparent;
}
.top_menu ul li:last-child a {
    -moz-border-radius-bottomright: 0.5em;
    border-bottom-right-radius: 0.5em;
    border-bottom: solid 0px transparent;
}
.top_menu ul li a:hover {
    background: rgba(255,255,255,0.5);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0))) transparent;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9), rgba(255,255,255,0)) transparent;
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9), rgba(255,255,255,0)) transparent;
    background: -o-linear-gradient(left, rgba(255,255,255,0.9), rgba(255,255,255,0)) transparent;
}
img.screenshot {
    margin-left: 40px;
    -moz-box-shadow: 3px 3px 5px black;
    box-shadow: 3px 3px 5px black;
    -webkit-box-shadow: 3px 3px 5px black;
}
section.main {
    -moz-column-gap: 1em;
    -moz-column-rule: 1px solid;
    -moz-column-width: 30em;
    -webkit-column-gap: 1em;
    -webkit-column-rule: 1px solid;
    -webkit-column-width: 30em;
    column-gap: 1em;
    column-rule: 1px solid;
    column-width: 30em;
}
section.main section {
    padding-top: 2em;
    /*border: 1px solid #ccc;*/
    border-radius: 0.5em;
}
section.main section h1 {
    font-size: 105%;
    display: inline-block;
    float: right;
    -moz-transform-origin: top right;
    -webkit-transform-origin: top right;
    -o-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    color: rgb(255,255,255);
    background: rgb(153,51,153);
    background: -webkit-gradient(linear, left top, right top, from(rgb(102,0,102)), to(rgb(153,51,153)));
    background: -webkit-linear-gradient(left, rgb(102,0,102), rgb(153,51,153));
    background: -moz-linear-gradient(left, rgb(102,0,102), rgb(153,51,153));
    background: -ms-linear-gradient(left, rgb(102,0,102), rgb(153,51,153));
    background: -o-linear-gradient(left, rgb(102,0,102), rgb(153,51,153));
    background: linear-gradient(left, rgb(102,0,102), rgb(153,51,153));
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 0.5em;
    margin: 0;
    -moz-box-shadow: rgba(0,0,0,0.6) 0 0 1px 1px;
    box-shadow: rgba(0,0,0,0.6) 0 0 1px 1px;
    -webkit-box-shadow: rgba(0,0,0,0.9) 0 0 1px, rgba(0,0,0,0.6) 0 0 2px, rgba(0,0,0,0.3) 0 0 3px;
}
.bSmallHead, .bTitle {
    margin-right: 5em;
}
.bSmallHead, .bSmallPrint {
    font-size: 85%;
}
aside.sidebar {
    -moz-column-gap: 1em;
    -moz-column-rule: 1px solid;
    -moz-column-width: 20em;
    -webkit-column-gap: 1em;
    -webkit-column-rule: 1px solid;
    -webkit-column-width: 20em;
    column-gap: 1em;
    column-rule: 1px solid;
    column-width: 20em;
}
a img { border: none; }