/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich (ryan@bicycletheory.com)
Date Created:   2010.10.08
Client:         Awaken Pilates
File Purpose:	Content style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* --------------------------- HOME DEFS ----------------------------------- */
#homeFlash {
	width: 660px;
	height: 440px;
	padding: 0 0 16px 0;
	float: left;
	position: relative;
	background: #fff;
}
#galleryContentDetail, #videoContentDetail {
	width: 640px;
	margin: 0 10px 16px 10px;
	float: left;
}
#galleryContentDetail {
	background-color: #000;
}
/* --------------------------- END HOME DEFS ------------------------------- */

/* --------------------------- COMMON PAGE DEFS ---------------------------- */
#pageImage {
	width: 290px;
	height: 280px;
	margin: 5px 0 0 0;
	float: right;
	position: relative;
}
.pageFrame {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
}
#indexWrapper {
	width: 100%;
	padding: 5px 0 0 0;
	float: left;
}
.list-row {
	width: 100%;
	padding: 15px 0 14px;
	float: left;
	background: url(/_images/framework/hdivider.gif) top left repeat-x;
}
.list-row h1 { padding-bottom: 12px; }


/* --------------------------- END COMMON PAGE DEFS ------------------------ */

/* --------------------------- MODULE DEFS ------------------------------- */
ul.alt-row { background: #ebf5cd; }
.module {
	width: 100%;
	margin: 10px 0 0 0;
	float: left;
	background: url(/_images/modules/global-bg.gif) top left repeat-y;
}
.module ul {
	width: 200px;
	padding: 0 10px 5px 10px;
	margin: 0;
	float: left;
	display: inline;
	background: url(/_images/modules/global-footer.gif) bottom left no-repeat;
}
.module ul li {
	width: 100%;
	float: left;
	background: url(/_images/framework/hdivider.gif) top left repeat-x;
}
.module ul li.thumb { 
	background: none; 
	padding-bottom: 5px;
}
.module li.thumb .thumb {
	width: 200px;
	height: 140px;
	position: relative;
}
.module li p {
	width: 100%;
	padding: 7px 0 8px;
	float: left;
}
.module li.thumb p {
	padding: 6px 0 0;
	text-align: center;
}

.related-table {
	width: 100%;
	margin: 15px 0 5px 0; 
	float: left;
}
.related-table .paging-bar { 
	width: 100%;
	height: 40px; 
	background: url(/_images/modules/bg-filter.gif) top left no-repeat;
}
.related-table select { border: 1px solid #999; }
.paging-bar img.title { margin: 0 auto; }
.paging-bar ul.filter {
	width: 190px;
	margin: 0 auto;
	padding: 0;
	float: none;
}
.paging-bar ul.filter li { 
	padding: 0;
	float: left;
}
.paging-bar ul.filter select { 
	width: 140px; 
	margin: 12px 0 0 0;
}
.related-table ul {
	width: 100%;
	margin: 0;
	float: left;
}
.related-table ul li {
	padding: 5px 10px 6px 10px;
	float: left; 
}
.related-table ul li.date-right { 
	width: 75px; 
	text-align: right;
}
.related-table ul li.type { width: 105px; }
.related-table ul li.title { 
	width: 430px; 
	padding-left: 0;
}
.related-table .thumb-index-image { padding-bottom: 4px; }
/* --------------------------- END MODULE DEFS --------------------------- */

/* --------------------------- FORM DEFS ----------------------------------- */
input, textarea {
	font-size: 0.6875em;
	line-height: 1.125em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float: left;
}
select {
	font-size: 0.6875em;
	line-height: 1.125em;
	border: 1px solid #999;
}
input {
	border: 0;
	padding: 1px;
	margin: 0;
}
textarea {
	width: 484px;
	height: 100px;
	padding: 1px;
	border: 1px solid #999;
}
#contactForm {
	width: 100%;
	float: left;
}
.form-row-error, .form-error-alert {
	width: 100%;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	background: #fcc url(/_images/modules/error-form-left.gif) top left repeat-y;
	float: left;
}
.form-error-alert, .form-confirm-alert { margin: 0 0 15px 0; }
.form-error-mod, .form-error-mod-alert {
	background: url(/_images/modules/error-form-right.gif) top right repeat-y;
	float: left;
}
.form-error-mod { 
	width: 100%;
	padding: 0 0 5px 0; 
}
.form-error-mod-alert { 
	width: 680px;
	padding: 10px; 
}
span.error-message, div.error-message {
	color: #c00;
	padding: 0 0 0 25px;
	background-image: url(/_images/modules/error-form-icon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: left;
	float: left;
}
div.error-message ul {
	margin: 0;
	padding: 6px 10px 7px 0;
}
.form-wrapper {
	width: 620px;
	padding: 16px 20px 0 20px;
	margin: 0;
	float: left;
	background: #f0f5f8 url(/_images/modules/bg-form-top.gif) top left no-repeat;
}
div.form-row {
	width: 100%;
	margin: 5px 0 0 0;
	padding: 5px 0;
	float: left;
	background: #ebf5cd;
}
.form-error-mod div.form-row { background: none; }
div.form-row p {
	padding: 1px 0 0 0;
}
.form-row h3, .form-row-error h3 {
	width: 105px;
	padding: 1px 5px 0 10px;
	text-align: right;
	font-weight: normal;
	float: left;
}
.form-row-error { margin: 5px 0 0 0; }
.form-error-alert {
	width: 100%;
	margin: 0 0 15px 0;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	background: #fcc url(/_images/framework/error-form-left.gif) top left repeat-y;
	float: left;
}
.form-row h3 span, span.required { 
	color: #f00;
}
.form-row h3.optional, .form-row-error h3.optional {
	width: 97px;
	padding: 1px 13px 0 10px;
}
.form-row h3.security {
	margin: 10px 0 0 0;
}
.form-row-field {
	border: 1px solid #999;
	background: none;
	float: left;
	display: inline;
}
input.regular {	width: 260px; }
.form-row-security {
	width: 88px;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #999;
	float: left;
}
input.security {
	width: 86px;
	padding: 1px;
	margin: 0;
	float: left;
}
.security-image {
	width: 140px;
	height: 40px;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}
.security-image-redraw {
	margin: 10px 0 0 10px;
	float: left;
	display: inline;
}
.form-button {
	margin: 10px 0 0 120px;
	display: block;
}
/* --------------------------- END FORM DEFS ------------------------------- */

/* --------------------------- SITE MAP DEFS ------------------------------- */
ul#siteMap {
	width: 100%;
	margin: 5px 0 0 0;
	float: left;
}
ul#siteMap li, ul.siteMapSection, ul.siteMapPages {
	float: left;
	display: inline;
}
ul#siteMap li.column {
	width: 320px;
	padding: 16px 0 0 0;
}
ul#siteMap li.first { padding: 16px 20px 0 0; }
ul.siteMapSection { padding: 0 0 18px 0; }
ul.siteMapSection, ul.siteMapSection li {
	width: 100%;
	margin: 0;
}
ul.siteMapPages, ul.siteMapPages li {
	width: 100%;
	margin: 0;
}
ul.siteMapPages li {
	width: 100%;
	padding: 2px 0 0 0;
	background: url(/_images/framework/site-bullet.gif) top left no-repeat;
}
ul.siteMapPages li a, ul.siteMapPages li span {
	font-weight: bold;
	padding: 4px 0 0 27px;
	float: left;
}
/* --------------------------- END SITE MAP DEFS --------------------------- */