@import url("../basic.css");

body { padding:10px; margin:0; font-family:geneva,helvetica,arial,sans-serif;
    font-size:small; -webkit-text-size-adjust:none; }

h1.logo { background:#06c; width:147px; margin:0 0 -4px -3px; position:relative;
    z-index:10; }

#main, #navblock { width:35em; }
#outer { width:49em; position:relative; }

/* navigation */
div#navblock { padding:2px 0 5px 0; margin:0 !important; margin-bottom:7px;
    background:#e4e4db; border-top:6px solid #06c; }
ul#navlist, ul#navlist-single { margin:0; padding:0; }
ul#navlist li, ul#navlist li.navfirst { display:inline; list-style-type:none;
    margin:0 0 0 -0.35em; font-size:1em; }
ul#navlist li.navfirst { margin:0; }

a.nav:link, a.nav:visited, a.nav-on:link, a.nav-on:visited
    { font-size:0.8em; background:#e4e4db; color:black; text-decoration:none;
    border-right:1px solid white; padding:5px 10px 6px 10px; margin:0
    !important; margin-right:1px; }
a.nav-on:link, a.nav-on:visited, a.nav:hover, a.nav-on:hover, a.nav:active,
a.nav-on:active { background:#06c; color:white; padding:5px 10px 8px 10px; }
a.nav:hover, a.nav-on:hover { background:#06c; text-decoration:underline; }
a.nav:active, a.nav-on:active { background:#09f; }

/* main column */
#main { margin:8px 0 1em 0; }
#main div.block { border-top:1px solid #cdcdc3; border-bottom:5px solid white; }
#main h2.portlet { background:#e4e4db; padding:3px; font-size:1em; margin:0; }
#main div.postbody { padding:3px; margin-bottom:3px; font-size:0.9em; }
#main span.timestamp { font-size:0.75em; }

#main div.func, #main div.funcnobdr { padding:2px 0; border-top:1px solid
    #e4e4db; font-size:0.75em; text-align:right; margin:0 2px; }
#main div.funcnobdr { border:0; }

/* portlets/info col */
#portlets { width:14em; position:absolute; top:0; right:0; padding-bottom:1em; }
#portlets-inner { padding-left:4px; }

#portlets div.block, #portlets div.userblock { margin-top:6px; padding:5px;
    border:0; border-top:1px solid #d1d1c5; background:#ecece3;
    position:relative; }

#portlets div.userblock { margin:0; border-top:1px solid #c90; background:#fc0;
    padding:5px 0; }

#portlets h2.portlet { padding:3px; font-size:1em; margin:0; background:#ecece3; }
#portlets div.postbody, #portlets div.postbodyuser { padding:3px;
    margin-bottom:3px; font-size:0.9em; }

#portlets div.func, #portlets div.funcuser { padding:2px; font-size:0.75em;
    text-align:right; }

#portlets div.funcuser { background:#ff6 !important; background:#ffc; }
#portlets div.postbodyuser { padding:3px 8px; }
#portlets h2.user { margin:0 5px; background:#fc0; }

/* general links */
a:link { color:#036; }
a:visited { color:#369; }
a:hover { color:#69c; }

div.userblock a:link { color:#660; }
div.userblock a:visited { color:#330; }
div.userblock a:hover { color:#666; }

#main h2 a { color:black; }

/* misc */
td div.divider, div.divider { border-top:1px solid #cdcdc3; }
div.score { background:#336; border:0; height:1.4em; }

th, td { font-size:1em; }
th.datacompact, td.datacompact { font-size:0.9em; }

span.highlight { background:#fc0; color:black; font-style:normal; }

blockquote { border:1px solid #cdcdc3; background-color:#f6f6f1; color:#3b3b39;
    padding:6px 10px; }

/* arrows on user portlets */
div.arr-outer { margin-bottom:-14px; height:12px; display:block; }
div.arr, div.arruser { position:absolute; right:0; z-index:2; width:23px; }
    
div.arr-l1, div.arr-l2, div.arr-l3, div.arr-l4, div.arr-l5, div.arr-l6,
div.arr-l7, div.arr-l8, div.arr-l9, div.arr-l10, div.arr-l11, div.arr-l12 {
    height:0; line-height:0; font-size:0; }

div.arr div.arr-l1, div.arr div.arr-l2, div.arr div.arr-l3, div.arr div.arr-l4,
    div.arr div.arr-l5, div.arr div.arr-l6, div.arr div.arr-l7, div.arr div.arr-l8,
    div.arr div.arr-l9, div.arr div.arr-l10, div.arr div.arr-l11, div.arr
    div.arr-l12 { border-top:1px solid #ecece3; }

div.arruser div.arr-l1, div.arruser div.arr-l2, div.arruser div.arr-l3,
    div.arruser div.arr-l4, div.arruser div.arr-l5, div.arruser div.arr-l6,
    div.arruser div.arr-l7, div.arruser div.arr-l8, div.arruser div.arr-l9,
    div.arruser div.arr-l10, div.arruser div.arr-l11, div.arruser div.arr-l12
    { border-top:1px solid #fc0; }

div.arr-l1 { width:23px; margin:0; }
div.arr-l2 { width:21px; margin:0 1px; }
div.arr-l3 { width:19px; margin:0 2px; }
div.arr-l4 { width:17px; margin:0 3px; }
div.arr-l5 { width:15px; margin:0 4px; }
div.arr-l6 { width:13px; margin:0 5px; }
div.arr-l7 { width:11px; margin:0 6px; }
div.arr-l8 { width:9px; margin:0 7px; }
div.arr-l9 { width:7px; margin:0 8px; }
div.arr-l10 { width:5px; margin:0 9px; }
div.arr-l11 { width:3px; margin:0 10px; }
div.arr-l12 { width:1px; margin:0 11px; }