@import url(rsc/basic.css);	/* Import basic styles */
@import url(rsc/img.css);	/* Import standard image styles */
@import url(rsc/blog_elements.css);	/* Import standard blog elements styles */
@import url(rsc/forms.css);	

/* Global page layout */
#rowheader {
	text-align: center;
	margin-bottom: 1em;
}
#colmenu {
	float: left;
	width: 25%;
	font: 84% Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
}
#colcontent {
	float: right;
	width: 73%;
	border-left: 1px solid #CCCCCC;
	overflow: hidden;
}
#colcenterspace {
	float: left;
	width: 64%;
	overflow: hidden;
}
#colcenter {
	border-right: 1px solid #CCCCCC;
}
#colcentercontent {
	margin-right: 1em;
}
#colright {
	float: right;
	width: 34%;
	font: 84% Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
}
#rowfooter {
	margin-top: 1em;
	padding-top: 1ex;
	clear: both;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

/* For the site header: */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 240%; */
	color: #f90;
	margin: 0ex;
}
#tagline{
	position: relative;
	font-style: italic;
	bottom: 20px;
	margin-left: 110px;
}
#quicklinks {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #ddd;
	text-align: center;
	font: bold 84% Verdana, Arial, Helvetica, sans-serif;
	padding-top: .1em;
	padding-bottom: .1em;
}

/* For the site footer: */
#rowfooter form {
	margin: 1ex;
}

/* For the site menu: */
ul#mainmenu {
	margin: 0ex;
	padding: 0ex;
}

li#aboutmenu,
li#usingmenu,
li#devmenu {
	list-style: none;
	margin-bottom: 1.5em;
}

#aboutmenu div,
#usingmenu div,
#devmenu div,
div.menutitle {
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #ddd;
	text-align: center;
	padding-top: .1em;
	padding-bottom: .1em;
}

div#donorshead,
div#adhead {
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #ddd;
	text-align: center;
	padding-top: .1em;
	padding-bottom: .1em;
	margin-top: 6px;
}

ul#mainmenu ul {
	margin-left: 1ex;
	padding-left: 1ex;
}


li.level2single {
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
	list-style: none;
}

li.level2closed {
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
	list-style: none;
}

li.level2open {
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
	list-style: none;
}

li.level2single .icon {
	background: url(dot.gif) no-repeat left center;
	height: 11px;
	width: 9px;
	vertical-align: middle;
}
li.level2closed .icon {
	background: url(plus.gif) no-repeat left center;
	height: 11px;
	width: 9px;
	vertical-align: middle;
}
li.level2open .icon {
	background: url(minus.gif) no-repeat left center;
	height: 11px;
	width: 9px;
	vertical-align: middle;
}

li.level2closed li,
li.level2open li {
	font-weight: normal;
}

li.level2closed ul {
	display: none;
}

li.level2open ul {
	margin-top: .5em;
	margin-bottom: 1em;
	/* border: 1px solid #ccc; */
}

ul#mainmenu ul ul,
#colright ul {
	list-style: square;
	margin-left: 1em;
	padding-left: 1em;
}

ul#donorslist,
ul#adlist {
	list-style: square;
	margin-left: 2em;
	padding-left: 1em;
}

#colright li {
	margin-bottom: .5ex;
}

ul#mainmenu ul ul ul {
	margin-top: 0em;
	margin-bottom: 0em;
	/* border: 1px solid green; */
	margin-left: 1ex;
	padding-left: 1ex;
}

