@import url(layout.css); /* from Expressions template */
@import url(../../rsc/css/img.css);	/* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);	/* Import default form styles */
@import url(../../rsc/css/comments.css);	/* Import default comment styles */

body {
	margin: 0px;
	background-color: #444444;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: .8em;
	padding: 0px;
}
	h1 {
		font-size: xx-large;
		color: #111111;
		margin-top: 0px;
	}
	h2 {
		font-size: x-large;
		color: #222222;
		margin-top: 0px;
	}
	h3 {
		font-size: large;
		color: #333333;
		margin-top: 0px;
	}
	h4 {
		font-size: medium;
		color: #444444;
		margin-top: 0px;
	}
	h5 { 
		font-size: x-small;
		margin-top: 0px;
	}
	h6 { 
		font-size: xx-small;
		margin-top: 0px;
	}
/* Styles for DIV tags */
#container {
	background-color: #737373;
	background-image:  url("img/leftgraycollage.jpg");
	background-repeat: repeat-y;
	background-position: left top;
	background-attachment: scroll;
}
#masthead {
	background-image:  url("img/mastheadgray.gif");
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;
}
	/* Styles for Masthead */
	#masthead h1 {
		color: #ffffff;
		font-style: italic;
		font-size: 3em;
		margin: 0px 0px 0px 200px;
		text-align: right;
	}
	#masthead h3 {
		margin-top: .4em;
		color: #ffffff;
		margin: 0px 0px 0px 200px;
		text-align: right;
		font-size: 2.2em;
		font-style: italic;
		font-weight: normal;
	}
	#masthead a {
		color: #444444;
		text-decoration: none;
	}
	#masthead img {
		float: left;
	}
#navigation {
	background-color: #aaaaaa;
	margin-left: 140px;
	text-align: center;
}
	html>body #navigation {
		overflow: hidden;
	}
	/* Styles for Navigation */
	#navigation ul {
		list-style-type: none;
		width: 100%;
		margin-left: 140px;
		margin-bottom: 0;
		padding: 0;
	}
	#navigation li {
		float: left;
	}
	#navigation a {
		font-size: large;
		font-weight: bold;
		text-decoration: none;
		color: #393939;
		margin: 0 1px;
		padding: 0 25px 0 25px;
		display: block;
	}
	#navigation a:hover {
		font-size: large;
		font-weight: bold;
		text-decoration: none;
		color: #393939;
		border-bottom: 1px solid #f5f5f5;
		background-color: #99c1dd;
	}

#page_content {
	position: relative;
}
#sidebar {
	position: relative;
	float: left;
	width: 140px;
}
#content_container {
	position: relative ;
	background-color:#FFFFFF;
	padding: 0px;
	margin-left: 140px;
}
#column_left {
	position: relative;
	background-color:#FFFFFF;
}
#column_right {
	background-color: #f2f2f2;
	padding-bottom: 30px;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-attachment: scroll;
}  
#image {
	margin-bottom: 6px;
	margin-left: 6px;
}
#footer {
	background-color: #f2f2f2;
	color: #555555;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 8px;
	padding-bottom: 8px;
}
	/* Styles for Footer */
	#footer p {
		font-size: x-small;
	}
	#footer a {
		color: #393939;
		text-decoration: underline;
	}
	#footer a:hover {
		color: #393939;
		text-decoration: none;
	}
	a {
		color: #393939;
		text-decoration: underline;
	}
	a:hover {
		color: #909090;
		text-decoration: underline;
	}
	.style_bold {
		font-weight: bold;
	}
	.style_italic {
		font-style: italic;
	}


/* From PHP CSS basic.css
 * Evo Toolbar
 * Note: ther emay be some properties that seem overkill but the fact is we need to override
 * any too general styles a skin may want to bring in for its own body/general display.
 */
div#evo_toolbar {
	background-color: ThreeDFace;
	color: ButtonText;
	border-top: 1px solid ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	text-align: left;
	margin: 0;
	/* font: menu; /* -- poorly supported */
	font-size: 11px;
	font-family: "Microsoft sans serif", sans-serif, Arial, Helvetica;

	position: fixed;
	z-index: 99;
	left: 0px;
	top: 0px;
	height: 21px;
	width:100%;		/* Safari Windows */
	-webkit-text-size-adjust: none; /* iPhone */
}

div.skin_wrapper_loggedin {
	margin-top: 22px;
	padding-top: 1px;
}

div#evo_toolbar a {
	border: 1px solid ThreeDFace;
	color: ButtonText;
	text-decoration: none;
	padding: 2px 1ex;
}
div#evo_toolbar a:hover {
	border-top-color: ThreeDHighlight;
	border-left-color: ThreeDHighlight;
	border-bottom-color: ThreeDShadow;
	border-right-color: ThreeDShadow;
}
div#evo_toolbar .actions_left {
	padding: 4px;
}
div#evo_toolbar .actions_right {
	padding: 4px;
	float: right;
}

div#evo_toolbar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
div#evo_toolbar li {
  display: inline;
}
div#evo_toolbar li ul {
  position: absolute;
	z-index: 100;
	background-color: ThreeDFace;
	border: 1px solid;
	padding: 1px;
	border-top-color: ThreeDHighlight;
	border-left-color: ThreeDHighlight;
	border-bottom-color: ThreeDShadow;
	border-right-color: ThreeDShadow;
	width: 25ex; /* prevent page wide dropdowns in IE6; nicer hover in IE7 */
}
div#evo_toolbar li.menu_open ul {
	display: block;
}
div#evo_toolbar li.menu_close ul {
	display: none;
}
div#evo_toolbar li.menu_open:hover ul,
div#evo_toolbar li.menu_close:hover ul {
	display: block;
}
div#evo_toolbar li ul li {
	display: block;
	padding: 0 4ex 0 0;
	white-space: nowrap;
}
div#evo_toolbar li ul li a {
	display: block;
	padding: 4px 2ex;
	border: none;
	width: 100%;
}
div#evo_toolbar li ul li a:hover {
	background-color: Highlight;
	color: HighlightText;
}
div#evo_toolbar.evo_toolbar_safari li ul li a:hover {
	background-color: #36d;
}
div#evo_toolbar li.separator {
	padding: 0;
}
div#evo_toolbar hr {
	display: block;
}

div#evo_toolbar .time {
	margin: 0 1ex;
	color: GrayText;
}

/*
{{{ Messages
*/
div.log_container,
div.action_messages {
	margin:1ex;
}
div.log_container ul,
div.action_messages ul,
div.log_container ol,
div.action_messages ol {
	list-style: square;
	list-style-image:none;
	margin:1ex 0;
	padding-left:3ex;
}
div.log_container div,
div.action_messages div {
	border:1px solid #6287c2;
	background:#ddd;
	margin:1ex auto;
	padding:1ex;
}
div.log_container div.log_success,
div.action_messages div.log_success,
div.success {
	border:1px solid #9d9;
	background:#f2fbee;
	color:#0c0;
}
div.log_container div.log_error,
div.action_messages div.log_error,
div.error {
	border:1px solid #d99;
	background:#fbf2ee;
	color:#e00;
}

p.error,
span.error {
	color: #e00;
	font-weight:bold;
}
p.error {
	margin: 1ex;
}
/* }}} */

/* include errors, wrong params, deleted blog, etc... */
div.skin_error {
	border: 2px dotted #d99;
	background:#fbf2ee;
	color:#e00;
	padding: 1em;
	margin: 1em;
}

/*
 * Debug output formatting:
 */
div.debug {
	border: 2px solid #000;
	padding: 1ex;
	background-color: #ccc;
	text-align: left;
	color: #000;
}

div.debug h2,
div.debug h3,
div.debug h4 {
	color:#0033FF;
}

div.debug code {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	margin:1ex;
	display:block;
}

div.debug div.query_info {
	background-color: #fff;
	font-size: 12px;
	margin:1ex;
}

div.debug table {
	border: 1px solid #000;
	border-collapse:collapse;
	font-family: "Courier New", Courier, monospace;
	margin: 1ex;
}
div.debug table,
div.debug th,
div.debug td {
	font-size:11px;
}
div.debug th {
	background-color: #fff;
	border: 1px solid #000;
	padding: 2px;
	white-space:nowrap;
}
div.debug th span.type {
	font-weight: normal;
	color: #999;
}
div.debug td {
	background-color: #ddd;
	border: 1px solid #000;
	padding: 2px;
	vertical-align:top;
	white-space:nowrap;
}
div.debug td.odd {
	background-color: #eee;
}

div.PageTop ul {
	background-color: #fff;
	border-bottom: 1px solid #000;
	margin: 0 1px;
	padding: 0;
	list-style-type:none;
	padding: .5ex 0;
}
div.PageTop ul li {
	border-right: 1px solid #000;
	display: inline;
	padding: .5ex 1em;
}

div.top_menu ul {
	background-color: #ddd;
	margin: 0 1px;
	padding: 0;
	list-style-type:none;
	padding: .5ex 0;
}
div.top_menu li {
	display: inline;
	padding: .5ex 0 .5ex 1em;
}
div.top_menu a {
	text-decoration: none;
	color: #000;
}
div.top_menu a:hover {
	text-decoration: underline;
}

div.PageTop a {
	font-weight: bold;
	text-decoration: none;
}
div.PageTop a.default {
	color: #000;
}
div.PageTop a.default:hover {
	text-decoration: underline;
	color: #9ae;
}
div.PageTop a.selected,
div.PageTop a.selected:visited {
	color: #78a;
}
div.PageTop a.selected:hover {
	text-decoration: underline;
	color: #9ae;
}

/* Styles for posts */
.bPosts {
	float: left;
	width: 700px;
	overflow: hidden;
	/* background: #090;*/
}
div.action_messages {
	margin: 0 2ex;
}
.bPost, .bPostpublished
{
	clear: both;
	margin: 0 2.5ex;
	padding: 0;
	border-bottom: 1px solid #ddd;
	/* border: 1px solid #78a; */
}
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0 1ex 0;
}
.bTitle {
	color: #78a;
	margin: 1ex 0;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
}

input.bComment,
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}
select.bComment  /* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


input.submit,
input.preview,
input.reset {
	background-color: #ddd;
	color: #78a;
	border: 1px solid #000;
	font-weight: bold;
	padding: 1px;
}

input.submit:hover,
input.preview:hover {
	color: #000;
}

/* Styles for Navigation */
#sidebar ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar li {
	display: block;
	border: 0px 0px 1px 0px solid #aaaaaa;
}
#sidebar a {
	font-weight: bold;
	text-decoration: none;
	color: #f2f2f2;
	padding: 5%;
	display: block;
	border-bottom: 1px solid #f5f5f5;
}
#sidebar a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #f5f5f5;
	background-color: #444444;
}
/* Styles for sidebar (left) */
/* Styles for Navigation */

.bSideBar {
	position: relative;
	float: left;
	width: 140px;
	/* background: #900; */
}
.bSideItem {
	margin: 2ex;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid #ddd;
}

.bSideItem ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
bSideItem li {
	display: block;
	border: 0px 0px 1px 0px solid #aaaaaa;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem a {
	font-weight: bold;
	text-decoration: none;
	color: #f2f2f2;
	padding: 5%;
	display: block;
	border-bottom: 1px solid #f5f5f5;
}
.bSideItem a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #f5f5f5;
	background-color: #444444;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}
input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

/* Special SideItems: */
.widget_plugin_evo_Calr,
.widget_core_coll_title,
.widget_core_coll_longdesc {
	/* background-color: #fee; */
	padding: 0;
	border-bottom: 0;
}
.widget_core_coll_title a {
	text-decoration: none;
	color: #78a;
}

/* Calendar: */
table.bCalendarTable caption {
	border: 1px solid #ccc;
	background-color: #eee;
	border-bottom: 0;
}
table.bCalendarTable {
	border: solid 1px #ccc;
	border-collapse: separate;
}
table.bCalendarTable tfoot td {
	background-color: #eee;
	border-top: 1px solid #ccc;
}
table.bCalendarTable tfoot a {
	text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
	background-color: #78a;
	color: #fff;
}
th.bCalendarHeaderCell {
	color: #abc;
}
#bCalendarToday {
	background-color: #bce;
}