/*
Website 19.1 (Scott Bradford Off on a Tangent)
Master Stylesheet
Copyright (c) 2007, Scott Bradford Creative Enterprises
*/

/* Main Setup */

html {
	height: 100%;
}

body.mainbody {
	background: #EFEFEF url(../images/greybase.png);
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;

	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.5;
}

table {
	font-size: 12px;
	line-height: 1.5;
}

a, a:visited {
	color: #000099;
	text-decoration: none;
	border-bottom: 1px #BBBBBB solid;
}

a:hover {
	color: #990000;
	border-color: #990000;
}

table.mainbody {
	/*width: 906px;*/
	min-height: 100%;
	height: 100%;
	background: #FFFFFF url(../images/whitebase.png);
}

td.topbar {
	background: #6161D7 url(../images/topbar-bg.png) repeat-x;
	height: 60px;
	overflow: hidden;
}
	td.topbar div { height: 60px; width: 100%; overflow: hidden; }
	/*td.topbar div { height: 60px; width: 100%; background: url(../images/topbar-left.png) left top no-repeat; overflow: hidden; }
	td.topbar div div { height: 60px; width: 100%; background: url(../images/topbar-right.png) right top no-repeat; text-align: center; overflow: hidden; }*/

td.pixbar, td.topleft {
	height: 60px;
	overflow: hidden;
}

td.topleft {
	width: 305px;
}

td.pixbar {
	width: auto;
}

div#pixbar {
	width: 100%;
}

span.trs {
	display: none;
}
span.trs img, td.topleft img {
	display: inline;
}

td.sidespacer {
	background: #EFEFEF url(../images/greybase.png);
}

td.menubar {
	background: #EFEFEF url(../images/menubar-bg.png) repeat-x;
	height: 25px;
	overflow: hidden;
}
	td.menubar div.menuleft { height: 25px; width: 100%; background: url(../images/menubar-left.png) left top no-repeat; overflow: hidden; }
	td.menubar div.menuleft div { padding-left: 10px; overflow: hidden; }
	td.menubar div.menuright { height: 25px; width: 100%; background: url(../images/menubar-right.png) right top no-repeat; overflow: hidden; }

td.shadowbar {
	background: #FFFFFF url(../images/shadowbar-bg.png) repeat-x;
}

td.leftcol {
	background: #EFEFEF url(../images/bgbar-left.png);
	width: 156px;
	overflow: hidden;
}

td.rightcol {
	background: #EFEFEF url(../images/bgbar-right.png);
	width: 156px;
	overflow: hidden;
}

td.botbar {
	background: #6161D7 url(../images/botbar-bg.png) repeat-x;
	overflow: hidden;
}
	td.botbar div.bot { height: 45px; width: 100%; background: url(../images/botbar-left.png) left top no-repeat; overflow: hidden; }
	td.botbar div.bot div.bot { height: 45px; width: 100%; background: url(../images/botbar-right.png) right top no-repeat; overflow: hidden; }
	
td.whiteout {
	color: #FFFFFF;
}

/* Build me a LEFT blurble! */

td.leftcol div.module, td.leftcol div.module_menu {
	background: #DBDBDB url(../images/blurble-bg-leftl.png) repeat-y left;
	margin: 0px 0px 5px 0px;
}
td.leftcol div.module div, td.leftcol div.module_menu div {
	background: url(../images/blurble-bg-leftr.png) repeat-y right;
	margin: 0px;
}
td.leftcol div.module div div, td.leftcol div.module_menu div div {
	background:  url(../images/blurble-leftbgfade.png) repeat-x top;
	margin: 0px;
}
td.leftcol div.module div div div, td.leftcol div.module_menu div div div {
	background: url(../images/blurble-leftbot.png) repeat-x left bottom;
	margin: 0px;
	padding: 5px;
	overflow: hidden;
}
/* set the width to 156px ?? why!?  Stupid MSIE */
* html td.leftcol div.module div div div, * html td.leftcol div.module_menu div div div {
	width: 155px;
	background-position: left bottom;
}

/* Build me a RIGHT blurble! */

td.rightcol div.module, td.rightcol div.module_menu {
	background: #DBDBDB url(../images/blurble-bg-rightl.png) repeat-y left;
	margin: 0px 0px 5px 0px;
}
td.rightcol div.module div, td.rightcol div.module_menu div {
	background: url(../images/blurble-bg-rightr.png) repeat-y right;
	margin: 0px;
}
td.rightcol div.module div div, td.rightcol div.module_menu div div {
	background:  url(../images/blurble-rightbgfade.png) repeat-x top;
	margin: 0px;
}
td.rightcol div.module div div div, td.rightcol div.module_menu div div div {
	background: url(../images/blurble-rightbot.png) repeat-x bottom;
	margin: 0px;
	padding: 5px;
	overflow: hidden;
}
/* set the width to 156px ?? why!?  Stupid MSIE */
* html td.rightcol div.module div div div, * html td.rightcol div.module_menu div div div {
	width: 156px;
}