/* Content styles: */
div#content {
	/* border: 1px solid #CCCCCC; */
	margin-left: 1em;
}
h2,
h3,
h4,
h5,
h6
{
	font-family: Arial, Helvetica, sans-serif;
	color: #f90;
}
blockquote {
	border: 2px dotted #999;
	background-color: #eee;
	padding-left: 1em;
	padding-right: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Image layout */
div.FigZone {
	text-align: center;
	font: 84% Arial, Helvetica, sans-serif;
}
div.FigZone img {
	border: 0px none;
	margin: 0ex;
}
div.FigCaption {
	margin-top: 1ex;
}
div.FigCent240 {
	float: left;
	width: 264px;
	padding: 12px 0ex;
	margin-right: 1ex;
	margin-bottom: 1ex;
	background-color: #ddd;
	color: #000;
	border: 1px solid #aaa;
	text-align: center;
}
div.FigCent {
	width: 264px;
	padding: 12px 0ex;
	margin: auto;
	background-color: #ddd;
	border: 1px solid #aaa;
	text-align: center;
}


/* Genral styles */
body {
	background: #fff;
	color: #000;
}
a:link {
	color: #6699CC;
}
a:active,
a:visited {
	color: #336699;
}
a:hover {
	color: #f90;
}
hr {
	height: 0px;
	width: 100%;
	border: 1px solid #ccc;
}
ul.expanded li, ol.expanded li {
	margin-top: 2ex;
	margin-bottom: 2ex;
}
.small {
	font-size: 84%;
}
.note {
	color: #999;
	font-size: 74%;
}
.center {
	text-align: center;
	
}
.middle {
	vertical-align: middle;
	border: 0px;
	margin: 0px;
}
	
.right {
	text-align: right;
}
.clear {
	clear: both;
}
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* Blog settings: */
table.invisible
{
	margin: 1ex;
	border-collapse: collapse
}
table.invisible td
{
	padding: 0ex 1ex;
}
td.right
{
	text-align: right;
}

.bTagline{
	font-weight: normal;
	font-style: italic;
	font-size: 35%;
	color: #000;
	margin-bottom: 1ex;
}

/* Styles for posts */
.bPosts {
}
.bNav {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #666;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #ddd;
	padding: .1em;
}
.bDate
{
	border-top: 1px dotted #ccc;
	margin-bottom: 1ex;
	padding-top: 1ex;

}
.bPost, .bPostpublished
{
	clear: both;
	border-left: thick solid #CCCCCC;
	background: #eee;
	padding-left: 1em;
	padding-right: 1ex;
	margin-bottom: 1.5em;
}
.bTitle {
	padding: 1ex 0 0 0;
	margin: .5ex 0;
}
.bSmallHead {
	color: #666;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
.bText {
	margin: 1em 0em;
}
.bMore
{
	text-align: center;
}
.bMore a
{
	font-weight: bold;
	font-size: 110%;
}
.bSmallPrint {
	padding-bottom: 1em;
	color: #666;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

/* Styles for comments */
.bComment {
	clear: both;
	border: 1px solid #ccc;
	background: #f6f6f6;
	margin-bottom: 1em;
}
.bCommentTitle {
	margin: 1ex;
	font-weight: bold;
}
.bComment .bTitle 
{ /* Last comments only */
	margin: 1ex .7ex;
}
.bCommentText {
	margin: 1ex;
}
.bCommentSmallPrint {
	margin: 1ex;
	color: #666;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}


/* Styles for comment form */
input.bComment, 
textarea.bComment
{
	background-color: #fff;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: .5ex;
	width: 98%;
	margin: 0ex;
}


/* Styles for stats */
div.statbloc
{
	float: left;
	width: 44%;
	margin-left: 2%; 
	margin-right: 0%; 
	margin-bottom: 2ex;
	border: 1px solid #999;
}
div.statbloc h3
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	text-align: center;
	background: #999;
	padding: 1ex;
}


/* Styles for sidebar (right) */
.bSideBar {
}
.bSideItem {
	border-top: 1px dotted #ccc;
	margin-bottom: 1ex;
	padding-top: 1ex;
}
.bSideItem h2 {
	margin-top: 0px;
	margin-bottom: 8px;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}
input.SearchField
{
	background-color: #eee;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
	margin: 0ex;
}

/* tables */

table.grey
{
	border: 1px solid #aaa;
}
table.grey tr
{
	text-align:center;
	background-color:#eee;
}
table.grey tr.odd
{
	background-color:#ddd;
}
table.grey td
{
	padding: .2ex 1ex;
}
table.grey th
{
	border-bottom: 1px solid #aaa;
	background-color: #ccc;
	padding: .2ex 1ex;
}
table.grey td.left
{
	text-align: left;
}
table.grey td.right
{
	text-align: right;
}

table.spaced td
{
	padding: 1ex;
}