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

CSS NORMALIZATION

- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
- modified from WaMu.com
*/


div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, p, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; padding:0px; margin:0px; font-size:inherit; font-size:100%;}
input, textarea, select {font-family: inherit;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}

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

body, table, td, img
{
	margin:0px;
	border:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
	}

/*body {background-color:#4D5A5A;behavior:url("../include/csshover.htc");}*/
body {background-color:#B0B6BB;behavior:url("../include/csshover.htc");}

* {
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#3d3d3d;
   }


h1 {font-size:14px;font-weight:bold;padding:20px 0px 10px 0px;}
h2 {font-size:12px;font-weight:bold;padding:10px 0px 0px 0px;}


p, table {padding:10px 0px;}
td {vertical-align:top;padding:2px;}

ul, ol {padding: 10px 0px 10px 18px;margin-left:20px;margin-right:20px;}
li {padding:2px 0px;}

a {color:#006699;text-decoration:none;}
a:visited {color:#006699;text-decoration:none;}
a:hover {color:#006699;text-decoration:underline;}
a:active {color:#006699;text-decoration:none;}

/* If you need a list moved up so that it looks like a part of the paragraph before it, use this class. Also works for headers and tables. */
.moveup {margin-top:-18px;}

.bottomwhitedotted {background:url("../images/dotted_horizontal_white.gif") repeat-x bottom;margin-bottom:20px;padding-bottom:20px;}

#wholepage
{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
}

#topnav {clear:both;margin:0px;padding:0px;color:#ffffff;background:url("../images/menu_bgnd.jpg") repeat-x left;width:800px;height:30px;}
	
#topnav ul li ul {display:none;}
#topnav ul li:hover ul, div#topnav ul li ul:hover {display:block;}

#topnav ul li ul li ul {visibility:hidden;}
#topnav ul li ul li:hover ul {visibility:visible;}

a.menuleftbar {border-left:solid 1px #444546;width:158px;}
	
#topnav a {padding-top:10px;margin:0px;color:#ffffff;text-decoration:none;font-size:10px;line-height:10px;display:block;width:159px;height:20px;white-space:nowrap;}
#topnav a:visited {color:#ffffff;}
#topnav a:hover {color:#c2cd23;}
#topnav a:active {color:#c2cd23;}

#topnav ul {margin:0px;padding:0px; list-style:none; border:none;width:800px;}
#topnav li {float:left;position:relative;z-index:500;width:160px;text-align:center;padding:0px;margin:0px;}

* html #topnav ul li a {padding-top:10px;padding-left:auto;padding-right:auto;text-align:center;}
#topnav ul li a {padding-top:10px;text-align:center;}

#topnav ul li ul {margin:0px 0px 0px 0px;padding:0px;position:absolute;z-index:500;left:0px;top:30px;width:auto;}
* html #topnav ul li ul {padding:0px;margin:0px;width:159px;left:0px;}
/*#topnav ul li ul li {width:143px;padding:1px 8px;margin:0px;background:url("../images/menu_bgnd.jpg") repeat-x left;border-left:solid 1px #444546;display:block;}
#topnav ul li ul li a {width:143px;font-size:11px;font-weight:normal;text-align:left;height:18px;padding-top:5px;}
#topnav ul li ul li a:visited {width:143px;font-size:11px;font-weight:normal;}
#topnav ul li ul li a:hover {width:143px;font-size:11px;font-weight:normal;}
#topnav ul li ul li a:active {width:143px;font-size:11px;font-weight:normal;} */

/* Suggested change by Alex 16Oct08 - worked except for top padding - I set that to 6px. - TKM */
#topnav ul li ul li {width:159px;padding:1px 0px 1px 0px;margin:0px;background:url("../images/menu_bgnd.jpg") repeat-x left;border-left:solid 1px #444546;display:block;}
#topnav ul li ul li a {width:143px;padding:6px 8px 0px 8px;font-size:11px;font-weight:normal;text-align:left;height:18px;}
#topnav ul li ul li a:visited {width:143px;padding:6px 8px 0px 8px;font-size:11px;font-weight:normal;}
#topnav ul li ul li a:hover {width:143px;padding:6px 8px 0px 8px;font-size:11px;font-weight:normal;}
#topnav ul li ul li a:active {width:143px;padding:6px 8px 0px 8px;font-size:11px;font-weight:normal;}

#topnav ul li ul li ul {top:0px;left:159px;width:113px;}

#topnav ul li ul li ul li  {width:135px;}
#topnav ul li ul li ul li a {width:135px;font-size:11px;font-weight:normal;}
#topnav ul li ul li ul li a:visited {width:135px;font-size:11px;font-weight:normal;}
#topnav ul li ul li ul li a:hover {width:135px;font-size:11px;font-weight:normal;}
#topnav ul li ul li ul li a:active {width:135px;font-size:11px;font-weight:normal;}


#toputil {background-color:#000000;color:White;height:30px;width:800px;z-index:1;}

#toputil ul {float:right;padding:0px;margin:0px; list-style:none; border:none;z-index:2;}

#toputil li {float:left;padding: 6px 16px 0px 16px;margin:0px;position:relative;z-index:500;text-align:right; white-space:nowrap;font-size: 10px;background:url("../images/utility_bar.gif") no-repeat right;z-index:3;}
#toputil li.nobar {background:none;white-space:nowrap;width:210px;padding: 6px 3px 0px 16px;margin:0px;}

#toputil a {color:#ffffff;margin:0px;padding-top:3px;text-decoration:none;display:block;height:20px;white-space:nowrap;float:left;line-height:12px;z-index:4;}

#toputil input {position:relative;top:0px;margin-right:6px;width:120px;display:block;float:left;z-index:5;}

#toputil .signinbullet {background-image:url("../images/signin_bullet.gif");background-repeat: no-repeat;padding-left:22px;padding-right:2px;background-position: 0px 1px;}

/* second and third levels */
#main {width:800px;clear:both;background:url("../images/subpage_bgd.gif") repeat-y left;}
#mainadmin {width:800px;clear:both;background-color:white;}

#leftnav {float:left;width:165px;padding:30px 0px;}
* html #leftnav {float:left;width:135px;padding:30px 0px;}
#leftnav h1 {font-size:16px;padding:0px 15px 10px 15px;font-weight:normal;}
#leftnav a {text-decoration:none;color:#696969;}
#leftnav a:visited {text-decoration:none;}
#leftnav a:hover {text-decoration:none;}
#leftnav a:active {text-decoration:none;}

#leftnav ul {list-style:none; border:none;margin:0px;padding:0px;}
#leftnav ul li {margin:0px;padding:0px;}
#leftnav ul li a {width:119px;padding-left:46px;padding-top:7px;padding-bottom:4px;display:block;background:url("../images/leftnav_bullet.gif") no-repeat 13px 3px;color:#696969;}
#leftnav ul li a.selected, #leftnav ul li a:hover {width:119px;padding-left:46px;padding-top:7px;display:block;background-color:#8B8B8B;background-image:url("../images/leftnav_bullet_selected.gif");background-repeat: no-repeat; background-position: 13px 3px;color:#ffffff;}
/*#leftnav ul li a:hover {width:119px;height:22px;padding-left:46px;padding-top:7px;display:block;background-color:#8B8B8B;background-image:url("../images/leftnav_bullet_selected.gif");background-repeat: no-repeat; background-position: 13px 3px;color:#ffffff;} */

#leftnav ul li ul {border:none;margin:0px;padding:0px;}
#leftnav ul li ul li {}
#leftnav ul li ul li a {background-image:url("../images/leftnav_bullet_l2.gif");background-repeat: no-repeat; background-position: 46px 13px;width:107px;padding-left:58px;background-color:#C4C4C4;color:#ffffff;border-bottom:solid 1px #F3F3EB;}
#leftnav ul li ul li a.selected, #leftnav ul li ul li a:hover {background-image:url("../images/leftnav_bullet_l2_selected.gif");background-repeat: no-repeat; background-position: 46px 13px;width:107px;padding-left:58px;background-color:#C4C4C4;color:#000000;}
/*#leftnav ul li ul li a:hover {background-image:url("../images/leftnav_bullet_l2_selected.gif");background-repeat: no-repeat; background-position: 46px 13px;width:107px;padding-left:58px;background-color:#C4C4C4;color:#000000;}*/

#leftnav ul.resources {list-style:none; border:none;margin:40px 15px;padding:0px 0px 4px 0px;background:url("../images/dotted_horizontal.gif") repeat-x bottom;width:130px;}
#leftnav ul.resources li.title {background:url("../images/dotted_horizontal.gif") repeat-x top;padding:30px 0px 18px 0px;font-weight:bold;color:#41413F;}
#leftnav ul.resources li {border:none;padding:0px 0px 18px 0px;font-weight:normal;}
#leftnav ul.resources a {padding:0px;margin:0px;background:none;}
#leftnav ul.resources a:visited {padding:0px;margin:0px;background:none;color:#696969;}
#leftnav ul.resources a:hover {padding:0px;margin:0px;background:none;color:#696969;}
#leftnav ul.resources a:active {padding:0px;margin:0px;background:none;color:#696969;}

/* main content on sub pages */
#content {float:left;width:414px;margin:0px;padding:10px 30px 20px 30px;}

#admincontent {float:left;width:414px;margin:0px;padding:10px 30px 20px 30px;}


/* right side panel */
#rightbar {float:left;width:123px;padding:30px 19px;}

#rightbar ul {list-style:none; border:none;margin:0px 0px 40px 0px;padding:0px 0px 4px 0px;background:url("../images/dotted_horizontal.gif") repeat-x bottom;width:123px;}
#rightbar ul li.title {padding:0px 0px 18px 0px;font-weight:bold;color:#41413F;}
#rightbar ul li {border:none;padding:0px 0px 18px 0px;margin:0px;font-weight:normal;}

#rightbar a {text-decoration:none;color:#696969;}
#rightbar a:visited {text-decoration:none;color:#696969;}
#rightbar a:hover {text-decoration:none;color:#696969;}
#rightbar a:active {text-decoration:none;color:#696969;}


#icons img {padding:0px;margin:0px;border:0px;border-collapse:collapse;}
#icons a {margin-right:12px;margin-bottom:14px;height:15px;line-height:12px; vertical-align:top;}
#icons a:hover {height:15px;background-image:url("../images/icon_hover_bkgnd.gif");} 
* html #icons a:hover {background-image:url("../images/icon_hover_bkgnd.gif");height:15px;}


#rightbar ul img {margin-right:0px;margin-bottom:14px;}

/* home page only */
#indexmain {background-image:url("../images/indexmain_top_reversed.gif");background-repeat:repeat-x;background-position:top left;padding-top:8px;font-size:12px;line-height:16px;}
#indexmain h1 {font-size:22px;line-height:22px;padding-top:0px;font-weight:normal;color:#3c3c3c;}
#indexmain a {white-space:nowrap;}

#indextop {background-image:url("../images/indexmain_panels_reversed.gif");background-repeat:repeat-y;background-position:top left;}


#events {float:left;display:inline;padding:20px 17px;width:232px;}
#events ul {margin:0px;margin-left:-3px;padding:0px;list-style:none;}
#events li {padding-left:28px;padding-top:4px;padding-bottom:6px;margin:0px;background:url("../images/news_bullet.gif") no-repeat 0px -2px;}

#news {float:left;display:inline;padding:20px;width:226px;
}
#indexc3 {float:left;display:inline;padding:20px;width:226px;}

#indexmid {clear:both;background-color:#ECEEDE;padding:20px 20px 0px 20px;margin:0px;width:760px;}
#indexmid h1 {background:url("../images/dotted_horizontal.gif") repeat-x bottom;}

#indexmidwrap {background:url("../images/dotted_horizontal.gif") repeat-x bottom;padding-top:10px;padding-bottom:10px;width:760px;}
* html #indexmidwrap {padding-bottom:0px;}

#indexmidwrap img {float:left;margin-right:20px;}

#indexmidleft {float:left;width:360px;background:url("../images/dotted_vertical.gif") repeat-y right;padding:0px 20px 0px 0px;}
#indexmidright {float:left;width:360px;padding:0px 0px 0px 20px;}

#indexbottom {background-color:#DCDECE;padding:20px;margin:0px;width:760px;}
/* end home page only */


/* footer */
#footer {clear:both;width:791px;padding:4px 0px 4px 9px;font-size: 9px;font-weight:normal;color:#ffffff;background-color:#2F3B3B;}
#footer ul {margin:0px 0px 2px 0px;padding:0px;font-size: 9px; list-style:none; border:none; }
#footer li {margin-left:7px;color:#ffffff;display:inline;font-size: 9px;}
#footer li.bar {margin-left:4px;padding-left:8px;background:url("../images/bar.gif") no-repeat left;}
#footer a {font-size: 9px;font-weight:normal;color:#ffffff;text-decoration:underline;}
#footer a:visited {font-size: 9px;font-weight:normal;color:#ffffff;}
#footer a:active {font-size: 9px;font-weight:normal;color:#ffffff;}
#footer a:hover {font-size: 9px;font-weight:normal;color:#ffffff;text-decoration:none;}




/*----------------------------
					 Blog
----------------------------*/

#blogmain {width:800px;padding-top:20px;clear:both;background:url("../images/blog_bgd.gif") repeat-y left;}

a.taggedlink {font-size:14px;font-weight:bold;padding:20px 0px 0px 0px;}

#postnavigation{
	margin-bottom: 10px;
	text-align: center;
	color: Gray;
	background: white;
	border: 1px solid silver;
	padding: 3px;
}

/*----------------------------
					 Widgets
----------------------------*/

div#widgetzone{
	padding: 0;
	background: none;
}

div#widgetzone .clear{
	clear: left;
}

div.widget{
	background: white;
	border: 1px solid silver;
	padding: 10px 15px;
	margin-bottom: 10px;
	z-index: 1;
	min-width: 1px;
}

div.widget .content{
	line-height: 16px;
	color: #666666;
}

div.widget h4{
	font-size: 15px;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 5px;
	z-index: 0;
	color: #999999;
	letter-spacing: 1px;
}

div.widget a.edit{
	font-size: 10px;
	font-weight: normal;
	float: right;
	z-index: 1;
}

div.widget a.delete{
	font-weight: bold;
	color: #999999;
	float: right;
	margin-left: 5px;
	z-index: 1;
	text-decoration: none;
}

div.widget a.delete:hover{
	color: black;
}

#widgetzone .widget ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

#widgetzone .widget ul li {
	margin-bottom: 3px;
}

#widgetzone div.search{
	background: none;
	border: none;
	padding-left: 10px;
}

