* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}

body {position: relative; background: url('../images/bkg.png') repeat-x top; text-align: center; padding-bottom: 40px; font-style:normal; font-variant:normal; font-weight:normal; font-size:68.75%; font-family:Verdana, Helvetica, Arial, sans-serif}

#center {width: 68em; margin: 24px auto; text-align: left;}

#container {position: relative; width: 68em; float: left; background: url('../images/rightShade2.png') repeat-y 50em 50em; margin-bottom: 40px}

#header {position: relative; background-image: url(../images/header.png) bottom repeat-x; background: url('../images/header.png') repeat-x bottom;; padding-left:3em; padding-right:3em; padding-top:2.5em; padding-bottom:2.5em}

#photo {float: left; position: relative; z-index: 100;}

#content {position: relative; float: left; width: 68em; clear: both;}

#footer {position: relative; float: left; width: 68em; clear: both; top: 6px; padding: 1em 0;}

#mainCol {position: relative; float: left; width: 50em;}

#subCol {position: relative; float: left; width: 18em;}



.rightShade {position: absolute; right: 0; margin-top: 3px; margin-right: -7px; display: block; height: 100%; width: 7px; background: url('../images/rightShade.png') repeat-y bottom;}

.leftShade {position: absolute; left: 0; margin-top: 3px; margin-left: -7px; display: block; height: 100%; width: 7px; background: url('../images/leftShade.png') repeat-y bottom;}



#header .leftShade {position: absolute; z-index: 100; top: 0; left: 0; margin-top: -7px; margin-left: -6px; display: block; height: 10px; width: 100%; background: url('../images/topLeftShade.png') no-repeat top left;}

#header .rightShade {position: absolute; z-index: 100; top: 0; right: 0; margin-top: -7px; margin-right: -6px; display: block; height: 10px; width: 12px; background: url('../images/topRightShade.png') no-repeat top right;}

#footer .rightShade {position: absolute; z-index: 100; top: none; bottom: -7px !important; right: 0; margin-right: -6px; display: block; height: 10px; width: 12px; background: url('../images/bottomRightShade.png') no-repeat bottom right;}

#footer .leftShade {position: absolute; z-index: 100; top: none; bottom: -7px !important; left: 0; margin-left: -6px; display: block; height: 10px; width: 100%; background: url('../images/bottomLeftShade.png') no-repeat bottom left;}

#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') no-repeat bottom right;}



.leftCorner {position: absolute; top: 0; left: 0; display: block; width: 4px ; height: 4px; background: url('../images/topCorner.png');}

.rightCorner {position: absolute; top: 0; right: 0; display: block; width: 4px ; height: 4px; background: url('../images/topCorner.png');}

#footer .leftCorner {top: auto; bottom: 0; background-image: url('none');}

#footer .rightCorner {top: auto; bottom: 0; background-image: url('none');}

.dot {position: absolute; display: block; width: 1px; height: 1px;}

.dot1a {top: 0; left: 0;}

.dot1b {top: 0; left: 1px;}

.dot1c {top: 0; left: 2px;}

.dot1d {top: 0; left: 3px;}

.dot2a {top: 1px; left: 0;}

.dot2b {top: 1px; left: 1px;}

.dot2c {top: 1px; left: 2px;}

.dot2d {top: 1px; left: 3px;}

.dot3a {top: 2px; left: 0;}

.dot3b {top: 2px; left: 1px;}

.dot3c {top: 2px; left: 2px;}

.dot3d {top: 2px; left: 3px;}

.dot4a {top: 3px; left: 0;}

.dot4b {top: 3px; left: 1px;}

.dot4c {top: 3px; left: 2px;}

.dot4d {top: 3px; left: 3px;}

.rightCorner .dot1a {top: 0; left: 3px;}

.rightCorner .dot1b {top: 0; left: 2px;}

.rightCorner .dot1c {top: 0; left: 1px;}

.rightCorner .dot1d {top: 0; left: 0;}

.rightCorner .dot2a {top: 1px; left: 3px;}

.rightCorner .dot2b {top: 1px; left: 2px;}

.rightCorner .dot2c {top: 1px; left: 1px;}

.rightCorner .dot2d {top: 1px; left: 0;}

.rightCorner .dot3a {top: 2px; left: 3px;}

.rightCorner .dot3b {top: 2px; left: 2px;}

.rightCorner .dot3c {top: 2px; left: 1px;}

.rightCorner .dot3d {top: 2px; left: 0;}

.rightCorner .dot4a {top: 3px; left: 3px;}

.rightCorner .dot4b {top: 3px; left: 2px;}

.rightCorner .dot4c {top: 3px; left: 1px;}

.rightCorner .dot4d {top: 3px; left: 0;}

#footer .dot1a {top: 3px;}

#footer .dot1b {top: 3px;}

#footer .dot1c {top: 3px;}

#footer .dot1d {top: 3px;}

#footer .dot2a {top: 2px;}

#footer .dot2b {top: 2px;}

#footer .dot2c {top: 2px;}

