/*
=====================================================================
	CSS Styles for use at page1blog.ideas-now.com
	Blog Skin Stylesheet
	Version 0.1
	Revision Date 2008.12.17
	Copyright ©2008, Page 1 Printers. All Rights Reserved.
=====================================================================
*/

html {
	margin:0;
	padding:0;
}
body {
	background:#fff url(images/stripes-bg.png) repeat-x 0 0;
	color:#333;
	font:80% Calibri, Helvetica, "Lucida Grande" , Verdana, sans-serif;
	margin:0;
	padding:0;
}

/*==== Template Design ================================================*/
#bg-fade {
	background:transparent url(images/grad-fade-bg.png) repeat-x 0 0;
	min-height:210px;
	padding:0 1em;
}
#wrapper {
	margin:0 auto;
	max-width:1170px;
	min-width:1000px;
}
#dashboard {
	background:transparent url(images/dashboard-bg.png) no-repeat 0 0;
	margin-right:14px;
	position:relative;
	z-index:999;
}
#dashboard .db-c {
	background:transparent url(images/dashboard-bg-c.png) no-repeat 100% 0;
	height:30px;
	margin-right:-14px;
}
#shell {
	background:#fff;
	border-left:1px solid #ef3e42;
	border-right:1px solid #ef3e42;
	margin:0 4em 0;
	position:relative;
	top:-1em;
}
#admin {
	margin-top:4px;
	padding:0 16px;
}
#head-content, #body-wrapper, #subhead-content, #footer-content {
	margin-left:1em;
	margin-right:1em;
}
#body-wrapper {
}
#nav-wrapper {
	left:144px;
	margin-right:144px;
	position:relative;
	top:-22px;
	z-index:998;
}
#leftPane {
	clear:left;
	float:left;
	margin:3em 0 0;
	width:14em;
}

/*==== Content Blocks =================================================*/
#head-content {
	background:transparent url(images/bg-strips-red.png) repeat-x 0 100%;
}
#subhead-content {
	position:relative;
	top:-1.2em;
}
#footer-content {
	margin-top:2em;
	text-align:center;
}
#admin {
	margin-top:4px;
	padding:0 16px;
}

/*==== Content-Specific ===============================================*/
.blog-title {
	margin-top:0.6em;
}
/* Widgets Containers --------------------------*/
#shell #widgetzone {
	padding:0; /* Overrides global style */
}
div.widget {
	background:transparent url(images/sidebar-blue-bd.png) repeat-y 0 0;
	min-width:1px;
	margin-bottom:1em;
	padding-bottom:1em;
	z-index:1;
}
div.widget .content {
	padding:0 0 0 0.8em;
}
/* Body Content Block Styles -------------------*/
.body-content {
	margin:0 0 0 14em;
}
.body-content .head, .body-content .head .cap, 
.body-content .foot, .body-content .foot .cap {
	font-size:1px; /* ensure minimum height */
}
.body-content .head {
	background:transparent url(images/body-content-hd.png) no-repeat 0 0;
}
.body-content .head .cap {
	background:transparent url(images/body-content-hd-c.png) no-repeat 100% 0;
	height:10px;
}
.body-content .body {
	background:transparent url(images/body-content-bd.png) repeat-y 0 0;
}
.body-content .body .cap {
	background:transparent url(images/body-content-bd.png) repeat-y 100% 0;
}
.body-content .body .bones {
	background:transparent url(images/body-content-bd-s.png) repeat-x 0 100%;
	margin:0 1px;
	padding:1em;
}
.body-content .foot {
	background:transparent url(images/body-content-ft.png) no-repeat 0 0;
}
.body-content .foot .cap {
	background:transparent url(images/body-content-ft-c.png) no-repeat 100% 0;
	height:10px;
}


