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('/images/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('/images/glass_onion/search_bar.png') repeat-x left top;
}    

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

#header a.onion {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 120px;
    height: 140px;
    background: url('/images/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('/images/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('/images/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('/images/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('/images/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;
    position: relative;
    width: 100%; 
}

#main {
    width: 680px;
    float: left;
    margin-right: 40px;
}

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

#footer {
    clear:      both;
    text-align: center;
    font-size:  small;
    width:      100%;
}

a {
    /* color: #004d9c; */
    color: #65006b;
}

a:visited {
    /* color: #724087; */
    color: #813e7d;
}

a:hover {
    /* color: #00a2db; */
    color: #45836d;
}

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

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

#main div.article div.title {
    height: 33px;
    background: url('/images/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; */
    color: #a1c0ab;
}

#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('/images/glass_onion/main_foot.png') no-repeat bottom left; */
}

#main div.article div.foot {
    padding-bottom: 5px;
    background: url('/images/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; */
    border-right: 1px solid #a1c0ab;
}

#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('/images/glass_onion/side_mid.png') repeat-y top left;
}

#side div.block div.title {
    height: 33px;
    background: url('/images/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; */
    color: #772d71;
}

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

#side div.block div.content {
    padding: 10px;
    background: url('/images/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('/images/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('/images/glass_onion/main_closed.png');
}

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

/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/*
 * Special styling for the comments upon weblogs, polls, or articles.
 */

div.indent {
        margin-left: 25px;
}

div.comment {
        border-left: 1px solid #ddd;/*1px solid rgb(128, 128, 128);*/
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: url("/images/comment-shade.png") top left repeat-x;
        margin: 5px 0px;
}

div.comment div.body {
        padding: 10px 10px;
        border-bottom: 1px solid #ddd;
}

div.comment .title {
        background: url("/images/comment-bg30.png") top left no-repeat;
        font-weight: bold;
        font-size: 120%;
        padding: .26ex 40px;

}
div.comment .link {
        float: right;
        padding-top: 0.25ex;
        padding-right: 0.5em;
}

div.comment div.tagline {
        text-align: right;
        border-bottom: 1px solid #ddd;
        font-size: 96%;
        padding: 0.26ex 10px !important;
}

div.comment p.foot {
        margin: 0px;/* p tag has its own default margin, so remove it*/
        padding: 0.25ex 0.5em;
        font-size: 96%;
}


/*
 * Special markup for weblog entries.
 */
div.weblog {
        border-left: 1px solid rgb(128, 128, 128);
        border-right: 1px solid rgb(128, 128, 128);
        border-top: 1px solid rgb(128, 128, 128);
        border-bottom: 1px solid rgb(128, 128, 128);
        background: url("/images/comment-shade.png") top left repeat-x;
        margin: 5px 0px;
}

div.weblog div.body {
        padding: 10px 10px;
}

div.weblog div.links {
        text-align: right;
        padding: 4px;
        border-top: 1px solid;
}

div.weblog .title {
	color: #65006b;
        background-color: #cee1d7;
        border-bottom: 1px solid rgb(128, 128, 128);
        font-weight: bold;
        font-size: 120%;
        padding: 0.26ex 10px;

}

div.weblog div.title a {
        color: black !important;
        text-decoration: none !important;
}

div.weblog div.title a:hover {
        color: black !important;
        text-decoration: none !important;
}

div.weblog .link {
	color: #65006b;
        background-color: #cee1d7;
        text-align: right;
}

div.weblog div.tagline {
        text-align: right;
        border-bottom: 1px solid #ddd;
        font-size: 96%;
        padding: 0.26ex 10px !important;
}

div.weblog div.tags {
        font-style: italic;
        font-family: Verdana, Georgia, Arial, sans-serif;
        font-size: 70%;
        text-align: right;
}