/*
 *
 * FantasySquare v7.0
 * Author:      Dave Norton - evilchookie@gmail.com
 * Version: 	1.0 (10th May 2010)
 * Description: The seventh incarnation of FantasySquare, using CSS3, which degrades gracefully for non compliant browsers.
 *
*/

@font-face {
    font-family: "Droid Sans";
    src: url(fonts/DroidSans.ttf) format("truetype");
}

@font-face {
    font-family: "Droid Sans";
    font-weight: bold;
    src: url(fonts/DroidSans-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Optimus Princeps";
    src: url(fonts/OPTIMUSPRINCEPS.TTF) format("truetype");
}

/* Redefine Links */
a { color: #b0e0ff; text-decoration: none;}
a:hover { text-decoration: underline }
a:visited { color: #9cb6c6; }

/* Redefine HTML */
body {
    font-family: "Droid Sans", Tahoma, Verdana, Arial, sans-serif;
    font-size: 76%;
    color: #ddd;
    line-height: 1.3em;
    margin-top: 25px;
    margin-bottom: 25px;
    background: #353535;
    background-image: url(gfx/bg.jpg);
}

p {
    line-height: 1.5em;
    margin: 13px 0px 13px 0px;
    padding: 0px;
}

strong {
    color: #E0E052;
}


#heading h1 {
    margin: 0px;
    font-size: 18pt;
    font-weight: normal;
    padding: 0px;
    padding-bottom: 20px;
    color: #d3fcff;
}

#stage {
    width: 960px;
    background-color: #222222;
    border: 1px solid #474747;
    margin: 0px auto;
    padding: 0px;
    box-shadow: 0px 0px 5px #1b1b1b;
    -moz-box-shadow: 0px 0px 5px #1b1b1b;
    -webkit-box-shadow: 0px 0px 5px #1b1b1b;
}

#navigation, #footer {
    width: 100%;
    background-color: #1c1c1c;
    text-align: center;
}

.navItem, .menuItem {
    padding: 8px;
}

.navItem:hover, .navItem * a:hover, .menuItem:hover, .menuItem a:hover {
    background-color: #474747 !important;
}

.menuItem li:hover, .menuItem * a:hover {
    background: none !important;
    text-decoration: underline !important;
}

#navigation {
    height: 31px;
}

#navigation * a:hover {
    color: #ccc;
    text-decoration: none !important;
}

#middleArea {
    margin: 25px;
}

#inHere {
    margin: 25px;
    border: 1px solid #474747;
    background-color: rgb(29,29,29);
    background-color: rgba(29,29,29,.5);
    text-align: center;
}

#inHere ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#inHere ul li {
    padding: 2px !important;
}

#sideBarTitle {
    padding: 2px;
    background-color: #353535;
    box-shadow: 0px 2px 2px #2b2b2b;
    -moz-box-shadow: 0px 2px 2px #2b2b2b;
    -webkit-box-shadow: 0px 2px 2px #2b2b2b;
}

#content {
    display: table-cell;
    width: 630px;
    margin: 0px !important;
    padding: 25px !important;
    clear: none
}

#footer * {
    padding: 5px;
    color: gray;
    font-size: 90%;
    padding: 5px;
}

/* Change these to fit the theme you are creating */
#header {
    height: 150px;
    text-align: right;
    background-image: url(gfx/aurora1.png);
    background-repeat: no-repeat;
}

#sidebar {
    width: 230px;
    height: 250px;
    background-image: url(gfx/aurora2.png);
    background-repeat: no-repeat;
    display:table-cell;
}
ul.potato-menu {
    margin:0;
    padding:0;
    width:auto;
    list-style:none;
}
ul.potato-menu li.potato-menu-item {
    position:relative;
    list-style:none;
    list-style-position:outside;
    display:inline;
    float:left;
    background-color: #1c1c1c;
}
ul.potato-menu li.potato-menu-item a {
    display:block;
    text-decoration:none;
    white-space:nowrap;
    outline:0;
    width: 100% !important;
}
ul.potato-menu ul.potato-menu-group {
    margin:0;
    padding:0;
    -webkit-padding-start:0;
    -webkit-padding-end:0;
    position:absolute;
    display:none;
    z-index:1000;
    top: 31px;
    background-color: #1c1c1c;
    border: 1px solid #474747;
}