/*==== Global Character Styles ========================================*/
#shell h1, #shell h2, #shell h3, #shell h4, .Head, .SubHead, .SubSubHead {
	font-family:Calibri, Helvetica, "Lucida Grande", Tahoma, Sans-Serif;
	margin:0;
	padding:0 0 0.4em 0;
}
#shell h1 {
	font-size:180%;
	font-weight:normal;
}
#shell h2 {
	color:#ef3e42;
	font-size:140%;
	font-weight:bold;
}
#shell h3 {
	font-size:120%;
	font-weight:bold;
}
#shell h4 {
	font-size:110%;
	font-weight:bold;
}
p, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .ItemTitle {
	font-family:Calibri, Helvetica, "Lucida Grande", Verdana, Sans-Serif;
	margin:0;
	padding:0 0 1.4em 0;
}
p, .Normal, .NormalTextBox {
	font-size:100%;
	line-height:1.8em;
}
.red, .NormalRed {
	color:#ef3e42 !important;
}
.blue {
	color:#00aeef !important;
}
.gray {
	color:#666 !important;
}
.script {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, Serif;
	font-style:italic;
}
.indent {
	margin:-1em 0 0 1em !important;
}
p.tight, .tight {
	font-size:90%;
	line-height:normal;
	margin-top:-0.4em;
	padding:0 0 0.4em 0;
}
p.disclaimer, .disclaimer {
	font-size:80%;
	font-style:italic;
}
p.small, .small {
	font-size:80%;
}
strong, .strong, .NormalBold, .ItemTitle {
	font-weight:bold;
}
pre {
	border:1px solid #ccc;
	color:#999;
	font-family:Consolas, "Courier New", Courier, Monospace;
	font-size:90%;
	line-height:2em;
	margin:0 1em 1em;
	padding:0.4em;
	white-space:normal;
}
#subhead-content p {
	color:#333;
	font-size:120%;
	font-style:italic;
	line-height:normal;
	margin-left:84px;
	padding:0;
}
#shell #subhead-content .blog-title h1, #shell #subhead-content .blog-title p {
	margin:0;
	padding:0;
}
#shell #subhead-content .blog-title p {
	font-size:100%;
	font-style:normal;
}
#shell .widget h4, #shell div#widgetzone h4 {
	background:#00aeef url(images/sidebar-blue-hd.png) no-repeat 0 0;
	color:#fff;
	font-size:120%;
	font-weight:normal;
	margin:0;
	padding:0 0 0 0.6em;
	text-transform:uppercase;
}
/*==== CSS Cues =======================================================*/
.rss {
	background:transparent url(images/icon-rss.png) no-repeat 100% 50%;
	padding-right:14px;
}
.email {
	background:transparent url(images/icon-email.png) no-repeat 0 50%;
	padding-left:14px;
}
.digg {
	background:transparent url(images/icon-digg.png) no-repeat 0 50%;
	padding-left:14px;
}
.designfloat {
	background:transparent url(images/icon-designfloat.png) no-repeat 0 50%;
	padding-left:14px;
}
.stumbleupon {
	background:transparent url(images/icon-stumbleupon.png) no-repeat 0 50%;
	padding-left:14px;
}
.delicious {
	background:transparent url(images/icon-delicious.png) no-repeat 0 50%;
	padding-left:14px;
}

/*==== Global Lists ===================================================*/
ul {
	margin:0.2em 0.6em;
	padding:0;
}
ul li {
	list-style-image:url(images/bullet-arrow-blue.png);
	margin:0 0 0.4em 1.2em;
}
li.gray {
	list-style-image:url(images/bullet-arrow-gray.png);
}
li.red {
	list-style-image:url(images/bullet-arrow-red.png);
}
li.white {
	list-style-image:url(images/bullet-arrow-white.png);
}
ol {
	margin:0;
	padding:0;
}
ol li {
	margin:0 0 0.4em 1.4em;
}
ul.txt-no-list /* Used in Footer Navigation & Non-wrapping Link Clusters */ {
	margin:0 0 0.4em 0;
	padding:0;
}
ul.txt-no-list li {
	background:transparent url(images/spacer-gray.png) repeat-y 100% 0;
	display:inline;
	padding:0 0.6em 0 0.8em !important;
	margin:0 !important;
}
ul.txt-no-list li.last {
	background:none;
}
ul.txt-no-list-2 /* Used with word-wrapping Link Clusters */{
	margin:0 0 0.4em 0;
	padding:0;
}
ul.txt-no-list-2 li {
	display:inline;
	font-size:85%;
	padding:0 0.6em 0 0 !important;
	margin:0 !important;
}
#admin ul {
	margin:0;
	margin-top:2px;
}
#admin ul li {
	color:#fff;
	display:inline;
	list-style:none;
	margin:0;
	padding:0 0 0 16px;
}
.widget ul {
	margin:0;
	padding:0;
}
.widget ul li {
	background:transparent url(images/bullet-arrow-blue.png) no-repeat 0 50%;
	line-height:normal;
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0.2em 0 0.2em 0.8em;
}

