html, body {
	width		: 100%;
	height		: 100%;
	font-family	: Arial;
	font-size	: 12px;
	margin		: 0;
	padding		: 0;
	border		: none;
	background	: #0E1209 url('../imgs/bgTile.jpg') fixed repeat-x;
	text-align	: center;
}
table, tr, td, img {
	margin			: 0;
	padding			: 0;
	border-collapse	: collapse;
	border			: 0;
}
a {
	text-decoration	: none;
	outline			: none;
	color			: #B66B6B;
}
p { text-align:left; }
p.indent { text-indent:20px; }
h1,h2 { margin:0; }

/* Content *************************************/

.ceLinks {
	text-decoration	: underline;
	color			: maroon;
}

.headerSpacer {
	width	: 100%;
	height	: 130px;
	display	: block;
}

.wrapper { width:100%; }
.wrapper.login/*, .wrapper.contact*/ { height:100%; margin:0; }
.wrapper div { margin:auto; }

.content { padding-bottom:10px; }
.content table { margin:auto; }

.winBody.default { width:620px }
.winBody.contact { width:580px; }
.winBody.newPost { width:495px; display:table; }

.winBody .sectionBar {
	width			: 100%;
	height			: 20px;
	font-size		: 16px;
	color			: black;
	padding			: 3px;
	border			: solid 1px #88978B;
	text-align		: left;
	text-indent		: 10px;
	font-weight 	: bold;
	background		: url("../imgs/sectionBarBG.jpg");
	display			: table;
}
.winBody .sectionBar.aM {
	width:465px;
}

/* Home *******************************/

.rUpdates { display:block; }

/* About ******************************/

.amImg {
	width	: 140px;
	height	: 514px;
	margin	: 0px 5px 5px 0px;
	float	: left;
}

/* Contact ****************************/

.contactForm {
	width		: 520px;
	font-weight	: bold;
	margin		: auto;
}

.contactForm fieldset{ padding:5px; }

.contactForm fieldset, .contactForm legend, .contactForm input, .contactForm textarea { border:solid 1px black; }
.contactForm input, .contactForm textarea { padding:5px 8px; }
.contactForm legend {
	padding:5px 10px;
	text-align:left;
}
.contactForm label { font-size:14px; }
.contactForm .el {
	margin-bottom	: 2px;
	float			: left;
}
.contactForm .el label {
	width		: 80px;
	padding		: 5px;
	text-align	: right;
}
.contactForm .el label, .contactForm .el input {
	line-height	: 20px;
	display		: inline;
	float		: left;
}
.contactForm .el input { width:300px; }
.contactForm .el textarea { width:375px; height:200px; font-family:Arial; font-size:12px; }
.contactForm .el#capBar { margin-top:3px; }

.contactForm .captchaBar {
	width: 230px;
	float: left;
}

.contactForm .captchaBar img, .contactForm .captchaBar input {
	margin-right: 5px;
	display		: block;
	float		: left;
}
.contactForm .captchaBar #captcha {
	width		: 100px;
	height		: 28px;
	color		: maroon;
	line-height	: 28px;
	
}
.contactForm .captchaBar #captchaText {
	width		: 80px;
	font-weight	: bold;
	font-size	: 16px;
	text-align	: center;
	padding		: 3px;
}
.contactForm .captchaBar #refresh { margin-top:2px; }

.contactForm input[type='submit'] { 
	height		: 28px;
	font-weight	: bold;
	margin-top	: -16px;
	padding		: 2px 4px;
	background	: #AAAE84;
	display		: block;
	position	: relative;
	float		: right;
	right		: 12px;
}
.contactForm input[type='submit']:hover { background:#C6CAA0; }
.contactForm input[type='submit'], .contactForm .captchaBar #refresh { cursor:pointer; }

.contactForm .message {
	margin-bottom	: 5px;
	border			: solid 2px;
	display			: none;
}
.contactForm .message.errors {
	color		: maroon;
	border-color: maroon;
	background	: #FF8080;
	display		: block;
}
.contactForm .message.success {
	color		: #004040;
	border-color: #004040;
	background	: #80FF80;
	display		: block;
}

/* Small Post ******************************/

.smallPost {
	width			: 580px;
	border-top		: solid 1px #DDDECE;
	border-right	: solid 1px #9FA27B;
	border-bottom	: solid 1px #555742;
	border-left		: solid 1px #9FA27B;
	padding			: 5px;
	margin			: auto;
	text-align		: left;
	background		: #ABAF85 url("../imgs/smlPostBG.jpg") repeat-x;
	overflow		: hidden;
	display			: block;
}

.smallPost .img {
	border-top		: solid 4px #353631;
	border-right	: solid 4px #B0B494;
	border-bottom	: solid 4px #CCCFB5;
	border-left		: solid 4px #B0B494;
	margin-right	: 5px;
	float			: left;
	display			: block;
	cursor			: pointer;
}
.smallPost .img img {
	width	: 150px;
	height	: 112px;
}

.smallPost .img .mType {
	width		: 32px;
	height		: 11px;
	border		: none;
	margin-left	: 2px;
	margin-top	: 2px;
	display		: block;
	position	: absolute;
}
.smallPost.IMG .mType { background:url('../imgs/icons/mT_IMG.jpg') }
.smallPost.VID .mType { background:url('../imgs/icons/mT_VID.jpg') }
.smallPost.SWF .mType { background:url('../imgs/icons/mT_SWF.jpg') }
.smallPost.WEB .mType { background:url('../imgs/icons/mT_WEB.jpg') }

.smallPost .bodyLink {
	/* height		: 120px; same height as image + image frame border * 2 */
	color		: black;
	display		: block;
	cursor		: pointer;
}

.smallPost .bodyLink .tb {
	color			: #D6D8C4;
	padding			: 2px 6px;
	background		: #8A0000;
	margin-bottom	: 4px;
	font-weight		: bold;
	overflow		: hidden;
}
.smallPost .bodyLink .tb .title { font-size:12px; float:left; }
.smallPost .bodyLink .tb .date {
	color		: #AAAE84;
	font-size	: 10px;
	float		: right;
}
.sub { /* assigned in 'ordinal' function */
	font-size		: xx-small;
	font-weight		: normal;
	vertical-align	: top;
}

.smallPost .bodyLink .software {
	width			: 413px;
	height			: 16px;
	font-size		: 12px;
	color			: #666666;
	font-weight		: bold;
	line-height		: 16px;
	padding			: 2px 0px 2px 4px;
	margin-bottom	: 4px;
	background		: #B8BC8E;
	float			: left;
}
.smallPost .bodyLink .software img {
	width			: 16px;
	height			: 16px;
	margin-right	: 2px;
	vertical-align	: top;
}
.smallPost .bodyLink .body p { margin:5px; margin-bottom:0px; }
.smallPost .bodyLink .body p.indent a{ color:black; }
.smallPost .bodyLink .body p a.readMore { color: #8A0000; }
.smallPost .bodyLink .body ol li { margin-bottom:10px; }

.smallPostShadow {
	width		: 580px;
	height		: 22px;
	margin		: auto;
	background	: url('../imgs/smlPostShadow.jpg');
}

/* Full Post **************************/

/*#fullPost { display:none; }  this is temporary until the page is loaded */
.fullPost {
	width			: 580px;
	border-top		: solid 1px #DDDECE;
	border-right	: solid 1px #9FA27B;
	border-bottom	: solid 1px #555742;
	border-left		: solid 1px #9FA27B;
	padding			: 5px;
	margin			: auto;
	text-align		: left;
	background		: #ABAF85 url("../imgs/smlPostBG.jpg") repeat-x;
	overflow		: hidden;
	display			: block;
}

.fullPost .tb {
	color			: #D6D8C4;
	font-size		: 24px;
	font-weight		: bold;
	padding			: 2px 6px;
	background		: #8A0000;
	margin-bottom	: 4px;
	overflow		: hidden;
}
.fullPost .tb .title {
	font-size	: 24px;
	text-indent	: 5px;
	float		: left;
}
.fullPost .tb .date {
	color		: #AAAE84;
	font-size	: 12px;
	line-height	: 30px;
	float		: right;
}
.fullPost .tb .date.updated {
	line-height	: normal;
	text-align	: center;
}

.fullPost .imgCont {
	margin		: 5px 5px 5px 0px;
	float		: left;
	display		: block;
	cursor		: pointer;
	position	: relative;
}

.fullPost .imgCont .img {
	border-top		: solid 4px #353631;
	border-right	: solid 4px #8e9274;
	border-bottom	: solid 4px #CCCFB5;
	border-left		: solid 4px #a4a889;
}
.fullPost .imgCont .img .mType {
	width		: 32px;
	height		: 11px;
	border		: none;
	margin		: 4px 0px 0px 4px;
	display		: block;
	position	: absolute;
}
.fullPost.IMG .imgCont .img .mType { background:url('../imgs/icons/mT_IMG.jpg'); }
.fullPost.VID .imgCont .img .mType { background:url('../imgs/icons/mT_VID.jpg'); }
.fullPost.SWF .imgCont .img .mType { background:url('../imgs/icons/mT_SWF.jpg'); }

.fullPost .imgCont .img img { display:block; }

.fullPost .imgCont .zoom {
	width		: 100%;
	height		: 40px;
	border		: none;
	margin-top	: -40px;
	background	: url('../imgs/zoomImg.png') no-repeat right;
	display		: block;
	position	: absolute;
}

.fullPost .software {
	font-size		: 12px;
	color			: #999999;
	font-weight		: bold;
	width			: 100%;
	line-height		: 16px;
	text-indent		: 2px;
	padding			: 4px 0px;
	background		: black;
	text-align		: right;
}
.fullPost .software img {
	width			: 16px;
	height			: 16px;
	margin-right	: 2px;
	padding-right	: 2px;
	vertical-align	: top;
}

.fullPost .body.padded { margin-top:10px; }
.fullPost .body p { margin: 5px 5px 0px 5px; }
.fullPost .body a { color: #8A0000; }
.fullPost .body p li { margin-bottom:4px; }
.fullPost .body ol li { margin-bottom:10px; }

.fullPost .body img.asset { cursor:pointer; }

.fullPost .body .iCap { 
	text-align	: center;
	display		: table-cell;
	float		: left;
}
.fullPost .body .iCap img {
	margin-bottom	: 5px;
	display			: block;
}

.fullPost .body div.titleBar {
	color		: #CCCCFF;
	font-weight	: bold;
	text-indent	: 10px;
	height		: 30px;
	line-height	: 30px;
	background	: black;
	margin-top	: 20px;
	margin-right: 5px;
	margin-left	: 5px;
}

/* Update Bar *************************/

.updateBar {
	color			: #D6D8C4;
	font-size		: 11px;
	text-align		: center;
	padding			: 2px 6px;
	background		: #8A0000;
	margin-bottom	: 4px;
	overflow		: hidden;
}

/* Tag bar, Social Media bar ****************************/

.smallPost .tagBar, .fullPost .tagBar, .fullPost .smBar {
	width		: 100%;
	height		: 18px;
	color		: #646742;
	background	: url("../imgs/w20.png");
	margin-bottom : 5px;
	position	: relative;
	top			: 5px;
	bottom		: 0;
	clear		: left;
	border-collapse:separate;
	padding:2px 0;
}
.tagBar div, .smBar div {
	font-size	: 14px;
	font-weight	: bold;
	margin		: 0px 5px 0px 5px;
	display		: inline;
}
.tagBar a {
	font-weight		: bold;
	color			: #89502E;
	padding			: 2px;
	white-space		: nowrap;
}
.tagBar a:hover { background:url("../imgs/b10.png"); }

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

/* Tag Cloud ************************************/

.clouds {
	font-weight	: bold;
 	color		: maroon;
  	text-align	: center;
}
.clouds a {
	color 			: #89502E;
	text-decoration : none;
	white-space		: nowrap;
}
.clouds a:hover{ color:maroon; }

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 ***************************/

.pageBar .arrow a,
.pageBar .arrow.new.off,
.pageBar .arrow.old.off {
	width		: 20px;
	height		: 20px;
	margin-top	: 2px;
	display		: block;
	float		: left;
}
.pageBar .arrow a { background-color:#804040; }
.pageBar .arrow.new a { background-image: url('../imgs/nav_arrowNew.png'); }
.pageBar .arrow.old a { background-image: url('../imgs/nav_arrowOld.png'); }
.pageBar .arrow.new.off, .pageBar .arrow.old.off { background: none; }
.pageBar .arrow.new a:hover,
.pageBar .arrow.old a:hover,
.pageBar .pBtn a:hover { background-color: maroon; }

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

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

/* Post Control bar *******************/

.smallPost .postCBar, .fullPost .postCBar {
	width		: 100%;
	margin-top	: 5px;
	border		: solid thin #666666;
	display		: table;
	float		: left;
	clear		: both;
}
.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 thin #666666;
	background	: url("../imgs/b10.png");
	display		: block;
}
.postCBar li a:hover {
	color		: black;
	border		: solid thin black;
	background	: url("../imgs/b20.png");
}

/* PORTFOLIO **************************/
/*.portThumbs img {
	border: solid 1px #804040;
	padding: 5px;
	margin: 5px;
}
.portThumbs img:hover {
	border: solid 1px #398893;
	background: #1D4349;
}*/

/* Posts List ************************/

.postList {
	margin	: auto;
	border	: solid 1px black;
	display	: table;
}
.postList .tBar {
	color		: #AAAE84;
	background	: #333333;
}
.postList .tBar, .postList .item { clear:both; overflow	: hidden; }
.postList .id, .postList .mediaType, .postList .title, .postList .date, .postList .updated, .postList .edit, .postList .delete {
	padding		: 5px;
	border		: solid 1px;
	float		: left;
}
.postList .tBar > div { border-color:#AAAE84; }
.postList .item > div { height:30px; border-color:#333333; }

.postList .id { width:40px; }
.postList .mediaType { width:40px; }
.postList .title { width:200px; }
.postList .title a {
	color	: maroon;
	display	: block;
}
.postList .date, .postList .updated { width:75px; }
.postList .edit, .postList .delete { width:30px; }

.postList .item.light { background: #ACA886; }
.postList .item.dark { background: #BFBCA2; }
.postList #item:hover { background: url('../imgs/b10.png'); }
.postList .item .id, .postList .item .title { line-height:30px; }
.postList .item .title {
	text-align	: left;
	text-indent	: 5px;
}
.postList .item .edit a, .postList .item .delete a {
	font-size	: 16px;
	font-weight	: bold;
	height		: 100%;
	line-height	: 30px;
	display		: block;
	background	: url('../imgs/b10.png');
}
.postList .item .edit a { color:green; }
.postList .item .delete a { color: maroon; }
.postList .item .edit a:hover { color:#AAAE84; background:green; }
.postList .item .delete a:hover { color:#AAAE84; background:maroon; }


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