/*
====================================================================================
THEME VERSION:	3.4
IMPORTANT NOTE:

IMAGES - NOTE!
I placed all the image references in the following file to make changing
the paths easier. So i have to import this file:
====================================================================================

*/

@import url(images.css);

/*

/* CLASSES ********************************************************************/

/* Admin lists ****************************************************************/
.admin-list-icon {
  float:left;
  padding:5px;
}
.admin-list-table {
  width:100%;
  text-align:left;
  border-spacing:1px;
}
.admin-list-table form {
  margin:0px;
}
.admin-list-search{
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
}
.admin-list-field {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
}
.admin-list-headerfield {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
  font-size:larger;
}
/* general alignment classes **************************************************/
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
.aligntop {
  vertical-align:top;
}
/* Blocks *********************************************************************/
.block-box-left {
  margin:10px;
}
.block-box-left,
.block-box-right,
.block-box {
  margin:5px 10px 15px 10px;
}
.block-box-left ul,
.block-box-right ul {
  /* do not indent lists in the blocks too much */
  padding-left:20px;
  margin-top:0px;
  margin-bottom:0px;
}
.block-bg-left,
.block-bg-right{
  border-top:1px solid #FFFFFF;
}
.block-bg-spreader {
  /* this is making sure that the blocks have a minimum width */
  background:transparent;
  width:180px;
  height:1px;
}
.block-content,
.block-content-right,
.block-content-left {
  background:transparent;
  color:#000000;
  padding-bottom:2px;
  padding-top:2px;
  clear:both;
}
.block-content-left ul,
.block-content-right ul,
.block-content ul {
  margin-top:0;
  margin-bottom:0;
  margin-left:16px;
  padding-left:0;
  border:none;
}
.block-divider {
  background:#FFFFFF;
  border-bottom:1px solid #F7F7F7;
  border-top:1px solid #E7E7E7;
  color:#000000;
  padding-top:2px;
}
.block-divider-left {
  border-top:1px solid #E7E7E7;
  border-bottom:1px solid #FFFFFF;
  width:90%;
  margin:0 auto;
  line-height:0px;
}
.block-divider-right {
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #FFFFFF;
  width:90%;
  margin:0 auto;
  line-height:0px;
}
.block-featured-left {
  background:#FFFFFF;
  border-right:1px solid #FFFFFF;
  color:#000000;
}
.block-featured-right {
  background:#FFFFFF;
  border-left:1px solid #FFFFFF;
  color:#000000;
}
.block-helpicon {
  padding-top:0px;
  text-align:right;
  float:right;
}
.block-outerborder-left {
  border-left:1px solid #E7E7E7;
}
.block-outerborder-right {
  border-right:1px solid #CCCCCC;
}
.block-title,
.blocktitle,
.block-title-left,
.block-title-right {
  background:transparent;
  color:#1A3955;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
}

/* Block Lists ****************************************************************/
.list-feed,
.list-new-plugins,
.list-new-comments,
.list-new-trackbacks,
.list-older-stories { 
  margin:0px;padding:0px;
}