/*==== Global Links ===================================================*/
#shell a:link, #shell a:visited {
	color:#333;
	text-decoration:underline;
}
#shell a:hover, #shell a:active {
	text-decoration:none;
}
#shell a.red {
	color:#ef3e42;
}
#shell a.blue {
	color:#00aeef;
}
#shell a.jumps {
	background:transparent url(images/icon-link-jumps.png) no-repeat scroll right center;
	padding:1px 16px 1px 1px;
	text-decoration:none;
	zoom:1;
}
#shell a[href$=".pdf"], #shell .pdf {
	background:transparent url(images/icon-acrobat.png) no-repeat scroll right center;
	padding:1px 20px 1px 1px;
	zoom:1;
}
#shell a[rel="external"], #shell .external {
	background:transparent url(images/icon-external-link.png) no-repeat 100% 50%;
	padding-right:14px;
}
#bg-fade a.admin, #bg-fade a.apmlfilter, #bg-fade a.subscribefeed {
	color:#fff;
	padding-left:16px;
	text-decoration:none;
}
#bg-fade a.admin:hover, #bg-fade a.apmlfilter:hover, #bg-fade a.subscribefeed:hover {
	color:#fff200;
}
#bg-fade a.admin {
	background:transparent url(images/db-icons-member.png) no-repeat 0 50%;
}
#bg-fade a.apmlfilter {
	background:url(../../pics/apml.png) no-repeat left 1px;
}
#bg-fade a.subscribefeed {
	background:url(images/icon_rssbutton.gif) no-repeat left 1px;
}
#shell a.breadcrumb {
}
#shell a.breadcrumb:hover {
}
#shell .blog-title a, #shell .blog-title a:hover {
	text-decoration:none;
}
#shell .sidebar-blue a {
	color:#666;
	text-decoration:underline;
}
#shell .sidebar-blue a:hover {
	text-decoration:none;
}
#shell div.widget a.edit {
	color:#fff;
	float:right;
	font-size:80%;
	font-weight:normal;
	margin-top:3px;
	z-index:1;
}
#shell div.widget a.delete {
	border:solid 1px #fff;
	color:#fff;
	float:right;
	font-size:80%;
	font-weight:normal;
	line-height:normal;
	margin:1px 3px 1px 5px;
	padding:0 1px;
	text-decoration:none;
	z-index:1;
}
#shell div.widget a.delete:hover {
	color:#ff9900;
}

/*==== Main Site Navigation ===========================================*/
/* CSS MainMenu Styles -------------------------*/
/* Level 0 */
#MainMenu * {
	font-family:Calibri, Helvetica, "Lucida Grande" , Verdana, sans-serif;
	font-weight:normal;
}
#MainMenu ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
}
#MainMenu li {
	float:left;
	font-size:120%;
	list-style:none;
	margin:0;
	position:relative;
	text-transform:uppercase;
}
#shell #MainMenu li a {
	background:transparent url(images/nav-bar-out.png) repeat-y 0 0;
	display:block;
	padding:0 1.2em 0 0.6em;
	text-decoration:none;
}
#shell #MainMenu li a:hover {
	background:transparent url(images/nav-bar-hover.png) repeat-y 0 0;
}
#shell #MainMenu li.SelectedTab a {
	background:transparent url(images/nav-bar-select.png) repeat-y 0 0;
	font-weight:normal;
}
#shell #MainMenu li.DisabledTab a, #shell #MainMenu li.DisabledTab a:hover {
	background:transparent url(images/nav-bar-void.png) repeat-y 0 0;
	color:#ddd;
}
/* Level 1 */
#MainMenu li ul {
	background:transparent url(images/nav-bar-drop-down-bg-haze.png) no-repeat 100% 100%;
	left:-999em;
	padding:0 0 1em 0;
	position:absolute;
}
#MainMenu li li {
	background:transparent url(images/nav-bar-drop-down-bg-lines.png) no-repeat 0 0;
	font-size:100%;
	text-transform:none;
	white-space:nowrap;
}
#MainMenu li li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
#MainMenu li:hover ul, #MainMenu li.iehover ul, #MainMenu li.sfHover ul {
	left:0;
	top:1.2em; /* match top ul list item height */
	z-index:99;
}
#MainMenu li li:hover ul, #MainMenu li li li:hover ul, #MainMenu li li.iehover ul, #MainMenu li li li.iehover ul, #MainMenu li li.sfHover ul {
	top:0;
}
#shell #MainMenu li li a, #shell #MainMenu li.sfHover ul li a {
	padding:2px 1em 2px 20px;
	text-decoration:none;
}
#shell #MainMenu li li a:hover, #shell #MainMenu li.sfHover ul li a:hover {
	border-left:4px solid #b21619;
	padding:2px 1em 2px 16px;
}
#shell #MainMenu li li.SelectedTab a {
	border-left:4px solid #fff200;
	padding:2px 1em 2px 16px;
}
#shell #MainMenu li li.DisabledTab a, #shell #MainMenu li li.DisabledTab a:hover {
	border-left:4px solid #ddd;
	color:#ddd;
	padding:2px 1em 2px 16px;
}
/* Level 2 on up ***Not in Use*** */
#MainMenu li:hover ul ul, #MainMenu li:hover ul ul ul, #MainMenu li:hover ul ul ul ul, #MainMenu li.iehover ul ul, #MainMenu li.iehover ul ul ul, #MainMenu li.iehover ul ul ul ul {
	left:-999em;
}

