body {
	background: #000 url('img/bg.jpg') repeat;
	color: #555;
	font: 15px Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}
#topbar {
width:100%, padding:5px;
	height:30px;
	background: #333;
	border-bottom: 1px solid #000;
}
#topbar p {
	margin:0 auto;
	width: 950px;
	color: #fff;
	padding-top: 5px;
}
 @font-face {
font-family: 'GraublauWeb';
src: url('fonts/GraublauWeb.eot');
src: local('Graublau Web'), local('GraublauWeb-Regular'), url('fonts/GraublauWeb.woff') format('woff'), url('fonts/GraublauWeb.otf') format('opentype'), url('fonts/GraublauWeb.svg#GraublauWeb-Regular') format('svg');
}
 @font-face {
font-family: 'GraublauWebBold';
src: url('fonts/GraublauWebBold.eot');
src: local('Graublau Web Bold'), local('GraublauWeb-Bold'), url('fonts/GraublauWebBold.woff') format('woff'), url('fonts/GraublauWebBold.otf') format('opentype'), url('fonts/GraublauWebBold.svg#GraublauWeb-Bold') format('svg');
}
a {
	color: #f9c620;
	text-decoration:none;
	font-weight:900;
}
a:hover {
	color: #555;
	text-decoration:none;
	font-weight:900;
}
img {
	border:0;
}
#top {
	width:950px;
	height:135px;
	color: #555;
	margin:10px auto;
}
#topleft {
	float:left;
	width:507px;
	text-align:left;
}
.logo {
	width: 507px;
	height: 135px;
	float: left;
	margin-right: 0px;
}
.logo a {
	display:block;
	width: 507px;
	height: 135px;
	padding:0;
	background: url("img/logo.png") 0 0 no-repeat;
	text-decoration: none;
}
.logo a:hover {
	background-position: 0 -135px;
}
#topright {
	float:right;
	width:400px;
	color: #ffffff;
	padding: 55px 0 0 10px;
	text-align:right;
}
h1 {
	font-size:30px;
	margin-left:50px;
	margin-top:10px;
	padding-top:20px;
	color: #ffffff;
}
h2 {
	font: 15px Helvetica, Arial, sans-serif;
	color: #555;
	font-weight:900;
}
h3 {
	color: #555;
	padding:0;
	margin: 0 0 25px 0;
	font: 22px 'GraublauWebBold', Helvetica, Arial, sans-serif;
}
#container {
	width:950px;
	background: #ffffff;
	-moz-box-shadow: 0 0 0.5em #000;
	-webkit-box-shadow: 0 0 0.5em #000;
	box-shadow: 0 0 0.5em #000;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #555;
	margin:5px auto;
	text-align:left;
	padding: 10px;
}
.box {
	width:950px;
	background: #ffffff;
	-moz-box-shadow: 0 0 0.5em #000;
	-webkit-box-shadow: 0 0 0.5em #000;
	box-shadow: 0 0 0.5em #000;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #555;
	margin:10px auto;
	text-align:left;
	padding: 10px;
}
#left {
	float:left;
	width:300px;
	padding-left: 10px;
}
.leftbox {
	background: #e4e4e4;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	color: #555;
	margin-bottom: 20px;
}
#right {
	float:right;
	width:620px;
}
#footer {
	width: 950px;
	margin: 5px auto;
	padding-top: 5px;
}
.copy {
	float: right;
	padding-top:11px;
	width:180px;
	margin:0;
	font-size: 9px;
	color: #f7f7f7;
}
.copy h4 {
	font: 24px Helvetica, Arial, sans-serif;
	font-weight:900;
	color: #fff;
	margin:0;
}
.flogo {
	width: 105px;
	height: 50px;
	float: left;
	margin-top: 2px;
}
.flogo a {
	display:block;
	width: 105px;
	height: 50px;
	padding:0;
	background: url("img/llogo.png") 0 0 no-repeat;
	text-decoration: none;
}
.flogo a:hover {
	background-position: 0 -50px;
}
.tropica {
	width: 105px;
	height: 50px;
	float: right;
}
.tropica a {
	display:block;
	width: 105px;
	height: 50px;
	padding:0;
	background: url("img/tropica.png") 0 0 no-repeat;
	text-decoration: none;
}
.tropica a:hover {
	background-position: 0 -50px;
}
.clearer {
	clear:both;
}
.clearers {
	clear:both;
	background: #c3c3c3;
	height:1px;
}
#icenter {
	padding: 5px 10px 5px 10px;
}
#icenter p {
	margin-top: 20px;
	font: 14px Helvetica, Arial, sans-serif;
}
.ileft {
	float:left;
	font: 20px Helvetica, Arial, sans-serif;
	vertical-align:middle;
	margin-bottom: 20px;
	width: 400px;
}
.ileft img {
	padding: 0 15px 5px 0;
	vertical-align:middle;
}
.iright {
	float:left;
	vertical-align:middle;
	width: 450px;
}
.iicon {
	float:left;
	vertical-align:middle;
	padding: 7px 0 0 15px;
}
.iinput {
	width: 450px;
	height: 24px;
	border:1px solid #555;
	padding: 4px;
	vertical-align: middle;
	font-size:20px;
	font-family:Helvetica, Arial, sans-serif;
}
.site {
	float: left;
	width: 225px;
	height: 56px;
	margin-left: 25px;
}
.site a {
	display:block;
	width: 225px;
	height: 56px;
	padding:0;
	background: url("img/sites.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.site a:hover {
	background-position: 0 -54px;
}
.add {
	float: left;
	width: 225px;
	height: 56px;
}
.add a {
	display:block;
	width: 225px;
	height: 56px;
	padding:0;
	background: url("img/add.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.add a:hover {
	background-position: 0 -54px;
}
.edit {
	float: left;
	width: 225px;
	height: 56px;
}
.edit a {
	display:block;
	width: 225px;
	height: 56px;
	padding:0;
	background: url("img/edit.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.edit a:hover {
	background-position: 0 -54px;
}
.delete {
	float: left;
	width: 225px;
	height: 56px;
}
.delete a {
	display:block;
	width: 225px;
	height: 56px;
	padding:0;
	background: url("img/delete.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.delete a:hover {
	background-position: 0 -54px;
}
.updates {
	margin: 10px 0 10px 0;
	text-align:center;
}
.update {
	float: left;
	width: 225px;
	height: 56px;
	margin-left: 32px;
	margin-top: 10px;
}
.update a {
	display:block;
	width: 225px;
	height: 56px;
	padding:0;
	background: url("img/update.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.update a:hover {
	background-position: 0 -54px;
}
.statss {
	padding: 5px 0 10px 0;
}
.fav {
	float: left;
	vertical-align:middle;
	width: 25px;
	padding: 8px 0 5px 0;
}
.stat {
	float: left;
	vertical-align:middle;
	width: 180px;
	padding: 7px 0 5px 0;
	font: 15px Helvetica, Arial, sans-serif;
}
.count {
	float:left;
	vertical-align:middle;
	width: 55px;
	padding: 7px 0 5px 0;
	font: 15px Helvetica, Arial, sans-serif;
	font-weight:900;
}
.thumb {
	margin: 10px auto;
	text-align:center;
	border: 1px solid #c3c3c3;
	background:#fff;
	padding: 3px;
}
.ihome {
	float: left;
	vertical-align:middle;
	width: 40px;
	padding: 5px 0 5px 0;
}
.isite {
	float: left;
	vertical-align:middle;
	width: 660px;
	padding: 8px 0 5px 15px;
	font: 20px Helvetica, Arial, sans-serif;
}
.ilink {
	float:left;
	vertical-align:middle;
	width: 100px;
	padding: 7px 0 5px 0;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight:900;
}
.ilinked {
	float:left;
	vertical-align:middle;
	width: 100px;
	padding: 7px 0 5px 0;
	font: 16px Helvetica, Arial, sans-serif;
	font-weight:900;
}
.view {
	float: left;
	width: 100px;
	height: 25px;
	padding-top: 3px;
}
.view a {
	display:block;
	width: 100px;
	height: 25px;
	padding:0;
	background: url("img/view.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.view a:hover {
	background-position: 0 -25px;
}
.profile {
	float: left;
	width: 100px;
	height: 25px;
	padding-top: 3px;
}
.profile a {
	display:block;
	width: 100px;
	height: 25px;
	padding:0;
	background: url("img/profile.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.profile a:hover {
	background-position: 0 -25px;
}
.profiles {
	float: left;
	width: 100px;
	height: 25px;
	padding-top: 3px;
}
.profiles a {
	display:block;
	width: 100px;
	height: 25px;
	padding:0;
	background: url("img/editp.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.profiles a:hover {
	background-position: 0 -25px;
}
/* start notes */

#notes {
	margin: 10px;
}
.yellow {
	background: #FFFECC;
	border: 1px solid #FAECB5;
}
.green {
	background: #E2F9E3;
	border: 1px solid #9ECE9E;
}
.red {
	background: #FFEDEF;
	border: 1px solid #FFC5CC;
}
.yellow, .green, .red {
	color: #636363;
	font-size: 14px;
	padding: 10px;
	margin: 5px 0 5px 0;
}
.yellow span, .green span, .red span {
	font-weight: bold;
	font-size: 15px;
	padding:0 0 3px 0;
	margin-bottom: 5px;
}
.green span {
	color: #579157;
}
.red span {
	color: #CF8790
}
.yellow span {
	color: #BBAB67;
}
.yellow p, .green p, .red p {
	margin: 0;
	padding: 0;
}
.yellow a {
	color: #BBAB67;
}
.green a {
	color: #579157;
}
.red a {
	color: #CF8790;
}
.yellow a, .green a, .red a {
	font-weight: bold;
}
.yellow a:hover, .green a:hover, .red a:hover {
	text-decoration: underline;
}
/* end notes */



#gravity {
	width: 100%;
	margin: 5px 0;
	border-spacing: 5px;
}
#gravity td {
	text-align: center;
	vertical-align: middle;
	padding: 5px 0;
	background-color: #d0d0d0;
}
#gravity a {
}
#gravity a:hover {
	color: #505050;
	background: none;
}
.tipsy {
	padding: 5px;
	font-size: 10px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url(img/tipsy.gif);
}
.tipsy {
	padding: 5px;
	font-size: 14px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url(img/tipsy.gif);
}
.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.tipsy-north {
	background-position: top center;
}
.tipsy-south {
	background-position: bottom center;
}
.tipsy-east {
	background-position: right center;
}
.tipsy-west {
	background-position: left center;
}
#gravity {
	width: 100%;
	margin: 5px 0;
	border-spacing: 5px;
}
#gravity td {
	text-align: center;
	vertical-align: middle;
	padding: 5px 0;
	background-color: #d0d0d0;
}
#gravity a {
}
#gravity a:hover {
	color: #505050;
	background: none;
}
.go {
	background: #252525;
	-moz-box-shadow: 0 0 0.2em #000;
	-webkit-box-shadow: 0 0 0.2em #000;
	box-shadow: 0 0 0.2em #000;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #555;
	margin: 20px 0 20px 5px;
	text-align:center;
	padding: 2px 5px 2px;
	font: 20px Helvetica, Arial, sans-serif;
	font-weight: 900;
	border: 1px solid #e4e4e4;
	width: 920px;
	height: 50px;
	color: #fff;
	cursor:pointer;
}
.go:hover {
	background: #e4e4e4;
	-moz-box-shadow: 0 0 0.2em #000;
	-webkit-box-shadow: 0 0 0.2em #000;
	box-shadow: 0 0 0.2em #000;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #555;
	margin: 20px 0 20px 5px;
	text-align:center;
	padding: 2px 5px 2px;
	font: 20px Helvetica, Arial, sans-serif;
	font-weight: 900;
	border: 1px solid #e4e4e4;
	width: 920px;
	height: 50px;
	color: #555;
	cursor:pointer;
}
.input-submit {
	background: #252525;
	-moz-box-shadow: 0 0 0.2em #000;
	-webkit-box-shadow: 0 0 0.2em #000;
	box-shadow: 0 0 0.2em #000;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #555;
	margin: 20px 0 20px 15px;
	text-align:center;
	padding: 2px 5px 2px;
	font: 20px Helvetica, Arial, sans-serif;
	font-weight: 900;
	border: 1px solid #e4e4e4;
	width: 920px;
	height: 50px;
	color: #fff;
	cursor:pointer;
}
.input-submit:hover {
	background: #e4e4e4;
	-moz-box-shadow: 0 0 0.2em #000;
	-webkit-box-shadow: 0 0 0.2em #000;
	box-shadow: 0 0 0.2em #000;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #555;
	margin: 20px 0 20px 15px;
	text-align:center;
	padding: 2px 5px 2px;
	font: 20px Helvetica, Arial, sans-serif;
	font-weight: 900;
	border: 1px solid #e4e4e4;
	width: 920px;
	height: 50px;
	color: #555;
	cursor:pointer;
}
.clear-fix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}
.clear-fix {
	display:inline-block;
}
html[xmlns] .clear-fix {
	display:block;
}
* html .clear-fix {
	height:1%;
}
.input-select {
	width: 660px;
	padding: 8px 0 5px 15px;
	font: 20px Helvetica, Arial, sans-serif;
}
form label {
	width: 250px;
	margin-bottom: 20px;
	display: inline;
}
.input-text {
	width: 660px;
	padding: 8px 0 5px 15px;
	font: 20px Helvetica, Arial, sans-serif;
}
.input-list {
	float:left;
}
.input-list p {
	margin:4px 0 0 0;
}
.form-field {
	padding:16px 0 16px 15px;
	position:relative;
	clear:left;
}
form label.input-text {
	display:block;
	padding:0 0 7px 0;
	font-weight:bold;
}
form select.input-select,  form input.input-text,  form textarea.input-text {
	border:1px solid #cccccc;
	background-color:#fefefe;
	display:block;
	width:340px;
	padding:5px 7px 5px 7px;
}
form select.input-select {
	width:356px;
	padding:5px 4px 5px 7px;
}
form select.input-select-small {
	width:110px;
}
form select.input-select-xsmall {
	width:70px;
}
form select.input-select-xxsmall {
	width:55px;
}
form select.input-select option {
	border:none;
	padding:0 4px 0 4px;
}
form input.input-text:focus,  form textarea.input-text:focus {
	border-color:#888888;
}
#twitter_reactions {
	width:615px;
	margin:0 auto;
	padding:0;
}
#twitter_reactions li {
	width:588px;
	position:relative;
	margin:3px 0;
	padding:6px;
	list-style:none;
	background:#f2f2f2;
	color:#555;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