====================================================================================
REDEFINED HTML OBJECTS
====================================================================================
*/
a:link.non-ul,
a:visited.non-ul,
a:hover.non-ul,
a:active.non-ul {
  color:#000000;
  background:transparent;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  text-decoration:none;
}
a:link {
  background:transparent;
  color:#888888;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}
a:visited {
  background:transparent;
  color:#800080;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}
a:hover {
  background:transparent;
  color:#CC0000;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}
a:active {
  background:transparent;
  color:#FF0000;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}
body {
	color: #444444;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
fieldset {
  margin-bottom:1em;
}
fieldset p {
  padding:5px;
  margin:0px;
}
fieldset p {
  margin-top:5px;
  margin-bottom:0px;
}
fieldset legend {
  font-size:.9em;
}
form {
  margin-top:5px;
  margin-bottom:5px;
}
form div.notes p,
form div small {
  line-height:125%;
}

form div.notes li {
  margin-left:10px;
}
form fieldset div.notes {
  float:right;
  width:170px;
  height:auto;
  margin:0px 0px 10px 10px;
  padding:5px;
  border:1px solid #666666;
  background-color:#ffffe1;
  color:#666666;
  font-size:.75em;
}

form fieldset div.notes h4 {
  background-image:url(images/icon_info.png);
  background-repeat:no-repeat;
  background-position:top left;
  padding:3px 0px 2px 27px;
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:#666666;
  color:#666666;
  margin-bottom:5px;
  margin-top:0px;
  font-size:1.3em;
}

form fieldset div.notes p {
  margin:0em 0em 1.2em 0em;
  color:#666666;
}

form fieldset div.notes p.last {
  margin:0em;
  padding-bottom:5px;
}
TD {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

TH {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


H1 {
	font-size: 14px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

H2 {
	font-size: 12px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

H3 {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

option {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

textarea {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

select {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

input, submit {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}


/*
====================================================================================
LAYOUT OPTIONS - Styles to replace Table Formatting
====================================================================================
*/

.damtables {
	padding-right: 20px;
	margin-bottom: 20px;
	width: 98%;
}

#leftblocks {
	width: 100%;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	vertical-align: top;
	white-space: normal;
}

#contentblock
{
	width: 100%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	
	border-top: #DDDDDD;
	border-right: #EEEEEE;
	border-bottom: #EEEEEE;
	border-left: #DDDDDD;
	background: #FAFAFA;
	border-width: 1px 1px 1px 1px;
	border-style: solid;

	font-size: 12px;
	vertical-align: top;
	white-space: normal;
}

#rightblocks
{
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	vertical-align: top;
	white-space: normal;
}



/*
====================================================================================
HEADER OPTIONS
====================================================================================
*/

#header-imagebar {
	width: 100%;
	height: 80px;
}

.sitebanner-left {
	font-size: 30px;
	color: #FFFFFF;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.sitebanner-right {
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	padding-right: 20px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

.headertext {
}

#header-textbar {
	width: 100%;
	height: 50px;
}


.header-textbar-left {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: middle;
	white-space: nowrap;
}

/*
.header-textbar-right {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: middle;
}
*/

.header-datestamp {
	color: #EEEEEE;
	font-size: 9px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	white-space: nowrap;
}

.header-links {
	color: #EEEEEE;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: right;
	white-space: nowrap;
}
.header-links a { color: #FFFFFF; }
.header-links a:hover {	color: #CC9999;}




/*
====================================================================================
STORY OPTIONS
====================================================================================
*/

#story-block {
}


.story-header {
	
	height: 25px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 4px;
}

	.story-date {
		color: #888888;
		font-size: 10px;
		font-family: "Lucida Grande", arial, sans-serif;
		white-space: nowrap;
		float: left;
		vertical-align: middle;
	}
	
	.story-options {
		color: #888888;
		font-size: 10px;
		font-family: "Lucida Grande", arial, sans-serif;
		text-align: right;
		white-space: nowrap;
		float: right;
	}


.story-body {
	white-space: nowrap;
}

.story-image {
	width: 50px;
	float: left;
	margin-top: -2px;
}

.story-text {
	color: #888888;
	font-size: 11px;
	font-family: "Lucida Grande", arial, sans-serif;
	margin-top: 5px;
	margin-left: 50px;
	white-space: normal;
}

.storytitle {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

.storybyline {
	font-size: 11px;
	font-family: "Lucida Grande", arial, sans-serif;
}

.storycontent {
	color: #333333;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.storyinfo {
	color: #888888;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}


.featuredstorytitle {
	color: #CC0000;
	font-size: 18px;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	padding-top: 3px;
}



.welcomeblock {
	color: #000000;
	font-size: 11px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
}

.story-footer {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F3F3F3;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

/*
====================================================================================
BLOCK OPTIONS
====================================================================================
*/
.block {
	font-size: 10px;
	color: #666666;
	margin-bottom: 15px;
}

.blocktitle
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}

#boption {
	color: #999999;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#boption:hover {
/* Used in images.css */
}

#boption:hover a {
	color: #CC0000;
}

#boption-off {
	color: #CC9999;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
	background-image: url(images/btn-on.gif);
	background-repeat: no-repeat;
	background-position: -4px -1px;
}

#boption-plain {
	color: #999999;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
}


/*
====================================================================================
COMMENT OPTIONS
====================================================================================
*/
#comment-section
{
	font-size: 13px;
	padding: 5px;
	width: 100%;
}

#comment-section-title-left{
	font-size: 13px;
	padding: 5px;
	vertical-align: bottom;
}

#comment-section-title-right
{
	color: #000000;
	font-size: 11px;
	padding: 5px;
	text-align: right;
	vertical-align: bottom;
}

#comment-section-options-left
{
	padding: 5px;
	background: #999999;
}

#comment-section-options-right
{
	padding: 5px;
	text-align: right;
	background: #999999;
}


.comment-section-disclaimer
{
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background: #999999;
}

.comment-section-comment
{
	width: 100%;
}


.commentbar4 {
	color: #000000;
	font-size: 11px;
	font-family: "Lucida Grande", arial, sans-serif;
	background-color: #EEEEEE;
}


.commentbar3 {
	color: #888888;
	background-color: #EEEEEE;
	font-size: 10px;
	font-family: "Lucida Grande", arial, sans-serif;
}

.commenttitle {
	xcolor: #000000;
	font-size: 13px;
	font-weight: bold;
	background-color: #EEEEEE;
	padding: 5px 0px 5px 25px;
	background-image: url(images/icons/comment-item.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}




/*
====================================================================================
FOOTER OPTIONS
====================================================================================
*/
#prefooter {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	white-space: nowrap;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999999;
	height: 10px;
	width: 100%;
}

.prefooter-text {
	color: #FFFFFF;
	font-size: 9px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
.prefooter-text a { color: #FFFFFF; }
.prefooter-text a:hover {	color: #CC9999;}




#footerblock {
	background-color: #666666;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 100%;
}
.footer-left {
	color: #EEEEEE;
	font-size: 9px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	white-space: nowrap;
}
.footer-left a { color: #FFCCCC; }
.footer-left a:hover {	color: #CC9999;}

.footer-right {
	color: #FFFFFF;
	font-size: 9px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: right;
	white-space: nowrap;
}
.footer-right a { color: #FFCCCC; }
.footer-right a:hover {	color: #CC9999;}


.footer {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999999;
	vertical-align: top;
}

.footer {
font-size: 11px;
font-family: "Lucida Grande", arial, sans-serif;
}



/*
/* Default Plugin CSS Declarations */
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */

.plugin {
  color:#000000;
  background-color:#EFEFEF;
  font-weight:normal;
  border:1px solid #CCCCCC;
}
.plugin th {
  color:#000000;
  background-color:#B7C1DC;
  padding:5px;
  text-align:left;
}
.plugin tr {
  vertical-align:top;
}
.plugin td {
  padding:2px 5px 2px 5px;
}
.pluginBG {
  color:#FEFEFE;
  background-color:#7398BA;
}
.pluginAltBG {
  background-color:#7398BA;
}
.pluginAltBG td {
  color:#FFFFFF
}
.pluginCellTitle {
  color:#FFFFFF;
  font-weight:bold;
  background-color:#7398BA;
  padding:5px;
}
.pluginCellFill {
  background-color:#F8FAFD;
}
.pluginCellText {
  color:#636363;
  font-weight:normal;
}
.pluginHeader {
  color:#204275;
  font-weight:bolder;
  padding-top:3px;
  padding-bottom:3px;
}
.pluginFooter, .pluginFooter td {
  background-color:#507AA1;
  color:#FFFFFF;
  }
.pluginAlert {
  padding:5px 15px 5px 15px;
  color:#D8010E;
  background-color:#FEF1B4;
  font-weight:bold;
}
.pluginInfo {
  padding:5px 15px 5px 15px;
  color:#707070;
  background-color:#FEF1B4;
  font-weight:normal;
}
.pluginSubTable {
  color:#000000;
  background-color:#CCCCCC;
  font-weight:normal;
  border:1px solid #CCCCCC;
}
.pluginSubTable th {
  color:#000000;
  background-color:#C9D1E4;
  padding:5px;
  text-align:left;
}
.pluginSubTable tr {
  vertical-align:top;
}
.pluginSolidOutline {
  background-color:#CCCCCC;
}
.pluginSolidFill {
  background-color:#1A3955;
}
.pluginTitle {
  background-color:#507AA1;
  color:#F5F9FF;
  padding:4px;
  padding-left:6px;
  padding-right:6px;
}
.pluginCellSubTitle {
  background-color:#F7F7F7;
  color:#000000;
  padding:4px;
  padding-left:6px;
  padding-right:6px;
}
.pluginTinyText {
  font-size:0.70em;
}
.pluginSmallText {
  font-size:0.8em;
}
.pluginMediumText {
  font-size:1em;
}
.pluginLargeText {
  font-size:1.25em;
}
.pluginAltText {
  color:#FFFFFF;
}
.pluginRow1, .pluginRow1 td {
  color:#000000;
  background-color:#EFEFEF;
  line-height:120%;
}
.pluginRow2, .pluginRow2 td {
  color:#000000;
  background-color:#D9D9D9;
  line-height: 120%;
}
.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver {
  color:#1C1E2D;
  background-color:#FFFF8F;
  line-height:120%;
}
.pluginRow1 .pluginRollOut,
.pluginRow2 .pluginRollOut,
.pluginRollOut {
  color:#1C1E2D;
  background-color:#F7F7F7;
  line-height:120%;
}
.pluginLinks A:link {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginLinks A:visited {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginLinks A:hover {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
}
.pluginBreadCrumbs,
.pluginBreadCrumbs A:link {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginBreadCrumbs A:visited {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginBreadCrumbs A:hover {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
a.pluginButton:link, a.pluginButton:visited {
  color:#000000;
  text-align:center;
  padding-top:2px;
  display:block;
  height:19px;
  text-decoration:none;
  background-color:transparent;
}
a.pluginButton:hover {
  color:blue;
  text-align:center;
  padding-top:2px;
  background:center url(navbar/images/button_over.gif);
  background-repeat:repeat-x;
  display:block;
  height:19px;
  text-decoration:none;
  background-color:transparent;
}

/* Navbar Class CSS ***********************************************************/
#navcontainer {
  float:left;
  width:100%;
  background:#F4F4F4;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #24618E;
  }
#navcontainer ul {
  margin:0px;
  padding:10px 10px 0 50px;
  list-style:none;
}
#navcontainer li {
  display:inline;
  margin:0px;
  padding:0px;
}
#navcontainer a {
  float:left;
  background:url("navbar/images/tableftJ.gif") no-repeat left top;
  margin:0px;
  padding:0px 0px 0px 5px;
  text-decoration:none;
}
#navcontainer a span {
  float:left;
  display:block;
  background:url("navbar/images/tabrightJ.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a span {
  float:none;
}
/* End IE5-Mac hack */
#navcontainer a:hover span {
  color:#FFFFFF;
}
#navcontainer a:hover {
  background-position:0% -42px;
}
#navcontainer a:hover span {
  background-position:100% -42px;
}
#navcontainer a#current span {
  background:url("navbar/images/tabrightI.gif") no-repeat left top;
  background-position:100% -42px;
  color:#FFFFFF;
}
#navcontainer a:link#current,
#navcontainer a:visited#current,
#navcontainer a:hover#current {
  background:url("navbar/images/tableftI.gif") no-repeat left top;
  background-position:0% -42px;
}

/* Common CSS for on-hover tooltip feature */
a.tooltip {
  position: relative; /*this is the key*/
  z-index:10;
  color:#000;
  text-decoration:none;
}
a.tooltip:hover  {
  z-index:100;
  text-decoration:none
}
a.tooltip span {
  display: none
}
a.tooltip:hover span {
  /*the span will display just on :hover state*/
  z-index:100;
  color:#033666;
  font-style:normal;
  font-size:.8em;
  line-height: 125%;
  display:block;
  position:absolute;
  border:1px solid #C8DAF7;
  background-color:#E5EFFF;
  padding:4px;
  text-align: left;
  text-decoration:none;
  left:-20px;
  top:10px;
  min-width:150px;
}
/* End of common CSS for on-hover info feature */

/* End of Common Plugin CSS */

/* Poll Plugin ****************************************************************/
.poll-vote,
.poll-vote-results {
  background:transparent;
  color:#000000;
  font-size:smaller;
}