body {
	background-color: #524A46;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 10px;
	}

/* -------- bring in proper reset css utility? ---- */
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	}

a {
	text-decoration: none;	
	}

/* -------- ANCHOR ------ */

a:link, a:visited {
	color: #A59989;
	padding: 4px 4px 4px 4px;
	margin: -4px -4px -4px -4px;
	}

a:active {
	color: #A59989;
	background-color: #993300;
	}

a:hover, a:visited:hover {
	color: #FFFFFF;
	background-color: #993300;
	}

a.title:link, a.title:visited {
	color: #FFFFFF;
	padding: 4px 4px 4px 4px;
	margin: -4px -4px -4px -4px;
	}


/* exception to the red-block anchor style */
a.none:link, a.none:active, a.none:hover {
	background-color: transparent;
	}

.right a {
	margin-right: -4px
	}


/* -------- POSITIONING UTILITIES ------ */

.right {
	float: right;
	text-align:right;
 	}
.left {
	float: left;
	}
.clear {
	clear: both;
	}
.top {
	margin-top: 16px;
	}
.margin {
	margin-left: 10px;
	}
.shift {
	margin-top: -4px;
	margin-bottom:4px;
	line-height: 12px;
	}
.hidden { 
	display: none; 
	}
.breadcrumbSpacer {
	height: 18px;
	}
.img-gutter {
	margin-left: 10px;
	vertical-align: top;
}
	



/* !!!!!!!!!!!!!!!!!!!! PAGE STRUCTURE */

/* whole-page wrapper */
#container {
	line-height: 16px;
	text-align: left;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	}

/* set width of */
#container {	 
	width: 954px;
	}

/* the size and position of the left column (contains main content on archives) */
#column-main {
	float: left;
	width: 630px;
	}

/* the size and position of the right column (contains 'sidebar' on archives) */
#column-right {
	float: right;
	width: 308px;	
	}
	
	
	
	
	


/* !!!!!!!!!!!!!!!!!!!! CONTENT WORK */


.content {
	color: #FFFFFF;
	padding: 28px 10px 16px;
	line-height: 16px;
	background-color: #433E3C;
	}

.content {
	padding: 10px 10px 16px;
	}


#blog .content { 
/* could do with tidying this up... de-generalize 'content' as only the portfolio pages use the wrapper */
	padding: 0px 0px 18px; /* padding comes from the .post-entry repeater wrapper */
	background-color: transparent;
	}


.post-entry {
	margin-bottom: 16px;
	padding: 28px 10px 16px;	
	background-color: #433E3C;
	}






/* portfolio archive list repeater. locks height, and sets up offset space for thumbnail. */
.list {
	height: 103px;
	padding: 0px;
	overflow: auto;
	}

#small .list {
	height: 55px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	}

.description {
	margin: 0px 0px 0px 286px;
	padding: 10px 10px 0px 20px;
	
	}

#small .description {
	margin: 0px 0px 0px 148px;
	padding: 10px 10px 0px 20px;
	}


.list:hover { 
	background: url('/assets/list_35302C.gif') repeat-x left bottom;	
	overflow: hidden;
	}

	
.under:hover {
	background: url('/assets/thumb-shade.png') no-repeat -4px bottom;	
	overflow: visible;
	}



.thumb {
	float: left;
	width: 288px;
	height: 96px;
	padding: 0px;
	margin-bottom: 7px;
	background-color: #333333;
	border: 0px;
	}

.thumb a {
	background-color: #333333;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	}

.small .thumb {
	float: left;
	width: 144px;
	height: 48px;
	padding: 0px;
	margin-bottom: 7px;
	background-color: #333333;
	border: 0px;
	}

.gridphoto {
	padding: 0px 2px 2px 0px;
	}

#credits {
	color: #C9C3B3;
	margin: 10px 0px 14px 0px;
	padding: 0px;
	}
	

#lateral-nav {
	float: right;
 	position: relative; top: 0px;
 	}




/* main body content in P tag, extends .content container !! somewhat ignored now that 'convert line breaks' is turned off on the entries. */
.content p {
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}



	
/* mt default - this is date/section labels */
.content h2 {
	color: #74726E;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
	
	text-align: left;
	font-weight: bold;
	
	margin-bottom: 10px;
	
	}
	
/* mt default - this is the entry title on the archives list */
.title,.content h3 {
	color: #FFFFFF;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	}
	


/* ------ home page / blog stylings ------- */



.col-heading {
	margin: 0px 0px 8px 10px;
	padding-right:10px;
	}

.heading {
	font-size: 13px;
	font-weight: bold;
	color: #34302C;
	text-transform:uppercase
	}
/* .heading:after {
	content:".";
	} */
.heading a {
	color: #34302C;
	}
	
.light {
	font-weight: normal;
	}
.hello {
	color: #C83F10;
	}
.dark {
	color: #68645D;
	}

.sub-heading {
	font-size: 10px;
	color: #A59989;
	} 


	

/* entry container */	

.entry-header, .entry-footer {
	padding-bottom: 16px;
	clear:both;
	}

.titlebig {
	color: #FFFFFF;
	font-size: 24px;	
	text-align: left;
	font-weight: normal;
	max-width: 524px;
	}


.read {	
	font-size: 12px;
	line-height: 16px;
	color: #C3C3B2;
	}

#blog .read {
	margin: 8px 0px 16px;
}
	
	
/* side-bar container */
.side-stack {
	padding: 8px 10px 1px;	
	background-color: #4A4441;		
	}
	


#intro {
	color: #34302C;
	font-size: 11px;
	line-height: 16px;
	margin-left: 10px;
	}	

.side-thumb {
	margin-bottom: 8px;
}





/* ------ GLOBAL HEADER "BANNER" ---- */


#banner { /* shell used for site header, global nav */
	font-family: Arial, Tahoma, sans-serif;
	text-align: left;
	padding: 16px 10px 26px;
	width:100%;
	}

#banner .name {
	color: #C9C3B3;
	font-size: 11px;
	text-decoration: none;
	font-weight; normal;
	}

#name {
	color: #C9C3B3;
	font-size: 11px;
	float: left;
}

#subMenu {
	margin: 0px 0px 10px 30px; 
	float: left;
	position: relative;
 	}
#subMenu TD { 
	line-height: 14px;
	padding-right: 30px; /* lateral spacing of columns */
	vertical-align: top;
	}
.subMenu {
	font-size: 9px;
	color: #A59989;
	}
	

#banner a:hover,  #banner a.visited:hover {
	color: #FFFFFF;
	background-color: #993300;
	}
#banner a:active,  #banner a.visited:active {
	color: #A59989;
	background-color: #993300;
	}

#logo {
	float: right;
	margin-right: 20px;
	}
	
#logo a:hover, #logo a:visited:hover {
	text-decoration: none;
	}



/* ///////////////   ancillary page elements   ///////////////// */

.plus {
	color: #FFFFFF;
	}

	
#bar {
/*	padding: 18px 20px 10px; */
	height: 9px;
	background-color: #35302c;
	}



.menulist a {
/*	text-decoration: underline; */
	margin-top: 4px;
	}





#footer {
	padding: 12px 10px 12px;
	font-size: 9px;
	color: #A59989;
	clear: both;
	}


.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #74726E;
	margin-top: 50px;
	}

textarea[id="comment-text"] {
	width: 80%;
	}
	
	
/* test colors:
overall bg style="background-color: #CC9900;"
secondary bg  style="background-color: #FF0099;"
tertiary bg  style="background-color: #FFCC00;" */