/*******************************************************
TITLE: Spoiled Brat V1.0
DATE: 20060526
AUTHOR: Rayk Web Design / The CSS Tinderbox - http://www.csstinderbox.com

TABLE OF CONTENTS:
1. General
2. Header
3. Main Column
4. Right Column
5. Footer
6. Hacks & Work-Arounds

*******************************************************/

/* *****************
 1. General
********************/

body {
    margin:0 ;
    padding:0 ;
    font-family:Georgia, "Times New Roman", Times, serif ;
    font-size:1em ;
/*    color:#ffffff ; */
    color:#AAAAAA;
    background: #340505 url(/images/top.png) repeat-x;
}

.active-scaffold .show-view {
    color: #000000;
}

#mainContainerBg {

}
#mainContainer {
}
#container {
    width: 1200px;
    margin: 0 auto;
}
#shoutbox {
}
#shoutboxTest {
    padding-right: 26px;
}
#mainBar {
    height: 80px;
    font-weight: bold;
}
#mainBarStats {
    padding-right: 30px;
    padding-top: 0px;
}
#mainBarStats a {
    padding: 0px 7px;
    display: block;
    float: right;
    padding-top: 12px;
    padding-bottom: 13px;
}
#mainBarStats a:hover {
    background-repeat: repeat-x ;
    background-position: 50%50%;
    color: #d6ae3f;
}
#mainBarMenu {padding: 0px 30px; padding-top: 19px; }
#mainBarMenu ul a {
    padding: 0px 7px;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
}
#mainBarMenu ul li {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}
#mainBarMenu ul a:hover {
    background-repeat: repeat-x ;
    background-position: 50%50%;
    color: #d6ae3f;
}
#mainBarMenu ul ul a {
    padding: 0px 10px;
    display: block;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 11px;
    font-style: normal;
}
#mainBarMenu ul ul a:hover {
    background-image: none;
    color: #d6ae3f;
}
a {
    color:#9F7E49 ;
    text-decoration:underline ;
}

a:hover {
    color:#999999 ;
    text-decoration:none ;
}

ul li {
    list-style-type:disc ;
}

ul li ul li {
    list-style-type:circle ;
    color:#A8908E ;
    font-style:italic ;
}

.hr {
    margin:40px 15em 40px 1em ;
    height:40px ;
    background-color:#ffffff ;
    background-image:url(/goldberg/images/hr-bg.jpg) ;
    background-position:center ;
    background-repeat:no-repeat ;
}

.hr hr {
    display: none ;
}

blockquote {
    margin:1em 15em 1em 1em ;
    padding:.5em .5em 2em 4em ;
    font-size:.9em ;
    background-color:#666666 ;
    background-position:0 0 ;
    background-repeat:no-repeat ;
    border-top:1px solid #333333 ;
    border-bottom:1px solid #333333 ;
}

blockquote p {
    margin:.2em ;
    color:#333333 ;
}

/* **********************
 2. Header
************************* */

#header {
    margin: 0px;
    padding: 10px 0 1em 1em ;
    height:23px ;
    font-weight: bold;
}

#header img {
    margin:0 0 0 0 ;
    padding:0 ;
    border:none ;
}

#header h1 {
    padding:0 ;
    font-size:2.0em ;
    font-weight:100 ;
    letter-spacing:.1em ;
}

#header h3 {
    padding:0 ;
    font-size:1.0em ;
}

#header a {
    text-decoration:none ;
}

/* **********************
 3. Main Column
************************* */

.centerColumn {
    right:4em ;
    voice-family: "\"}\"" ;
    voice-family: inherit ;
    margin-top:0 ;
    margin-left:10px;
    margin-right:10px;
    padding: 20px ;
    font-size:.9em ;
    border-top: 3px solid #d6ae3f;
    border-bottom: 3px solid #d6ae3f;
}

html>body .centerColumn {
    margin-left:25px;
    margin-right:25px;
}


.centerColumn h1 {
    margin:0 0 -.5em 0 ;
    padding: 1em 0 .5em 0em ;
    font-size:1.5em ;
    color:#999999 ;
    letter-spacing:.1em ;
}

.centerColumn h2 {
    color:#999999 ;
}

