a {
	text-decoration: none;
}
img {
	border: none;
}

/* used for the content title in header.html */
.contentTitle {
	text-align: center; 
	width: 98%; 
	padding: 2px;
	color: #222222;
}

/*******************************************************/
/* styles and layout for user_update.html */
/* needs tidying */
/*******************************************************/
.select-form {
	padding-top: 6px;
	float:left;
}

.select-form select {
	float: left;
	width: 100px;
}

.select-form label {
	float: left;
	color: #4a4a4a;
	font-size: 14px;
	padding-left: 25px;
	width: 84px;
	/*line-height: 20px;*/
}

.wrap {
	overflow: hidden;
	margin-top: 2px;
	height: 24px;
	width:600px;
}

.wrap1 {
	margin-top: 2px;
	height: auto;
	width:600px;
}

input.normalDims {
	width: 200px;
}

select.select-country {
	float: left;
	width: 188px;
}

input.submit-button {
	float:left;
	color: #000000;
	border: 2px solid #333;
	padding: 2px 4px;
	width: 162px;
	height: 24px;
	background-color:#CCC
}

div.submit-wrap {
	margin-top: 2px;
	height: 30px;
	padding-left: 188px;
}

ul.avatar-selection {
	width: 400px;
	overflow: hidden;
	padding-left: 4px;
}

li.avatar-selection {
	font-size: 10pt;
	color: #0000FF;
	padding: 5px 0 0 15px;
	float: left;
	/*margin-left: -10px;*/
}

/*******************************************************/
/* emoticons */
/*******************************************************/
div.emoticons {
	float: left;
}
.emoticons ul {
	width: 400px;
	overflow: hidden;
	padding-left: 4px;	
}

.emoticons li {
	font-size: 10pt;
	color: #0000FF;
	padding: 5px 0 0 15px;
	float: left;
	margin-left: 0px;
}

.emoticons img {
	border-style:solid;
	border-color:#CCC;
	border-width:thin;
}

/*******************************************************/

/************************************/
/* styles and layout for _post.html */
/************************************/
#post-container, .post-container-highlighted {
	position: relative;
	overflow: visible;
	float: left;
	border-style:none;
	height:auto;
	width: 586px; /* width of content area */
	margin: 0 0 20px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.post-container-highlighted div#post-container
{
	background: white;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* total width of these four columns should be less than width of content area (see #post-container and header.html) */
#pos-col { float: left; width: 18px; }
#vote-col { float: left; width: 20px; }
#avatar-col {float: left; width: 55px; }
#post-info { float: left; width: 490px; padding: 0 0 0 5px;}
#post-updated { position: absolute; top: 0px; right: 0px; color: red; font-size: 6px;}
#post-details { padding: 5px 0 5px 0; } /* used inside of #post-info */

/* additional stuff for _comments.html */
#comment-info { float: left; padding: 0 0 0 5px; }
#comment-container { overflow: hidden; float: left; } /* note that the padding-left attribute is assigned in the comments CLASS for comment intentation. */

/**********************************/

/* currently unused. but may come in handy! */
div.autosize { display: table; width: 1px; }
div.autosize > div { display: table-cell; }

div#livefeed {
	height: 220px;
}

ul#livefeed {
	text-align:left;
}

li#livefeed {
	font-size: 9pt;
	color: #000000;
	margin-left: -35px;
	vertical-align: center;
	/*font-variant: small-caps;*/
}

a#livefeed { 
	color:#0000FF; 
	text-decoration:none; 
}

a#livefeed:hover {
	color:#000000; 
	text-decoration:underline;
}
#live-feed-item-container { width: 160px; }
#live-feed-avatar-col { float: left; width: 22px; vertical-align:center; margin-top: 2px;}
#live-feed-text { float: left; width: 126px; padding-left: 4px; padding-bottom: 16px; vertical-align:center;}

#submit-and-register {
	width:100%;
	height: 20px;
	position: relative;
	padding-bottom:9px;
}

#submit {
	position: absolute;
	left:237px;
}

#register {
	position: absolute;
	right:-3px;
	top: -6px;
	padding-top: 3px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
}

/* related keywords */
ul#relatedkeywords {
	width: 100%;
	overflow: hidden;
	padding-left: 4px;
}

li#relatedkeywords {
	font-size: 10pt;
	color: #0000FF;
	padding: 5px 0 0 15px;
	float: left;
	margin-left: -10px;
}

a#relatedkeywords { 
	color:#0000FF; 
	text-decoration:none; 
}

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

/*follow*/
ul.follow {
	width: 100%;
	overflow: hidden;
	padding-left: 2px;
}

