html, body {
	width		: 100%;
	height		: 100%;
	font-family	: Arial;
	font-size	: 12px;
	margin		: 0;
	padding		: 0;
	border		: none;
	background 	: #9A8356 url('../imgs/blog/bgTile.jpg');
	text-align	: center;
}
table, tr, td, img {
	margin	: 0;
	padding	: 0;
	border	: none;
	border-collapse: collapse;
}
a {
	text-decoration	: none;
	outline			: 0;
}

.headerSpacer {
	width	: 100%;
	height	: 130px;
	display	: block;
}
.wrapper { width:100%; }
.wrapper div { margin:auto; left: 0; }

/* Posts ***************************************/

.readMore {
	font-size	: 16px;
	text-align	: center;
	white-space	: nowrap;
	margin-top	: 10px;
	display		: block;
	clear		: both;
}

.wrapper #content .allPosts { position:absolute; width:100%; }
.allPosts .post {
	width		: 620px;
	text-align	: left;
	display		: table;
}
.allPosts .post .tBar {
	width		: 620px;
	height		: 115px;
	background	: url("../imgs/blog/post_Top.png");
	float		: left;
}
.allPosts .post .tBar .title {
	width		: 540px;
	font-size	: 34px;
	font-weight	: bold;
	color		: #826850;
	text-indent	: 0px;
	margin-top	: 50px;
	margin-left	: 45px;
	padding		: 0;
	display		: table;
	cursor		: pointer;
}

.allPosts .post .tBar .title.shrink {
	font-size	: 28px;
	margin-top	: 35px;
}

.allPosts .post .content {
	width		: 620px;
	background	: url("../imgs/blog/post_Mid.png");
	float		: left;
}

.allPosts .post .content .body {
	width		: 500px;
	margin		: 0px 0px 10px 60px;
	background	: none;
	float		: left;
}
.allPosts .post .content .body a {
	color			: #335364;
	font-weight		: bold;
}
.allPosts .post .content .body p { text-align:left; }
.allPosts .post .content .body p.indent { text-indent:20px; }
.allPosts .post .content .body span.updated, .allPosts .post .content .body p.updated{
	color		: #602040;
	font-weight	: bold;
}
.allPosts .post .content .body img.asset { cursor:pointer; }
.allPosts .post .content .body ol li { margin-bottom:10px; }
.allPosts .post .content .body .iCap { 
	text-align	: center;
	display		: table-cell;
	float		: left;
}
.allPosts .post .content .body .iCap img {
	margin-bottom	: 5px;
	display			: block;
}

.allPosts .post .content .body .img {
	margin-right	: -20px; /* padding for paragraphs around image */
	margin-bottom	: -10px;
	float			: left;
	position		: relative;
	left			: -30px;
}
.allPosts .post .content .body .img .paperclip {
	width		: 110px;
	height		: 54px;
	margin-left	: -30px;
	margin-top	: 10px;
	background	: url("../imgs/blog/paperclip.png");
	float		: left;
	position	: relative;
	z-index		: 5;
}
.allPosts .post .content .body .img .postImg {
	padding		: 10px;
	margin-left	: -80px;
	background	: white;
	display		: block;
	float		: left;
	position	: relative;
	z-index		: 4;
}
.allPosts .post .content .body .img .postImg.full { cursor:pointer; }
.allPosts .post .content .body .img .imgShadow {
	float:left;
	clear:left;
}

.allPosts .post .content .postCBar, .post .content .tagBar, .post .content .smBar {
	width	: 500px;
	display	: table;
	clear	: both;
}
/* Control Bar */
.allPosts .post .content .postCBar {
	margin-top	: 5px;
	border		: solid 1px #666666;
}
.postCBar ul {
	margin			: 2px;
	padding			: 0;
	list-style-type	: none;
	display			: inline;
	float			: right;
}
.postCBar li { float:left; }
.postCBar li a {
	width		: 50px;
	color		: #333333;
	text-align	: center;
	font-weight	: bold;
	margin		: 0px 2px;
	padding		: 2px;
	border		: solid 1px #666666;
	background	: url("../imgs/b10.png");
	display		: block;
	float		: left;
}
.postCBar li a:hover {
	color		: black;
	border		: solid 1px black;
	background	: url("../imgs/b20.png");
}
.tagBar, .smBar { 
	border:solid 1px #804040;
	border-collapse:separate;
	padding:2px 0;
}
.tagBar div, .smBar div {
	font-size	: 18px;
	font-weight	: bold;
	color		: #804040;
	text-indent	: 5px;
	margin		: 0px 5px 0px 0px;
	float		: left;
}
.tagBar a {
	font-weight	: bold;
	color		: #335364;
	padding		: 2px;
	line-height	: 22px;
	white-space	: nowrap;
}
.tagBar a:hover { background:url("../imgs/b10.png"); }