#twitter_reactions li#reactions_header {
	font-weight:bold;
	background:#e4e4e4;
}
#twitter_reactions li#reactions_header em {
	float:right;
	color:#888;
	font-weight:normal;
}
#twitter_reactions li img {
	float:left;
	width:36px;
	height:36px;
	margin-right:8px;
	background:#fff;
	border:none;
}
#twitter_reactions li a {
	color:#f9c620;
	text-decoration:none;
}
#twitter_reactions li a:hover {
	color:#333;
	text-decoration:none;
}
#twitter_reactions li small {
	position:absolute;
	bottom:4px;
	right:6px;
}
#twitter_reactions li small a {
	color:#ccc;
}
#twitter_reactions .clear {
	clear:both;
}
.algraph {
	margin: 10px 0 10px 0;
}
.algraph img {
	border:0;
}
.cograph {
	margin: 10px 0 10px 0;
}
.cograph img {
	border:0;
}
.load {
	float:left;
	margin-right: 15px;
}
.loadt {
	float:left;
}
#placeholder {
	margin: 5px 0 25px 0;
}
.mleft {
	float:left;
	width: 470px;
	margin-right: 10px;
}
.mright {
	float: right;
	width:450px;
}
.join {
	width: 300px;
	height: 72px;
	margin-top: 20px;
}
.join a {
	display:block;
	width: 300px;
	height: 72px;
	padding:0;
	background: url("img/join.png") 0 0 no-repeat;
	text-decoration: none;
}
.join a:hover {
	background-position: 0 -72px;
}