/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich (ryan@bicycletheory.com)
Date Created:   2011.01.18
Client:         VenYou Standards
File Purpose:	Content style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* --------------------------- HOME DEFS ----------------------------------- */
#homeFlash {
	width: 100%;
	height: 415px;
	float: left;
	background: #000;
}
#Feeds { margin: 10px 0 0; }
#Feeds .header {
	width: 100%;
	height: 24px;
	float: left;
}
#Feeds .header img { float: left; }
#Feeds .header p {
	padding: 2px 0 0;
	float: right;
}
#Feeds .header a { color: #ccc; }
#Feeds>ul {
	width: 100%;
	margin: 0;
	float: left;
}
#Feeds>ul>li { float: left; }
#Feeds>ul>li.news {
	width: 430px;
	padding: 0 30px 0 0;
}
#Feeds>ul>li.news ul {
	width: 100%;
	float: left;
}
#Feeds>ul>li ul li.mod {
	padding: 7px 0 0;
	float: left;
	background: url(/_images/framework/hdivider.gif) top left repeat-x;
	width: 100%;
}
#Feeds>ul>li p { padding-bottom: 7px; }	
#Feeds>ul>li.twitter { width: 200px; }
	
/* --------------------------- END HOME DEFS ------------------------------- */

/* --------------------------- COMMON PAGE DEFS ---------------------------- */
p.header-link {
	padding: 31px 0 0 0;
	float: right;
}
ul.alt-row { background: #f2f2f2; }
#barCountShare {
	width: 100%;
	height: 40px;
	float: left;
}
#barCountShare div {
	width: 500px;
	height: 100%;
	float: left;
}
#barCountShare img { float: left; }
#barCountShare div p.number {
	width: 30px;
	height: 100%;
	padding: 0;
	float: left;
	background: url(/_images/modules/bg-counter.gif) top left no-repeat;
}
#barCountShare div p.link {
	padding: 8px 0 0 10px;
	float: left;
	display: inline;
}
#barCountShare p.share { 
	padding: 0;
	float: right; 
}
#indexWrapper {
	width: 100%;
	padding: 7px 0 8px;
	float: left;
}
.grey-block #indexWrapper { 
	margin: 5px 0 0;
	border-top: 1px solid #999;
}
#indexWrapper ul {
	width: 100%;
	margin: 0;
	padding: 6px 0 0 0;
	float: left;
}
#indexWrapper ul.pages { padding-top: 13px; }
#indexWrapper ul[class^=row] { 
	padding: 26px 0 15px 0;
	border-bottom: 1px solid #e1e1e1; 
}
#indexWrapper ul.row-first { padding-top: 6px; }
#indexWrapper ul li {
	padding: 0 0 7px 0;
	float: left;
}
#indexWrapper ul.pages li { width: 310px; }
#indexWrapper ul li.row-data { width: 495px; }
#indexWrapper ul li p { 
	padding: 4px 0 0; 
}
#indexWrapper ul.pages li h2 { padding: 11px 0 0 0; }
#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 .image-sponsor {
	width: 125px;
	height: 125px;
	padding: 0 0 8px 0;
	margin: 4px 20px 0 0;
	float: left;
	display: inline;
}
#indexWrapper div.bullet { 
	width: 40px;
	height: 40px;
	padding: 0 10px 0 0;
	float: left;
	display: inline;
}
#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; 
}

#schedule {
	width: 100%;
	padding: 0 0 10px;
	float: left;
}
#schedule h2 { padding: 0 0 10px; }
#schedule h3 { padding: 0 10px 2px; }
#schedule div.row {
	width: 100%;
	padding: 0 0 15px;
	float: left;
}
#schedule ul {
	width: 100%;
	margin: 0;
	float: left;
}
#schedule ul li {
	padding: 6px 0;
	float: left;
}
#schedule ul li p { padding: 0 10px; }
#schedule ul li.time { 
	width: 150px; 
	padding-top: 7px;
}
#schedule ul li.schedule { width: 490px; }
#schedule ul li.date { width: 170px; }
#schedule ul li.time { width: 120px; }
#schedule ul li.location { width: 250px; }
#schedule ul li.link { width: 100px; }
/* --------------------------- END COMMON PAGE DEFS ------------------------ */

