body { 
	background: url("/images/bg_grey.jpg") repeat-x left top #333;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
	
body, div, table, td {
	font-family: Arial;
	font-size: 13px;
	color: #333;
}
input, textarea, select {
	font-family: arial, sans-serif, verdana;
	font-size: 12px;
	color: #000;
}
a, a:link, a:visited {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
	
	
/* Session: The message about who you are signed in as w/ option to sign out. */
.Session {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	right: 36px;
	top: 22px;
}
.Session a, .Session a:link, .Session a:visited {
	text-decoration: none;
	color: #333;
}
.Session a:hover {
	color: #cc0000;
	text-decoration: none;
}

/* SiteContainer: A div that encloses the entire application - allowing for borders and special padding. */
.SiteContainer {
	min-width: 770px;
	margin-top: 0px;
	padding-bottom: 20px;
}

/* Head: The banner/menu container. */
.Head {
	border: 0; 
}

/* Logo: A container for the logo above the menu. */
.Logo {
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* MenuForum: The main menu, an unordered-list, contained within 
  the Head class. */
#MenuForum {
	list-style: none; 
	padding: 0px;
	margin: 0 0 1px 0;
	text-align: center;
}
#MenuForum li {
	display: inline;
	margin-right: 1px;
	margin-left: 1px;
}

/* TabOn/TabOff: The tabs in the main menu, which can appear different if
  they are identified as the current tab (TabOn). */
.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover,
.TabOff, .TabOff:link, .TabOff:visited, .TabOff:hover {
	position: relative;
	padding: 6px;
	padding-top: 2px;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}
.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover {
	padding-bottom: 2px;
	border: 1px solid #666;
	border-bottom: 0px;
	font-weight: bold;
	background: #fff;
	color: #000;
}
.TabOff, .TabOff:link, .TabOff:visited {
	padding-bottom: 1px;
	background: #333;
	color: #ccc;
}
.TabOff:hover {
	background: #555;
	padding-bottom: 1px;
	color: #fff;
}

/* Body: The element containing everything below the Head (panel and
  page content). */
.Body {
	border: 1px solid #333;
	background: #fff;
	float: left;
	width: 100%;
	padding-bottom: 25px;
}
.body_buffer {
	padding: 30px;
}


#left_panel {
	background: #eee;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0px;
	padding:10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	z-index:100;
    display:inline;
}

#center_panel {
	position:relative;
	padding:20px 190px 0 260px;
}

#center_panel_front_page {
	position:relative;
	padding:20px 380px 0 260px;
}

#right_panel {
	background: #eee;
	position:relative;
	top:0px;
	right:0px;
	float:right;
	width:150px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px; /* actual value */
	margin:0;
	padding:0 10px 0 10px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index:99;
    display:inline;
}

#right_panel2 {
	background: #fbfbfb;
	position:relative;
	top:0px;
	right:0px;
	float:right;
	width:150px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px; /* actual value */
	margin:0;
    padding:0 10px 0 10px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index:99;
    display:inline;
}


h1 {
	color: #333;
	font-size: 1.5em;
	border-bottom: 1px solid #ccc;
	border-left: 3px solid #cc0000;
	padding-left: 5px;
	margin-bottom: 10px;
}
h2 {
	color: #fff;
	font-size: 1.2em;
	border-bottom: 1px solid #333;
	border-left: 3px solid #cc0000;
	padding: 2px 0 0 5px;
	margin-bottom: 10px;
	background-color:#666;
}

.block_header {
	margin: 0 -10px 10px -10px;
	padding: 5px 0 4px 10px;
	background: url("/images/block_header_bg.jpg") repeat-x left top #eee;
	color:#333;
	font-weight:bold;
	border-left: 3px solid #cc0000;
	/*
	
	border-top: 1px solid #fff;
	*/
	border-bottom: 1px solid #999;
	
}


h3 {
	margin: 2px;
	font-size: 1em;
}

.small_list {
	padding:0 0 0 10px;
	margin:0 0 20px 0;
	list-style-type: square;
	font-size:.86em;
}
.small_list li{
	margin-top:10px;
}

.small_grey { 	
	color: #999;
	font-family: arial, sans serif;
	font-size: 11px;
	font-weight: normal; }

.small_grey a {
	color: #999;
}

.small_black {
	font-size: 1.1em;
	font-weight: bold;}

.medium_black {
	font-size: 1.4em;
	font-weight: bold;}
	
.large_black {
	font-size: 2.5em;
	font-weight: bold;}	
	
