
.loadingtweets {
    background-image:url('/graphics/spinner.gif');
background-repeat:no-repeat;
background-position:center center;
display:block;
}

div#noerrormessage > label.error {
    visibility:hidden;
    display:none;
    height:0px; width:0px;h
}

#greetbox {
    width:100%; 
    background-color:#eeeeee;
    padding:20px 0px 10px 0px;
    border-bottom:4px solid #ccc;
    text-align:center;
    margin-bottom:10px;
}
.innergreet {
    width: 780px;
    text-align:left;
    margin: 0 auto;
    padding-bottom:15px;
}

.innergreet img {
    vertical-align:top;
    margin-right:10px;
    margin-left:4px;
}
.greet_image {
    float:left;
    padding:0 10px 0 0

}
.greet_msg {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 70%;
    color:black;
}
#greetbox a {
    font-weight:bold;
}

img.form_loader  {
	visibility:hidden;
	padding-right:4px;
    vertical-align:middle;
}

.discussionimage {
	max-width:350px;
}

.noscriptmessage {
width:100%; 
background-color:#FFC703;
color:black;
font-size:70%;
font-weight:bold;
padding:15px 0px 15px 0px;
margin-top:-10px;
text-align:center;
border-bottom:1px solid #000;
font-family: Lucida Grande, sans-serif;
background-image:url('/graphics/noscript.gif');
background-repeat:no-repeat;
background-position:center center;
}

.forminfo {
font-family: 'Lucida Grande', Sans-serif;
font-size: xx-small;
color:green;
padding-left:6px;
}

#findit .radiobtn{
width:20px;
height:15px;
border:0px;
}

#refresher {
display:none;
}

.dropdown {
padding-left:8px;
}

#left .usergrid {

}

.noimg {
    //opacity:0.95;filter:alpha(opacity=95)
}

.noimg:hover {
    //opacity:1.0;filter:alpha(opacity=100)
}


* {
margin:0;
padding:0;
outline:0;
font-family: Georgia, Serif;
}


a:link, a:visited, strong {
font-family:inherit;
}

img {
border:0
}

body {
margin: 0 auto;
}

#wrapper {
margin: 0 auto;
width: 794px;
}

#header {
width: 794px;
margin: 0 auto;
}

#header img {
padding-top: 15px;
padding-bottom: 30px;
outline: 0;
}

#byline {
display:block;
height:15px;
font-size:80%;
text-align:center;
width:90%;
margin: 0 auto;
padding-top:20px;
padding-left:5px;
}

#byline a:link, #byline a:visited{
color: #fc3000;
}

#header h1 {
letter-spacing: -0.04em;
font-weight:normal;
color: #000;
font-size: 290%;
padding-bottom: 20px;
}

a.twitterlink {
padding:0;margin:0;
color: #3f8de7;
}

img.twitterpicture {
margin-bottom: -10px;
padding-left:5px;
width: 10px;
}

#search {
float: right;
}

#search input {
width: 205px;
}

#menu img {
width: 15px;
height: 15px;

}


#menu {
font-size:80%;}

#submenu {
font-size:75%; background-color: #eee;
 padding:6px 0px 8px 6px;
 margin-top:4px;
 border-bottom: 1px solid #ccc;
}

#submenu ul li a {
 text-decoration:none;
}

#menu ul, #submenu ul {
 list-style:none;
}

#menu ul li, #submenu ul li {
 display:inline;
}

#menu ul li {

}

#menu ul li a {
 font-weight:bold;
padding: 5px;
text-decoration:none;
text-transform:uppercase;

}

#submenu ul li a {
padding: 0px 5px 0px 0px;
text-decoration:none;
}

#menu ul li a#current {
background-color: #eee;
border-top: 4px solid #ccc;
}



/* CSS MENU */



