sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    font-size: 60%;
}

a {
    color:#58585a;
}

a:hover {
    color:#000;
    text-decoration:underline!important;
}

html, body {
    height:100%;
}

body {
    background-color:#FFF;
    font-family:Georgia;
    font-style:italic;
    color:#58585a;
}

.clear {
    display:block;
    height:1px;
    font-size:1px;
    overflow:hidden;
    clear:both;
}

#layout {
    position:relative;
    width:100%;
    min-height:100%;
    min-width:980px
}

#header {
    position:relative;
    padding:22px 32px 12px 20px;
}

#content {
    position:relative;
    padding-top:1px;
}

.shadowed-box {
    position:relative;
    width:297px;
    z-index:1000;
}

.shadowed-box .sb-tl,
.shadowed-box .sb-tr,
.shadowed-box .sb-bl,
.shadowed-box .sb-br{
    background:url('/i/box_shadow_bg.png') no-repeat 0px 0px;
    position:absolute;
    left:-13px;
}

.shadowed-box .sb-w {
    width:100%;
    overflow:hidden;
    position:relative;
    padding:8px 20px 4px 20px;
    margin:-5px -5px 0px 0px;
}

.shadowed-box .sb-tl,
.shadowed-box .sb-bl {
    width:100%;
}

.shadowed-box .sb-tl,
.shadowed-box .sb-tr {
    top:-10px;
}

.shadowed-box .sb-tr,
.shadowed-box .sb-br{
    margin-left:100%;
}

.shadowed-box .sb-tr,
.shadowed-box .sb-br {
    width:12px;
}

.shadowed-box .sb-tl,
.shadowed-box .sb-tr {
    height:500px;
    z-index:-1;
}

.shadowed-box .sb-tr {
    height:600px;
}

.shadowed-box .sb-bl,
.shadowed-box .sb-br {
    height:9px;
}

.shadowed-box .sb-bl {
    padding-right:40px;
}

.shadowed-box .sb-br{
    left:27px;
}

#navigation {
    position:absolute;
    left:0px;
    top:94px;
    z-index:1000;
}

#navigation a:hover {
    background:url('/i/yellow_mark.png') repeat-x bottom left;

}

#navigation .sb-w{
    padding-left:20px;
}

#navigation sup {
    font-size:0.6em;
}


#subnavigation {
    position:absolute;
    right:55px;
    bottom:55px;
    font-size:0.7em;
}

#navigation .selected {
    background:url('/i/yellow_mark.png') repeat bottom left;
}

#subnavigation a {
    text-decoration:none;
    font-weight: bold;
    background: #ffffff;
    padding: 2px;
}

#subnavigation ul {
    margin-bottom:25px;
}

#subnavigation li{
    padding:7px 0px 1px;
    border-bottom:1px dotted #a1a1a4;
}

#subnavigation .social {
    margin-bottom:0px;
}

#subnavigation .social li {
    border: none;
    font-weight: bold;
}

#subnavigation .social span {
    background: #ffffff;
    padding: 2px;
}

#subnavigation .social a{
    padding: 0;
    width:16px;
    height:16px;
    display:inline-block;
    background:url('/i/social_icons16.png') no-repeat left top;
    margin:0px 2px -4px 2px;
}

#subnavigation .social a.vimeo{
    background-position: -32px 0;
}

#subnavigation .social a.twitter{
    background-position:0;
}

#subnavigation .social a.facebook{
    background-position:-16px 0;
}

#magazine {
    margin:0px auto;
    width:100%;
    text-align:center;
}

#magazine_numbers {
    position:absolute;
    top:121px;
    z-index:990;
    width:235px;
}

#magazine_numbers .sb-w{
    padding-top:13px;
    padding-bottom:30px;
}

.magazine_number {
    padding-left:34px;
    position:relative;
    margin-bottom:10px;
}

.magazine_number .num{
    position:absolute;
    left:0px;
    top:0px;
}

.magazine_number .num span{
    font-size:0.7em;
    vertical-align:top
}



#form {
    margin:0px auto;
    width:70%;
}

.row label {
    display: block;
}

.row input[type="text"], .row input[type="password"], .row textarea, .row select {
    border: 1px solid #d5d5d5;
    margin: 2px 0px;
    width: 60%;
    padding: 4px 0px;
    background-color: #fafafa;
}


.admin {
    background: #D2D2D2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    bottom: 5px;
    color: black !important;
    font-size: 10px;
    padding: 5px 10px;
    position: fixed;
    right: 5px;
    text-decoration: none !important;
    z-index: 9999;
}


.l {
    float:left;
}

.r {
    float: right;
}


#subnav-contest a {
    color: red;
    font-weight:bold;
}