#widgetzone img.rssButton {
	margin-right: 3px;
}

/*----------------------------
					 Blogroll
----------------------------*/

#blogroll ul {
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0px;
}

#blogroll ul li ul li a {
	margin-left: 25px;
	color: #666666;
}

#blogroll ul li a img {
	border: none;
	margin-right: 3px;
}

/*----------------------------
					 Posts
----------------------------*/

div.post, .mceContentBody {
	border: 1px solid silver;
	padding: 3px 10px;
	margin-bottom: 20px;
	background-color: white;
	line-height: 17px;
}

div.post h1, .mceContentBody h1 {
	margin: 5px 0 0 0;
}

div.post .author {
	color: #666666;
	font-size: 10px;
	float: left;
	text-transform: capitalize;
}

div.post .pubDate {
	color: #666666;
	font-size: 10px;
	float: right;
}

div.post .text {
	margin-top: 30px;
}

div.post .text h2 {
	margin-bottom: -10px;
}

div.post .text h3 {
	font-size: 11px;
	margin-bottom: -10px;
	padding: 0;
}

div.post .footer {
	text-align: right;
	border-top: 1px dashed silver;
	padding-top: 4px;
	padding-bottom: 2px;
}

div.post .bottom {
	margin-bottom: 45px;
}

div.post .categories {
	margin-bottom: 5px;
	float: right;
}