.centerColumn h3 {
    margin:.9em 0 -.5em 0 ;
    padding-left:2.7em ;
    font-size:.9em ;
    color:#999999 ;
    font-weight:100 ;
    letter-spacing:.1em ;
}

.centerColumn p{
    margin-left:2em ;
}

.centerColumn .breadcrumbs {
    font-size: 8pt ;
    background-color:#333333 ;
}

/* **********************
 4. Right Column
************************* */

#rightColumn {
    float:right ;
    margin:0 0 0 1em ;
    padding:.7em .7em .7em 1em ;
    width:13em ;
    font-size:.8em ;
    color:#999999 ;
}

#rightColumn p {
    margin:.5em 0 0 0 ;
    padding-bottom:.75em ;
}

#rightColumn h3 {
    margin:.9em 0 -.5em 0 ;
    padding:0 0 .4em 2.7em ;
    display:block ;
    font-size:1em ;
    color:#666666 ;
    font-weight:100 ;
    letter-spacing:.1em ;
    background-image:url('/goldberg/images/h3-bg.gif') ;
    background-position:0 0 ;
    background-repeat:no-repeat ;
}

div.rightmenu {
    margin-top: 12px ;
}

#suckerfish * {
    margin: 0 ;
    padding: 0 ;
}

#suckerfish, #suckerfish ul {
    padding: 0 ;
    margin: 0 ;
    width: 100% ;
    list-style: none ;
    line-height: 2em ;
    z-index: 999 ;
}

#suckerfish a {
    display: block ;
}

#suckerfish a:hover {
    color: #f4ec7d ;
    text-decoration: none ;
}

#suckerfish li {
    padding: 0 .75em 0 .75em ;
    float: left ;
    list-style-type:none ;
}

#suckerfish li ul li a {
    margin-left: .25em ;
    width: 10.75em ;
}

#suckerfish li ul li a.daddy {
    background-position: right center ;
    background-repeat: no-repeat ;
}

#suckerfish li ul li {
    padding: 0 ;
    width: 11em ;
    border-bottom: .075em solid white ;
    border-right: .075em solid white ;
}

#suckerfish li ul {
    position: absolute ;
    background: #333333 ;
    width: 11em ;
    left: -999em ;
}

#suckerfish li ul ul {
    margin: -2em 0 0 11.075em ;
}

#suckerfish li:hover ul ul, #suckerfish li.sfhover ul ul {
    left: -999em ;
}

#suckerfish li:hover ul, #suckerfish li li:hover ul, #suckerfish li.sfhover ul, #suckerfish li li.sfhover ul {
    left: auto ;
}



#rightColumn .auth {
    margin-top: 2em ;
}

#rightColumn .auth h1 {
    display: none ;
}

#tags {
    float:left ;
    margin:.5em 0 .5em 0 ;
    width:10em ;
    text-align:left ;
    border:none ;
}

#tags img {
    border:none ;
}

#tags p {
    margin:0 0 -.25em 1em ;
}

#tags a {
    font-size:.8em ;
    color:#9F7E49 ;
}

/* **********************
 5. Footer
************************* */

#footer {
    right:5.2em ;
    margin-top:0 ;
    margin-bottom:2em ;
    margin-left: 5.2em ;
    margin-right:5.2em ;
    voice-family: "\"}\"" ;
    voice-family: inherit ;
    margin-left:5.2em ;
    margin-right:5.2em ;
    padding:2em .5em 2em .5em ;
    font-size:.7em ;
    color:#9F7E49 ;
    text-align:center ;
    /*  background-image:url(/goldberg/images/header-bg.jpg) ; */
    background-position:top ;
    background-repeat:repeat-x ;
}

html>body #footer {
    margin-left:0 ;
    margin-right:0 ;
}

#footer a {
    color:#ffffff ;
    text-decoration:underline ;
}

#footer a:hover {
    color:#000000 ;
    text-decoration:none ;
}

/* **********************
 6. Hacks & Work-Arounds
************************* */

/* Source: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear: both ;
    visibility: hidden ;
}

.clearfix {
    display: inline-table ;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1% ;
}
.clearfix {
    display: block ;
}
/* End hide from IE-mac */

div.clearing {
    clear: both ;
}

