html { overflow: -moz-scrollbars-vertical; background-color: #000; }

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font-size: 0.8em;
}

img { border: 0; }  /* for IE */
p { margin: 0 0 12px 0; line-height: 1.25em; }
a { color: #C00; text-decoration: none; }
a:focus, a:active { outline: none; }
a.on-air { background-color: #c00; color: #fff; font-size: 1.25em; text-align: center; }
a.on-air:hover { color: #333; }

div.container { display: block; position: relative; margin: 0; padding: 0; }
div.container.outer { background-color: #fff; border: 12px solid #000; }
div.container.inner { width: 950px; margin: 0 auto; }
div.add { padding: 0 20px; background-color: #ccc; height: 99px; text-align: right; color: #fff; }
div.add span#big { font-size: 76px; line-height: 73px; display: block; }
div.add span#donate-span {
    float: left;
    text-align: left;
	font-weight: bold;
    display: inline;
    margin: 20px 0 0 20px;
    line-height: 1.75em;
}
div.add span#donate-span a span {
    font-size: 20px;
    color: #fff;
}
div.add span#donate-span a span.first { background-color: #c00; padding: 0 5px; }
div.add span#donate-span a span.first:hover { color: #333; }
div.add span#donate-span a span.second { border-bottom: 1px solid #f00; }
div.add em { font-size: 14px; line-height: 15px; font-style: normal; }
div.add em a { font-size: 14px; line-height: 15px; font-style: normal; color: #FFF; text-decoration: underline; }

div.clear { clear: both; }

div.buttons-container { position: relative; z-index: 99; }
div.button { position: absolute; top: 22px; }
div.facebook-button { position: absolute; right: 12px; top: 12px; }
div.wrapper { float:left; width:100%; }
div.content {
    margin: 0 230px 0 126px;
    margin: 0 242px 0 126px; /* +12px to left and right for column spacing */
    padding: 32px 0;
    min-height: 350px;
}

/* left column menu */
div.col-left {
    float: left;
    width: 114px;
    margin-left: -950px;
    font-size: 11px;
}
div.col-left ul, div.col-left li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}
div.col-left ul li a { text-decoration: none; display: block; }
div.col-left ul li a.text-link { color: #333; padding: 5px 5px 5px 7px; }
div.col-left ul li a:hover { background-color: #C00; color: #FFF; }
div.col-left ul li a.active { background-color: #000; color: #fff; padding: 5px 5px 5px 7px; }

/* right column menu */
div.col-right {
    float: left;
    width: 185px;
    margin-left: -185px;
    margin-top: 80px;
}
div.col-right a {
    color: #000;
    margin-top: 3px;
    margin-bottom: 3px;
}
div.col-right a.icon {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 24px;
    padding-bottom: 3px;
    display: block;
}
div.col-right a.icon.me { background-image: url(/image/menu/right-me.gif); }
div.col-right a.icon.pm { background-image: url(/image/menu/right-pm.gif); }
div.col-right a.icon.gallery { background-image: url(/image/menu/right-gallery.gif); }
div.col-right a.icon.join { background-image: url(/image/menu/right-join.gif); }
div.col-right a.icon.edit { background-image: url(/image/menu/right-edit.gif); }
div.col-right a.icon.upload { background-image: url(/image/menu/right-upload.gif); }
div.col-right a.icon.videos { background-image: url(/image/menu/right-videos.gif); }
div.col-right a.icon.favs { background-image: url(/image/menu/right-favs.gif); }
div.col-right a.icon.logout { background-image: url(/image/menu/right-logout.gif); }
div.col-right a.icon.admin { background-image: url(/image/menu/right-admin.gif); color: #700; }
div.col-right a:hover { color: #C00; }

/* footer*/
div.footer { height: 120px; padding-left: 0px; clear: left; }
div.footnav { font-size: 11px; height: 50px; padding-right: 20px; }
div.footnav div.links { text-align: center; padding-top: 12px; padding-bottom: 12px; }
div.footnav div.links a { text-decoration: none; padding: 0 3px; color: #666; }
.footeradv { margin-top: 5px; padding-top: 10px; height: 70px; display: block; }
.footeradv .adv a { display: block; float: left; margin-right: 8px; height: 67px; width: 122px; }
.footeradv .adv a img { display: block; height: 65px; width: 120px; border: 1px solid #D6D6D6; }

/* basic stuff */
h1 { font-size: 44px; font-weight: normal; letter-spacing: -1px; color: #333; margin: 0 0 5px 0; line-height: 44px; }
h2 { margin: 0 0 5px 0; font-size: 18px; line-height: 22px; }
h3 { font-size: 18px; color: #000; display: block; margin: 0; padding: 0; clear: left; float: none; font-weight: normal; }
h4 { display: block; margin: 10px 0 5px 0; padding: 0px; }
h4 span { background-color: #fff; padding: 4px; font-size: 12px; color: #000; margin: 0 0 5px 15px; }
h5 { font-size: 12px; color: #000; margin: 0 0 5px 0; padding: 0; }
h6 {
    font-size: 17px;
    height: 32px;
    display: block;
    clear: both;
    float: none;
    font-weight: normal;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 60px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}h6 span {
    font-size: 17px;
    color: #000;
    background-color: #FFF;
    display: block;
    padding: 5px;
    float: left;
}
.tools { height: 36px; display: block; margin-bottom: 12px; }
.tools .commentx, .tools .share, .tools .embed, .tools .tipafrind {
    display: block;
    float: left;
    height: 36px;
    margin-right: 25px;
    text-decoration: none;
}
.tools .commentx { width: 75px; }
.tools .share { width: 85px; }
.tools .embed { width: 75px; }
.tools .tipafrind { width: 85px; }
.tools .commentx a, .tools .share a, .tools .embed a, .tools .tipafrind a {
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    float: left;
    height: 30px;
    padding-left: 29px;
    color: #000;
    text-decoration: none;
    font-size: 11px;
    padding-top: 6px;
}
.tools .tipafrind a { background-image: url(/image/nav/tipafriend.gif); }
.tools .share a { background-image: url(/image/nav/share.gif); }
.addthis_button_email span { display:none; }
.addthis_button_expanded span { display:none; }
.attribute-short { font-size: 14px; background-color: #EEE; padding: 16px; margin-bottom: 10px; }

div.chunk {
	font-size: 12px;
	background-color: #eee;
	width:99%;
	padding:2px;
	margin-top: 4px;
	margin-bottom: 4px;
}

tr.odd { background-color: #eee; }
tr.even { background-color: #fff; }

p.users-head {
    background: #eee;
    font-size: 1.5em;
    font-weight: bold;
	text-align: center;
    margin: 5px 0 0;
    padding: 2px;
    cursor: pointer;
}
ul.users-list {
    border-width: 0 3px 3px;
    border-style: solid;
    border-color: #eee;
    margin: 0;
    padding: 2px;
}
ul.users-list li { margin-left: 20px; }
ul.users-list a.current:hover { font-weight: bold; }
ul.users-list a.legacy:hover { cursor: pointer; }

dl.user-profile dt.user-profile {
	float: left;
	width: 100px;
	margin-right: 10px;
	margin-left: 0px;
}

dd.user-profile {
	width: 300px;
	margin-left: 200px;
}

div.user-profile { font-size: 12px; }

div.user-profile h1 { font-size: 20px; }
div.user-profile h2 {
	font-size: 16px;
	font-weight: normal;
}

div.user-profile-block {
	margin-left: 100px;
	border-width: 0px 0px 1px 0;
	border-style: dotted;
	border-color: #aaa;
}

input.user-profile {
	border: 1px solid #aaa;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 400px;
}

textarea.user-profile {
	border: 1px solid #aaa;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 400px;
}

div.event-short { margin: 5px 20px; padding: 5px; }
div.event-short i { margin-left: 30px; }
div.event-short.current { color: #070; }
div.event-short.past { color: #999; }

div.feature-link {
    display: inline;
    padding: 5px 10px;
    border: 1px solid #777;
    background-color: #eee;
    color: #555;
    font-weight: bold;
    margin: 1px;
}

div.feature-link:hover {
    border: 1px solid #000;
    background-color: #777;
    color: #fff;
}

div.gallery-list div.gallery-info { margin-left: 60px; }
div.gallery-list a.title {
    color: #000;
    font-size: 1.25em;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}
div.gallery-list a.title:hover { color: #005; }
div.gallery-list div.description {
    color: #777;
    padding: 5px 0 0 30px;
}
div.gallery-list div.image-link { float: left; }

a.slideable {
    display: block;
    overflow: hidden;
    width: 120px;
    height: 140px;
    padding: 5px;
    border: 1px solid #ccc;
    color: #005;
}
a.slideable span {
    position: relative;
    float: left;
    overflow: hidden;
    height: 17px;
}
a.slideable img {
    float: left;
    position: relative;
}

/* popup for embed code */
#popup-background {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.7;
    border: 0;
    z-index: 100;
}

#popup-button-embed {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100px;
    width: 400px;
    background: #fff;
    border: 2px solid #ccc;
    z-index: 101;
    padding: 12px;
    font-size: 13px;
}

#popup-button-embed-close {
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 6px;
    top: 4px;
    color: #333;
    font-weight: bold;
    display: block;
    cursor: pointer;
}