/*
Theme Name: Iditarod Theme
Theme URI: http://iditarod.biz
Author: Jeff Brand
Description: Template for Iditarod site
Version: 0.8
Tags: buddypress
*/

/* Tags */

body { margin: 0; padding: 0; background-color: #00466d; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
textarea { font-family: Arial; font-size: 12px; }

/* For IE 7 spacing */
form { margin: 0; }
p { margin: 1em 0; }
img { border: none; } /* Seriously, Internet Explorer?? */

#leftcolumn img,
.textwidget img {
	max-width: 100%;
	height: auto;
	display:block;
}

/* Layout */

#header-full {
	position: relative;
	border-bottom: solid #006088 6px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #327FA2;
	z-index: 20;
}

.teacher #header-full {
	background-color: #3b7856; /* 3b7856 */
}

#main-full {
	background-image: url( images/bg.jpg );
	background-position: center top;
	background-repeat: repeat-x;
}

/* Set main page area width */

.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

/* Minimalist grid system */
.row {
	clear: left;
	overflow: hidden;
}

.img-responsive {
	display: block;
	max-width: 100%;
	width: auto;
	height: 100%;
}

@media ( min-width: 768px ) {

	/* Common grid styles */
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}

	.col-sm-3 { width: 25%; }
	.col-sm-4 { width: 33%; }
	.col-sm-6 { width: 50%; }
	.col-sm-8 { width: 66%; }
	.col-sm-9 { width: 75%; }

	.col-sm-12 { width: 100%; }

}

@media ( min-width: 992px ) {

	/* Common grid styles */
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}

	.col-md-3 { width: 25%; }
	.col-md-4 { width: 33%; }
	.col-md-6 { width: 50%; }
	.col-md-8 { width: 66%; }
	.col-md-9 { width: 75%; }

	.col-md-12 { width: 100%; }
}


body.mobile #primary, body.mobile #main, body.mobile #header, body.mobile #topmargin, body.mobile #footer {
	margin: 0 auto;
	width: 100%;
}

#leftcolumn {
	float: left;
	display: inline-block;
	vertical-align: top;
	max-width: 319px;
	width: 27%;
}

#rightcolumn {
	float: right;
	width: 120px;
}

#primary {
	display: inline-block;
	vertical-align: top;
	width: 73%;
}

#primary.one-column {
	width: 100%;
}

#primary.three-column {
	width: 534px;
}

#content {
	min-height: 400px;
	border: solid 2px white;
	margin-left: 15px;
}

#content.store {
	padding-top: 10px;
}

#header {
	position: relative;
}

#header .banner {
	position: relative;
	text-align: right;
	margin: 0;
	padding: 16px 0;
	width:576px;
	height:105px;
	box-sizing: border-box;
/*	background-color: #ccc;
	background-image: url( images/adsample.png );*/
}

#site-title a { text-decoration: none; }

#site-title-container {
	display: inline-block;
	padding: 3px 0;
	font-family: serif;
}

#site-title img,
#site-title-container h1 {
	display: block;
	margin: 0;
	height: 48px;
}

#race-begins {
	position: absolute;
	top: 196px;
	right: 150px;
}

#the-last-great-race {
	display: inline-block;
}

.account-settings {
	display: inline-block;
	font-weight: bold;

	background-color: rgba(0, 96, 136, 0.6 );
}

.account-settings a {
	color: #6fc0e1;
}

.account-settings .title {
	text-transform: uppercase;
	color: #6fc0e1;
	background-color: #004D6D;
	height: 20px;
	line-height: 18px;
	font-size: 9px;
	text-align: center;
}

.account-settings .username {
	color: white;
}

/*
.account-settings-link {
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 135px;
	font-size: 9px;
}
*/

#account-menu .menu > li {
	display: inline-block;
}

#account-menu .menu li a {
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 19px;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}

#account-menu .sub-menu {
	position: absolute;
	display: none;
}

#nav-menu-bg-full {
	width: 100%;
	background-color: rgba( 0, 96, 136, 0.8 );
}

