html, body {margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #6b6b6b;}

#header {clear: both; text-align: left; min-height: 150px; background: #fff;}

/* entryBg is resized with jquery if the window height is less than the doc height */
#entryBg, #commentsBg, #recentBg, #botBarBg {text-align: center;}
#commentsBg {background: #f5f5f5;}
#recentBg {background: #525252;}
#botBarBg {background: #000;}

#entryContentHolder, #commentsContentHolder, #recentContentHolder, #botBarContentHolder {text-align: left; display: inline-block; padding: 0px; margin-left: 10px; margin-right: 10px;}
#entryContentHolder {padding-top: 0px;}

#entryContent, #commentContent, #recentContent, #botBarContent {display: inline-block; text-align: left; margin-bottom;}
#recentContent {padding-bottom: .8em;}
#botBarContent {padding-top: 1.6em; padding-bottom: 1.4em;}
#entryRightContent {float: right; text-align: left; margin: 0px;}
#entryLeftContent {float: left; text-align: left; margin: 0px;}
#entryLeftContent a {font-size: .7em; display: block; text-decoration: none; color: #444; padding-bottom: .3em; padding-top: .3em; padding-left: 5px; width: 100px; border-bottom: 1px solid #E6E6E6;}
#entryLeftContent a:hover, #entryLeftContent a.selected  {background: #3d3d3d; color: #fff;}

a {color: #3B8DB0;}
h1 {font-weight: normal; font-size: 1.5em; margin-top: 1em; margin-bottom: 0px; color: #000;}
h2 {font-size: 1em; margin-bottom: 0px; margin-top: 2em; text-transform: uppercase; color: #000;}
h1 a, h2 a {text-decoration: none; color: #000;}
h3 {font-size: .7em; margin-top: 2em;}
h2 a:hover, h3 a:hover {color: #222; text-decoration: underline;}
p {margin-top: .4em;}

#entryContent h1.entryTitle {font-weight: normal; font-size: 1.8em; margin-top: 0px; margin-bottom: 0px; color: #000;}
#entryContent h1.entryTitle a {text-decoration: none;}
#entryContent h2 {color: #4189A6;}
/* h1.archiveHead {color: #3E7D96; border-bottom: 1px solid #ADC0C9; text-transform: uppercase; font-size: 1em; font-weight: bold; margin-top: 0px;} */
h1.archiveHead {color: #777; border-bottom: 1px solid #ddd; text-transform: uppercase; font-size: 1em; font-weight: bold; margin-top: 0px;}

#commentContent .item h1 {color: #666; margin-top: .6em;}
#commentContent .item h2, h3, h4, h5, h6 {color: #787878; margin-top: .6em;}

h3.sectionHead {line-height: normal; font-size: .9em; padding-bottom: 0px; color: #6393A8; margin-bottom: 1em; margin-top: 1.6em; text-transform: uppercase; clear: both; border-bottom: 1px solid #96a4b1;}
#commentContent h3.sectionHead {color: #ababab; border-bottom: 1px solid #ccc;}
#recentContent h3.sectionHead {color: #999999; border-bottom: 1px solid #999999;}

#postSummaryHolder {margin-bottom: 1.4em; margin-top: 3em; color: #949494; clear: both;}
#postSummary {width: 90%; margin: 1em auto; background: #fafafa; border: 1px solid #f5f5f5; font-style: italic; margin-bottom: 1.2em; padding: 12px; font-size: .9em;}
#postSummary a {color: #949494;}
#postSummary a:hover {color: #555;}

#prevPostLink, #nextPostLink {margin: 0px 2.5% 2em 2.5%; font-style: italic;}
#prevPostLink a, #nextPostLink a {text-decoration: none; color: #aaa;}
#prevPostLink a:hover, #nextPostLink a:hover {color: #555;}

.date {color: #8f8f8f; margin-bottom: 1em; font-size: .9em;}
.item .date {margin-bottom: 1.2em; font-size: .9em;}
.descHolder {margin-top: -8px;} /* adds extra vertical padding that I can't get rid of, but properly encloses floating divs */
.feature {margin-bottom: 5em;} /* reserved for the first entry on the latest page (full display, not recent) */
.item {margin-bottom: 3em;}
.item h1 a {margin-bottom: 0px;}
.item h1 {clear: both;}
.byline {clear: both; font-size: .9em; color: #8f8f8f; margin-bottom: .5em; margin-top: .6em;}
.byline a {color: #8f8f8f; text-decoration: none; font-style: italic; text-transform: capitalize;}
.byline a:hover {color: #B33F24;}
.commentLink {display: inline;}
.moreInsideLink {font-size: .8em; display: block; margin-top: .5em; margin-bottom: 1em; text-decoration: none;}

br.entryImage {font-size: .6em; clear: both;} /*placed after an image on the entry page when there are no pic page links*/
br.tinyclear {font-size: 0px; clear: both;}

div.linkList {margin-bottom: 1em; text-align: left;}
#botBarContent div.linkList {width: 180px;}
#botBarContent a:hover {background: #333; color: #eee;}
#botBarContent h1, #entryRightContent h1 { margin-top: 0px; font-size: .7em; color: #777; font-weight: bold; border-bottom: 1px solid #707070; text-transform: uppercase; margin-bottom: .8em;}
#botBarContent a, #entryRightContent a {display: block; font-size: .8em; color: #a6a6a6; border-bottom: 1px solid #444; text-decoration: none; padding-bottom: 3px; padding-top: 1px;}
#botBarContent a:hover {background: #333; color: #eee;}

#entryRightContent h1 {color: #8a8a8a; border-bottom: 1px solid #9e9e9e;}
#entryRightContent a {color: #878787; border-bottom: 1px solid #e2e2e2;}
#entryRightContent a:hover {color: #222; background: #f8f8f8;}
#entryRightContent .linkList {margin-bottom: 1.8em;}
#entryRightContent .linkList:first-child {margin-top: .5em;}
.linkList input {color: #222; border: 1px solid #878787; margin: 0px; width: 99%;}
#botBarContent .linkList input {background: #aaa; color: #222; border: 1px solid #6b6b6b;}

.picPageLnks {clear: both; font-size: .7em; font-weight: bold; margin-bottom: 2.3em;}
.picPageLnks ul {list-style: none; margin: 0px; padding: 0px;}
.picPageLnks li {display: inline;}
.picPageLnks li a {margin-right: .1em; background: #96A0A1; color: #fff; padding: 2px 5px 2px 5px; text-decoration: none;}
.picPageLnks li a:hover {background: #526870; color: #fff;}
.shadowImageFrame {padding: 8px; background: #fff; border: 1px solid #eee; margin-bottom: 0em;} /* used to surround feature images with useborder */
.archiveShadowImageFrame {padding: 4px; background: #fff; border: 1px solid #eee;}  /* used to surround archive thumb images with useborder */
/* #featureImages {} */

.imageFltNone, .imageFltRight, .imageFltLeft {border: 0px;}
.imageFltNone {float: left; margin: 0px 0px .6em 0px;}
.imageFltLeft {float: left; margin: 0px 1em .6em 0px;}
.imageFltRight {float: right; margin: 0px 0px .6em 1em;}

.page-curl {
	position: relative;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); */
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.page-curl:after {
	z-index: -1;
	position: absolute;
	background: transparent;
	width: 70%;
	height: 55%;
	content: '';
	right: 10px;
	bottom: 10px;
	-webkit-transform: skew(1deg) rotate(2deg);
	-webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.3);
	-moz-transform: skew(1deg) rotate(2deg);
	-moz-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.3);
}

.page-curl:before {
	z-index: -2;
	position: absolute;
	background: transparent;
	width: 70%;
	height: 55%;
	content: '';
	left: 10px;
	bottom: 10px;
	-webkit-transform: skew(-1deg) rotate(-2deg);
	-webkit-box-shadow: -6px 10px 10px rgba(0, 0, 0, 0.3);
	-moz-transform: skew(-1deg) rotate(-2deg);
	-moz-box-shadow: -6px 10px 10px rgba(0, 0, 0, 0.3);
}

#updates dl .date {font-style: italic; display: block; font-size: .8em; margin-bottom: .6em;}
#updates ul {margin: .4em 0px;}
#updates li {margin-bottom: .4em;}
#urlFld {margin-top: 3em;}
#urlFld a {display: block; margin-bottom: .2em; text-decoration: none;} 
#urlFld a:hover {color: #25566B; text-decoration: underline;} 

dt {font-weight: bold; font-size: .9em; margin-bottom: .2em;}
dd {margin-bottom: 1.4em; margin-left: 0px;}
li {margin-bottom: .6em;}

pre {color: #DAF2DC; background: #555E61; font-size: 1em; padding: 1em 1em 1.4em 1em; white-space: pre; margin: 1em 0px 2em 0px; overflow: auto;}
code {font-size: 1em;}

ul.archive {list-style: none; padding-left: 0px;}
.archive li a, .archive dt a {color: #5C839C; font-weight: bold; text-decoration: none; font-size: 1em;}
.archive .catLink a {color: #777; font-weight: normal;}
.archive li a:hover, .archive dt a:hover {color: #333;}
ul.archive, dl.archive  {margin-bottom: 4em;}
.archive dt {text-transform: capitalize; font-size: 1em;}


#calendar table {width: 150px; padding: 0px; font-size: .7em; /* font-weight: bold; */}
#calendar .nav {background: #aaa; text-align: left; font-size: .9em;}
#calendar .nav a.bn, #calendar .nav a.bn:visited {padding: 0px 8px; background: #aaa; display: inline; color: #fff; font-weight: bold; text-decoration: none; border: 0px;}
#calendar .nav a.bn:hover {text-decoration: none; background: #E3E3E3; color: #555;}
#calendar .lnav {float: left; padding: 0px;}
#calendar .rnav {text-align: right; padding: 0px;}
#calendar td.today {background: #bbb; color: #fff;}
#calendar td, #calendar th {padding: 2px; text-align: center; color: #878787;}
#calendar th {text-transform: uppercase; background: #E3E3E3; font-size: .9em;}
#calendar h1 {text-align: center; font-size: .85em; margin-bottom: 0px; margin-top: 0px; text-transform: uppercase; border: 0px;}
#calendar h1 a, #calendar h1 a:visited {text-decoration: none; border: 0px;}
#calendar h1 a:hover {background: #fff;}
#calendar td.entryDate, #calendar td.more {padding-bottom: 0px;}
#calendar td.entryDate a, #calendar td.more a {padding: 2px 2px 3px 2px; background: #9DD506; color: #fff; text-decoration: none; display: block; margin-bottom: 0px;}
#calendar td.entryDate a:hover, #calendar td.more a:hover {background: #86B706; color: #fff;}

#userMessage {display: none; color: #fff; background: #E06776; padding: 6px; padding-bottom: 8px; padding-left: 10px; margin-bottom: .6em; margin-left: 0px; text-align: center; font: bold .9em Arial, Helvetica, Sans-Serif;}

#comments .item {margin-bottom: 1.6em;}
#comments .item .odd { padding-left: 5px; padding-right: 5px;}
#comments .item .even {background: #f0f0f0; padding-top: 5px; padding-bottom: 5px;  padding-left: 5px; padding-right: 5px;}
#comments .avatar {float: left; margin-right: 8px; margin-bottom: 3px; border: 1px solid #ccc; padding: 4px; background: #fff;}
#comments .desc {font-size: .9em; margin-top: 0px; color: #787878;}
#comments .poster, #comments .posterMan {font-size: 1em;}
#comments .poster, #comments .poster a, #comments .poster a:visited, #comments .posterMan, #comments .posterMan A, #comments .posterMan A:visited {margin-bottom: .2em; color: #689EBD;}
#comments .posterMan, #comments .posterMan a, #comments .posterMan a:visited {color: #689EBD; font-weight: bold;}
#comments .date {font-size: .7em; color: #a8a8a8; margin: 0px;}
/* #comments pre {color: #444; font-size: 1em; padding: 1em 1em 1.4em 1em; background: #ddd; white-space: pre; margin: 1em 0px 2em 0px; overflow: auto;} */
#comments pre {color: #edf8f0; background: #90a3a8; font-size: 1em; padding: 1em 1em 1.4em 1em; white-space: pre; margin: 1em 0px 2em 0px; overflow: auto;}
#comments .even pre {color: #e5f5ea; background: #82979c;}
#comments code {font-size: 1em;}

/* comment page links */
.resultPageLinks ul, #resultPageLinks ul, #commentPageLinks ul {list-style: none; text-align: center; font-weight: bold; margin-bottom: 2em; margin-top: 1.7em;}
.resultPageLinks li, #resultPageLinks li, #commentPageLinks li {display: inline; margin: 0px; font-size: .8em;}
.resultPageLinks li.selected, #resultPageLinks li.selected, #commentPageLinks li.selected {background: #aaa; padding: 2px 5px; color: #fff;}
.resultPageLinks li a, #resultPageLinks li a, #commentPageLinks li a {color: #aaa; padding: 2px 4px; text-decoration: none; border: 1px solid #ddd;}
.resultPageLinks li a:hover, #resultPageLinks li a:hover, #commentPageLinks li a:hover {background: #bbb; color: #fff; border: 1px solid #ccc;}
.gallery .resultPageLinks ul {margin-top: .4em; margin-bottom: .6em;}

#enterComment {margin-bottom: 1.6em; text-align: left;}
.cpForm {font: normal .9em Arial, Helvetica, Sans-serif; border: solid 1px #c9c9c9; font-size: .8em; color: #6b6b6b; background: #fff; margin-bottom: 1em; padding: 3px;}
.cpFormSubmit {border: solid 1px #bbb; font-weight: bold; color: #f2f2f2; background: #778394; margin-top: 4px; padding: 2px 9px 4px 6px;}
.cpFormName {margin: 30px 3px 4px 0px; font-size: .8em; font-weight: bold; color: #878787;}
.cpFormLabel {vertical-align: center; padding-left: 7px; font-size: .8em; font-weight: bold; color: #a1a1a1;}
/* done */

/* part of resizable text area jquery plug */
div.grippie {background: #e7e7e7 url(jquery/textAreaResizer/grippie.png) no-repeat scroll center 1px; border-color: #eee; border-style: solid; border-width: 0pt 1px 1px; cursor: s-resize; height: 7px; overflow: hidden; margin-bottom: 0px;}
.resizable-textarea textarea {display: block; margin-bottom: 0px; width: 99%; height: 20%;}

/* gallery drop shadows */
.drop-shadow {
	background: #fff;
	-webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before, .drop-shadow:after {
	content: "";
	position: absolute; 
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
}

.drop-shadow:after {                 
	right: 10px; 
	left: auto;
}

div.gallery {display: inline-block; width: 100%;}
.gallery .thumb {display: inline-block; background: #fff; border: 1px solid #8c8c8c; margin: 0px 10px 20px 10px;}
#entryContent .gallery .thumb {border: 1px solid #eee;} /* gallery thumbs on front page of each page type (3d, 2d, etc) */
#entryContent .gallery {margin-bottom: 2em;}
.thumb a {display: block; margin: 5px;}
.gallery h1 {margin-top: 0px; border-bottom: 1px solid #ccc; text-transform: uppercase; font-size: 1em; margin-bottom: 1em; font-weight: bold;}
.gallery h1 a {color: #686868;}
.gallery .item {margin-bottom: 1.4em;}
.gallery h2 {text-transform: none; margin: 0px;}
.gallery h2 a {color: #555;}
.gallery .imageFltLeft {margin: 0px .6em .2em 0px;}
.gallery .descHolder {margin: 0px;}

/* move to edit css */
#quickEditor {
	margin-top: 0px;
	margin-bottom: 1em;
	background: #f2f2f2;
	padding: 5px;
}

.quickEditForm {
	background: rgb(250,250,250);
	border: 1px solid #ccc;
}

.quickEditFormLabel {
	padding-left: 8px;
	color: #888;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .8em;
	font-weight: bold;
}