* {font-size: 13px; font-family: "trebuchet MS"; color: #135D88}
body {margin: 0; padding: 8px 0 35px 0; background-color: #f2f2f2; background: url(/media/img/background.jpg); background-position: center;}

div#doc {margin: 0px auto 18px auto; width: 963px; background-color: #dbdbdb;}

div#top {background: url(/media/img/banner.jpg); position: relative; height: 165px; margin-bottom: 8px; clear: both; z-index: 1}

div#beta {width: 50px; height: 19px; float: left; position: relative; left: 272px; top: 17px}

.right {float: right}
.left {float: left}

div#top_ctrl {float: right; width: 295px; height: 117px; margin: 14px 4px 4px 4px; color: white;}
div#top_nav {margin-bottom: 8px; float: left; height: 30px; width: 963px; background: url(/media/img/menu.jpg); color: white; border: none}
div#home_div {float: left; width: 570px; height: 128px; position: absolute; left: 1px; top: 1px; cursor: pointer}

div#top_nav a.dropdown {color: white; text-decoration: none; font-size: 14px}
ul#tul {margin: 0; float: left; padding-left: 8px}
ul#tul li {display: block; float: left; padding: 5px 4px; color: white;}

/* top control - logged out */
div#tc_top {float: right}
div#tc_top a {color: black; padding: 2px 4px; color: white;}
strong#tc_title {float: left; color: white}
form#tc_form {clear: both; padding-top: 6px; margin: 0}
label.upl {float: left; display: block; width: 110px; padding-top: 6px; color: white;}
label#rml {float: left; display: block; width: 70px; padding-top: 3px; font-size: 0.85em; color: white}
input#rmcb {float: left; padding: 0; margin: 0}
form#tc_form input {margin: 1px}
input.tc_txt {border: 1px solid #888; background: url(/media/img/search_bg.png) no-repeat; padding: 2px 4px 2px 6px; width: 160px; float: right}
div#tc_bot_outer {clear: both}
div#tc_bot {padding-top: 2px; margin: 0; width: 205px}
div.login_msg {font-size: 1.0em; clear: left; width: 250px; margin: 0; padding: 0; font-weight: bold; color: #a00; background: #fee}
div#tc_bot a {float: left; padding: 2px 10px; font-size: 0.85em; color: white}
div#tc_subdiv {float: right; display: inline; margin: 0}
input#tc_sub {padding: 0px 8px; background-color: #0d0; background-image: url(/media/img/logingrad.png); background-repeat: repeat-x; border: 1px solid white; color: white; font-weight: bold; height: 22px}
input#tc_sub_out {padding: 0px 8px; background-color: #0d0; background-image: url(/media/img/logoutgrad.png); background-repeat: repeat-x; border: 1px solid white; color: white; font-weight: bold; height: 22px}

/* top control - logged in */
div#tc_left {float: left; width: 190px}
div#tc_left ul {clear: both; margin: 0; padding: 8px 0; list-style: none}
div#tc_left a {color: white}
div#tc_right {float: right; padding: 4px; width: 95px}
div#tc_right img {float: right; margin-right: 16px; width: 64px; height: 64px}
form#lo_f {clear: both; padding-top: 14px; margin: 0}
form#lo_f input {margin-left: 13px; width: 68px}
img.cp_icon {border: 0; position: relative; top: 1px}
div#greet {clear: right; color: white;}
div#greet strong {clear: right; color: white;}

/* menus */
div.ddm {display: none; float: left; position: absolute; padding: 4px 8px; margin: 0; background: white;}
div.ddm ul {list-style: none; padding: 1px 1px; margin: 0;}
div.ddm li {position: relative; margin: 0; padding: 0; border-bottom: 1px solid #cccccc;}
div.ddm a {color: black; display: block; padding: 2px 4px; text-decoration: none}
div.ddm a:hover {background: #cccccc}

div#nav_r {float: right}
div#nav_r input {float: left; margin: 4px}
div#nav_r select {float: left; margin: 4px}
div#nav_r form {float: left}

/* tagline */
.t_hide {float: left; width: 0px; height: 0px; display: none}
div.tdisp {cursor: pointer; float: left; clear: both; color: white; border-bottom: 1px dotted red; font-size: 1.0em; font-weight: bold}
input.ti_on {float: left; background: white; color: black; border: 1px solid #888}

/* search */
input#sq {border: 1px solid #888; background-image: url(/media/img/search.png); background-repeat: no-repeat; background-position: center left; background-color: white; width: 150px; padding-left: 24px}
input#sqg {background-color: #48f; background-image: url(/media/img/gograd.png); background-repeat: repeat-x; color: white; font-weight: bold; border: 1px solid white; width: 38px; height: 22px}

img.ppl_sml {max-width: 100px; max-height: 64px}
img.ppl_med {max-width: 130px}
div.ppl_l {float: left; padding: 2px}
div.ppl_r {padding: 6px}
span.tagline {font-size: 0.87em}

h2 {font-size: 2em; font-family: arial; margin: 0}
h3 {font-size: 1.2em; font-family: arial; margin: 0}
h4 {font-size: 1.1em; font-family: arial; margin: 0}

.grey {color: #444444}
.green {color: #135D88}

small {font-size: 0.9em}

div#left {clear: left; float: left; width: 320px; margin-left: 12px; margin-top: 4px;}

div#right {float: left; width: 590px; margin-left: 0px; clear: right; margin-top: 4px;}

div#page {width: 960px; clear: left; margin-left: 2px}

/* thumbnails */
div#events_panel img {border: 0px; margin: 6px; width: 106px; height: 106px}
div#featured_panel img {border: 0px; margin: 6px; width: 106px; height: 106px}
img.sb_th, img.p_th {border: 0px; margin: 4px; width: 106px; height: 106px;}

/* about */
div#about_t {background: url(/media/img/leftpaneltop.jpg); width: 306px; height: 13px;}
div#about_t h3 {position: relative; top: 6px; left: 6px;}
div#about_m {background-color: #fefefe; width: 289px; height: 150px; padding: 0 8px 0 8px; margin-left: 1px;}
div#about_m h4 {color: orange; margin: 0}
div#about_more {float: right; margin: -24px 6px 0 0}
div#about_b {background: url(/media/img/leftpanelbottom.jpg); width: 306px; height: 13px; margin-bottom: 10px;}

/* coloured panels - postits */
div.postit {width: 306px;}
div.brown_t {background: url(/media/img/leftpaneltop.jpg); width: 306px; height: 30px;}
div.brown_m {background-color: #fefefe; width: 289px; padding: 0 8px 0 8px; margin-left: 1px;}
div.brown_b {background: url(/media/img/leftpanelbottom.jpg); width: 306px; height: 13px; margin-bottom: 10px;}
div.blue_t {background: url(/media/img/leftpaneltop.jpg); width: 306px; height: 30px;}
div.blue_m {background-color: #fefefe; width: 289px; padding: 0 8px 0 8px; margin-left: 1px;}
div.blue_b {background: url(/media/img/leftpanelbottom.jpg); width: 306px; height: 13px; margin-bottom: 10px;}
div.pink_t {background: url(/media/img/leftpaneltop.jpg); width: 306px; height: 30px;}
div.pink_m {background-color: #fefefe; width: 289px; padding: 0 8px 0 8px; margin-left: 1px;}
div.pink_b {background: url(/media/img/leftpanelbottom.jpg); width: 306px; height: 13px; margin-bottom: 10px;}
div.green_t {background: url(/media/img/leftpaneltop.jpg); width: 306px; height: 30px;}
div.green_m {background-color: #fefefe; width: 289px; padding: 0 8px 0 8px; margin-left: 1px;}
div.green_b {background: url(/media/img/leftpanelbottom.jpg); width: 306px; height: 13px; margin-bottom: 10px;}

/* coloured panels - large with gradients */
div.g_end {width: 617px; clear: both;}
div.g_mid {padding-left: 8px; width: 609px; background-color: #ffffff}
div.blue_gt {background: url(/media/img/paneltop.jpg); height: 34px; width: 617px;}
div.blue_gm {background-color: #ffffff; padding: 8px 8px 8px 8px; width: 601px;}
div.blue_gb {background: url(/media/img/panelbottom.jpg); height: 11px; width: 617px; margin-bottom: 8px;}
div.green_gt {background: url(/media/img/paneltop.jpg); height: 34px; width: 617px;}
div.green_gm {background-color: #ffffff; padding: 8px 8px 8px 8px; width: 601px;}
div.green_gb {background: url(/media/img/panelbottom.jpg); height: 11px; width: 617px; margin-bottom: 8px;}
div.brown_gt {background: url(/media/img/paneltop.jpg); height: 34px; width: 617px;}
div.brown_gm {background-color: #ffffff; padding: 8px 8px 8px 8px; width: 601px;}
div.brown_gb {background: url(/media/img/panelbottom.jpg); height: 11px; width: 617px; margin-bottom: 8px;}
div.pink_gt {background: url(/media/img/paneltop.jpg); height: 34px; width: 617px;}
div.pink_gm {background-color: #ffffff; padding: 8px 8px 8px 8px; width: 601px;}
div.pink_gb {background: url(/media/img/panelbottom.jpg); height: 11px; width: 617px; margin-bottom: 8px;}

/* large panel */
div.l_end {margin-left: 2px; width: 949px; background-color: white;}
div.l_mid {margin-left: 3px; width: 948px; background-color: white;}
div.large_t {height: 66px; background-image: url(/media/img/bigpaneltop.jpg);}
div.large_m {background-color: white; width: 948px; margin-left: 3px; padding-top: 24px;}
div.large_b {height: 14px; background-image: url(/media/img/bigpanelbottom.jpg);}
div.large_x {margin-left: 3px; width: 948px; height: 74px; background-color: white; margin-top: -4px;}
div.large_xb {height: 14px; width: 949px; background-image: url(/media/img/bigpanelbottom.jpg);}

table.ltable {width: 260px}
h3.panhead {position: relative; z-index: 0; display: inline; top: 6px; left: 6px;}
h3.panhead2 {position: relative; z-index: 0; top: 6px; left: 6px; margin-right: 60px;}

/* tag cloud */
div#tcloud {margin: 4px auto; clear: both; margin-top: 6px}
a.tc_1 {font-size: 13px}
a.tc_2 {font-size: 15px}
a.tc_3 {font-size: 17px}
a.tc_4 {font-size: 19px}
a.tc_5 {font-size: 20px}

/* announcements */
div#announcements {padding: 0}
div.an_item {padding-top: 4px; margin: 1px}
div.an_item img {margin: 2px 5px 1px 0; display: block; float: left}

/* minifeed */
div#minifeed {margin: 0}
div.feed_item {padding-top: 5px}
div.feed_item img {margin: 1px 5px 1px 0; display: block; float: left}

div.fl {float: left}
div.large_t .header {padding: 14px 0 0 20px}
.header h3 {margin: 0}
div.postit .nav {float: right; margin: 10px 8px 0 0; font-family: "trebuchet MS"}
div.gtags {float: right; margin: 8px}
div.postit .more {float: right; margin: 0 7px 0 0}
div.g_end .nav {float: right; margin: 8px 8px 0px 0px; font-family: "trebuchet MS"}
div.g_end h3 {float: left; margin: 8px 0px 0px 8px; color: #444444;}
div.nav img {border: 0}
a.wnd {margin: 0px 0px 0px 12px}

div.message {background: #0A88C0; border: 1px solid #C2DB76; padding: 5px}

div.spacer1 {clear: both; height: 1px; line-height: 1px; margin: 0; padding: 0}
div.spacer {clear: both; height: 0px}

/* tagging and privacy (generic) */
ul#tags {list-style: none; padding-left: 12px}
a#add_tag {margin-bottom: 5px; border-bottom: 1px dotted pink; text-decoration: none; cursor: pointer; float: left}
.ati_on {float: left}
div.tag_p {float: left; margin: 4px}

.c_priv_lbl {color: #797979; float: left}
a#priv_lbl {border-bottom: 1px dotted pink; text-decoration: none}
#priv_combo {margin-bottom: 24px}

/* bottom */
div#bottom {clear: both; position: relative; top: 20px; margin: 0; height: 38px; background-color: #ffffff;}

/* left */
ul#lc_list {padding: 0 0 0 16px}
ul#lc_list li {list-style: none; padding: 4px}

/* permission denied, help pages */
div#perm_denied {margin: 40px auto; width: 512px}
button.help_close {margin: 8px auto 32px; display: block; visibility: hidden}

/* sharing */
input.sh_c {background: white; border: 1px solid #f17612; font-size: 12px}
span.sh_s {border-bottom: 1px dotted #f17612}
input.sh_i {font-size: 12px}

/* breadcrumb nav */
div.bc_lnav {float: left; margin: 8px 0 0 8px}
div.bc_lnav a {font-weight: bold}

/* friend dlg */
div#friend_dlg {visibility: hidden; background: #fafffa; border: 2px solid #C2DB76;
position: absolute; float: left; padding: 16px}

#friend_dlg button {padding: 0px 8px; background-color: #0d0; background-repeat: repeat-x; border: 1px solid #070; color: white; font-weight: bold; height: 22px}
#fd_ok {background-image: url(/media/img/logingrad.png); width: 78px; margin: 4px} 
#fd_cn {background-image: url(/media/img/logoutgrad.png); width: 78px; margin: 4px}

div.bigmarg {margin: 40px 80px}

/* admin panel */
div#admin {float: left; background: white; padding: 6px; border: 1px solid black; z-index: 3; position: absolute; top: 8px; left: 8px; width: 200px; opacity: .8; filter: alpha(opacity=80); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
div#apl {float: left}
div#amore {padding-top: 5px; clear: both}
div#admin img {border: 0; float: right; margin-top: 0}

/* debug */
div.debug {background: white; color: black; font-size: 11px; padding: 4px; clear: both}
div.debug span {font-weight: bold; font-size: inherit}
div.debug a {font-weight: bold; font-size: 11px; color: red}
div.debug table {border-collapse: collapse}
div.debug th {background: #333; font-size: 11px; border: 1px solid black}
div.debug td {background: white; font-size: 11px; border: 1px solid black}
div.cache_off {background: white; color: black}
div.cache_on {background: white; color: red; font-weight: bold; font-size: 15px}
span.missing {text-decoration: blink; color: red; font-weight: bold; font-size: inherit}