/* All of the top menu */
#nav-menu {
	width: 100%;
}

#account-menu ul,
#nav-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	font-size: 0;
}

/* Top level */
#nav-menu .menu { }

/* Top level menu items, not sub-menus */
#nav-menu .menu > li {
	display: inline-block;
}

#nav-menu .menu li a {
	display: block;
	line-height: 28px;
	padding: 0 19px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

/* Sub menu */
#account-menu .sub-menu,
#nav-menu .sub-menu {
	position: absolute;
	display: none;
	z-index: 50;
}

#account-menu .sub-menu li a,
#nav-menu .sub-menu li a {
	background-color: #006088;
	margin: 0;
	padding: 0 15px;
	min-width: 155px;
}

#account-menu .sub-menu li a:hover,
#account-menu .sub-menu .sub-menu li a:hover,
#nav-menu .sub-menu li a:hover,
#nav-menu .sub-menu .sub-menu li a:hover {
	background-color: #ccc;
}

#account-menu .sub-menu li,
#nav-menu .sub-menu li {
	position: relative;
}

#account-menu li.current-menu-item > a,
#account-menu li a:hover,
#nav-menu li.current-menu-item > a,
#nav-menu li a:hover {
	background-color: #006088;
}

/* Sub-sub menu */
#nav-menu .sub-menu .sub-menu {
	display: none;
	position: absolute;
	left: 95%;
	top: 1px;
	width: 170px;
	z-index: 50;
}

#nav-menu .sub-menu .sub-menu li a {
	background-color: #005577;
}

/* Notification numbers */
#nav-menu .menu-item a span {
	border-radius: 8px;
	padding: 0 3px;
	background-color: #bbb;
}

/* IE Menus */
.oldIE ul.tabs li,
.oldIE #nav-menu .menu > li,
.oldIE #account-menu .menu > li {
	float: left;
}

#topmargin {
	position: relative;
	overflow: hidden;
	height: 43px;
}

#topmargin-left {
/*	position: absolute;
	left: 1px;
	top: 7px;
*/

	float: left;
	padding: 10px 1px;
}

#topmargin-right {
	float: right;
}

.datestamp {
	color: white;
	font-weight: bold;
	position: relative;
	top: 1px;
	display: inline-block;
}

#social-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	top: 8px;
}

#social-links li {
	display: inline-block;
}

#social-links img {
/*	display: block; */
	padding: 0 4px;
}


/* Widgets */
.widget {
	position: relative;
	background-repeat: repeat-x;
	color: white;
	padding: 5px 13px;
	margin-bottom: 10px;
}
.widget ul { padding-left: 14px; }
.widget a { color: #abdbff; }
#sidebar-right .widget a { color: #abdbff; }

/* Default left widget is dark version */
#sidebar-left .widget,
#sidebar-left-teacher .widget {
	border: solid #001537 2px;
	background-color: #001537;
	background-image: url( images/widget-left-dark.png );
}

/* Left widgets, light version */
#sidebar-left2 .widget,
#sidebar-left2-teacher .widget {
	border: solid #4a93b0 2px;
	background-color: #4a93b0;
	background-image: url( images/widget-left-light.png );
}

/* Right widget is dark version */
#sidebar-right .widget {
	padding: 0;
	background-color: #4a93b0;
	background-image: url( images/widget-left-light.png );
}

.widgettitle {
	font-size: 15px;
	margin: 0 0 13px 0;
}

ul.irw-slider { padding-left: 0; }

#sidebar-left .widgettitle, #sidebar-left-teacher .widgettitle { color: white; }
#sidebar-left2 .widgettitle, #sidebar-left2-teacher .widgettitle { color: #001537; }
#sidebar-right .widgettitle { color: #041d3d; text-align: center; }

#bottombanner {
	clear: both;
	width: 677px;
	height: 92px;
	margin: 20px auto 0 auto;
	background-color: #00344c;
}

#footer {
	clear: both;
	padding: 20px 0;
	color: #fff;
	font-size: 11px;
}

#leftbottom {
	float: left;
	width: 27%;
	max-width: 319px;
	padding-left: 5px;
	box-sizing: border-box;
}