#footer .dot2d {top: 2px;}

#footer .dot3a {top: 1px;}

#footer .dot3b {top: 1px;}

#footer .dot3c {top: 1px;}

#footer .dot3d {top: 1px;}

#footer .dot4a {top: 0;}

#footer .dot4b {top: 0;}

#footer .dot4c {top: 0;}

#footer .dot4d {top: 0;}

.dot0 {filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

.dot50 {filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5;}

.dot30 {filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3;}



#photo {position: relative;}

#photo img {float: left; width: 68em; height: auto; margin: 0;}

#header, #photo {border-bottom: 3px solid;}



#logo {font: 2.5em Tahoma, Helvetica, Arial, sans-serif; margin-bottom: -0.1em; color: #fff; text-decoration: none;}

#logo a, #logo a:visited {color: #fff; text-decoration: none;}

#strapline {color: #cadfed; margin: 0;}



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



#footer p {margin: 1em 2em; text-align: center;}

.or {font: 90% Tahoma, Arial, Helvetica, sans-serif; border-top: 1px solid #cad6e1; height: 1px; overflow: visible; margin: 0.3em 0 0.7em; text-align: center; text-transform: uppercase;}

.or span {position: relative; top: -0.8em; padding: 0 0.5em;}



.title {display: block; float: left; clear: left; width: 41.5em; margin: 0; text-transform: uppercase; font-weight: normal; background: url('../images/headingMaincol.png') repeat-x bottom;; font-style:normal; font-variant:normal; font-size:1.1em; font-family:Helvetica, Arial, sans-serif; padding-left:2em; padding-right:2em; padding-top:0.95em; padding-bottom:1em}

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;}

h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; font-weight: normal;}

