/* /////////////////////////////////////////////////////////// */
/*                     Captioned Comments                      */
/* /////////////////////////////////////////////////////////// */

div#contentArea div#comments {
	background-color: #e2e2e2;
	padding: 10px 0 20px 0;
	margin: 0 !important;
}

div#contentArea div.comment-published {
	position: relative;	
	background-color: #ffffff;
	margin: 20px 100px 20px 0;
	border: solid #c9c9c9 2px;
}

div#contentArea div.comment-published div.submitted {
	background-color: #969696;
	padding: 2px 10px 2px 10px;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
}

div#contentArea div.comment-published div.content {
	margin: 10px;
}

div#contentArea div.comment-published ul.links {
	margin: 10px;
}

div#contentArea div.comment-published div.bubble-cap {
	position: absolute;
	right: -21px;
	bottom: 10px;
	background-image: url(../images/bubble_cap.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
}

div#contentArea div.comment-published div.picture {
	position: absolute;
	right: -100px;
	bottom: -7px;
}

div#contentArea div.comment-published div.picture img {
	border: solid #c9c9c9 2px;
}

/* margin fix for comment form that appears at top of reply page */
div#contentArea > div.comment {
	margin: 0 110px 15px 10px !important;
}

div#contentArea div.comment-preview {
	border: solid #c9c9c9 2px;
}

div#contentArea div.comment-preview div.submitted {
	background-color: #969696;
	padding: 2px 10px 2px 10px;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
}

div#contentArea div.comment-preview div.content {
	margin: 10px;
}

/* /////////////////////////////////////////////////////////// */
/*                     Content Area Styles                     */
/* /////////////////////////////////////////////////////////// */

div#contentArea div.content h1 {
	font-size: 20px;
	line-height: 26px;
	color: #303030;
	font-weight: bold;
	margin-top: 25px;
}

div#contentArea div.content h2 {
	font-size: 18px;
	line-height: 24px;
	color: #006666;
	font-weight: bold;
	margin-top: 25px;
}

div#contentArea div.content h3 {
	font-size: 16px;
	line-height: 22px;
	color: #303030;
	font-weight: bold;
	margin-top: 15px;
}

div#contentArea div.content strong,
div#contentArea div.content em {
	color: #303030;
}

div#contentArea div.node div.meta {
	background-color: #e2e2e2;
	font-size: 12px;
	line-height: 18px;
	color: #303030;
}

div#contentArea div.node div.meta div.submitted {
	padding: 5px;
}

div#contentArea div.node div.meta div.terms {
	background-color: #c9c9c9;
	padding: 2px 5px 2px 5px;
}

div#contentArea div.node-teaser {
	border: solid #e2e2e2 10px;
	padding: 15px 15px 15px 15px;
	margin-bottom: 10px;
}

div#contentArea div.node-teaser:hover {
	border: solid #c9c9c9 10px;
}

div#contentArea div.node-teaser h2 a {
	font-size: 22px;
	line-height: 28px;
}

/*
div#contentArea div.node h2 {
	margin: 0 0 8px 0;
	padding: 0;
}
*/

/* /////////////////////////////////////////////////////////// */
/*         Sticky Tables and Content Area Tables               */
/* /////////////////////////////////////////////////////////// */

div#contentArea table {
	width: 95%;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
}

div#contentArea .sticky-header,
div#contentArea .sticky-table {
	font-size: 12px;
	line-height: 18px;
}

div#contentArea .sticky-table {
	margin-bottom: 10px;
}

div#contentArea .sticky-table .marker {
	color: #006666;
}

div#contentArea a.tabledrag-handle {
	text-decoration: none;
}


/* /////////////////////////////////////////////////////////// */
/*                  PhotoJournal Content Styles                */
/* /////////////////////////////////////////////////////////// */

div#contentArea div.photojournal-body {
	margin: 0 0 25px 0;
}

div#contentArea div.photojournal-item img,
div#contentArea div.photojournal-teaser-item img {
	display: block;
}

div#contentArea div.photojournal-item p {
	margin: 0 0 25px 0;
	padding: 5px;
	background-color: #e3e3e3;
}

div#contentArea div.photojournal-teaser-items {
	margin-bottom: 15px;
}

div#contentArea div.photojournal-teaser-item {
	float: left;
	margin-right: 5px;
}


/* /////////////////////////////////////////////////////////// */
/*                      General Use Styles                     */
/* /////////////////////////////////////////////////////////// */

.clear {
	clear: both;
}