body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
    font-family: 'Trebuchet MS';
    font-size: 100%;
    line-height: 140%;
    color: #666;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    color: #444;
}

h1 { font-size: 24px; line-height: 30px }
h2 { font-size: 22px;  line-height: 30px }
h3 { font-size: 18px;  line-height: 24px }
h4 { font-size: 16px; }
h5 { font-size: 14px; font-weight:bold; }
h6 { font-size: 12px; font-weight:bold; }

body {
    background: url('glass_onion/header.png') repeat-x 50% top;
    margin: 0;
    padding: 0;
}

#page {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

#ugly_hack {
    position: absolute;
    top: 128px;
    right: 0;
    width: 25%;
    height: 42px;
    background: url('glass_onion/search_bar.png') repeat-x left top;
}    

#header {
    height: 170px;
    background: url('glass_onion/logo.png') no-repeat 120px 40px; 
}

#header a.onion {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 120px;
    height: 140px;
    background: url('glass_onion/onions.png') no-repeat left top;
    outline: 0;
}

#header a.onion:hover {
    background-position: -120px top;
    outline: 0;
}

#header #search {
    position: absolute;
    top: 128px;
    right: 0px;
    width: 700px;
    height: 42px;
    background: url('glass_onion/search_strip.png') no-repeat right bottom;
}

#header #search form {
}

#header #search form input.search {
    position: absolute;
    display: block;
    top: 10px;
    right: 60px;
    margin: 0;
    padding: 0;
    border: 0;
    height: 14px;
    width: 172px;
    background: url('glass_onion/search_box.png') no-repeat top left;
    font-size: 12px;
    line-height: 14px;
    padding: 4px;
    color: #888;
}

#header #search form input.submit {
    position: absolute;
    display: block;
    top: 10px;
    right: 0px;
    margin: 0;
    padding: 0;
    border: 0;
    height: 22px;
    width: 50px;
    background: url('glass_onion/search_button.png') no-repeat top left;
}

#header #search form input.search:focus,
#header #search form input.search:active,
#header #search form input.search:hover {
    background-position: left -30px;
    color: #444;
    outline: 0;
}

#header #search form input.submit:focus,
#header #search form input.submit:hover,
#header #search form input.submit:active {
    background-position: left -30px;
    outline: 0;
}    

#header ul#tabs {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 480px;
    height: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#header ul#tabs li {
    display: inline;
}

#header ul#tabs li a {
    display: block;
    float: left;
    width: 100px;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    background: url('glass_onion/tabs.png') no-repeat top left;
    font-size: 12px;
    text-decoration: none;
    color: #444;
    outline: none;
}

#header ul#tabs li.warm a {
    color: #fff;
}

#header ul#tabs li.warm a:hover,
#header ul#tabs li a:hover {
    background-position: -240px 0;
    color: #000;
}

#header ul#tabs li.warm a,
#header ul#tabs li.warm a:hover {
    background-position: -120px 0;
}




#header ul#menu {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    list-style: none;
    width: 680px;
    height: 20px;
    margin: 0;
    padding: 0;
    z-index: 10;
}

#header ul#menu {
    bottom: 0px;
    left: 120px;
    width: 600px;
    height: 30px;
}


#header ul#menu li,
#header ul#menu li a {
    display: inline;
    font-size: 11px;
    margin-right: 2px;
}

#header ul#menu li a {
    display: inline;
}

#body {
    margin-top: 20px;
}

#main {
    width: 680px;
    float: left;
}

#side {
    width: 240px;
    float: right;
}


a {
    color: #004d9c;
}

a:visited {
    color: #724087;
}

a:hover {
    color: #00a2db;
}

/*------------------------------------------------------------------------*/
/* articles                                                               */
/*------------------------------------------------------------------------*/

#main div.article {
    position: relative;
    width: 680px;
    padding: 0;
    margin: 0 0 20px 0;
    background: url('glass_onion/main_body.png') repeat-y top left;
}

#main div.article div.title {
    height: 33px;
    background: url('glass_onion/main_head.png') no-repeat top left;
}

#main div.article div.title h3 {
    margin: 0;
    padding: 2px 50px 2px 10px;
    line-height: 30px;
    color: #007ca8;
}

#main div.article div.title h3 a {
    text-decoration: none;
}

#main div.article div.details {
    margin: 0 5px;
    padding: 3px 6px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 0.8em;
    line-height: 140%;
    text-decoration: none;
}

#main div.article div.details a img,
#main div.article div.topic a img {
    border: 0;
}

#main div.article div.body {
    padding: 10px;
/*    background: url('glass_onion/main_foot.png') no-repeat bottom left; */
}

#main div.article div.foot {
    padding-bottom: 5px;
    background: url('glass_onion/main_foot.png') no-repeat bottom left;
}

#main div.article div.storylinks {
    margin: 5px 5px 0 5px;
    padding: 3px 6px;
    background-color: #eee;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 0.8em;
    line-height: 140%;
    text-decoration: none;
}

#main div.article div.storylinks ul {
    display: inline;
    margin: 0;
    padding: 0;
}

#main div.article div.storylinks ul li {
    display: inline;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #007ca8;
}

#main div.article div.storylinks ul li.last {
    border-right: 0px
}

#main div.article div.storylinks ul li a {
    text-decoration: none;
}


#main div.body div.topic {
    width: 80px;
    float: left;
    text-align: center;
}

#main div.body div.intro {
    width: 570px;
    float: right;
    margin-right: 10px;
}

#main div.body div.intro p {
    margin: 0 0 20px 0;
}
    

#main div.body br {
    clear: both;
}


/*------------------------------------------------------------------------*/
/* sidebar                                                                */
/*------------------------------------------------------------------------*/
    
#side div.block {
    position: relative;
    width: 240px;
    padding: 0;
    margin: 0 0 20px 0;
    background: url('glass_onion/side_mid.png') repeat-y top left;
}

#side div.block div.title {
    height: 33px;
    background: url('glass_onion/side_head.png') no-repeat top left;
}

#side div.block div.title h4 {
    margin: 0;
    padding: 2px 50px 2px 10px;
    line-height: 30px;
    color: #007ca8;
}

#side div.block div.title h4 a {
    text-decoration: none;
}

#side div.block div.content {
    padding: 10px;
    background: url('glass_onion/side_foot.png') no-repeat bottom left;
    font-size: 0.8em;
}

#side div.block div.content ul {
    padding: 0 0 0 20px;
    margin: 0;
}


/*------------------------------------------------------------------------*/
/* revealers                                                              */
/*------------------------------------------------------------------------*/

#main div.article a.revealer,
#side div.block a.revealer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url('glass_onion/revealers.png') no-repeat right -140px;
}

#main div.article a.revealer:hover,
#side div.block a.revealer:hover {
    background-position: right -210px;
}

#main div.closed a.revealer,
#side div.closed a.revealer {
    background-position: right 0px;
}

#main div.closed a.revealer:hover,
#side div.closed a.revealer:hover {
    background-position: right -70px;
}


#main div.closed div,
#side div.closed div {
    display: none;
}

#main div.closed div.generaltitle {
    display: block;
}

#main div.closed div.title {
    display: block;
    height: 34px;
    background-image: url('glass_onion/main_closed.png');
}

#side div.closed div.title {
    height: 34px;
    display: block;
    background-image: url('glass_onion/side_closed.png');
}