/* CSS DashboardMenu Styles --------------------*/
/* Level 0 */
#DashboardMenu * {
	font-family:Calibri, Helvetica, "Lucida Grande" , Verdana, sans-serif;
	font-size:100%;
	font-weight:normal;
}
#DashboardMenu ul {
	float:left;
	list-style:none;
	margin:0;
	margin-top:2px;
	padding:3px 0 0 16px;
	width:auto;
}
#DashboardMenu li {
	color:#fff;
	cursor:pointer;
	float:left;
	list-style:none;
	margin:0;
	padding:0 16px 0 0;
	position:relative;
}
#bg-fade #DashboardMenu li a {
	color:#fff;
	display:block;
	text-decoration:none;
}
#bg-fade #DashboardMenu li a:hover {
	color:#fff200;
}
#bg-fade #DashboardMenu li.SelectedTab a {
}
#bg-fade #DashboardMenu li.DisabledTab a, #bg-fade #DashboardMenu li.DisabledTab a:hover {
	color:#ddd;
}
#DashboardMenu img.LinkIcon {
	float:left;
	height:12px;
	padding:2px 4px 0 0;
	width:12px;
}
/* Level 1 */
#DashboardMenu li ul {
	background:transparent url(images/db-drop-down-bg-haze.png) no-repeat 100% 100%;
	left:-999em;
	padding:0 0 1em 0;
	position:absolute;
}
#DashboardMenu li li {
	background:transparent url(images/db-drop-down-bg-lines.png) no-repeat 0 0;
	border-bottom:1px solid #b21619;
	padding:4px 40px 4px 0;
	text-transform:none;
	white-space:nowrap;
}
#DashboardMenu li li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
#DashboardMenu li:hover ul, #DashboardMenu li.iehover ul, #DashboardMenu li.sfHover ul {
	left:0;
	top:18px; /* match top ul list item height */
	z-index:99;
}
#DashboardMenu li li:hover ul, #DashboardMenu li li li:hover ul, #DashboardMenu li li.iehover ul, #DashboardMenu li li li.iehover ul, #DashboardMenu li li.sfHover ul {
	top:0;
	left:12.8em;
}
#bg-fade #DashboardMenu li li a, #DashboardMenu li.sfHover ul li a {
	font-weight:normal;
	padding-left:20px;
	text-decoration:none;
}
#bg-fade #DashboardMenu li li a:hover, #DashboardMenu li.sfHover ul li a:hover {
	border-left:4px solid #ffffee;
	padding-left:16px;
}
#bg-fade #DashboardMenu li li.SelectedTab a {
	border-left:4px solid #fff200;
	padding-left:16px;
}
#bg-fade #DashboardMenu li li.DisabledTab a, #bg-fade #DashboardMenu li li.DisabledTab a:hover {
	border-left:4px solid #ddd;
	color:#ddd;
	padding-left:16px;
}
/* Level 2 on up ***Not in Use*** */
#DashboardMenu li:hover ul ul, #DashboardMenu li:hover ul ul ul, #DashboardMenu li:hover ul ul ul ul, #DashboardMenu li.iehover ul ul, #DashboardMenu li.iehover ul ul ul, #DashboardMenu li.iehover ul ul ul ul {
	left:-999em;
}
/* arrows */
#DashboardMenu a.sf-with-ul {
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
	padding-right:0;
}
.sf-sub-indicator {
	background:url(http://www.commercialbankmn.com/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	display:none;
	height:10px;
	overflow:hidden;
	position:absolute;
	right:0.75em;
	text-indent:-999em;
	top:1.05em; /* IE6 only */
	width:10px;
}
a > .sf-sub-indicator {
	/* give all except IE6 the correct values */
	top:0.8em;
	background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position:-10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
#DashboardMenu li li .sf-sub-indicator {
	background-position:-10px 0;
}
#DashboardMenu li li a > .sf-sub-indicator {
	background-position:0 0;
}
/* apply hovers to modern browsers */
#DashboardMenu li li a:focus > .sf-sub-indicator, #DashboardMenu li li a:hover > .sf-sub-indicator, #DashboardMenu li a:active > .sf-sub-indicator, #DashboardMenu li li:hover > a > .sf-sub-indicator, #DashboardMenu li li.sfHover > a > .sf-sub-indicator {
	background-position:-10px 0; /* arrow hovers for modern browsers*/
}
/* shadows for all but IE6 */
.sf-shadow ul {
	background:url(http://www.commercialbankmn.com/images/shadow.png) no-repeat bottom right;
	padding:0 8px 9px 0;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
}
.sf-shadow ul.sf-shadow-off {
	background:transparent;
}

/*==== Images =========================================================*/
#shell img, #shell img a {
	border:none;
}
img.logo {
	height:82px;
	position:relative;
	top:14px;
	width:142px;
}