/* Fix to prevent unnecessary backgrounds in more nested divs */

td.sidebar div.module div div div div, td.sidebar div.module_menu div div div div { background: none; }

/* fix for IE 6 background gibberish beneath modules */

* html td.sidebar div.module, * html td.sidebar div.module_menu { margin-bottom: 0px !important; }

/* Sidebars */

td.sidebar div.module h3, td.sidebar div.module_menu h3 {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	height: 20px;
	color: #FFFFFF;
}

td.sidebar, td.sidebar table {
	font-size: 11px;
	text-align: left;
}

td.sidebar div.module table tr td div { line-height: 1.00; }

td.sidebar a.mainlevel {
	display: block;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
}
* html td.sidebar a.mainlevel {
	width: 140px;
}

td.sidebar a.sublevel {
	padding-left: 2px;
}

* html td.sidebar div.module table tr td div {
	margin-bottom: 3px;
	margin-top: 2px;
}

td.sidebar a.mainlevel#active_menu, td.sidebar a.sublevel#active_menu {
	border-bottom: 1px solid #000000 !important;
	color: #000000 !important;
}

td.sidebar a.mainlevel#active_menu:hover, td.sidebar a.sublevel#active_menu:hover {
	color: #990000;
}

/* Pathways, Dividers, and Sidebar Lists */

div.maindivider {
	border-top: 1px solid #CCCCCC;
	margin-bottom: 5px;
	margin-top: 5px;
	overflow: hidden;
	height: 1px;
	width: 100%;
}


div.pathway {
	height: 14px;
	padding-top: 6px;
	font-size: 10px;
	font-weight: bold;
}

div.module_menu ul {
	margin-left: 1em;
	padding-left: 1em;
}


/* TopMenu */

.menuleft table {
	margin-left: 15px;
	margin-top: 3px;
}

.menubar a.mainlevel {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
}

/* Content Stuff */

table.contentpaneopen span, td.createdate {
	font-size: 10px;
	font-weight: bold;
}

table.contentpaneopen td.contentheading, a.contentpagetitle, table.user1user2 div.moduletable h3, div.componentheading {
	font-size: 14px;
	font-weight: bold;
}

table.user1user2 div.module h3 {
	text-align: center;
	margin-top: 0px;
}

table.user1user2 {
	margin-top: 0px;
}

td.modifydate, a.readon {
	font-size: 10px;
	font-style: italic;
}
td.modifydate { padding-left: 25px; }
a.readon { margin-left: 25px; }

td.buttonheading a {
	border: none;
}

/* BotBar */

td.botbar table {
	font-size: 10px;
}

td.botbar table a, td.botbar table a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	border: none;
	
}

table.bot-force {
	height: 35px !important;
}

table.botleft tr td {
	padding-top: 8px;
}

table.botright tr td {
	padding-top: 4px;
}

table.botright tr td p {
	text-align: right;
	line-height: 1.25;
	color: #FFFFFF;
}

/* Buttons and Such */

.button {
	font-weight: bold;
	color: #333333;
	text-align: center;
	font-size: 10px;
	height: 20px;
	padding: 2px;
	border: inset 1px #CCCCCC;
	background-color: #FFFFFF;
}

.inputbox {
	border: groove 1px #CCCCCC;
	padding: 2px;
	background: #FFFFFF;
}

div.search .inputbox {
	width: 140px;
	height: 15px;
	font-size: 11px;
	text-align: center;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
}
* html div.search .inputbox {
	height: 19px;
}

/* Misc */

/* back & next links, blognav, etc. to navigate through content */

.pagenav,.pagenav_prev,.pagenav_next {
	font-size: 10px;
}

/* set up the section tables (lists of content); header, footer, entries */

td.sectiontableheader {
	height: 15px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 10px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

td.sectiontablefooter {
	/*background-color: #EFEFEF;
	border: 1px solid #CCCCCC;*/
}

tr.sectiontableentry1 td,tr.sectiontableentry2 td {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
tr.sectiontableentry1 {
	background-color: #FFFFFF;
}
tr.sectiontableentry2 {
	background-color: #EFEFEF;
}


/* JoomlaBoard */

div#joomlaboard div.spacer {
	height: 1px;
}

div#joomlaboard div.jb_pathway {
	margin-bottom: 10px;
	margin-top: 10px;
}

div#joomlaboard th.sb_catname {
	padding-top: 20px;
	font-size: 15px;	
}


/* Image Size Hack to shrink images in blog sections */

/*table.blog table.contentpaneopen td p img {
//	width: 175px;
//	height: auto;
//}
//* html table.blog table.contentpaneopen td p img {
//	width: 175px;
//	height: 131px;
//}

/* set up the TOC for multi-page content (I don't use this much, but it's nice to have it styled in case I need it later */

table.contenttoc {
	margin: 2px;
	padding: 2px;
	border: 1px #999999 solid;
}

table.contenttoc th {
	background-color: #EFEFEF;
	height: 20px;
}

table.contenttoc td {
	padding-top: 2px;
	padding-bottom: 2px;
}