.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#eee; margin:0 5px;}
.b2 {height:1px; background:#eee; border-right:0px solid #888; border-left:0px solid #888; margin:0 3px;}
.b3 {height:1px; background:#eee; border-right:0px solid #888; border-left:0px solid #888; margin:0 2px;}
.b4 {height:2px; background:#eee; border-right:0px solid #888; border-left:0px solid #888; margin:0 1px;}
.bubblecontent {background: #eee; border-right:0px solid #888; border-left:0px solid #888;}
.bubblecontent div {margin-left: 5px; width:100%;}

/* END */


h1 {
font-family: Georgia;
}

h2 {
text-transform: uppercase;
}

h1 {
letter-spacing: -0.08em;
text-transform:none;
font-weight:normal;
color: #000;
font-size: 170%;
text-decoration:none;
}

#breadcrumb {
margin-bottom: 20px;
}

#breadcrumb img {
	vertical-align:middle;
}

#breadcrumb a:link, #breadcrumb a:visited {
padding: 2px 4px; 
-webkit-border-radius: 6px; 
-moz-border-radius: 6px; 
text-transform:lowercase;
text-decoration:none;
background-color: #eeeeee;
color:#000;
font-size:88%;
}

#breadcrumb a:hover {
background-color: #fc3000;
color:#fff;
}

#content {
padding-top: 10px;
}

#content ul {
padding:0;
list-style:none;
}

#left {
float:left;
width: 545px;
font-size:80%;padding-right: 18px;
min-height: 1700px;
border-right: 1px solid #ccc;
}

#right {
font-size: 80%;
width: 210px;
float: right;
}

#resultcontainer {

}

#right ul {
	margin-left:58px;
	line-height:115%;
	font-size:80%;
}

#right ul a {
	font-size:105%;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', 'sans-serif';
        text-decoration:none;
}

.userlistmenu ul {
	margin-left:58px;
	font-size:80%;
}

.userlistmenu li {
	font-size:105%;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', 'sans-serif';
        line-height: 18px;
}
.userlistmenu ul a {
	font-size:105%;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', 'sans-serif';
        text-decoration:underline;    
}
.userlistmenu img {
    vertical-align:middle;
    padding-right:8px;
    padding-left:4px;
}

#minimenucontainer {
    font-size:100%;
}

#right a.loginlink {
background-color:#fc3000;color:#fff; text-decoration:none; padding: 2px;
}

#right .button_sidebar {
-webkit-border-radius: 6px; 
-moz-border-radius: 6px;
text-align: center;
background-color:#3f8de7;color:#fff; text-decoration:none; border: 0px; float:left; height: 22px; cursor:pointer;
font-family: font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

#right .button_sidebar:hover {

background-color:#333;color:#fff;
}

#frontsociopediabox a {
    padding-right: 2px;
}

.pop {
	font-size: 80%;
}

.pop li {

}

.socialspace_sidebar {
	border-bottom: 1px dashed #ccc;
}




#verticalsidebar.normal  {
position:fixed;
top:204px;
right:0px;
}


#verticalsidebar.greetmode {
position:fixed;
top:300px;
right:0px;
}


#verticalsidebar img, #verticalsidebar input {
    width:35px;
}

#verticalsidebar form {
margin:0px;padding:0px;
border:0px;
}

#verticalsidebar br {
     line-height: 90px;
}

input#donate {
border:0px;
float:right;
cursor: pointer;
margin-right:-4px;
margin-bottom:6px;
}

a#feedback {
float:right;
background-color: #fc3000;
cursor: pointer;
text-decoration:none;
margin-bottom:6px;
}

a#helpus {
float:right;
background-color: #fc3000;
cursor: pointer;
text-decoration:none;
}

a#share {
float:right;
background-color: #fc3000;
cursor: pointer;
text-decoration:none;
}

#rss {
float:right;
background-color: #fc3000;
cursor: pointer;
text-decoration:none;
}