/*==== Misc Classes ===================================================*/
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.clear-right {
	clear:right;
}
.clear-left {
	clear:left;
}
td {
	text-align:left !important;
	vertical-align:top !important;
}
td.midleft {
	text-align:left !important;
	vertical-align:middle !important;
}
td.topleft {
	text-align:left !important;
	vertical-align:top !important;
}
.hr-gray {
	margin:1em 0;
	height:1px;
	background:url(images/dotted-vert-bg-gray.png) repeat-x 0 bottom;
}

/*==== Disclaimer ========================================================*/
#disclaimer {
	color:#484848;
	background:#f0f0f0;
	clear:left;
	border:1px dashed #c8c8c8;
	width:180px;
	font:normal 0.9em Tahoma, sans-serif;
	padding:5px 5px 5px 5px;
	margin:0px 5px 15px 10px;
}

/*==== Footer ===========================================================*/
#footer {
	background:#f5f5f5;
	border:1px solid #e3e4e4;
	clear:both;
	width:100%;
	text-align:center;
	padding:3px 0 3px 0;
}




/*==== WIDGETS ===========================================================*/
#widgetzone div.search {
	background:none;
	border:none;
	padding-left:10px;
}
#widgetzone img.rssButton {
	margin-right:3px;
}

/* Administration ------------------------------*/
.administration h4 {
	padding-left:18px;
	background:transparent url(images/icon_administration.gif) no-repeat scroll 0 0px;
}

/* BlogRoll ------------------------------------*/
.blogroll h4 {
	padding-left:18px;
	background:transparent url(images/icon_blogroll.gif) no-repeat scroll 0 0px;
}
.blogroll content {
	padding:0 5px 0 0px;
}
#blogroll ul {
	list-style-type:none;
}
#blogroll ul li {
}
#blogroll ul li ul li a {
	margin-left:5px;
	color:#666666;
	font-size:10px;
}
#blogroll ul li a img {
	margin-right:3px;
}

/* Calendar ------------------------------------*/
#calendarContainer {
	text-transform:capitalize;
	margin:0 auto;
	width:100%;
	border:1px solid #cccccc;
}
.calendar h4 {
	padding-left:18px;
	background:transparent url(images/icon_calendar.gif) no-repeat scroll 0 0px;
}
.calendar {
	border:none;
	margin:0 auto;
	width:100%;
}
.calendar .weekend {
	background-color:#e8e8e8;
}
.calendar .other {
	color:#989898;
}
.calendar a.exist {
	display:block;
	font-weight:bold;
	background-color:#F1F1F1;
}
.calendar td {
	vertical-align:top;
	background:white;
	border:2px solid #f7f7f2;
	padding-top:2px;
}
.calendar tr {
	background:#eaeada;
}

/* Category List -------------------------------*/
.categorylist h4 {
	padding-left:18px;
	background:transparent url(images/icon_categories.gif) no-repeat scroll 0 0px;
}
div.categorylist .rssButton {
	float:right;
}

/* Link List -----------------------------------*/
.linklist h4 {
	padding-left:18px;
	background:transparent url(images/icon_links.gif) no-repeat scroll 0 0px;
}
.linklist ul {
	margin:0px;
}
.linklist li {
	list-style-type:none; /*border-bottom :1px dashed #dddddd;*/
	line-height:5px;
	padding:4px 0 4px 14px;
	margin:0 5px 0 0px;
	background:transparent url(images/mini_link.gif) no-repeat scroll 0 1px;
}