div.post .tags {
	float: left;
	margin-bottom: 5px;
}

div.post .text a[href^="http:"] {
	background: url(../../pics/remote.gif) right top no-repeat;
	padding-right: 10px;
  white-space: nowrap;
}

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts div {
	background: white;
	padding: 5px 10px 10px 10px;
	border: 1px solid silver;
}

#relatedPosts h1 {
	margin: 0 0 10px 0;
}

#relatedPosts p
{
	font-size: 15px;
	letter-spacing:1px;
	font-weight: bold;
}

#relatedPosts a {
	display: block;
	margin-top: 5px;
}

#relatedPosts span {
	color: #666666;
	text-indent: 10px;
	font-size: 10px;
}

/*----------------------------
				Recent posts
----------------------------*/

ul.recentPosts li{
	padding-bottom: 10px;
}

ul.recentPosts li a{
	font-weight: bold;
}

ul.recentPosts li span{
	display: block;
	text-indent: 10px;
	text-transform: none;
}

/*----------------------------
			Recent comments
----------------------------*/

ul.recentComments li{
	padding-bottom: 10px;
	text-transform: none;
}

ul.recentComments li a.postTitle{
	font-weight: bold;
}

/*----------------------------
			Social bookmarks
----------------------------*/

.bookmarks {
	float: left;
}