#right h1 {
letter-spacing: -0.08em;
text-transform:none;
font-weight:normal;
color: #000;
font-size: 140%;
margin-bottom:2px;
}


#right .userinfo {
background-color: #fff;
border: 0px;
margin-left: -8px;
margin-top: 0px;
}

#right .userimg, #group .userimg {
padding: 0px 5px 5px 0px;
vertical-align:middle;
margin:0px;
}


#right .seperator {
margin-bottom: 10px;
margin-top:10px;
border-top: 0px dashed #ccc;    
}

.userimg {
margin-bottom: 4px;
width: 40px;
height: 40px;
padding: 0px 4px 4px 0px;
vertical-align:middle;
}

img.LARGE {
    width: 50px;
    height: 50px;    
}


img.SMALL {
    width:35px;
    height:35px;
}

#profileimage {
padding: 0px 4px 0px 0px;
vertical-align:middle;
}

#left .userimg {

padding: 0px 4px 0px 0px;
vertical-align:middle;
}


#right input {
width: 95%;
}

input {
-webkit-border-radius: 6px; 
-moz-border-radius: 6px;
padding:3px;
margin-left:-1px;
}

#right .userinfo input {
font-size: 100%;
}


#right option {
padding-left: 0px;
}
.clearer {
clear: both;
}


/* LINKS */
a:link, a:visited, a:active {
color: #000;
text-decoration: underline;
}

a:hover {
color: #fc3000;
text-decoration: underline;
}

a.tags:link, a.tags:visited  {
color: #333;
background-color:#eeeeee; 
padding: 2px 4px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
text-decoration: none; 
}

a.tags:hover, a.cat:hover {
color: white;
background-color:#fc3000; 
padding: 2px 4px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
text-decoration: none; 
}

a.group:link, a.group:visited {
color: #333;
background-color:#eeeeee; 
padding: 2px 4px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
text-decoration: none; 
}

a.group:hover {
color: #fff;
background-color:#fc3000; 
padding: 2px 4px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
text-decoration: none; 
border-bottom:1px solid #fc3000;
}

a.topictitlefront:link, a.topictitlefront:visited {
letter-spacing: -0.04em;
text-transform:none;
font-weight:normal;
color: #000;
font-size: 120%;
text-decoration:underline;
font-family: Georgia, Serif;
}

a.topictitlefront:hover {
color: #fc3000;
text-decoration:none;
}

/* FORMS */
.formarea {
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
padding: 10px;
background-color: #f2f2f2;
font-size: 90%;
}

label{
float:left;
width: 150px;
font-weight:bold;
}


label.error {margin-left: 150px; color: #fc3000; font-weight: normal; font-size: 90%; padding-bottom: 4px; margin-top:-10px; width:350px;}
input.error, textarea.error, select.error {border: 2px solid #fc3000; color: #fc3000; background-color: #fff;}


label.frontinputerror {display:none; visibility: hidden; height: 0px; width:0px;}
input.frontinputerror {border: 2px solid #fc3000; color: #fc3000; background-color: #fff;}

label.checked {
	background:url("/graphics/accept_2.png") no-repeat 0px 0px;
    float:right;
    width:20px;
    display:block;
    margin-top:-28px;
    margin-right:45px;
}

div#remoteformloader {
	visibility:hidden;
	float:right;
}


span.error {
color: #fc3000;
}

input, textarea, select, disabled {
background-color:  #fff;
border: 1px solid #ccc;
width: 300px;
margin-bottom: 10px;
color: #000;
font-size: 100%;
}


.button {
-webkit-border-radius: 6px; 
-moz-border-radius: 6px;
text-align: center;
background-color:#3f8de7;color:#fff; text-decoration:none; border: 0px; height: 22px; cursor:pointer;
font-family: font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

.button:hover {
background-color:#333;color:#fff;
}

.commentarea {
    width: 40px;
}

textarea {
width: 400px;
height: 150px;
}

.check {
vertical-align: top;
width: 15px;
border: 0;
padding:0;
margin:0;
background-color: #f2f2f2;
}


/* SPEECH BUBBLES */
div.bubble {
width: auto;
font-size: 0.85em;
margin-bottom: 24px;
}


div.bubble blockquote {
margin: 0px;
padding: 0px;
border: 1px solid #c9c2c1;
background-color: #fff;
}

div.bubble blockquote p {
margin: 10px;
padding: 0px;
}

div.bubble cite {
position: relative;
margin: 0px;
padding: 7px 0px 0px 15px;
top: 6px;
background: transparent url(/graphics/tip.gif) no-repeat 20px 0;
font-style: normal;
}


/* MISC */
.sans, .sans * {
 font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
 font-size: 90%;
}
.sans > strong {
 font-size:100%;
}


blockquote.explanations {
padding-left: 10px;
}
.disabled {

}
.float {
float: left;
}

.metafront {
display:block;
margin-left:0px;
font-size: 90%;
letter-spacing: -0.04em;
color: #808080;
}

.sharemessage {font-size: 90%}

.metafront img {vertical-align:middle;}

#cloud {
text-align:center;
}

#cloud a {
color: #000;
}

#cloud a:hover {
color: #fc3000;
}