/* Month List ----------------------------------*/
.monthlist h4 {
	padding-left:18px;
	background:transparent url(images/icon_months.gif) no-repeat scroll 0 0px;
}
#shell .monthlist ul {
	margin:0.2em 0.6em 0.2em 1em;
	padding:0;
}
#shell .monthlist ul li {
	background:none;
	line-height:normal;
	list-style:none;
	list-style-image:url(images/bullet-arrow-blue.png);
	margin:0;
	padding:0.2em 0;
}

/* Most Comments -------------------------------*/
.mostcomments td {
}
.mostcomments h4 {
	padding-left:18px;
	background:transparent url(images/icon_mostcomments.gif) no-repeat scroll 0 0px;
}
.mostcomments img {
}
.mostcomments .vcard {
	font-size:10px;
}

/* Newsletter ----------------------------------*/
.newsletter {
}
.newsletter h4 {
	padding-left:18px;
	background:transparent url(images/icon_newsletter.gif) no-repeat scroll 0 0px;
}
.newsletter .content {
	background:#eaeada;
	padding:4px;
	border:1px dotted #c8c8c8;
}
#newsletterform {
}
#newsletterform p {
	margin-top:0px;
	margin-bottom:10px;
	font-size:90%;
}
#newsletterform label {
	font-size:90%;
	margin-top:0px;
}
#newsletterform input {
	color:#333333;
	font-family:verdana, helvetica, sans-serif;
	font-size:90%;
	font-weight:normal;
	border:1px solid #aaaaaa;
	margin-right:4px;
}

/* Page List -----------------------------------*/
.pagelist h4 {
	padding-left:18px;
	background:transparent url(images/icon_pagelist.gif) no-repeat scroll 0 0px;
}
#pagelist ul {
	margin:0px;
}
#pagelist li {
	list-style-type:none;
	border-bottom:1px dashed #dddddd;
	line-height:10px;
	padding:4px 0 4px 14px;
	margin:0 5px 0 0px;
	background:transparent url(images/icon_page.gif) no-repeat scroll 0 3px;
}

/* Recent Comments -----------------------------*/
.recentcomments {
}
.recentcomments h4 {
	padding-left:18px;
	background:transparent url(images/icon_recentcomments.gif) no-repeat scroll 0 0px;
}
ul.recentComments li {
	padding-bottom:5px;
	text-transform:none;
	font-size:10px;
}
ul.recentComments li a.postTitle {
	font-weight:normal;
}
ul.recentComments li a.moreLink {
	color:#444444;
}

/* Recent Posts --------------------------------*/
.recentposts {
	overflow:hidden;
}
.recentposts h4 {
	padding-left:18px;
	background:transparent url(images/icon_recentposts.gif) no-repeat scroll 0 0px;
}
.recentposts .content {
	margin-right:5px;
}
ul.recentPosts {
}
ul.recentPosts li {
	padding-bottom:10px;
	list-style-type:none;
}
ul.recentPosts li a {
	font-weight:normal;
	white-space:nowrap;
	display:block;
}
ul.recentPosts li span {
	text-indent:0px;
	text-transform:none;
	margin-right:10px;
}

/* Search --------------------------------------*/
#searchbox {
	margin-top:5px;
	font-size:10px;
}
#searchbox input {
	font-size:10px;
}
#searchbox #searchbutton {
	margin-left:5px;
}
#searchbox #searchfield {
	width:180px;
}

/* Tag Cloud -----------------------------------*/
.tagcloud h4 {
	padding-left:18px;
	background:transparent url(images/icon_tagcloud.gif) no-repeat scroll 0 0px;
}
.tagcloud {
	margin-bottom:10px;
	white-space:normal;
	text-align:justify;
}
#shell .tagcloud li {
	background:none;
	display:inline;
	list-style:none;
	list-style-image:none;
	padding:0;
}
#shell .tagcloud a {
	display:inline;
	margin-right:3px;
	text-decoration:none;
}
#shell .tagcloud a:hover {
	color:#ff9900;
}
.tagcloud a.biggest {
	font-size:120%;
	font-weight:bold;
	color:#000000;
}
.tagcloud a.big {
	font-size:120%;
	color:#000000;
}
.tagcloud a.medium {
	font-size:110%;
	color:#333333;
}
.tagcloud a.small {
	font-size:100%;
	color:#666666;
}
.tagcloud a.smallest {
	font-size:90%;
	color:#999999;
}

/* TextBox -------------------------------------*/
.textbox h4 {
	padding-left:18px;
	background:transparent url(images/icon_textbox.gif) no-repeat scroll 0 0px;
}