body.mobile #leftbottom {
	padding-left: 2em;
}

#bottom-menu {
	float: left;
	width: 73%;
	margin: 0 auto;
	text-align: center;
}

#bottom-menu .menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#bottom-menu .menu li {
	display: inline;
	padding: 0 11px;
}

#bottom-menu li a {
	text-decoration: none;
	color: #fff;
}


/* User profile form */
.user-form label { display: block; float: left; width: 130px; }
/* Align error message properly, when presented. This should equal the width in the rule: #registration_form label */
.user-form .indent { padding-left: 130px; }
.user-form .required { color: red; font-size: 0.8em; }
.req { color: red; }
#payment_info { display: none; }

#free_membership { margin: 15px; }
#free_membership label,
#subscription_types label {
	display: inline;
	float: none;
	width: auto;
}

/* Special widgets */
.racestandings {
	width: 100%;
}
.racestandings td {
	font-weight: bold;
	text-align: left;
}

.widget .moreinfo {
	text-align: right;
	font-size: 11px;
	margin: -2px -6px;
}

.widget .moreinfo a {
	color: #5cbaff;
}

.widget_itcphotooftheday_widget .photo {
	border: 4px solid #fff;
}

.widget_itcphotooftheday_widget .credit {
	text-align: center;
	font-size: 10px;
}

/* Not currently used */
.musher-number {
	width: 100%;
	font-weight: bold;
}
.musher-number .num {
	color: #aadbff;
}

.moreinfo a {
	color: #5cbaff;
	font-weight: bold;
}

/* Bottom placement of moreinfo link */
.video-thumbs .moreinfo,
.post-list .moreinfo {
	position: absolute;
	right: 6px;
	bottom: 5px;
	font-size: 11px;
}