li.follow {
	font-size: 10pt;
	color: #0000FF;
	padding: 0px 0 0 5px;
	float: left;
}

.defaultText { 
}
.defaultTextActive { 
	/*font-style: italic; due to some stupid browser bug, the box grows a few pixels wider when style is set to italic. need fixed width*/
	color: #a1a1a1;
}


img.avatar-normal, img.avatar-livebox {
	border: 1px solid black;
	margin: 1px;
}

img.avatar-livebox {
	height: 20px;
	width: 20px;
}

img.avatar-normal:hover, img.avatar-selection:hover {
	border-style: solid;
	border-color: ff7980;
	border-width: 2px;
	margin: 0px;
}


ul {
	list-style: none;
}
/* 
	margin: 1 2 3 4
    * top margin is 1px
    * right margin is 2px
    * bottom margin is 3px
    * left margin is 4px
*/
.nav {
	width: 120px;
	padding: 0px 20px 0px 0px;
	margin: 0px 0 0 0px;
	overflow: hidden;
}
.nav li {
	float: left;
	width: 120px;
}
.nav li a {
	display: block;
	float: left;
	height: 25px;
	color: #000000;
	text-indent: 0px;
}

body  { font-family:arial; font-size:10pt; color:#727272; }
td    { font-family:arial; font-size:10pt; color:#727272; }

.admin td   { font-family:arial; font-size:8.5pt; color:#000000; }
.subtext td { font-family:arial; font-size:  7pt; color:#727272; }

input    { font-family:arial; font-size:10pt; color:#000000; }
input[type=\"submit\"] { font-family:arial; }
textarea { font-family:arial; font-size:10pt; color:#000000; }

a:link    { color:#000000; text-decoration:none; }
a.link:hover { color:#727272; text-decoration:underline;}
a:visited { color:#727272; text-decoration:none; }
a:visited:hover { color:black; text-decoration:underline;}
a.largelink, a.discusslink { text-decoration:underline; font-size:10pt; color:black; }

a.headerlink {color:black;}
a.headerlink:hover { text-decoration: none; }

a.showDesRest { font-size:10pt; font-weight: bold;  color:#000000; text-decoration:underline; }
/*
#banner{
	background-image:url('images/cartridge-background.gif');
}*/
input.image{
	border-radius: 8px;
	border-style:solid; 
	border-color: #fffafa;
	border-width: 2px;
	}
input.image:hover{
	border-radius: 8px;
	border-style: inset; 
	border-color: #fffafa; 
	border-width: 2px;
	}
input.image-rollover{
	background-color: none;
	border-style:none; 
	border-width: 0px;
	}
	

.box, .paddedbox, .rightpaddedbox {
	border-top:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.paddedbox {
	padding:10px;
}
.rightpaddedbox{
	padding-right:  5px;
}
.mainbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	/*
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding:30px*/
	border-top:2px solid #CCCCCC;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:10px;
	background-color: #ffffd9;
}
.categoryBox {	
	font-family:Arial, Helvetica, sans-serif;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	padding-left: 90px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}

.whitebox, .paddedwhitebox, .rightpaddedwhitebox, #register, .userwhitebox {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.paddedwhitebox, .rightpaddedwhitebox {
	padding: 12px;
}
.rightpaddedwhitebox {
	padding-left: 0px;
}
.loginbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	border-top:3px solid #CCCCCC;
	border-left:3px solid #CCCCCC;
	border-right:3px solid #999999;
	border-bottom:3px solid #999999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
}
.highlightedbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background: #fffafa;
	border-top:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px
}

.highlightedreminder { font-family:arial; font-size:8pt; color:red; text-decoration:underline; font-weight: bold; }
.highlightedreminder:hover { color:black; }

h1{color:black;}
img.highlightable-img:hover{ opacity:0.5;    }
.default { font-family:arial; font-size: 10pt; color:#727272; }
.admin   { font-family:arial; font-size:8.5pt; color:#000000; }
.title   { font-family:arial; font-size: 11pt; color:#727272; }
.title:hover { color:gray; }
.titledesc { font-family:arial; font-size: 9pt; color:#727272; }
.title   { font-family:arial; font-size: 11pt; color:#727272; }
.adtitle { font-family:arial; font-size:  9pt; color:#727272; }
.subtext { font-family:arial; font-size:  7pt; color:#727272; }
.footerlinks { font-family:arial; font-size:  8pt; color:#727272; }
.pagetop { font-family:arial; font-size: 10pt; color:#222222; }
.cat {font-size:10px;}
.comhead { font-family:arial; font-size:  8pt; color:#727272; }
.comtitle { font-family:arial; font-size:  11pt; color:#222222; text-decoration:underline; font-weight: bold;}
.comment { font-family:arial; font-size:  10pt; color:#222222;}
.dead    { font-family:arial; font-size:  9pt; color:#dddddd; }

/*font-weight: bold; text-decoration: underline; font-size: 12pt; color: white;*/

.categoryHeader { 
font-family:arial; font-size: 10pt; color:#222222;

}

#selectedCategory {
	font-weight: bold;
}

.categoryHeader:hover { text-decoration:underline; font-weight:bold;}
.sectionHeader { 
	font-family:arial; 
	font-size: 10pt; 
	color:#222222; 
	font-weight:bold;
}

.comment a:link, .comment a:visited { text-decoration:underline;}
.dead a:link, .dead a:visited { color:#dddddd; }
.pagetop a:visited { color:#000000;}
.topsel a:link, .topsel a:visited { color:#ffffff; }

.subtext a:link, .subtext a:visited { color:#727272; }
.subtext a:hover { text-decoration:underline; }

.comhead a:link, .subtext a:visited { color:#727272; }
.comhead a:hover { text-decoration:underline; }

.default p { margin-top: 8px; margin-bottom: 0px; }

.pagebreak {page-break-before:always}

pre { overflow: auto; padding: 2px; max-width:600px; }
pre:hover {overflow:auto}

/*.lSidebar*/
div.lSideBar {
	width:125px;
}

/*underlined list*/
.lSideBar ul, ul.underlinedList {
	list-style-type: disc;
	text-align: left;
}
.lSideBar a, a.underlinedListLink { 
	color:#333; 
	text-decoration:none; 
}
.lSideBar a:hover, a.underlinedListLink:hover {
	color:black; 
	/*font-weight:bold; causes issues*/
	text-decoration:underline;
}
.lSideBar li, li.underlinedListItem {
	margin-left:-25px;
}

/**********************************************/
/* Styles for the entire LavaLamp menu */
/**********************************************/
.lavaLamp {
    position: relative;
    height: 29px;
    /*background: url("images/bg.gif") no-repeat top;*/
    padding: 1px; margin: 2px 0;
    overflow: hidden;
}
/* Force the list to flow horizontally */
.lavaLamp li {
	float: left;
	list-style: none;
	padding-left:2px;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	background: url("images/lavaWhite.gif") no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}
.lavaLamp li.back .left {
	background: url("images/lavaWhite.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative; overflow: hidden;
	text-decoration: none;
	/*text-transform: uppercase;*/
	/*font: bold 11px arial;*/
font: 13px arial;
	color: #222222; outline: none;
	text-align: center;
	height: 30px; top: 7px;
	z-index: 10; letter-spacing: 0;
	float: left; display: block;
	margin: auto 10px;
}
.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
	border: none;
	text-decoration:none;
}
/***********************************************************/
/* Main banner classes */
/************************************************************/
.main-banner-text{
	background: none;
	float: left;
	margin-top: 20px;
	padding-left:25px;
	padding-right:2px;
	vertical-align: center;
	font-size: 26px;
	font-weight: bold;
	color:#222222;
}

/*******************************************************************/
/* Slide menu classes */
/******************************************************************/
.sm {list-style:none; width:589px; height:100px; display:block; overflow:hidden; padding:0px; margin:0px;}
.sm li {float:left; display:inline; overflow:hidden; color:#000000;}

.post-preview-images {
	padding-top: 5px;
}

.new-notifier {
	color: red; 
	 font-size: 7px;
	 font-weight: italic;
	 margin-left: 3px;
	 padding-bottom: 10px;
	 vertical-align: 38%;
}

.newly-notified {
	font-weight: bold;
}

.userwhitebox, .userwhitebox:visited {
	color: #000000;
	font-weight: italic;
	padding-left: 3px;
	padding-right: 3px;
	padding-top:1px;
	padding-bottom: 2px;
	text-decoration: underline;
}

.userwhitebox:hover, #register:hover {
	background: #ff7980;
}

/*********************************************************/

/* old styles which need to be updated for pm_inbox_entry.html */
.alt1, .alt1Active {
background:none repeat scroll 0 0 #FAFAFA;
color:#000000;
}
.alt2, .alt2Active {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
}
.smallfont {
font:11px/14px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
color:#666686;
}
.time {
color:#666686;
}
.tborder {
background:none repeat scroll 0 0 #AAAAAA;
color:#000000;
}