/* --------------------------- MODULE DEFS ------------------------------- */
#gallery, #videoYouTube {
	width: 100%;
	padding: 0 0 15px;
	float: left;
}
.widget {
	width: 100%;
	padding: 15px 0;
	float: left;
}
div[class^=sub-header-content] {
	width: 350px;
	padding: 0 0 16px 0;
	float: left;
}
div.sub-header-content-full { width: 100%; }
div[class^=sub-header-content] p { padding: 0 10px; }
div[class^=sub-header-content] ul {
	width: 100%;
	padding: 5px 0;
	margin: 0;
	float: left;
}
div[class^=sub-header-content] li { float: left; }
div[class^=sub-header-content] li.label {
	width: 150px;
	text-align: right;
	font-weight: bold;
}
div[class^=sub-header-content] li.data { width: 200px; }
div.sub-header-content-full li.data { width: 490px; }
div[class^=sub-header-content] li.data img {
	margin: 0 5px 0 10px;
	float: left;
	display: inline;
}

.grey-block {
	width: 660px;
	padding: 15px 20px 5px;
	color: #fff;
	background: #272727;
	float: left;
}
.grey-block h1.page-title, .grey-block h1.headline { 
	padding: 0 0 11px; 
	color: #fff;
}
.related-table {
	width: 100%;
	margin: 15px 0 10px; 
	float: left;
	background: #f2f2f2;
}
.related-table div.filter {
	width: 100%;
	height: 50px;
	float: left;
	background: #999;
}
.related-table select { 
	width: 220px;
	margin: 15px 0 0 210px; 
	display: inline;
}
.related-table ul {
	width: 100%;
	margin: 0;
	padding: 1px 0 0;
	float: left;
	background: url(/_images/framework/hdivider-2col.gif) top center no-repeat;
}
.related-table ul.first { 
	padding: 0;
	background: none; 
}
.related-table ul li {
	width: 300px;
	padding: 7px 10px 7px;
	float: left; 
	display: inline;
}
.related-table ul li p { padding-bottom: 3px; }
.related-table .tinythumb { 
	margin: 3px 10px 3px 0; 
	float: left;
	display: inline;
	background: #fff;
}
.related-table ul li>div.data { 
	width: 230px;
	float: left;
}
/* --------------------------- END MODULE DEFS --------------------------- */

/* --------------------------- SORTABLE RESOURCE TABLE DEFS --------------------------- */
.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: 620px;
	padding: 7px 10px 6px;
	float: left;
	color: #fff;
	background: #333;
	border-top: 5px solid #f00;
	font-weight: bold;
}
.sortable-table p { padding: 0; }
.paging-bar p.count { 
	width: 130px; 
	float: left;
}
.paging-bar p.paging {
	width: 490px;
	color: #ccc;
	float: right;
	text-align: right;
}
span.pager_nav_text { padding: 0 5px; }
span.pager_nav_current { color: #fff; }
.sortable-table ul {
	width: 100%;
	margin: 0;
	float: left;
}
.sortable-table ul.header, .search-results ul.header {	background: #999; }
.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: #fff;
	float: left;
	font-weight: bold;
}
.sortable-table ul li.date, .sortable-table ul li.date-right { width: 80px; }
.sortable-table ul li.title { width: 520px; }
.sortable-table ul li.source { width: 130px; }
.sortable-table ul li.sorted { background: #ee2e24; }
.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: 370px; }
.sortable-table .tinythumb { 
	margin: 4px 10px 3px 0; 
	float: left;
	display: inline;
}
/* --------------------------- END SORTABLE RESOURCE TABLE DEFS ----------------------- */

/* --------------------------- FORM DEFS ----------------------------------- */
input[type=text], 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] {
	border: 0;
	padding: 1px;
	margin: 0;
}
textarea {
	width: 391px;
	height: 100px;
	padding: 1px;
}
.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; }
.form-wrapper {
	width: 620px;
	padding: 6px 10px 10px;
	margin: 0;
	float: left;
}
div.form-row {
	width: 100%;
	margin: 5px 0;
	float: left;
}
div.form-row p { padding: 1px 0 0 0; }
.form-row .checkbox {
	margin: 2px 10px 0 0;
	float: left;
	display: inline;
}
.form-row h3, .form-row-error h3 {
	width: 210px;
	padding: 1px 5px 0 10px;
	text-align: right;
	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 { 
	padding: 0 3px;
	color: #c00; 
}
span.required { padding-left: 0; }
.form-row h3.optional, .form-row-error h3.optional {
	width: 197px;
	padding: 1px 18px 0 10px;
}
.form-row h3.security { margin: 10px 0 0 0; }
.form-row-field, .form-row-security {
	border: 1px solid #999;
	background: none;
	float: left;
	display: inline;
}
input.regular {	width: 220px; }
.form-row-security { margin: 10px 0 0 0; }
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: 0 0 0 245px;
	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: 310px;
	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: 2px 0 0 27px;
	float: left;
}
/* --------------------------- END SITE MAP DEFS --------------------------- */