/* colors: */
.lightblue { color: #aadbff; }
.brightblue { color: #5cbaff; }
.anotherblue { color: #84bbe5; }
.darkblue { color: #001537; }

.nobr { white-space: nowrap; }
.clear { clear: both; }
.clear0 { clear: both; height: 0; display: block; }
/*.shadowbox { margin-bottom: 2em; box-shadow: 8px 8px 10px -5px #222; } */
.shadowbox { box-shadow: 8px 8px 10px -5px #222; }

/* Homepage */
.home h1,
.home h2,
.home h3,
.home h4,
.home h5 {
	color: white;
}

.home #content {
	border: none;
	background: none;
	padding: 0;
}

/* Homepage Features */
#features { display: inline-block; }
#features img { display: block; }

/* Homepage videos */
.home .video-thumbs {
	position: relative;
	padding: 12px 8px;
	background-image: url( images/gradient-146px.png );
	background-repeat: repeat-x;
	background-color: #001e37;
	height: auto;
	margin-bottom: 2em;
}

.home .video { margin: 0 11px; }
.home .vidtitle { color: white; }
.home .viddesc { color: #abdbff; }

.video-thumbs {
	position: relative;
	padding: 12px 4px;
	background-image: url( images/gradient-146px.png );
	background-repeat: repeat-x;
	background-color: #001e37;
}

/* Video */
.video-thumbs .video {
	float: left;
	width: 113px;
	height: 120px;
	overflow: hidden;
	font-size: 9px;
	font-weight: bold;
	margin: 0 8px;
	text-align: center;
}

.video-thumbs .vidtitle   { font-size: 11px; font-weight: bold; color: white; }
.video-thumbs .viddesc    { font-size: 9px; color: #abdbff; }
.video-thumbs .vidthumb   { display: block; width: 109px; height: 62px; margin-bottom: 5px; background-color: #888; }

.video-list .video {
	margin-top: 20px;
}

.video-list .vidthumb {
	width: 100px;
	height: 63px;
	background-color: #888;
	margin-right: 15px;
	float: left;
}

.videoplayer-container {
	position: relative;
}

.videoplayer-description {
	margin-top: .5em;
	padding: .5em 1em;
	background-color: #001e37;
	color: white;
	height: 6em;
	overflow-y: auto;
	border-radius: 6px;
}

.video-thumbs div.video:hover .vidtitle,
.videoplayer-description.hover {
	color: #ffff00;
}

.videoplayer-heading {
	margin: 0;
}

.videoplayer-title {
	font-weight: bold;
}

#content ul.itc-tabs {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Top level menu items, not sub-menus */
ul.itc-tabs li {
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	height: 28px;
	margin-right: 5px;
	line-height: 28px;
	color: #ffffff;
	background-color: #888;
}

ul.itc-tabs li.label {
	background-color: inherit;
	color: inherit;
}

ul.itc-tabs li a {
	color: inherit;
	padding: 0 16px;
	display: block;
	text-decoration: none;
}

ul.itc-tabs li.current a,
ul.itc-tabs li a:hover {
	background-color: #006C7F;
}

/* Post list, was #home-news */
.home .post-list          { background: #001e37 url(images/gradient-229px.png) repeat-x; color: #abdbff; margin-bottom: 2em; }
.home .entry-title        { color: white; }
.home .entry-date         { color: white; }

.post-list                { position: relative; padding: 12px 8px; }
.post-list .entry-title   { font-weight: bold; text-decoration: underline; font-size: 13px; }
.post-list .entry-date    { font-size: 11px; }
.post-list .entry-excerpt { font-size: 11px; }

.featured-post {
	color: #c66f3f;
	font-weight: bold;
	padding-left: 10px;
}

.home .featured-post {
	color: yellow;
}

/* Musher page */
#musher-pic {
	float: left;
	margin: 15px 20px 15px 0;
}

.musher {
	float: left;
	margin: 10px 15px;
	font-size: 10px;
	text-align: center;
	height: 135px;
	width: 90px;
}

.musher img { width: 90px; }

.paging { font-weight: bold; margin-top: 1em; }
.paging-next { float: right; }
.paging-previous { float: left; }

/* Checkpoint detail */
.map {
	margin-left: 10px;
	text-align: center;
}

/* Race/Archive listings */
.stats-table {
	width: 100%;
	border-collapse: collapse;
}

.racepage-standings .stats-table {
	/* No select - disabled post-race.
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	 */
}

.stats-table th, .stats-table td { padding: 5px; }
.stats-table tr.statusupdated, .statusupdated { background-color: #FFE180 !important; }

.stats-help {
	position: absolute;
	top: 10px;
	right: 10px;
}

.show-insight {
	position: relative;
	cursor: pointer;

}

.insights { border-collapse: collapse; }
.insights td { border: none !important; padding: 10px; }
.insights th { border: none !important; text-align: left !important; font-size: 12px !important; }

#insight-bubble {
	position: absolute;
	border: 1px solid #55db55;
	background-color: #e0ffe0;
	padding: 5px;
	right: 30px;
	z-index: 10;
	min-width: 405px;
}

#insight-bubble-close {
	float: right;
	background: url(images/icon-close.png) no-repeat;
	height: 16px;
	width: 16px;
}

/* Current Standings specific */
.current-standings.stats-table th {
	vertical-align: bottom;
	text-align: center;
	border: solid 1px #fff;
}
.current-standings.stats-table td {
	font-size: 11px;
	border: solid 1px #fff;
	text-align: center;
}

div.success, p.success {
	padding: 5px;
	border: 1px solid #55db55;
	background-color: #e0ffe0;
	color: #333;
}

div.error, p.error {
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #e6db55;
	background-color: #ffffe0;
	color: #333;
}

/* Career archive table */
.career.stats-table th,
.stats-table.career td {
	text-align: center;
}

.career.stats-table td.label-prize,
.career.stats-table td.label-champion,
.career.stats-table td.label-top10 {
	text-align: right;
	font-weight: bold;
}

td.place-first, tr.place-first td {
	background-color: #DE8900;
	color: white;
}
td.place-first a, tr.place-first td a {
	color: #eee;
}

td.place-top10, tr.place-top10 td {
	background-color: #EDA532;
}

/* Registration forms, etc. */
fieldset {
	margin: 10px 0;
	padding: 10px 15px;
	border: solid #006088 2px;
}

legend {
	font-weight: bold;
}

/* Button Customizations */


/* Counters, etc. in activity feeds but probably elsewhere */

a.button span {
	border-radius: 8px;
	padding: 0 3px;
	margin-left: 5px;
	text-align: center;
	background-color: #bbb;
}


#volunteerform td,
.volunteerform td {
	padding: .5em;
}

#race-breadcrumbs {
	margin: 1em 0;
	font-weight: bold;
}

.race-header-container {
	margin: 1em 0;
}

.checkpoint-nav {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0;
}

.checkpoint-nav-prev { float: left; }
.checkpoint-nav-next { float: right; }

/* Author bio template */
.authorbox { background-color: #006088; color: white; padding: 1em; margin-top: 1em; margin-bottom: 2em; }
.authorbox a { color: white; }
.authorbox h1 { color: #EAF8FE; margin: 0; font-size: 1.5em; }
.authorbox .avatar { float: left; margin-right: 1em; }
.authorbox .social-container {
	float: right;
	margin: 0 .5em 0 1em;
	padding: .7em;
	border: solid #004D6D 2px;
	background-image: url( images/gradient-146px.png );
	background-repeat: repeat-x;
	background-color: #001e37;

}
.authorbox .social { padding-left: 1.8em !important; }
.authorbox .social-container h3 { margin: 0; color: #ccc; font-size: 1.1em; }
.authorbox .biography { font-size: 0.9em; display: block; }

.ui-tooltip {
	position: absolute;
	background-color: #ffffcc;
	padding: .4em;
	margin: 0;
	border: solid #ccc 1px;
	border-radius: 6px;
}

.shadowbox .openx { display: block }

#content .wooslider ol, #content .wooslider ul { padding: 0 !important; }
.slide-title a {color: white}
.home .wooslider { border: none; border-radius: 0; margin-bottom: 2em; }
.home .slider, .home .wooslider li.slide > div { min-height: 200px; } /* Used by empty images */

.wooslider-control-paging li a { background-color: rgba( 255, 255, 255, .6 ) !important; }
.wooslider-control-paging li a.wooslider-active { background-color: rgba( 255, 255, 255, .8 ) !important; }

/* Search widget */
.widget #s { width: 65%; }
.widget #searchsubmit { width: 30%; }

/* Search page */
.page-search-text { width: 20em; }

/* Standings table sort */
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	cursor: pointer;
	white-space: normal;
}

.tablesorter-default thead .headerSortUp .tablesorter-header-inner,
.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.tablesorter-default thead .headerSortDown .tablesorter-header-inner,
.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner,
.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 20px;
}

/* Slider */
.has-featured-image {
	max-height: 500px;
	overflow: hidden;
}

/* bbPress */
#bbpress-forums {
	padding-top: 10px;
}

#bbp-your-profile {
	padding-left: 180px;
}


#bbpress-forums fieldset.bbp-form {
	clear: none;
	border: none;
}

#bbp-your-profile fieldset {
	border: none;
}

#bbpress-forums .avatar {
	display: none;
}

#bbp-single-user-details {
	padding-top: 20px;
}


.itc-required-field:after {
	content: '*';
	color: red;
}

.itc-form-row {
	margin-bottom: 1em;
}

.wpcf7-list-item {
	display: block;
}

span.wpcf7-list-item {
	min-width: 30px;
}

.media-survey li {
	margin-bottom: 1em;
}

.full-width {
	width: 100%;
	box-sizing: border-box;
}

.hidelabel .wpcf7-list-item-label {
	display: none;
}

.inline-checkbox .wpcf7-list-item {
	display: inline !important;
}

.itc-form-notice {
	border: solid 2px orange;
	background-color: #ffffcc;
	padding: 1em;
	margin: 1em;
}

.itc-form-response-wrapper {
	display: inline-block;
}

div.wpcf7-response-output {
	padding: 2em !important;
	background-color: white;
	font-weight: bold;
}