/****************************************
socketheadstudios.com main styles
****************************************/

/* layout styles */

#container {
    width: 900px;
    margin: 0 auto;
}
#header {
    padding-bottom: 10px;
}
#subheader {
    background: #cccccc;
    border-bottom: 1px solid gray;
    padding: 5px;
    text-align: right;
}
#wrapper {
    background: url(../images/graphics/background-default.gif) 0 0 repeat-y;
    padding-bottom: 20px;
}
#content{
    float: right;
    width: 680px;
    margin-top: 15px;
}
#menu {
    width: 200px;
}
#footer {
    border-top: 1px solid gray;
    padding: 5px;
    text-align: left;
}
#footerLogo {
    float: right;
}
#footerLogo img {
    border: 0;
}
#copyright {
    padding-bottom: 4px;
}
#terms {
    font-size: 10px;
}
#terms a {
    color: #000000;
}
.clearall {
    height: 0px;
    clear: both;
}

/* common styles */

body {
    font-family: Lucida Grande, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 14px;
    margin-bottom: 0px;
}
p {
    margin-top: 0px;
}

/* menu items */

.menuItemOn {
    font-weight: bold;
    margin-right: 20px;
    color: #000099;
    text-decoration: none;
}
.menuItemOff {
    font-weight: normal;
    margin-right: 20px;
    color: #333333;
    text-decoration: none;
}
.menuItemOff:hover {
    color: white;
}

/* menu box styles */

.menuBox {
    width: 190px;
    padding-top: 10px;
    margin: 0 px;
    border: 0;
    cursor: pointer;
}
.menuBox img {
    border: 0;
}

/* curved corner boxes were designed by Stu Nicholls (http://www.cssplay.co.uk/boxes/snazzy.html) */

.Axsnazzy h1, .Axsnazzy h2, .Axsnazzy p {margin-top: 0}
.Axsnazzy {background: transparent; margin-top: 0;}

.Axtop, .Axbottom {display: block; background: transparent; font-size: 1px;}
.Axb1, .Axb2, .Axb3, .Axb4 {display: block; overflow: hidden;}
.Axb1, .Axb2, .Axb3 {height: 1px;}
.Axb2, .Axb3, .Axb4 {background: #fff; border-left: 1px solid #333; border-right:1px solid #333;}
.Axb1 {margin: 0 5px; background: #333;}
.Axb2 {margin: 0 3px; border-width: 0 2px;}
.Axb3 {margin: 0 2px;}
.Axb4 {height: 2px; margin: 0 1px;}

.Axboxcontent {display: block; background: #fff; border: 0 solid #333; border-width: 0 1px; padding: 5px 10px 5px 10px }

/* faq styles */

.faqEntry {
    border-top: 1px solid gray;
    margin-bottom: 30px;
}
.faqEntry h3 {
    padding-bottom: 12px;
}