/*----------------------------
					Comments
----------------------------*/

.comment {
	border: 1px solid silver;
	background-color: white;
	padding: 3px 10px;
	margin-bottom: 10px;
}

.comment .date {
	font-size: 10px;
	color: #666666;
	text-align: right;
	margin: 0;
	padding: 3px 0px;
	border-bottom: 1px dashed silver;
}

.comment .author {
	margin: 0;
	padding: 3px 0px;
	border-top: 1px dashed silver;
}

#addcomment, #comment
{
	font-size: 15px;
	letter-spacing:1px;
	font-weight: bold;
}

.self {
	background: #E0EAEF;
}

.comment .gravatar {
	float: left;
	clear: both;
	margin: 5px 10px 5px 0;
}

.comment .gravatar img {
	height: 80px;
	width: 80px;
	border: 1px solid silver;
}

.comment .content {
	min-height: 85px;
	margin: 5px;
	margin-left: 90px;
}

.comment cite{
	font-family: Monospace;
	font-style: normal;
}

.comment img.flag {
	position: relative;
	top: 2px;
}

.commentForm {
	padding: 5px;
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input {
	width: 300px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
	border:1px solid silver;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}

/*----------------------------
					Archive
----------------------------*/

#archive {
	background-color: white;
	border: 1px solid silver;
	padding: 10px;
}

