/* Layout styles for Mistress Ivy website */

body {
    background-color: #000000;
}

#outer {
    width: 960px;
    margin: 0 auto;
    background-color: #FFF;
}

#wrapper {
    width: 900px;
    margin: 0 auto;
    background-color: #FFF;
}

#logo {
    margin: 20px 0px 0px 0px;
    float: left;
}

#social-media {
    float: right;
}

#social-media ul li {
    display: inline;
}

#social-media ul {
    margin-top: 5px;
}

/* Main navigation */
#topnav {
    clear: both;
}

#topnav ul {
    border-top: 1px #000000 solid;
    border-bottom: 1px #0E3D92 solid;
    margin: 20px 0px;
    margin-top: 0px;
    padding: 10px 0px;
    text-align: center;
    list-style: inside;
}

#topnav ul li {
    display: inline;
}

#topnav ul li a {
    padding: 0px 5px;
    font-size: 20px;
}

#topnav a:link {
    color: #771971;
}

#topnav a:visited {
    color: #771971;
}

#topnav a:active {
    color: #666;
}

#topnav a:focus {
    color: #666;
}

#topnav a:hover {
    color: #f90;
}

/* Fetish sub-navigation */
#smalltopnav {
    clear: both;
}

#smalltopnav ul {
    border-top: 0px #000000 solid;
    border-bottom: 0px #0E3D92 solid;
    margin: 0px 0px;
    padding: 10px 0px;
    text-align: right;
    list-style: inside;
}

#smalltopnav ul li {
    display: inline;
    margin: 0px 0;
}

#smalltopnav ul li a {
    padding: 0px 5px;
    font-size: 12px;
    white-space: nowrap;
}

#smalltopnav a:link {
    color: #771971;
    white-space: nowrap;
}

#smalltopnav a:visited {
    color: #771971;
    white-space: nowrap;
}

#smalltopnav a:active {
    color: #666;
    white-space: nowrap;
}

#smalltopnav a:focus {
    color: #666;
    white-space: nowrap;
}

#smalltopnav a:hover {
    color: #f90;
    white-space: nowrap;
}

/* Content areas */
#rightside {
    float: right;
    width: 200px;
}

#rightside-1 {
    float: right;
    width: 300px;
}

#content {
    float: left;
    width: 900px;
    text-align: justify;
    alignment-adjust: central;
}

#content-1 {
    float: left;
    width: 680px;
    text-align: justify;
    alignment-adjust: central;
}

#content-2 {
    float: left;
    width: 580px;
    text-align: justify;
    alignment-adjust: central;
}

#content-fullwidth {
    width: 100%;
}

/* Footer */
#footer {
    clear: both;
    margin: 10px 0px;
    border-top: 1px #000000 solid;
    padding: 10px 0px;
}