code, pre {font: 1.2em "Courier New", Courier, monospace; color: #bb5800;}

pre {color: #4f7c00}

h1 {margin: 0 0 1em;} 

p, code, pre, h1, h2, h3, h4, h5, h6 {margin: 0 0 1em;}

.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin: 1em 0 0.5em;}

h2 {font-size: 1.8em;}

h3 {font-size: 1.6em;}

h4 {font-size: 1.4em;}

h5 {font-size: 1.3em; font-weight: bold;}

h6 {font-size: 1.2em; font-weight: bold;}

a, a:visited {text-decoration: none;}



#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 {background: url('../images/bullet.gif') no-repeat 0.2em 0.55em;; padding-left:1em; padding-right:0; padding-top:0; padding-bottom:0}

#subCol ul ul ul ul li {background-position: 0.2em 0.5em;}

#subCol h2 {display: block; margin-bottom: 1em; text-transform: uppercase; font-weight: normal; background: url('../images/headingSidecol.png') no-repeat bottom left;; font-style:normal; font-variant:normal; font-size:1.1em; font-family:Helvetica, Arial, sans-serif; padding-left:2em; padding-right:2em; padding-top:0.8em; padding-bottom:0.9em}





.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') repeat-x 0 -1px;}

.d2 {display: block; width: 100%; font-size: 90%; overflow: hidden;}

.d3 {display: block; width: 100%; font-size: 90%; overflow: hidden;}



.rss, .title a[href*="rss2"] {float: right; width: 16px; height: 16px; text-indent: -9999px; background: url('../images/rss.gif') no-repeat top;}

.rss:hover, .title a[href*="rss2"]:hover {background-position: bottom;}

.edit, .title a[href*="action=edit"] {float: right; width: 16px; height: 16px; text-indent: -9999px; background: url('../images/edit.gif') no-repeat top;}

.edit:hover, .title a[href*="action=edit"]:hover {background-position: bottom;}

a .prev, .olderEntries {float: right; width: 16px; height: 16px; text-indent: -9999px; background: url('../images/prev.gif') no-repeat top; margin-left: 0.5em}

a:hover .prev, .olderEntries:hover {background-position: bottom;}

a .next, .newerEntries {float: right; width: 16px; height: 16px; text-indent: -9999px; background: url('../images/next.gif') no-repeat top; margin-left: 0.5em}

a:hover .next, .newerEntries:hover  {background-position: bottom;}



/* forms */

fieldset {border: none; margin: 0; padding: 0;}

#searchsubmit {position: absolute; width: 1.7em; height: 1.7em;}

#s {background:none repeat scroll 0 0 #CAD6E1;border:1px solid #B9C3D1;color:#32474B;margin-right:2px;width: 130px; padding: 2px; margin-right: 0.2em;margin-left:17px;margin-bottom:15px}

select, .field {width: 14em; margin: 0 0 0.4em 0; padding: 0.2em;}

.field {padding: 0.2em; width: 14em;}

textarea {padding: 0.2em; width: 30em; font: 1em Verdana, Arial, Helvetica, sans-serif;}

#submit {padding: 0.3em;}





/* calendar */

#wp-calendar caption, #calendar caption {width: 14em; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7;}

#wp-calendar table, #calendar table {border-collapse: collapse; text-align: center; background: url('../images/cal_bkg.gif') no-repeat bottom right; width: 14em; margin: 2em; padding-left:0; padding-right:1px; padding-top:0; padding-bottom:1px}

#wp-calendar thead tr {background: url('../images/cal_bkg.gif') no-repeat bottom right;}

#wp-calendar thead th {background: url('../images/cal_single.gif') no-repeat top left;}

#wp-calendar tbody td {background: url('../images/cal_single2.gif') no-repeat top left; width: 2em; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px}

#wp-calendar #today {background: url('../images/cal_single_today.gif') no-repeat top left; color: #000}

#wp-calendar tbody .pad { background: url('../images/cal_pad.gif') no-repeat top left;}

#wp-calendar a {padding: 2px 0; font-weight: bold;}

#wp-calendar tfoot td {background: url('../images/cal_pad.gif') no-repeat top left;; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px}

#wp-calendar #next {text-align: right; padding-right: 10px;}

#wp-calendar {display: block; }



#content img {display: inline; margin: 0 1em 0.5em 0; padding: 4px; background: #fff; border: 1px solid #ccc; border-color: #eee #ccc #ccc #eee;}

#content img.wp-smiley {margin: 0; padding: 0; border: none; background: transparent;}

.alignleft {float: left;}

.alignright {margin: 0 0 0.5em 1em;}

.alignright {float: right;}

.wp-caption {background: #eee;}

.wp-caption-text {padding: 0 1em; font-style: italic; font-size: 1.1em;}



.commentlist {list-style: none; margin: 0 !important;}

.commentText {position: relative; float: left; display: block; width: 44em; background: #eee; padding: 1em 1em 0; margin: 0 0 0.5em 0; background: #F8F8F8 none repeat scroll 0 0; border-color: #eee #ccc #ccc #eee; border-style: solid; border-width: 1px;}

.moderation .commentText {border-style: dashed; border-color: #ddd #ccc #ccc #ddd;}

.moderation .commentText h3 em {background: #E5E5E5 none repeat scroll 0 0; color: #999999; display: block; font-style: normal; padding: 0.5em 0; text-align: center;}

.moderation .commentText p, .moderation .commentCite p, .moderation .commentCite p a {color: #697c85;}

.commentText span {position: absolute; display: block; width: 27px; height: 27px; bottom: -26px; left: 1em; background: url('../images/comment.gif') no-repeat top left;}

.commentCite {float: left; width: 42em; padding: 0 0 0 4em; margin: 0 0 1.5em;}

.commentCite cite {font-weight: bold; font-style: normal;}

#content .commentCite img {float: left; margin: 0 1em 0.5em 0;}

.commentCite p {text-align: left; margin: 0.2em 0 0;}

.commentCite p + p { font-size: 90%; margin: 0; color: #697c85;}

.commentLink {float: left; width: 13px; height: 7px; text-indent: -9999px; background: url('../images/permalink.gif') no-repeat top; margin-left:0; margin-right:0; margin-top:0.3em; margin-bottom:0}

.commentLink:hover {background-position: bottom;}



#commentform, #commentform p {display: block; clear: both; width: 46em;}

#commentform .field {float: right; width: 29.4em;}

#commentform .button {margin-left: 16em; }

.req {font-weight: bold; color: #990000;}



select, .field, textarea {margin-left:20px;margin-bottom:13px;font: 1em Tahoma, Helvetica, Arial, sans-serif;}



#nav {position: absolute; bottom: 0; left: 0; list-style: none; margin-left: 2em;}

#nav ul {margin: 0; border-top: 3px solid #67939b; background: #67939b url('../images/bottomShade.png') repeat-x 0 -1px; list-style-type:none}

#nav ul ul {margin: 0; border-top: none;}

#nav li {float: left; position: relative;}

#nav li a {display: block; background: #526a74 url('../images/topShade.png') repeat-x bottom; 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; padding-left:1em; padding-right:1em; padding-top:0.6em; padding-bottom:0.6em}

#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;}



.tags {display: block; float: left; width: 44em; padding: 0 0.5em; background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eee;}

#tagCloud .pad, #tag_cloud .pad {text-align: center; font-size: 90%;}

.tags a, #tagCloud a, #tag_cloud a {padding: 0.2em 0.5em; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e5e5e5; border-bottom-color: #d5d5d5; border-right-color: #d5d5d5;}

#tagCloud a, #tag_cloud a {line-height: 1.9em; margin-right: -3px;}

.tags a:hover, #tagCloud a:hover, #tag_cloud a:hover {border-color: #ddd; border-bottom-color: #bbb; border-right-color: #bbb;}

.tags p {margin: 0.5em 0;}



.recentcomments {margin-bottom: 0.5em;}

#recentcomments .lastLi {margin-bottom: 0;}



blockquote {background: #eaeaea; padding: 1em 1em 0.1em 1em; margin-bottom: 1em; border-left: 3px solid #ccc;}

blockquote blockquote {background: #dadada; border-left: 3px solid #bbb;}