body {
	margin: 0px;
	padding: 0px;
	background: #c0c2bb url(/images/body_bg.jpg) center top;
	font-family: Helvetica, Arial, sans-serif;
}
a {	color:#ffd200; text-decoration: none; outline:none; }
a:hover {	text-decoration: underline; }
a img { border: none; }

.floatleft { float: left; }
.floatright { float: right; }

.spacer { margin: 0px; padding: 0px; clear: both; height: 0px; width: 0px; }

#footer {
	background: url(/images/footer_bg.jpg) repeat-x center top;
	margin: 0px;
	padding: 10px 0px 50px;
	color: #558b91;
	font: 10px/10px Helvetica, Arial, sans-serif;
}
#footer .content {
	margin: 0px auto;
	padding: 0px;
	width: 895px;
}
#footer a {
	font-weight: bold;
	color: #558b91;
}

#container {
	margin: 0px;
	padding: 0px 0px 30px;
	background: url(/images/page_bg.jpg) center top;
}

#innercontainer {
	background: url(/images/inner_bg.jpg) repeat-x center top;
}
#contentcontainer {
	min-height: 700px;
}
#content {
	margin: 0px auto;
	padding: 0px;
	width: 935px;
}
#login {
	margin: 0px;
	padding: 4px;
}
#logo {
	margin: 0px;
	padding: 0px;
	height: 160px;
	overflow: hidden;
}
#logo .content {
	margin: 0px;
	padding: 23px 0px 0px;
	float: left;
	width: 200px;
}
#logo h2 {
	color: #FFFFFF;
	font: bold 18px/18px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#logo h1 {
	font-size: 24px;
	line-height: 24px;
	color: #58dfec;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#logo .floatleft {
	padding-top: 95px;
}
#login ul {
	margin: 10px 0px 0px 20px;
	padding: 0px;
	border-top: 1px solid #3aabbd;
	list-style: none;
	width: 145px;
}
#login ul a {
	color: #ffc946;
	font-weight: bold;
}
#login ul li {
	border-bottom: 1px solid #53a49e;
  color:#fff;
  font-weight:bold;
	list-style: none;
	margin: 0px;
	padding: 5px 0px;
}
#login .floatright {
	margin: 0px 20px 0px 0px;
	padding: 0px;
}
#menu {
	margin: 10px 0 0;
	padding: 0px;
	width: 935px;
	height: 70px;
	text-align: left;
}
#infocolumn {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 160px;
	float: left;
}
#maincolumn {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	width: 395px;
}
#extracolumn {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	width: 300px;
}
#maincolumn h3 {
	font-size: 22px;
	line-height: 22px;
	margin: 0px;
	padding: 18px 0px 12px;
	color: #f9f5f3;
}
#content .box {
	margin: 0px 0px 20px;
	padding: 0px;
	font: 12px/17px "Lucida Sans", Verdana, Arial, sans-serif;
	color: #FFFFFF;
}
#content #recent, #content #poll {
	background: #005f71 url(/images/blue_bg.jpg);
}
#content #favourites {
	background: #60702a url(/images/favourites_bg.jpg);
}
#content .unit {
	font: 12px/17px "Lucida Sans", Verdana, Arial, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 20px;
	padding: 0px;
}
#content .box .content {
	padding: 15px;
}
#content .unit .content {
	padding: 18px;
	background: #828f1b url(/images/unit_bg.jpg);
}
#content .box .dotcontent {
	padding: 15px;
	background: url(/images/dotline.gif) repeat-x;
}
#content .box h3 {
	margin: 0px;
	padding: 0px 0px 12px;
	font: bold 16px/17px Helvetica, Arial, sans-serif;
}
#content .box p {
	margin: 0px;
	padding: 0px 0px 12px;
}
.bump {
	padding-bottom: 10px;
}
#content .box p.dotted {
	margin: 0px;
	padding: 10px 0px 12px;
	background: url(/images/dotline.gif) repeat-x;
}
form {
	margin: 0px;
	padding: 0px 0px 10px;
}

#content .box h2 {
	margin: 0px;
	padding: 0px 0px 12px;
	font: bold 32px/32px Helvetica, Arial, sans-serif;
}
label {
	font-size: 12px;
	font-weight: bold;
}
.smallunit {
	margin: 0px;
	padding: 0px 0px 12px;
	font-size: 11px;
	line-height: 15px;
}
.smallunit .floatright {
	margin: 0px;
	padding: 0px;
	width: 165px;
}
.border { border-bottom: 1px solid #555d12; background: #E9EFE9; margin: 0px; padding: 5px; width:385px; }
.fav-border img { border: 5px solid #E9EFE9; display:block; height:80px; width:80px; }
.video-border, #video-player { background:#E9EFE9; border-bottom: 1px solid #555d12; padding:10px 10px; }

.smallunit h1 {
	font: bold 22px/24px Helvetica, Arial, sans-serif;
	color: #f8ba23;
	margin: 0px;
	padding: 0px 0px 5px;
}
.smallunit p {
	margin: 0px !important;
	padding: 0px !important;
}
#content .unit .header {
	background: url(/images/unit_header.png) no-repeat left top;
	height:24px;
	margin: 0px;
	padding: 3px 3px 0px 0px;
	overflow: hidden;
	text-align: right;
}
#content .unit h4 {
	margin: 0px;
	padding: 0px;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	color: #4a5b17;
	text-transform: uppercase;
}
#content .unit h1 {
	font: bold 30px/30px Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #ffd200;
}
#content .unit p {
	margin: 0px;
	padding: 0px 0px 14px;
}
#content .unit h1 a {
	color: #ffd200;
}