/* Twitter -------------------------------------*/
.twitter h4 {
	padding-left:18px;
	background:transparent url(images/icon_twitter.gif) no-repeat scroll 0 0px;
}

/*==== POSTS =============================================================*/
div.post, .mceContentBody {
	background:transparent url(images/posts-bg.png) repeat-x 0 100%;
	margin:0 0 2em;
	padding:0 0 2em;
}
div.post h1, .mceContentBody h1 {
}
div.post h1 {
}
div.post .author {
}
div.post .pubDate {
	color:#666666;
	font-size:11px;
	float:right;
}
div.post .text {
}
div.post .text h2 {
}
div.post .text h3 {
}
div.post .footer {
	border-top:1px dashed silver;
	text-align:right;
	padding-top:4px;
	padding-bottom:2px;
}
div.post .bottom {
}
div.post .tags, div.post .categories {
	padding:0 0 0.2em;
}
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 {
	margin:0 5px 20px 5px;
	padding:3px 10px;
}
#relatedPosts h1 {
	font-size:130%;
	font-weight:bold;
	margin:0 5px 0 5px;
	padding-left:18px;
	background:transparent url(images/icon_recentposts.gif) no-repeat scroll 0 0;
}
#relatedPosts a {
	display:block;
	margin-top:5px;
}
#relatedPosts span {
}

/* Bookmarks --------------------------------------*/
.bookmarks {
	float:left;
}

/* Comments -----------------------------------*/
h1#comment {
	font-size:130%;
	font-weight:bold;
	margin:0 5px 0 5px;
	padding-left:18px;
	background:transparent url(images/icon_recentcomments.gif) no-repeat scroll 0 0;
}
#comments {
	background-color:#f8f8f8;
	margin:5px 5px 0px 5px;
	border:1px dotted #d8d8d8;
	padding:5px;
	min-height:100px;
	height:auto !important;
	height:100px;
}
#commentheader {
	margin-bottom:10px;
	border-bottom:1px dotted #d8d8d8;
	height:10px;
	padding-bottom:3px;
	background-color:#F4F4F4;
}
#commentauthor {
	float:left;
	width:50%;
}
#commentcontent {
	text-align:justify;
	padding:0 5px 10px 5px;
}
#commentdate {
	float:right;
	width:40%;
	text-align:right;
}
#commentgravatar {
	margin:2px 10px 4px 4px;
	float:left;
	border:1px dotted #CCCCCC;
}
#commentadmin {
	text-align:right;
	background-color:#f8f8f8;
	padding:2px 5px 2px 5px;
	min-width:100px;
	float:right;
	border-bottom:1px dotted #d8d8d8;
	border-left:1px dotted #d8d8d8;
	border-right:1px dotted #d8d8d8;
	margin:0 5px 0 0;
}
.commentForm h1#addcomment {
	font-size:130%;
	font-weight:bold;
	margin:20px 0 10px 0;
	padding-left:18px;
	background:transparent url(images/icon_recentcomments.gif) no-repeat scroll 0 0;
}
.commentForm {
	padding:5px;
}
.commentForm label {
	float:left;
	display:block;
	width:80px;
	margin-top:4px;
}
.commentForm input {
}
.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 {
	padding:10px;
}
#archive h1 {
	padding-left:24px;
	background:#F0F0F0 url(images/h_archive.gif) no-repeat scroll 0 0px;
	margin-top:0px;
}
#archive h2 {
	border:1px dotted #c8c8c8;
	background:#f0f0f0;
	font:bold 1.1em Arial, Sans-Serif;
	padding:0 0 0 3px;
	margin-bottom:5px;
}
#archive h2 img {
	margin-right:5px;
	margin-top:3px;
}
#archive ul {
	margin:0px 0px 20px 15px;
}
#archive li {
	list-style-type:none;
	line-height:10px;
	margin:0 5px 0 2px;
	background:transparent url(images/icon_arrow.gif) no-repeat scroll 0 3px;
	padding:3px 0 2px 12px;
}
#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;
}
#archive .date {
	padding-right:5px;
}

#archive #totals {
	font-weight:bold;
}

/* Search on Search-----------------------------------*/
#searchonsearch {
	background:white;
	padding:5px 10px;
	margin-bottom:20px;
	border:1px solid silver;
}
#searchonsearch h3 {
}
#searchonsearch ol li {
	margin:2px 0;
}