.border_black {
	border: 1px solid #000;}

.pointer {
	color: #000;
	font-size:1.1em;
	font-family: arial;
	}

.confirm {
	background: url(/images/notice.png) 15px 7px no-repeat;
	color:#56a00e;
	font-weight:bold;
	background-color:#dbf4c2;
	border:3px solid #56a00e;
	padding: 20px 20px 20px 75px;
	margin-bottom:10px;
}

.notice {
	background: url(/images/tip.png) 15px 7px no-repeat;
	color:#3c5977;
	font-weight:bold;
	background-color:#E6EAEF;
	border:3px solid #3c5977;
	padding: 15px 15px 15px 75px;
	margin-bottom:10px;
}

.error {
	background: url(/images/alert.png) 15px 7px no-repeat;
	color:#cc0000;
	font-weight:bold;
	background-color:#f1e3e3;
	border:3px solid #cc0000;
	padding: 20px 20px 20px 75px;
	margin-bottom:10px;
}

.comment {
	margin-top: 20px;
}

.caption {
	background-color: #fff;
	margin-top: 20px;
}

/* Footer */
.Links {
	float: right;
}
.Copyright {
	clear: left;
}
.Copyright,
.Links {
	color: #ccc;
	margin-bottom: 20px;
}
.Foot a, .Foot a:link, .Foot a:visited {
	color: #ccc;
	text-decoration: none;
}
.Foot a:hover {
	color: #cc0000;
	text-decoration: none;
}

.reply_form {
	background-color: #eeeeee;
	padding:10px;
}

.content_footer {
	list-style: none; 
	padding: 5px 0 5px 0;
	margin: 20px 0 20px 0;
	text-align: right;
	background: url("/images/content_footer_bg.gif") repeat-x left bottom #fff;
	border-bottom:1px solid #ccc;

	
}
.content_footer li {
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  		font-size:.85em;
}

.content_footer a:link, .content_footer a:visited {
		padding: 2px 10px 5px 10px;
		margin: 0;
		border-right: 1px solid #eee;
		text-decoration: none;
	}

.content_footer a:hover{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background: url("/images/content_footer_bg_reverse.gif") repeat-x left bottom transparent;
}

.content_title {
	margin-bottom: 5px;
	font-size: 1.35em;
	font-weight: bold;
}

.content_title a {
	color: #333;
}

.content_teaser {
	margin-top: 5px;
	line-height: 1.5em;
}

.content_teaser img{
	margin: 0 10px 0 10px;
	border:1px solid #000;
	float:right;
}

.content_thumb {
	float:left;
	margin: 5px 10px 0 0;
	border:1px solid #000;
}

.comment {
z-index:30;
}
.comment img{
	float:left;
	
}

.comment_bubble {
border:1px solid #ccc;
background: url("/images/comment_bg.gif") repeat-x left top #fff;
/*
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	*/
	padding: 10px;
	line-height: 1.5em;
	margin-left: 64px;
	z-index:10;
}

.comment_bubble img{
	border:0;
}

.comment_posted_by {
	color: #999;
	font-family: arial, sans serif;
	font-size: .90em;
	font-weight: normal;
	border-bottom:1px solid #eee;
}

.comment_textarea {
	width:100%;
}

.submit_button {
	
}

.link_button {
	border:1px outset #ccc;
	padding:5px;
	background-color:#ccc;
	margin-bottom:10px;
}


/* ---------------------------------- */





.form_chunk {
	padding:15px;
}

.form_chunk label {
	font-weight:bold;
}

.form-note {
	font-size: 12px;
	display: block;
}






#tab_container
	{
		padding-top: 5px;
		background: #eee;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #333;
	}

#tabnav a:hover
	{
		background: #fff;
	}
	
.thumb_box {
	height: 190px;
	border:1px solid #efefef;
	float:left; 
	margin:10px; 
	padding:10px;
}

.thumb_box img {
	border:1px solid #000;
	margin:0;
}

.photo img {
	border:1px solid #000;
	margin:0;
}
	
.photo_container {
	border:1px solid #333;
	cursor: hand;
}
	
.hit_count {
	padding: 2px 0 0 0;
	margin:0;
	font-weight: bold;
	letter-spacing: -1px;
	text-align:center;
	width:35px;
	height:30px;
	font-size:18px;
	color:#fff;
	border: 1px solid #000;
	background-color:#333;
}

.hit_count a{
	color:#fff;
}

.hit_count_thumb {
	font-weight: bold;
	letter-spacing: -1px;
	text-align:center;
	width:16px;
	height:16px;
	font-size:12px;
	color:#fff;
	padding:2px;
	border: 1px solid #000;
	background-color:#333;
}
.hit_tag {
	padding:0;
	margin:0;
	color: #ccc;
	text-align:center;
	font-size:10px;
	display:table;
	width:35px;
	border: 1px solid #000;
	background-color:#333;
}

.hit_tag a {
	padding: 3px 0 3px 0;
	display:block;
}

.hit_tag a:hover {
	background-color:#cc0000;
	color: #fff;
}

.page_list {
	background: #666;
	display:block;
	text-align:center;
	font-size: 10px;
	margin:15px;
}

.page_list a {
	text-decoration: none;
}

.dead_page {
	background: #eee;
	color: #ccc;
	border: 1px solid #ccc;
	padding:5px;
}

.live_page {
	background: #eee;
	padding:5px;
	border: 1px solid #ccc;
}
/* this breaks hover on top dropdown in IE */
.hit_tag a {
	color: #ccc;
}

.lastfm_list {
	font-size:12px;
	list-style: none;
	margin-left:0;
	padding-left:0;
}

#form_error {
	display: none;
}

.form_error {
	background-color:#f1e3e3;
	border:2px inset #cc0000;
}

.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     margin-left: -30px;
     padding-right: 10px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #ccc;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: -30px;
     padding-top: 30px;
     font-size: 700%;
     color: #ccc;
 }
 

.housebutton {
font-weight: bold;
text-align: left;
margin-bottom: 3px;
margin-top: 3px;
}
.housebutton img {
	padding-right:2px;
	float:left;
}
.housebutton a {
padding: 4px;
text-decoration: none;
display: block;
color: #fff;
background-color: #990000;
border-top: 1px #eecccc solid;
border-left: 1px #eecccc solid;
border-bottom: 1px #660000 solid;
border-right: 1px #660000 solid;
}

.housebutton a:hover {
background-color: #cc0000;
border-top: 1px #660000 solid;
border-left: 1px #660000 solid;
border-bottom: 1px #eecccc solid;
border-right: 1px #eecccc solid;
}