#content .unit .label {
	color: #fff;
}

#content .unit #user_avatar { width:250px; }

.new-post { margin-bottom:20px; }
.newer-posts { float:right; }
.older-posts { float:left; }

.votecontrols {
	background: url(/images/favourites_bg.jpg);
	padding: 5px;
	float: right;
	font: bold 26px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	margin: -5px -5px -5px 0px;
}

.votecount, .voteaction { float:left; margin:0 4px; }
.votecount { margin-top:4px; }
.voteaction {}
.votecomment { float:right; font-size:14px; margin:6px 4px 0; }

#content .unit .topcontent {
	padding: 0px 18px 12px;
	background: #828f1b url(/images/unit_bg.jpg);
}
.smallunit h1 a {
	color: #f8ba23;
}
#recent .content {
	background: url(/images/corner_blue.jpg) no-repeat right bottom;
}
#poll .content {
	background: url(/images/corner_blue.jpg) no-repeat right bottom;
}
#favourites .content {
	background: url(/images/corner_green.jpg) no-repeat right bottom;
}
#menu img {
	border: none;
}
#poplinks {
	text-align: right;
	margin-top: -15px !important;
	margin-bottom: 10px !important;
	position: relative;
	
}
#jumpto {
	position: absolute;
	left: -34px;
	top: 20px;
}
.comment {
	background: url(/images/favourites_bg.jpg);
	padding: 10px;
	margin: 8px 0px 6px;
	font: 12px/16px Helvetica, Arial, sans-serif;
}
.comment a {
	color: #f8ba23;
}
.comment .attribution {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 6px;
	padding: 0px 0px 6px;
	border-bottom: 1px solid #788613;
}
.comment h3 { font-size:18px !important; margin:0 !important; padding:0 !important; }

.submit {
  background:url(/images/button_submit.gif) no-repeat;
  border:0;
  height:31px;
  width:114px;
}
.vote {
  background:url(/images/button_vote.gif) no-repeat;
  border:0;
  height:31px;
  width:114px;
}

.ad-728 { height:90px; width:728px; } 

/*------------- notices --------------- */
#notification-bar{
  position:fixed;
  top:0;left:0;
  color:#000;
  width:100%;
  cursor:pointer;
  background:white;
  font-size: 24px;
  display: none;
  text-align: center;
  padding: 30px 0px;
  z-index: 1000;
  border-bottom: 1px solid #999;
  opacity: 0.85;
}

#warning { 
  position: fixed;
  top: 35%;
  left: 40%;
  width: 400px;
  background: #FFC9C9;
  border: 2px solid red;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  z-index: 1000;
  color: red;
  padding: 50px 0px; 
  opacity: 0.85;
}

/*--------------- forms ------------- */
table.form {
	font-size: 10px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
	margin-top: 0px;
	border-top: 1px solid #d2d0bf;
}
.label { 
  font-size: 9px;
  font-weight: bold;
  color: #665E59;
  text-transform: uppercase;
  vertical-align: top;
  line-height: 11px;
}

table.form tr td { padding: 6px; border-bottom: 1px solid #d2d0bf; vertical-align: top; }
table.form tr td img { vertical-align: middle; }
table.form td.label { width: 20%; padding-top: 10px; }
table.form td.control {width: 80%; vertical-align: top; }
input.textfield, textarea { border: 1px solid #999; padding: 4px;}


/*------------- user profile --------------- */
.profileimage {
	padding: 5px;
	float: left;
	margin: 0px 15px 15px 0px;
	background: #FFFFFF;
	border-bottom: 1px solid #A7A7A7;
}


.blurbcontent h3 {
	font-size: 13px;
	line-height: 13px;
	margin: 0px;
	padding: 3px 0px;
}

.blurbcontent h3 a { color: #542280; }


#container #issue-popup { 
  display: block; 
  position: absolute; 
  width: 170px; 
  height: 81px; 
  background: blue !important;
  opacity: 0.0;
  filter: alpha(opacity=00);
  z-index: 50; 
  right: 5px; 
  top: 105px; }