/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich (ryan@bicycletheory.com)
Date Created:   2011.03.31
Client:         Bicycle Theory
File Purpose:	Content style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* --------------------------- HOME DEFS ----------------------------------- */
#homeFlash {
	width: 640px;
	height: 500px;
	padding: 30px 20px 0;
	float: left;
	background: url(/_images/framework/frame-home.png) top center no-repeat;
	position: relative;
}
#homeFlash img.tape { left: 315px; }
ul#home {
	width: 670px;
	padding: 5px;
	margin: 0;
	float: left;
}
ul#home>li { float: left; }
ul#home>li.welcome {
	width: 430px;
	padding: 15px 10px 0 0;
}
ul#home>li.blog { width: 230px; }
ul#home h1 {
	margin: 0 0 7px;
	padding: 0 0 11px;
	background: url(/_images/framework/6divider.gif) bottom left repeat-x;
	position: relative;
}
ul#home h1 p {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
}
#homeTemplate .details { 
	width: 400px;
	padding: 0 15px;
}
.home-mod {
	width: 100%;
	padding: 10px 0 0;
	float: left;
}
.home-mod>div {
	padding: 5px 15px 12px;
	float: left;
}
#whatsOn { background: url(/_images/modules/top-wo.png) top center no-repeat; }
#whatsOn>div {
	width: 400px;
	background: url(/_images/modules/bottom-wo.png) bottom center no-repeat;
}
#whatsOn div[class^=review] {
	width: 190px;
	float: left;
}
#whatsOn div.review-right { padding-left: 20px; }
#whatsOn div[class^=review] p.col-head { 
	color: #666; 
	padding: 0;
}
#whatsOn div[class^=review] p.score { padding: 5px 0 0; }
#whatsOn div.tinythumb {
	margin: 4px 0 3px 10px;
	float: right;
}
#Blog { background: url(/_images/modules/top-blog.png) top center no-repeat; }
#Blog>div {
	width: 200px;
	color: #5f574f;
	background: url(/_images/modules/bottom-blog.png) bottom center no-repeat;
}
ul#home #Blog h1 { margin-bottom: 0; }
#Blog>div p {
	width: 100%;
	padding: 7px 0 8px;
	float: left;
	background: url(/_images/framework/6divider.gif) bottom left repeat-x;
}
#Blog>div p.centered {
	padding: 7px 0 1px;
	background: none;
	text-align: center;
}
/* --------------------------- END HOME DEFS ------------------------------- */

/* --------------------------- COMMON PAGE DEFS ---------------------------- */
.divider-block {
	width: 100%;
	padding: 0 0 14px;
	float: left;
	background: url(/_images/framework/hdivider-black.gif) bottom left repeat-x;
}
#indexWrapper {
	width: 100%;
	margin: 5px 0 0;
	padding: 8px 0 0;
	float: left;
	background: url(/_images/framework/hdivider-black.gif) top left repeat-x;
}
#indexWrapper.rows { padding-top: 1px; }
div.index-padded { 
	padding: 8px 0 0 0; 
	background: url(/_images/framework/hdivider.gif) top left repeat-x;
}
#indexWrapper>ul {
	width: 100%;
	margin: 0;
	padding: 13px 0 0;
	float: left;
}
#indexWrapper>ul.row { 
	padding: 13px 0 14px 0;
	background: url(/_images/framework/hdivider-black.gif) bottom left repeat-x;
}
#indexWrapper ul li {
	padding: 0 0 7px 0;
	float: left;
}
#indexWrapper ul.pages li { width: 300px; }
#indexWrapper ul li.row-data { 
	width: 490px; 
	padding-bottom: 4px;
}
#indexWrapper ul li p { 
	padding: 4px 0 0; 
}
#indexWrapper ul li p.title { 
	padding: 11px 0;
	font-size: 0.875em;
	line-height: 1.25em;
	font-weight: bold;
	float: left;
}
#indexWrapper>ul.row p.title {
	padding: 1px 0 9px 0;
	font-size: 1.125em;
	line-height: 1.375em; 
	float: none;
}
#indexWrapper ul li.right { padding-left: 20px; }
#indexWrapper div[class^=tinythumb], #indexWrapper div[class^=thumb] {
	margin: 7px 10px 0 0;
	float: left;
	display: inline;
}
#indexWrapper div[class^=bullet] { 
	margin: 0 10px 0 0;
	float: left;
}
#indexWrapper ul.contact-data {
	width: 100%;
	margin: 0;
	padding: 0;
}
#indexWrapper ul.contact-data li {
	width: 295px;
	float: left;
}
#indexWrapper ul.contact-data li.numbers { padding-top: 5px; }
#indexWrapper ul.contact-data li.numbers img { 
	margin: 2px 0 0;
	float: right; 
}
div.gallery-index {
	width: 630px;
	padding: 7px 10px;
	margin: 20px 0 0 0;
	float: left;
	background: url(/_images/framework/divider-galleries.gif) top center no-repeat;
}
div.gallery-index div[class^=thumb] {
	width: 180px;
	height: 135px;
	padding: 5px 5px 11px 5px;
	float: left;
	background: url(/_images/modules/frame-media.png) top center no-repeat;
	position: relative;
}
div.blank {
	width: 100%;
	height: 100%;
	float: left;
	background: #f60;
}
div.gallery-index ul {
	padding: 9px 0 2px;
	margin: 0;
	float: left;
}
div.gallery-index ul li {
	width: 190px;
	float: left;
}
div.gallery-index ul li.right { padding-left: 30px; }
div.gallery-index ul li p { 
	width: 180px;
	padding: 1px 5px 0;
	float: left; 
	text-align: center;
}
div.blank a, div.blank span { 
	width: 60px;
	height: 60px; 
	padding: 35px 60px 40px; 
}
/* --------------------------- END COMMON PAGE DEFS ------------------------ */