#tooltip{
position:absolute;
background:#fc3000;
padding:2px 5px;
color:#fff;
display:none;
font-family: 'Lucida Grande', Verdana, Geneva, sans-serif;
font-size: 0.7em;
text-align: left;
width: 220px;
}

.tooltipspec {
	font-size:10%;
}

#belowmessage, #belowmessage_user, #belowusersonlinemessage {
 color:#000000;
 font-size:xx-small;
 height:10px;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
 margin-bottom: 6px;
}

.helperinfo {
background-color:#fc3000;padding:0px 3px 0px 3px; color:#fff;
}

.helper {
background-color: #fc3000;  padding:2px; color:#fff; margin-left:-4px;
}

a.tooltip:link, a.tooltip:visited {text-decoration: none; color: #fff;}
a.tooltip:hover {text-decoration: none; color: #fff;}

.a.sociopedia:link, a.sociopedia:visited {
    text-decoration:none; color:#000; font-size:100%; font-family:inherit; border-bottom: 1px #fc3000 dashed;
}

.postcontent ul, .postcontent li {
    font-family:inherit;
}

#tagcloud {
font-size:80%; text-align:left;
}



/* FORUM STUFF */

#subscribebox {
margin-top:-2px;
float:right;
margin-right: 10px;
background-color:white;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

#subscribebox a {
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
font-size:80%;
background-color:white;
}


#subscribebox img {
vertical-align: middle;}

.postcontainer {
font-family: Tahoma;
font-size:100%;
padding-bottom:6px;
}

.userinfo {
-webkit-border-radius: 6px; 
-moz-border-radius: 6px; 
background-color: #eeeeee;
padding: 8px 8px 4px 8px;
line-height: 150%;
border-top: 0px #eeeeee solid;
border-left: 1px #eeeeee solid;
border-right: 1px #eeeeee solid;
padding-bottom:10px;
}

.postcontainer .userimg {
vertical-align:top;
width:40px;
height: 40px;
padding-left: 0px;
padding-right: 10px;
}

.postcontent {
padding: 8px;
background-color:#fff;
border: 0px #eeeeee solid;
margin-bottom:10px;
}



.postcontent, .explanations {
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
font-size:90%;
}