#archive h1 {
	margin: 0;
	border-bottom: 1px dashed silver;
	padding-bottom: 9px;
}

#archive h2 {
	border-bottom: 1px solid silver;
	padding-bottom: 4px;
	font-size: 12px;
	margin-bottom: 10px;
}

#archive h2 img {
	margin-right: 3px;
}

#archive ul {
	list-style-type: square;
	margin: 0 10px;
	padding: 10px;
}

#archive ul li {
	margin-right: 20px;
}

#archive table{
	width: 100%;	
	border-collapse: collapse;
}

#archive table td, #archive table th{
	text-align:left;
}

#archive table td{
	text-align:left;
	border-bottom: 1px solid #D8D8D8;
	padding: 2px 0;
}

#archive .date{
	width: 70px;
}

#archive .comments{
	width: 70px;
	text-align: center;
}

#archive .rating{
	width: 70px;
	text-align: center;
}

/*----------------------------
					 Search
----------------------------*/

#searchbox {
	margin-top: 5px;
	font-size: 10px;
}

#searchbox input {
	font-size: 10px;
}

#searchbox #searchbutton {
	margin-left: 5px;
}

#searchbox #searchfield {
	width: 180px;
}

/*----------------------------
			Search on search
----------------------------*/

#searchonsearch {
	background: white;
	padding: 5px 10px;
	margin-bottom: 20px;
	border: 1px solid silver;
}

#searchonsearch h3 {
	margin: 3px;
	font-size: 13px;
}

#searchonsearch ol li {
	margin: 2px 0;
}

/*----------------------------
				Month list
----------------------------*/

ul#monthList{
	font-weight: bold;
}

ul#monthList ul li{
	margin-left: 20px;
	font-weight: normal;
}

ul#monthList li.year{
  cursor: pointer;
}

ul#monthList ul{
	display: none;
}

ul#monthList ul.open{
	display: block;
}

/*----------------------------
				 Tag cloud
----------------------------*/

.tagcloud {
	margin-bottom: 10px;
	white-space: normal;
}

.tagcloud li {
	display: inline;
}

.tagcloud a {
	margin-right: 3px;
	display: inline;
}

.tagcloud a.biggest {
	font-size: 19px;
}

.tagcloud a.big {
	font-size: 17px;
}

.tagcloud a.medium {
	font-size: 14px;
}

.tagcloud a.small {
	font-size: 12px;
}

.tagcloud a.smallest {
	font-size: 10px;
}

/*----------------------------
					 Page
----------------------------*/

#page {
	border: 1px solid silver;
	padding: 3px 10px;
	margin-bottom: 20px;
	background-color: white;
	line-height: 17px;
}

#page h1 {
	margin: 3px 0 10px 0;
}

#page #admin {
	border-top: 1px solid silver;
	margin-top: 10px;
	padding: 5px 0;
}


/*----------------------------
					 Calendar
----------------------------*/

#calendarContainer {
	text-transform: capitalize;
	margin: 0 auto;
}

.calendar {
	border: none;
	margin: 0 auto;
}

.calendar .weekend {
	background-color: #F1F1F1;
}

.calendar .other {
	color: silver;
}

.calendar a.exist {
	display: block;
	font-weight: bold;
	background-color: #F1F1F1;
}

.calendar td {
	vertical-align: top;
	background: white;
	padding:0px 5px;
}

/*----------------------------
					Star rater
----------------------------*/

.rating{
	margin-bottom: 10px;
}

.rating p{
	display: inline;
	position: relative;
	top: 14px;
	left: 55px;
}

.star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.star-rating li {
	display: inline;
}

.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating {
	z-index: 1;
	background-position: left center;
}

/* smaller star */
.small-star {
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(../../pics/star_small.gif);
	line-height: 10px;
	height: 10px;
}

/*----------------------------
					XFN tags
----------------------------*/

div.post .text a[rel] {
	background-repeat: no-repeat;
	background-position: right center;
}
div.post .text a[rel="me"] {	
	background-image:url('../../pics/xfn/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .text a[rel~="contact"] ,
div.post .text a[rel~="acquaintance"],
div.post .text a[rel~="friend"] {
	background-image:url('../../pics/xfn/contact.gif');
	padding-right:11px;
}
/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"] ,
div.post .text a[rel~="acquaintance"][rel~="met"] ,
div.post .text a[rel~="friend"][rel~="met"] {
	background-image:url('../../pics/xfn/contactMet.gif');
	padding-right:11px;
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .text a[rel~="colleague"] ,
div.post .text a[rel~="co-worker"] {
	background-image:url('../../pics/xfn/colleague.gif');
	padding-right:11px;
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .text a[rel~="colleague"][rel~="met"] ,
div.post .text a[rel~="co-worker"][rel~="met"] {
	background-image:url('../../pics/xfn/colleagueMet.gif');
	padding-right:11px;
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .text a[rel~="muse"] ,
div.post .text a[rel~="crush"] ,  
div.post .text a[rel~="date"] ,
a[rel~="sweetheart"] {
	background-image:url('../../pics/xfn/sweet.gif');
	padding-right:11px;
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .text a[rel~="muse"][rel~="met"] ,
div.post .text a[rel~="crush"][rel~="met"] ,  
div.post .text a[rel~="date"][rel~="met"] ,
div.post .text a[rel~="sweetheart"][rel~="met"] {
	background-image:url('../../pics/xfn/sweetMet.gif');
	padding-right:11px;
}

/* nested comments */

.comment-replies {
	background: transparent url(../../pics/reply-arrow.gif) no-repeat 2px 2px;
	padding: 0 0 0 15px;
	margin: 5px 0 0 0;
}

#commentlist #comment-form {
	border: solid 1px #ccc;
	background: #fff;
	padding: 10px;
	margin: 10px 0;
}
/* FORUM STUFF*/
/*body{font-size:9pt;font-family:Tahoma;background-color:#ebebeb;padding:7px 100px 7px 100px;}*/

/*topheader*/
.topheader {margin:0px; padding:0px;}
.topheader table {height:30px;border-collapse:separate;width:100%;background-color:Transparent;font-size:100%;margin:0px; padding:0px;}
.topheader td {height:30px;}
.topheader th {height:30px;background:url("../images/menu_bgnd.jpg") repeat-x left;color:White;white-space:nowrap;font-weight:normal;}
.topheader a span {color:White;text-decoration:none; font-size:10px;line-height:10px;}
.topheader a {color:White;text-decoration:none;font-size:10px;line-height:10px; }
.topheader a:visited {color:#ffffff;}
.topheader a:hover {color:#c2cd23;}
.topheader a:active {color:#c2cd23;}
.topheader a:visited span {color:#ffffff;}
.topheader a:hover span {color:#c2cd23;}
.topheader a:active span {color:#c2cd23;}


.topheader th.menuitem {color:white;text-align:center;width:12%;border-left:1px solid #444546;white-space:nowrap;padding-left:5px;padding-right:5px;}
/*.topheader th.rightitem {border-left:1px solid #9FAABF;border-right:none;}*/

.topheader td.outerheader {width:6px;}

/*header*/

.header table {font-size:100%;background-color:Transparent;width:100%;height:90px;border:none;}
.header td {white-space:nowrap;}
.header h1 {font-weight:normal;font-size:20pt;margin-bottom:0px;font-family:'Arial Narrow',Tahoma;margin-top:0px;}
.header a {color:#333399;text-decoration:none;}
.header a:hover{text-decoration:underline;}
.header img{vertical-align:middle;border:none;}

/*main body*/
.forumcontent table {font-size:100%;background-color:#FFFFFF;border-collapse:collapse;}
.forumcontent h1 {font-weight:normal;font-size:18pt;margin-bottom:0px;font-family:'Tahoma';}
.forumcontent h2 {font-weight:normal;margin-bottom:0px;font-size:150%;margin-top:0px;font-family:'Tahoma';}
.forumcontent h3 {font-weight:bold;font-size:100%;margin:4px;}
.forumcontent a {color:#333399;text-decoration:none;}
.forumcontent a:hover{text-decoration:underline;}
.forumcontent th {background-image:url(images/darkgradient.gif);color:White;font-weight:bold;font-size:100%;text-align:justify;padding:0px 5px 0px 5px;height:30px;border:1px solid #9FAABF;}
.forumcontent th a {color:White;font-size:100%;font-weight:normal;text-decoration:none;}
.forumcontent th a:hover{text-decoration:underline;}
.forumcontent td {border:1px solid silver;}
.forumcontent table.noborder {border:none;}
.forumcontent table.noborder td {border:none;}
.forumcontent img{vertical-align:middle;border:none;}
.forumcontent hr{height:1px;border:none;color:silver;background:silver;}
.forumcontent div.location{margin-top:21px;margin-bottom:21px;}
.forumcontent div.smalltoolbar{margin-bottom:3px;text-align:right;margin-top:3px;}
/*some clases*/
.forumcontent .gray {color:#999999;font-size:90%;font-weight:normal}
.forumcontent th .gray {color:#CCCCCC;}
.forumcontent .gray a {color:#727299;}
.forumcontent .radiolist td {text-align:left;}

/* inputs */
.forumcontent input[type="file"],
.forumcontent input[type="password"],
.forumcontent input[type="button"],
.forumcontent input[type="submit"],
.forumcontent input[type="text"],
.header input[type="file"],
.header input[type="password"],
.header input[type="button"],
.header input[type="submit"],
.header input[type="text"],
button,
textarea,
select {padding-top:3px;padding-bottom:3px;border:1px solid slategray;font-family:Tahoma;font-size:9pt;}

.forumcontent input[type="text"], textarea {padding-top:0px;padding-right:0px;padding-left:0px}

.forumcontent input[type="button"],
.forumcontent input[type="submit"],
.header input[type="button"],
.header input[type="submit"],
.forumcontent button {background:slategray url('images/btngradient.gif');color:White;cursor:pointer;}

.forumcontent input[type="button"]:hover, 
.forumcontent input[type="submit"]:hover,
.header input[type="button"]:hover,
.header input[type="submit"]:hover,
button:hover {background:slategray url('images/btngradient_rev.gif');}

.gradientbutton {background:url('images/btngradient.gif');color:White;font-size:100%;border:1px solid slategray;}

/* other classes */
img.avatar {border:1px solid #bbbbbb; padding:2px 2px 2px 2px; -ms-interpolation-mode:bicubic; margin-top:3px; margin-bottom:3px;}
div.quote{color:#7777aa;text-decoration:none;padding-left:15px;}