/* Main column colour */
#mainCol {background-color: #fff;}

/* Stripes above & below the main image */
#photo, #nav ul li a {border-color: #67939B;}

/* Main Page Navigation */
#nav li a {background-color: #526a74; color: #fff; text-decoration: none !important;} /* Tabs & dropdowns */
#nav li a:hover {background-color: #5c7d86;} /* Tabs & dropdowns rolover colour */

/* Side column headings */
#subCol h2 {background-color: #cadfed; color: #32474B;}

/* Main column titles eg. Latest Posts or Comments */
.title {background-color: #E2EBF8; color: #4B5D67;}

/* single pixel line between posts */
.post + .post {border-top: 1px solid #cad6e1;}

/* "or" between browse & search fields */ 
.or {border-color: #cad6e1; color: #a9b8c0;}

/* Date boxes */
.date {color: #75868f;} /* Day */
.d2 {background-color: #E2EBF8;} /* Month */
.d3 {background-color: #cadfed;} /* Year */

#photo {float: left;  z-index: 100;}
#mainCol {position: relative; float: left; width: 50em;}
#subCol {position: relative; float: left; width: 18em;}
#mainCol .rightShade {position: absolute; z-index: 100; top: none; bottom: -16px !important; left: 0; margin-right: -6px; display: block; height: 16px; width: 100%; padding-left: 7px; background: url(../images/bottomRightShade2.png) bottom right no-repeat;}

.post {float: left; margin: 0 2em 1em 2em; padding: 2em 0 1em 0; width: 46em;}


.title {display: block; float: left; clear: left; width: 41.5em; padding: 0.95em 2em 1em; margin: 0; font: 1.1em Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; background: url(../images/headingMaincol.png) bottom repeat-x;}
p.title {text-transform: none;}
.post h1 {display: block; font: 2em Helvetica, Arial, sans-serif; padding: 0.1em 0 0; margin: 0;}
.post .pageH1 {margin-bottom: 1em;}
.author {color: #697c85; margin-bottom: 2em;}
.author span {font-weight: bold;}


#mainCol ul, #mainCol ol {margin: 0 0 1em 2em;} 
#mainCol ul ul, #mainCol ul ol, #mainCol ol ol, #content ol ul {margin-bottom: 0;}
#mainCol dl {margin: 0 0 1em 0;}
.entry dt {font-weight: bold;}
.entry dd {margin: 0.3em 0 0.3em 2em;}
.entry dd + dt {margin-top: 1em;}



#subCol li {display: block; clear: both;}
#subCol ul {list-style: none;}
#subCol ul ul ul {padding: 0;}
.pad, #subCol li ul {padding: 0 2em 1em;} /* sidebar padding */
.textwidget, #aka, #twitter-link, .st-tag-cloud {padding: 0 2em 1em;} /* sidebar widget padding - add to this list to add padding to your widgets */
#subCol ul ul ul li {padding: 0 0 0 1em; background: url(../images/bullet.gif) 0.2em 0.55em no-repeat;}
#subCol ul ul ul ul li {background-position: 0.2em 0.5em;}
#subCol h2 {display: block; padding: 0.8em 2em 0.9em; margin-bottom: 1em; background: url(../images/rightShade2.png) left repeat-y; font: 1.1em Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; background: url(../images/headingSidecol.png) bottom left no-repeat;}


.date {float: left; margin: 0 2em 0.5em 0; display: block; width: 3.5em; text-align: center; font-family: Arial, Helvetica, sans-serif; padding: 2px; background: #fff; border: 1px solid #ccc; border-color: #eee #ccc #ccc #eee;}
.d1 {display: block; width: 100%; font-size: 1.8em; overflow: hidden; background: url(../images/bottomShade2.png) 0 -1px repeat-x;}
.d2 {display: block; width: 100%; font-size: 90%; overflow: hidden;}
.d3 {display: block; width: 100%; font-size: 90%; overflow: hidden;}



#nav { bottom: 0; left: 0; list-style: none; margin-left: 2em;}
#nav ul {margin: 0; border-top: 3px solid #67939b; background: url(../images/bottomShade.png) 0 -1px repeat-x #67939b; list-style: none;}
#nav ul ul {margin: 0; border-top: none;}
#nav li {float: left; position: relative;}
#nav li a {display: block; padding: 0.6em 1em; background: url(../images/topShade.png) bottom repeat-x #526a74; margin-right: 0.2em; font-weight: bold; color: #fff; min-height: 1.4em; -moz-border-radius-topleft: 2px;  -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px;}
#nav ul li a { width: 10em; background: none; font-weight: normal; padding: 0.3em 1em; margin: 0; border-bottom: 1px solid #7ea6ad; min-height: none;}
#nav li a:hover {background-color: #5c7d86;}
#nav li ul, #nav li:hover ul ul {display: none; z-index: 1000;}
#nav li:hover ul, #nav ul li:hover ul {display: block; position: absolute; top: 2.5em; z-index: 100;}
#nav ul li:hover ul {top: 0 !important; left: 12em;}
#nav li ul a {-moz-border-radius-topleft: 0;  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0;}