.smBar { margin-top:10px !important; }
.smBar > div { display:inline-block; }
.smBar .btns > div { float:left; }
.smBar .btns .twit { width:80px; }
.smBar .btns .gPlus { width:65px; }
.smBar .btns .fBook { width:85px; }

.allPosts .post .footer {
	width		: 620px;
	height		: 120px;
	background	: url("../imgs/blog/post_Bot.png");
	float		: left;
}
.allPosts .post .footer .date {
	width		: 100px;
	font-weight	: bold;
	color		: #333366;
	font-style	: italic;
	margin-top	: 60px;
	margin-right: 80px;
	float		: right;
	position	: relative;
}
.allPosts .post .footer .date .month {
	font-size		: 30px;
	font-weight		: bold;
	color			: #640778;
	text-transform	: uppercase;
	margin-right	: 2px;
	float			: left;
}
.allPosts .post .footer .date .day {
	font-size	: 14px;
	margin-top	: 2px;
	display		: block;
	clear		: none;
}
.allPosts .post .footer .date .year { font-size:10px; display:block; clear:none; }
.allPosts .post .footer .date.updated { margin-top:45px; }
.allPosts .post .footer .date.updated .updated {
	color		: maroon;
	text-indent	: 10px;
	display		: block;
}

/* Blog Panel **********************************/

.wrapper #content .blogPanel {
	width		: 230px;
	border		: solid 1px black;
	text-align	: left;
	background	: url("../imgs/b20.png");
	position	: relative;
	left		: 440px;
	top			: 30px;
}
.blogPanel div { margin:2px; padding:2px; }
.blogPanel div h2 {
	font-size	: 14px;
	font-weight	: bold;
	text-indent	: 10px;
	text-align	: left;
	margin		: 0;
	padding		: 4px 0px;
	background	: #CC9F5E;
}
.blogPanel div p {
	font-size	: 12px;
	font-weight	: bold;
	color		: #E2CAA5;
	padding		: 5px;
	margin:0;
}
.blogPanel div p a { color: #FF8040; }

.blogPanel ul {
	padding			: 0;
	margin:0;
	margin-top		: 4px;
	margin-bottom	: 0;
	text-indent		: 5px;
	font-weight		: bold;
}
.blogPanel ul, .blogPanel ul a { color: #E2CAA5; }
.blogPanel ul a:hover { text-decoration:underline; }
.blogPanel ul li { 
	margin			: 2px 0px 2px 16px;
	list-style-type	: none;
	text-indent		: 10px;
}
.blogPanel ul li i {
	color		: #98DCCE;
	width		: 100%;
	text-indent	: 20px;
	display		: block;
	background	: url("../imgs/b10.png");
}
.blogPanel ul .year {
	padding		: 0;
	margin		: 0;
	color		: #E2CAA5;
	background	: url("../imgs/b20.png");
}
.blogPanel ul .month { color:black; }
.blogPanel ul .month a { color: #AEC563; }
.blogPanel ul li a {
	width	: 100%;
	display	: block;
}
.blogPanel ul li a:hover {
	text-decoration	: none;
	background		: black;
}
.panel.open { display: block; }
.panel.closed { display: none; }
.togBtn {
	width		: 16px;
	margin		: 0px 0px 0px 5px !important;
	margin-left	: 5px;
	padding		: 0 !important;
	text-indent	: 0;
	float		: left;
}
.togBtn:hover { cursor:pointer; }

/* Tags ************************************/

.clouds {
  	width		: 200px;
	font-weight	: bold;
  	color		: black;
  	text-align	: center;
  	display		: block;
  	position	: relative;
 	left		: 8px;
}
.clouds a {
	color 			: black;
	text-decoration : none;
	white-space		: nowrap;
}
.clouds a:hover{
	color 			: #DCDF9F;
	text-decoration : underline;
}
a.cloud1 {font-size: 1.0em; }
a.cloud2 {font-size: 1.1em; }
a.cloud3 {font-size: 1.2em; }
a.cloud4 {font-size: 1.3em; }
a.cloud5 {font-size: 1.4em; }
a.cloud6 {font-size: 1.5em; }
a.cloud7 {font-size: 1.6em; }
a.cloud8 {font-size: 1.7em; }
a.cloud9 {font-size: 1.8em; }
a.cloud10 {font-size: 1.9em; }
a.cloud11 {font-size: 2.0em; }

/* Page bar ***************************/

.allPosts .pageBar { 
	margin		: 10px auto 5px auto;
	display		: table;
}

.pageBar .pBtn, .pageBar .arrow { float:left; }

.pageBar .arrow a,
.pageBar .arrow.new.off,
.pageBar .arrow.old.off {
	width		: 20px;
	height		: 20px;
	margin-top	: 3px;
	display		: block;
	float		: left;
}
.pageBar .arrow.new a { background-image: url('../imgs/blog/nav_arrowNew.png'); }
.pageBar .arrow.old a { background-image: url('../imgs/blog/nav_arrowOld.png'); }
.pageBar .arrow.new.off, .pageBar .arrow.old.off { background: none; }
.pageBar .arrow.new a:hover { background-image: url('../imgs/blog/nav_arrowNew_over.png'); }
.pageBar .arrow.old a:hover { background-image: url('../imgs/blog/nav_arrowOld_over.png'); }

.pageBar .pBtn.off, .pageBar .pBtn a, .pageBar .numPages {
	font-size	: 14px;
	font-weight	: bold;
	border		: solid 1px black;
	margin		: 0 2px 2px 2px;
	padding		: 4px;
	background	: #AEC563;
	display		: block;
	float		: left;
}
.pageBar .numPages {
	width		: 100px;
	font-size 	: 12px;
	padding		: 2px 4px;
	background	: #AEC563;
	margin		: auto;
	clear		: both;
	float		: none;
}
.pageBar .pBtn a { color:black; }
.pageBar .pBtn a:hover {
	color		: #AEC563;
	background	: black;
}
.pageBar .pBtn.off {
	color		: #AEC563;
	border		: solid 1px #804000;
	background	: url('../imgs/b20.png');
	cursor		: default;
}

/* New Post ************************************/
.postForm {
	width		: 600px;
	background	: #A28751;
	padding		: 5px;
}
.postForm fieldset { border:solid 1px black; }
.postForm legend {
	font-size	: 20px;
	font-weight	: bold;
	color		: #F7E3BB;
	text-align	: center;
	margin-left	: 20px;
	padding		: 0px 5px;
}
.postForm div {
	float			: left;
	white-space		: nowrap;
	padding-bottom	: 5px;
}
.postForm div p {
	float		: left;
	clear		: left;
	text-indent	: 0px;
	margin-left	: 100px;
}
.postForm label {
	width		: 75px;
	text-align	: right;
	font-weight	: bold;
	float		: left;
	white-space	: nowrap;
	margin-right: 5px;
}
.postForm input {
	width		: 300px;
	text-indent	: 10px;
	float		: left;
	border		: solid 1px black;
}
.postForm textarea {
	width	: 450px;
	height	: 200px;
	border	: solid 1px black;
	padding : 5px 10px;
}
.postForm input[type="submit"] {
	width		: 120px;
	height		: 40px;
	color		: black;
	font-weight	: bold;
	border		: solid black;
	background	: #91754F;
	float		: right;
	padding		: 0;
	position	: fixed;
	margin-left	: 40px;
	margin-top	: 10px;
}
.postForm input[type="submit"]:hover {
	background	: #AA6600;
	cursor		: pointer;
}
.postForm #SWF {
	padding: 0;
	margin: 0;
	text-indent:0;
	margin-left:-4px;
	float:left;
	outline: 0;
}

/* Control Panel ***************************/

.ctrlPanel {
	width		: 100px;
	color		: white;
	background	: #503F25;
	display		: table;
	position	: fixed;
	z-index		: 11;
	right		: 10px;
	top			: 80px;
}
.ctrlPanel div a {
	height		: 20px;
	line-height	: 20px;
	color		: #503F25;
	font-weight	: bold;
	font-size	: 14px;
	background	: #BC9E72;
	margin		: 5px;
	padding		: 5px;
	display		: block;
}
.ctrlPanel div a:hover {
	color		: #AEC563;
	background	: #503F25;
}

/* Messages *********************************/
.success {
	font-size	: 14px;
	font-weight	: bold;
	color		: #486C28;
	border		: #83CF36 solid;
	margin-top	: 5px;
	padding-left: 5px;
	background	: #DDFF97;
	display		: block;
}
.error {
	width		: 100%;
	font-size	: 14px;
	font-weight	: bold;
	color		: #800040;
	border		: #CA0000 solid;
	background	: #FFC4C4;
	display		: table;
}