.postcontent a, .postcontent em, .postcontent strong, .postcontent ol, .postcontent ol li {
 font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

.postcontainer .meta {
font-size: x-small;
color: #808080;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

.meta a, a.reply, a.edit {
 font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
 font-size: x-small;
}

.sharebox {
float: left;
padding-left:4px;
padding-bottom:4px;
}

.sharebox img, #submenu img {
vertical-align:top;
height:14px;
padding-right:2px;
}

.sharebox ul {
 list-style:none;
}

.sharebox li {
 display:inline;
}

.sharemessage {
float:left; height: 10px;
font-size:80%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif}

.sharebox a {
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serifmargin-right:2px;
text-decoration:none;
}

.qtip-title, .qtip, .qtip-tip, .qtip-content {
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;

    font-size:90%;}

#footer {
border-top: 6px #ccc solid;
margin-top:14px;
padding-top:10px;
margin: 0 auto;
width: 794px;
background-color: #f2f2f2;
padding-left:10px;
display:block;
height:185px;
border-bottom:1px #ccc solid;
}

#footer div {
padding-left:10px;
float:left;
font-size:65%;
line-height:150%;
padding-right:12px;
}

#lowdown p {
    padding-top:6px;
    margin-top:12px;
    color: #fc3000;
    padding-bottom: 4px;
}

#footer div a {
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

#footer h1 {
font-family: Arial;
text-transform:uppercase;
font-weight:bold;
margin-bottom:4px;
font-size: 120%;
color: #000;
}

span.morebutton {
    text-align:center;
    display:block;
    cursor:pointer;
    #margin-top: 100px;
    padding-bottom: 50px;
    width: 100%;
    padding: 4px;
    background-color: #fc3000;
    color: #fff;
}

a.more {
    text-decoration:none;
}

#loader {
    text-align:center;
    margin-top:30px;
    margin-bottom:10px;
}



#live-preview a:link, .postcontent a:link, #live-preview a:visited, .postcontent a:visited {
	color: #000;
    text-decoration:underline;
}

#live-preview ul ol, .postcontent ul ol  {
	margin:0px;
	padding-top:4px;
}

#live-preview ul li, .postcontent ul li {
	list-style-image: url(/graphics/li.gif);
	color: #000;
	vertical-align:middle;
        margin-left:10px;
}

#live-preview ol li, .postcontent ol li {
	list-style-type: decimal;
	margin-left:20px;
}


#live-preview code, .postcontent code {
    font-family: Monospace;
}

.graph {
  width: 250px;
  position: relative;
  right: 30px;
}

.bar-title {
  position: relative;
  float: left;
  width: 120px;
  line-height: 20px;
  margin-right: 17px;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 8px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#fc3000;
  height: 10px;
  margin-top:5px;
}

.bar-container strong {
  position: absolute;
  right: -45px;
  top: 0px;
  overflow: hidden;
}

.bar-container span {
  position: absolute;
  right: -65px;
  top: 0px;
  overflow: hidden;
  font-size:xx-small;
  margin-top:3px;
}

#poll-results {
    margin-left:40px
}

#poll-results p {
  text-align: center;
}

#poll-container {
	margin-left:2px;
}


.roundimage {
	width: 40px; float:left;
    height: 40px;
}
.roundimagecontainer {
	padding-top:4px;
	clear:both; margin-left:0px;
}

.roundimage small {
}

.shortmenupicture {
	width:50px;
    height:50px;
}

#left ul.red {
list-style-type:disc; padding-left:20px; color:#fc3000;"
margin-left:10px;
}

#left ul.red li span {
color:#000;"
}

img.submitloader {
	vertical-align:top;
    margin-left:4px;
}

img.hidden {
	visibility:hidden;
}

img.home {
margin-right:5px;
margin-left:2px;
}

.infobox {
-webkit-border-radius: 6px; 
-moz-border-radius: 6px; 
background-color:#f2f2f2;color:#000;padding:4px;
padding:10px 10px 10px 10px;
}

#side_ad {
margin-bottom:20px; margin-top:20px;
}


.searchresults ul, .usergroups ul {
	margin-left:20px;
}
.searchresults li, .usergroups li {
    list-style:square;
    color:#fc3000;
}

.inputinfo {

display:block;
margin-left:150px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode';
font-size:90%;
}

.sans {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif}