/* Content-specific element styles */

.thumbLargeSq { /* Large square thumbnail with light-colored border*/
	margin:0 0 1.4em 1.4em; padding:0.5em;
	float:left;
	
	border:2px solid white;
	color:#999;
	background-color:#bbb;
	
	width:100px; /* debug, should be defined by content image */
	height:100px; /* debug, should be defined by content image */
}

.thumbSmallSq { /* Small square thumbnail with light-colored border, right-margin value causes odd float behaivior in IE*/
	margin:0 1.2em 1.2em 0; padding:0.4em;
	float:left;
	
	border:2px solid white;
	color:#999;
	background-color:#bbb;
	
	width:60px; /* debug, should be defined by size of content image */
	height:60px; /* debug, should be defined by size of content image */
}

#thumbSet img {
	margin:0 1.2em 1.2em 0; padding:0.4em;
	float:left;
	
	border:2px solid white;
	color:#999;
}

.divideLine {
	margin-left:55px; padding:0;
	
	border-bottom:2px solid #ACAC96;
	clear:both;
}

/* Formatting for product-related site links and listings */

div.productListing {
	margin:0 0; padding:1.4em 0;
}
div.productListing p {
	margin:6px 0 0 0; padding:0 0 0 100px;
}
div.productListing h2 {
	margin:0 0;
	
	color:#C9C7A9;
	font-size: 1.4em;
	font-weight: bold;
}

div.productListing img {
	margin:0 1.2em 1em 0; padding:0;
	
	float:left;
	clear:left;	
}

/* -------- chyrp Specific Styles -------- */
/* -------- chyrp Specific Styles -------- */

/* -------- RSS, atom feed, credit, page footer, misc -------- */

#atomFeed {
	margin:2em 0 0 0; padding:4px 0 0 0;
	
	text-align:right;
	border-top:4px solid #666;
}

a.atom {
	margin:0 0 0 0.5em; padding:0 0.8em 4px;
	border-bottom:2px solid #666;
	border-left:2px solid #666;
}
#atomFeed a.atom {
		color:#ffb434;
}
#byLine {
	margin:0; padding:0;
	
	font-size:0.8em;
	text-align:center;
}
.pageNav {
	margin:0;
	float:left;
}
.pageNav span {
	margin:0 1em 0;
}

.clear {
	clear: both;
}
.next_post {
	float: right;
}
/* commented out: interfere with the Greybox script
.left {
	float: left;
}
*/

/* -------- feather specific elements (photo, video, audio, ect) -------- */

.photoSpacer { /* puts empty space at the top of photo posts missing titles */
	margin:3em 0; padding:0 0;
	width:100%;
	clear:both;
}

/* -------- Comments, Posts (non-feather specific) -------- */

div.post {
	margin:0 0 4.6em 0; padding:0;
}
div.post a {
	text-decoration:none;
	color:#C9C7A9;
}
.post p {
	margin-left:72px;
}
.post h3, .post h4, .post h5, .post h6 {
	margin-left:72px;
}
div.post h2 {
	margin-bottom:0.2em;
}
.postTitle {
	margin:0 0 1.2em 0; padding:0 0 0 72px;
	
	border-bottom:2px solid #C9C7A9;
	
	background-image:url('../images/postIcon.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
}
div.postMenu {
	margin:1.5em 0 0 0;
	
	text-align:center;
	width:100%;
	clear:both;
}
span.postOptions { /* spacing for Edit & Delete post links */
	margin:0 2em; padding:4px;
	
	border:2px dashed #333;
}

/* -------- Photo feather posts -------- */

div.photoPost {
	margin:4.4em 0 0 0; padding:0;
}
div.photoPost p {
	margin-top:6px; padding:0 0 0 0px;
}
div.photoPost h2 {
	margin:0 0;
	
	color:#C9C7A9;
	font-size: 1.4em;
	font-weight: bold;
}
div.photoPost img {
	margin:0 1.2em 0.5em 0; padding:0;
	
	border:4px solid #FFF;
	
	float:left;
	clear:left;	
}
div.photoPost div.postTitle {
	padding-bottom:4px;
}

/* -------- Admin Bar for top of page -------- */

#controls {
	margin:0 0 2em 0; padding:0.4em 0;
	text-align:center;
	
	/* color:#C9C7A9; */
	color:#ACAC96;
	
	background-color:#383531;
	
	border-top:4px solid #ACAC96;
	border-bottom:4px solid #ACAC96;
	border-right:2px solid #ACAC96;
	
	width:100%;
}

#controls a {
	text-decoration: none;
	font-weight: bold;
	color:#C9C7A9;
	}

#controls li {
	margin:0 10px 0 0; padding:0 0;
	display:inline;
}

span.controls {
	margin:0 0 2em 0; padding:4px;
	text-align:center;
	
	display:block;
	clear:both;
	
	border:2px dashed #555;
}
/* -------- User notices, mesages, date -------- */

div.notice, div.message, div.warning, div.date {
	margin:0 1em 1em 0; padding: 0 .8em 0.5em 0;
	
	color:#ACAC96;
	font-weight: bold;
	
	border-right:2px solid #ACAC96;
	border-bottom:2px dashed #ACAC96;
	display:inline;
	clear:both;
}
div.notice {
	color:green;
}
div.message {
	color:blue;
}
div.warning {
	color:red;
}
div.date {
	cursor: normal;
}
div.dateWrapper {
	margin:2em 0 4em;
	width:100%;
	clear:both;
}
div.notice .sub, div.message .sub, div.warning .sub {
	font-size: .9em;
	color: #888;
	margin-left: .5em;
}