/*==== POSTS =============================================================*/
#page {
	padding:10px;
}
#page h1 {
	padding-left:24px;
	background:#F0F0F0 url(images/h_page.gif) no-repeat scroll 0 0px;
	margin:5px 0 2px 0;
}
#page #admin {
	border-top:1px solid silver;
	margin-top:10px;
	padding:5px 0;
}

/*==== Calendar Page =====================================================*/
#content table.calendar td {
	border:solid 1px #d4d4d4;
}
#content table.calendar th {
	font-weight:bold;
	height:20px;
	border:solid 1px #d4d4d4;
}
#content table.calendar td {
	text-align:left;
	vertical-align:top;
	padding-top:0px;
}
#content table.calendar td.other {
	height:20px;
	text-align:left;
	vertical-align:top;
}
#content table.calendar td.weekend {
	height:50px;
	text-align:left;
	vertical-align:top;
}
#content table.calendar td a {
	font:normal 0.9em Tahoma, sans-serif;
}
#content table.calendar tr td tr td {
	text-align:center;
	vertical-align:middle;
	border:none;
	height:30px;
	background-color:#f0f0f0;
	padding:0;
	font:bold 1.2em Arial, Sans-Serif;
}

/*==== Star Rating =======================================================*/
.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 {
	background-position:left center;
	margin:0;
	z-index:1;
}
.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;
}

/*==== Search Page =====================================================*/
.searchpage ul.paging {
	list-style-type:none;
	margin:0;
	margin-bottom:20px;
	padding:0;
}
.searchpage ul.paging li {
	display:inline;
	border:1px solid gray;
	background:#f1f1f1;
	margin-right:5px;
}
.searchpage ul.paging li a {
	padding:5px 8px;
}
.searchpage ul.paging li.active {
	background:#f1f1f1;
	border:1px solid black;
}
.searchresult {
	border-bottom:1px dotted #d8d8d8;
	padding-bottom:5px;
}
#searchpage {
	margin-bottom:10px;
}
#searchpage input {
	color:#333333;
	font-family:verdana, helvetica, sans-serif;
	font-size:90%;
	font-weight:normal;
	background-color:#eeeeee;
	border:1px solid #aaaaaa;
}
#searchpage input#q {
	border:1px solid #bbbbbb;
	width:130px;
	margin-left:0px;
	font:normal 1em Tahoma, sans-serif;
	padding:1px 0 1px 2px;
	color:#444444;
	background-color:#ffffff;
}
#searchpage input#comment {
	border:1px solid #ffffff;
	padding-top:5px;
	font:normal 1em Tahoma, sans-serif;
	padding:1px 0 1px 2px;
	color:#444444;
	background-color:#ffffff;
}
.searchresult {
	margin-bottom:10px;
}
.searchresult a {
	font-weight:bold;
}
.searchresult span.text {
	clear:both;
	display:block;
	margin:3px 0;
}
.searchresult span.type {
	display:block;
	color:#666666;
	line-height:1.2;
}
.searchresult span.url {
	color:gray;
	line-height:20px;
}
.searchresult strong {
	font-weight:normal;
	color:#000000;
}

/*==== Contact Page =====================================================*/
#contact {
	padding:10px;
}
#contact h1 {
	padding-left:24px;
	background:#F0F0F0 url(images/h_contact.gif) no-repeat scroll 0 0px;
	margin-top:0px;
}
#contact label {
	display:block;
	padding-top:5px;
}
#contact input.field {
	width:200px;
}
#contact textarea {
	display:block;
	overflow:auto;
	width:75%;
	height:150px;
	margin:0;
}

/*==== Syntax Highlighter ================================================*/
.code {
	font-size:12px;
	color:black;
	font-family:Consolas, "Courier New" , Courier, Monospace;
	background-color:#F1F1F1;
	line-height:normal;
}
.code p {
	padding:5px;
}
.code .rem {
	color:#008000;
}
.code .kwrd {
	color:#0000ff;
}
.code .str {
	color:#006080;
}
.code .op {
	color:#0000c0;
}
.code .preproc {
	color:#0000ff;
}
.code .asp {
	background-color:#ffff00;
}
.code .html {
	color:#800000;
}
.code .attr {
	color:#ff0000;
}
.code .alt {
	background-color:#f4f4f4;
}
.code .lnum {
	color:#606060;
}

/* XFN Tags -----------------------------------*/
div.post .text a[rel] {
	padding-right:11px;
	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);
}
/*-------- [ 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);
}
/*-------- [ 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);
}
/*-------- [ 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);
}
/*-------- [ 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);
}
/*-------- [ ...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);
}