/* --------------------------- MODULE DEFS ------------------------------- */
.widget {
	width: 640px;
	padding: 15px 5px 10px;
	float: left;
}
.related-table {
	width: 100%;
	margin: 15px 0 10px; 
	padding: 25px 0 0;
	float: left;
	background: url(/_images/modules/related-top.png) top center no-repeat;
	position: relative;
}
.related-table img.tape, #fullForm img.tape { left: 300px; }
.related-bg {
	width: 100%;
	float: left;
	background: url(/_images/modules/related-bg.png) top center repeat-y;
}
.related-table div.filter {
	width: 100%;
	height: 35px;
	float: left;
}
.related-table h2 {
	padding: 10px 0 0 15px;
	float: left;
}
.related-table select { 
	width: 220px;
	margin: 5px 15px 0 0; 
	float: right;
}
.related-table .foot {
	width: 100%;
	height: 10px;
	float: left;
	background: url(/_images/modules/related-bottom.png) bottom center no-repeat;
}
.related-table ul {
	padding: 1px 5px 0;
	margin: 0;
	float: left;
	background: url(/_images/modules/hdivider-2col.gif) top left no-repeat;
}
.related-table ul li {
	width: 300px;
	padding: 6px 10px 7px;
	float: left;
}
.related-table ul li p { padding-bottom: 3px; }
.related-table .tinythumb { 
	margin: 4px 10px 3px 0; 
	float: left;
}
.related-table ul li>div.data { 
	width: 220px;
	float: left;
}
div[class^=details-wrapper] {
	padding: 0 0 16px;
	float: left;
}
.details-wrapper { width: 390px; }
.details-wrapper-full { width: 100%; }
div[class^=details-wrapper] ul {
	width: 100%;
	margin: 0;
	padding: 5px 0 6px 0;
	float: left;
}
div[class^=details-wrapper] ul li { float: left; }
div[class^=details-wrapper] li.label { 
	width: 130px;
	font-weight: bold;
	text-align: right;
}
.details-wrapper ul li.data { width: 260px; }
.details-wrapper-full ul li.data { width: 490px; }
div[class^=details-wrapper] p { padding: 0 10px 0 0; }
#videoContentDetail, #audioContentDetail {
	margin: 0 auto;
	padding: 4px 0 0;
	clear: left;
}
#videoContentDetail { width: 640px; }
#audioContentDetail { width: 300px; }
/* --------------------------- END MODULE DEFS --------------------------- */

/* --------------------------- SORTABLE RESOURCE TABLE DEFS --------------------------- */
ul.alt { background: #f2f5f7; }
.sortable-table {
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	float: left;
}
.sortable-table h3 { padding: 0 0 2px; }
.sortable-table .paging-bar { 
	width: 600px;
	padding: 6px 10px 7px;
	color: #cdd9e0;
	float: left;
	background: #4a7d9f;
	font-weight: bold;
}
.sortable-table p { padding: 0; }
.paging-bar p.count { 
	width: 130px; 
	float: left;
}
.paging-bar p.paging {
	width: 470px;
	float: right;
	text-align: right;
}
.paging-bar a { color: #fff; }
.paging-bar a, .paging-bar a:visited { text-decoration: underline; }
.paging-bar a:hover, .paging-bar a:active { text-decoration: none; }
span.pager_nav_text { 
	padding: 0 5px;
	color: #000; 
}
span.pager_nav_current { color: #000; }
.sortable-table ul {
	width: 100%;
	margin: 0;
	float: left;
}
.sortable-table ul.header, .search-results ul.header {	background: #cdd9e0; }
.sortable-table ul.header li, .search-results ul.header li {
	padding: 0 10px;
	float: left; 
}
.sortable-table ul.header a, .sortable-table ul.header span {
	width: 100%;
	padding: 4px 0 5px 0;
	color: #000;
	float: left;
	font-weight: bold;
}
.sortable-table ul li.date, .sortable-table ul li.date-right { width: 80px; }
.sortable-table ul li.title { width: 500px; }
.sortable-table ul li.source, .sortable-table ul li.location { width: 150px; }
.sortable-table ul li.sorted { background: #09f; }
.sortable-table ul li.sorted a { color: #fff; }
.sortable-table ul li.asc a { background: url(/_images/modules/arrow-asc.png) center right no-repeat; }
.sortable-table ul li.desc a { background: url(/_images/modules/arrow-desc.png) center right no-repeat; }
.sortable-table ul li {
	padding: 4px 10px 6px 10px;
	float: left; 
}
.sortable-table ul li.date-right { padding-top: 7px; }
#full ul li.title { width: 640px; }
#news ul li.title { width: 410px; }
#events ul li.title { width: 330px; }
.sortable-table .tinythumb { 
	margin: 4px 10px 3px 0; 
	float: left;
}
/* --------------------------- END SORTABLE RESOURCE TABLE DEFS ----------------------- */

/* --------------------------- FORM DEFS ----------------------------------- */

/* INPUT DEFS */
input[type=text], input[type=password], textarea, select {
	font-size: 0.6875em;
	line-height: 1.125em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float: left;
	border: 1px solid #999;
}
input[type=text], input[type=password] {
	border: 0;
	padding: 1px;
	margin: 0;
}
textarea {
	width: 430px;
	height: 100px;
	padding: 1px;
}
input.regular {	width: 220px; }
input.short {	width: 190px; }
input.security { width: 86px; }
/* END INPUT DEFS */

/* FORM ERROR DEFS */
.form-row-error, .form-row-alert {
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	background: #fcc url(/_images/modules/error-form-left.gif) top left repeat-y;
}
.form-row-alert { margin: 0 0 15px 0; }
div[class^=form-row]>div {
	background: url(/_images/modules/error-form-right.gif) top right repeat-y;
	float: left;
}
.form-row-error>div { 
	width: 100%;
	padding: 0 0 5px 0; 
}
.form-row-alert>div { 
	width: 600px;
	padding: 10px; 
}
div[class^=form-row] p.error-message, div[class^=form-row] ul.error-message {
	color: #c00;
	margin: 0;
	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.form-row-error { margin: 5px 0 0 0; }
div.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;
}
/* END FORM ERROR DEFS */

.form-text { padding: 11px 0 0 0; }
ul.other-forms { margin: 0 0 0 -5px; }
ul.other-forms, ul.other-forms li { float: left; }
ul.other-forms li { padding: 0 10px 0 0; }
div.form-header {
	width: 100%;
	height: 45px;
	margin: 5px 0 0;
	padding: 15px 0 0;
	float: left;
	position: relative;
	background: url(/_images/modules/form-top.png) bottom center no-repeat;
}
div.form-header h2 {
	padding: 5px 0 0 5px;
	float: left;
}
div.form-header p {
	padding: 16px 15px 0 0;
	float: right;
	font-weight: bold;
}
.signin-wrapper {
	width: 410px;
	padding: 0;
	margin: 0 0 0 105px;
	float: left;
}
.form-wrapper {
	width: 620px;
	padding: 5px 15px 0;
	margin: 0;
	float: left;
	background: url(/_images/modules/form-bg.png) top center repeat-y;
}
.signin-form {
	width: 380px;
	padding: 5px 15px 0;
	margin: 0;
	float: left;
	background: url(/_images/modules/bg-signin.gif) top center repeat-y;
}
div[class^=form-row] {
	width: 100%;
	margin: 5px 0;
	float: left;
}
div[class^=form-row] p { padding: 1px 0 0 0; }
div[class^=form-row] h3 {
	width: 130px;
	padding: 1px 15px 0 10px;
	text-align: right;
	float: left;
}
div[class^=form-row] h3 span, span.required { color: #c00; }
div[class^=form-row] h3.optional {
	width: 118px;
	padding: 1px 27px 0 10px;
}
div[class^=form-row] .field {
	border: 1px solid #999;
	background: none;
	float: left;
}
ul.security {
	margin: 0;
	float: left;
}
ul.security li { float: left; }
.security-image {
	width: 140px;
	height: 40px;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}
div.form-row p.redraw {
	clear: left;
	padding: 6px 0 0;
	float: left;
}
div.button-row {
	width: 100%;
	height: 46px;
	float: left;
	background: url(/_images/modules/form-bottom.png) top center no-repeat;
}
.form-button {
	margin: 11px 0 0 301px;
	display: block;
}
.signin-form .form-button { margin-left: 148px; }
div.form-row-button p {
	padding: 9px 0 0;
	float: right; 
}
/* --------------------------- END FORM DEFS ------------------------------- */

/* --------------------------- SITE MAP DEFS ------------------------------- */
ul.site-map {
	width: 100%;
	margin: 0;
	color: #666;
	float: left;
}
ul.site-map p {
	width: 100%;
	padding: 0;
	float: left;
}
ul.site-map p.meta { padding-top: 3px; }
ul.site-map li, ul.pages, ul.pages li { 
	width: 100%;
	margin: 0;
	float: left; 
}
ul.site-map { padding-bottom: 18px; }
ul.pages li	{ padding-top: 15px; }
ul.pages li p { padding: 2px 0 0 35px; }
ul.pages li a, ul.pages li span {
	font-weight: bold;
	float: left;
}
/* --------------------------- END SITE MAP DEFS --------------------------- */