/*  
Theme Name: Krockathon Website Theme
Theme URI: http://www.krockathon.com
Version: 1.0
Author: Buckle Up Studios
Author URI: http://www.buckleupstudios.com/

*/

/*====== COLORS ======
Red: ed2024

*/
a img{
	border: none;
}
.clear{
	clear: both;
}
.redColor{
	color: #ed2024 !important;
}
.fb_reset{
	line-height: inherit !important;
	font-family: Arial, Helvetica, Sans-serif !important;
}
*{
	padding: 0px;
	margin: 0px;
}
img{
	padding: 0px;
	margin: 0px;
}
body{
	margin: 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-image: url('images/background3.jpg');
	background-repeat: no-repeat;
	background-color: #000;
	color: #000000;
	position: relative;

	background-position: top center; 	
}
#backgroundWrapper{
	display: table;
    width: 100%;
}
a:link, a:visited{
	text-decoration: underline;
	color: #336699;
}

a:hover{
	text-decoration: none;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 999px;
	text-align: left;
}

#header{
	width: 1000px;
}
#bodyContainer{
	width: 1000px;
	background-color: #f9fafb;
	height: auto;
	position:relative;
}
#container{
	float: left;
	width: 691px;
	padding-left: 10px;
}	
/*=====HOME====*/
#homePageContent{
	margin-top: 20px;
	min-height: 720px;
}
/*====NAVIGATION======*/
#mainNavigation{
	height: 36px;
	background-color: #ed2024;
	position: relative;	
}
.browseAll .browseAllCurrent{
	background-image: url('images/browseAll2.jpg') !important;
	color: #ed2024 !important;
}	
.browseAll a{
	background-image: url('images/browseAll1.jpg') !important;
	background-repeat: no-repeat;
	background-position: right center;
}
.browseAll:hover a{
	background-image: url('images/browseAll2.jpg') !important;
}

	
#mainNavigation li:first-child{
	background-image: none;
}
#mainNavigation li{
	display: inline;
	float: left;	
	position: relative;
	padding: 9px 4px 9px 11px;
	background-image: url('images/navSeparator.gif');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	letter-spacing: 1px;
}
#mainNavigation a{
	color: #fff;
	text-decoration: none;
	font-size: 11pt;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	padding-top: 9px;
	padding-left: 5px;
	padding-right:3px;
	padding-bottom: 9px !important;
}
#mainNavigation li:hover a, #mainNavigation .current{
	background-color: #000 !important;
}
#listenLiveNav a{
	background-color: #FFA800;
	font-weight: bold;
}

/*Sub Menu 1*/
#mainNavigation .sub-menu{
	width: 130px;
	background: #000;
	padding: 0px 6px; 
	margin: 4px 0px 0px 11px;
	display: none;
	position: absolute;
	z-index: 100;
	left: 0px;
	border-top: #2c2c2c;
	border-right: #2c2c2c;
	border-left: #2c2c2c;
}
#mainNavigation .sub-menu li{
	display: block;
	float: none;
	margin: 0px !important;
	padding: 0px !important;
	line-height: 1.5;
	border-bottom: 1px solid #2c2c2c;
	background-image: none;
}
#mainNavigation .sub-menu a{
	text-align: left;
	padding: 3px 5px !important;
	margin: 0px !important;
	display: block;
	font-size: 9pt !important;
	color: #fff;
	text-decoration: none;
}
#mainNavigation .current_page .sub-menu a{
	background-color: #f00 !important;
}
#mainNavigation ul li:hover .sub-menu{
	display: block;
}
#mainNavigation .sub-menu a{
	background-image: none;
}
#mainNavigation .sub-menu a:hover, #mainNavigation .sub-menu .current{
	color: #ed2024 !important;
}	
#defaultCursor, #defaultCursor2{
	cursor: inherit;
}

/*=====HEADER====*/
#topOfPage{
	position: relative;
	width: 999px;
	background-image: url('images/2018_logo_transparent.png');
	height: 363px;
}
#topOfPage #logoLink{
	display: block;
	width: 999px;
	height: 363px;
}
#topOfPage .connectWithKrock{
	position: absolute;
	right: 0;
	width: 345px;
	top: 10px;
}
#headerAd{
	margin-top: 20px;
	width: 280px;
	height: 120px;
}
#headerAd img{
	width: 276px;
	border: 1px solid #545454;
}
#headerAd li{
	list-style: none;
}
#headerBuyButton{
	position: absolute;
	left: 15px;
	top: 17px;
	height: 12px;
	padding: 7px 25px 21px;
	font-size: 18pt;
	font-weight: bold;
}
#headerDate{
	font-family: Impact, Sans-serif;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 99px;
	font-size: 28pt;
	letter-spacing: 1px;
}
#headerLocation{
	font-family: Impact, Sans-serif;
	color: #fff;
	position: absolute;
	bottom: 20px;
	right: 30px;
	font-size: 20pt;
	letter-spacing: 1px;
}
/*======Sidebar=====*/
#homeSidebar{
	float: left;
	width: 278px;
	margin: 0 0 0 10px;
	display: inline;
}
#squareAds{
	margin-top: 15px;
}
.widgetTitle{
	text-transform: uppercase;
	color: #4c4c4c;
	font-weight: bold;
	font-size: 10.5pt;
	padding-bottom: 2px;
	border-bottom: 2px solid #919292;
}
#connectWidgetHolder{
	position: relative;
	height: 60px;
	padding-top: 15px;	
}
#connectIcons{
	position: absolute;
	left: 20px;
	display:none;
}
#connectIcons img{
	padding-left: 5px;
	padding-right: 5px;
}
#krockTwitter{
	margin-top: 10px;
}
#krockTwitter .widgetTitle a{
	color: inherit;
	text-decoration: none;
} 
#krockTwitter ul{
	list-style: none;
	line-height: 1.5;
	padding: 3px 0px 0px 10px;
	color: #777;
	font-size: 10pt;
}
#krockTwitter ul a{
	color: #ed2024;
}
#krockTwitter li{
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px solid #ddd;
}
.recentInterviews ul{
	margin-top: 8px;
	margin-left: 4px;
	margin-bottom: 25px;
}
.recentInterviews ul li{
	list-style-type: none;
	background-image: url('images/recentInterviewsHomeBullet1.gif');
	background-repeat: no-repeat;
	padding-left: 21px;
	margin-left: 1px;
	margin-bottom: 11px;
	padding-top: 2px;
}
.recentInterviews ul li a{
	color: #ed2024;
	font-weight: bold;
	text-decoration: none;
}
.recentInterviews ul li:hover{
	background-image: url('images/recentInterviewsHomeBullet2.gif');
}
.recentInterviews .historyPage li{
	background-image: none !important;
	padding-left: 0px;
}
#facebookWidget{
	padding-left: 12px;
	height: 310px;
	margin-top: 25px;
	margin-bottom: 30px;
	width: 260px;
}
#krockGalleriesHome {
	border: 1px solid #ddd;
	width: 978px;
	margin-top: 20px;
	margin-bottom: -30px !important;
	background-color: #fff;
}
.krockPhotosTitleImage{
	width: 39px !important;
	height: 102px !important;
	float: left;
	margin-top: 0px !important;
}
#krockGalleriesHome img{
	width: 124px;
	height: 90px;
	margin-right: 8px;
	margin-top: 2px;
}
#krockGalleriesHome li{
	list-style: none;
	padding-top: 4px;
	padding-left: 50px;
}
#krockGalleriesHome a img:hover{
	border: 2px solid #ed2024;
	margin-top: 0px;
	margin-left: -2px;
	margin-right: 6px;
	margin-bottom: -2px;
}
#galleryPageTitle{
	color: #ed2024;
	font-size: 16pt;
	margin: 0px 0px 13px 0px;
	padding-top: 10px !important;
}
.krockVideoHome{
	margin: 10px 0px 25px 0px;
}
.videoContainer{
	padding: 10px 0px 7px 5px;
}
.krockVideoHome .widgetTitle span a{
	float: right;
	font-size: 8pt;
	padding-top: 3px;
}
#videoArchive h2{
	color: #ed2024;
}
#videoArchive h2 a{
	color: inherit;
	text-decoration: none;
}
#videoArchive h2 a:hover{
	text-decoration: underline;
}
#videoArchive .post{
	position: relative;
	border-bottom: 1px solid #ddd;
	width: 670px;
	margin-bottom: 35px;
}
#videoArchive .sharing{
	position: absolute;
	right: 5px;
	top: 6px;
}
#videoArchive .date{
	color: #777;
	margin-top: 4px;
}
#videoArchive .videoContent p{
	padding-top: 10px;
	font-size: 10pt;
	line-height: 1.5;
}
#videoArchive .youtubeEmbed{
	margin: 10px 0px 15px 70px;
	padding-bottom: 15px;
	display: block
}
	
/*=====Square Ads=====*/
#squareAds{
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 5px 2px 2px 4px;
	margin-bottom: 15px;
	width: 271px;
}
#squareAds li{
	float: left;
	list-style: none;
	padding: 4px 4px 2px 4px;
}
#squareAds li img{
	border: 1px solid #eee;
}

/*=====Footer=====*/
#footer{
	clear: both;
	float: left;
	width: 1000px;
	background-color: #000;
	background-image: url('images/footerBackgroundSlice.jpg');
	background-repeat: repeat-x;
	padding-bottom: 30px;
	margin-top: 30px;
}
#footer dl {
	padding: 60px 0px 0px 10px;
}
#footer dl dt{
	color: #ed2024;
	font-weight: bold;
	font-size: 10pt;
	margin-top: 10px;
}
#footer dl dd{
	color: #fff;
	padding-left: 0px;
	display: inline;
	margin: 5px 0px;
}
#footer dd a{
	color: #b8b8b8;
	font-size: 10pt;
	text-decoration: none;
}
#footer dd a:hover{
	text-decoration: underline;
	color: #fff;
}
#footerLogos{
	float: right;
	margin: 30px 40px 0px 0px;
}
#footerLogos img{
	border: 1px solid #393939;
	display: block;
	height: 100px;
	margin-bottom: 10px;
}
#footer ul{
	color: #b8b8b8;
	font-size: 10pt;
	list-style: none;
	margin: 20px 0px 0px 10px;
	line-height: 1.3;
}
#footer ul a{
	color: #b8b8b8;
}
#footer ul a:hover{
	color: #fff;
}
#footer .current{
	color: #fff;
	text-decoration: underline;
}
/*===DEFAULT STYLES===*/
#defaultSidebar{
	width: 278px;
	float: left;
	padding-left: 30px;
	margin-top: 54px;
	padding-bottom: 20px;
}
#pageTitle{
	font-weight: bold;
	font-size: 24pt;
	font-size: 20pt;
	margin-top: 10px;
	margin-bottom: 12px;
}
.pageDescription{
	color: #777;
	margin: 3px 0px 20px 0px;
	font-size: 10pt;
}
#defaultPageContainer{
	float: left;
	width: 660px;
	margin: 0px 0px 30px 0px;
	padding-left: 15px;
}

.defaultContentContainer p{
	line-height: 1.5;
	font-size: 10pt;
	margin: 0px 0px 15px 0px;
}
.defaultContentContainer ul{
	margin-bottom: 15px;
	line-height: 1.5;
	font-size: 10pt;
}	
.defaultContentContainer li{
	margin-left: 20px;
}
.defaultContentContainer h2{
	color: #ed2024;
	margin-top: 40px;
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
	clear: both;
}
.danceTentPage p{
	font-size: 11pt;
	margin-top: 10px;
}


/*======ON DEMAND=====*/
#onDemandContainer{
	float: left;
	width: 660px;
	padding-left: 10px;
	margin-bottom: 30px;
}
.onDemandAName{
	padding-top: 14px;
}
#onDemandContainer .description{
	color: #777;
	margin-top: 3px;
	margin-bottom: 20px;
	font-size: 10pt;
}
#onDemandContainer .post{
	border: 1px solid #DDDDDD;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 5px;
	position: relative;
}
.onDemandThumb{
	float: left;
	padding-right: 10px;
}
.onDemandPostContent{
	float: left;
}
.onDemandSharing{
	position: absolute;
	right: 5px;
	top: 6px;
}
.onDemandPostContent h2{
	color: #4C4C4C;
    font-size: 13pt;
    font-weight: bold;
    width: 500px;
}
.onDemandPostContent h2 a{
	color: inherit;
	text-decoration: none;
}
.onDemandPostContent h2 a:hover{
	text-decoration: underline;
}
.onDemandPostContent p{
	font-size: 10pt;
	line-height: 1.5;
	margin-bottom: 7px;
	width: 520px;
}
.onDemandPostContent .blogDate{
    color: #777777;
    font-size: 10pt;
    font-style: italic;
    padding: 3px 0px 3px 0px;
}
#onDemandSidebar{
	width: 278px;
	float: left;
	padding-left: 30px;
	margin-top: 68px;
}
/*=====Custom Pagination======*/
.pagination {
	clear:both;
	padding:10px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:7px 10px 6px 10px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #000;
}
 
.pagination a:hover{
	color:#fff;
	background: #000;
	border: 1px solid #ed2024;
	padding:6px 9px 5px 9px;
}
 
.pagination .current{
	padding:7px 10px 6px 10px;
	background: #ed2024;
	color:#fff;
}


/*=====ALIGN IMAGES====*/
img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.aligncenter{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
 
img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
}
 
img.alignleft {
 padding: 4px;
 margin: 0 7px 2px 0;
 display: inline;
}
 
.alignright {
 float: right;
}
 
.alignleft {
 float: left;
}

/*=====SET TIMES=====*/
#krockathonTable
{
	font-size: 12px;
	width: 670px;
	border-collapse: collapse;
	text-align: left;
}
#krockathonTable th
{
	font-size: 18px;
	font-weight: bold;
	color: #ed2024;
	padding: 5px 8px;
	border-bottom: 2px solid #ed2024;
}
#krockathonTable td
{
	border-bottom: 1px solid #ccc;
	color: #4C4C4C;
	font-size: 10pt;
	padding: 8px 8px;
}
#krockathonTable tbody tr:hover td
{
	color: #ed2024;
	background-color: #f4f4f4	;
}
#krockathonTable tr a{
	color: #4c4c4c;
}
#krockathonTable tbody tr:hover a
{
	color: #ed2024;
}


/*=======KROCKATHON HISTORY====*/
.historyThumb{
	width: 210px;
	height: 210px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.historyInterviews ul{
	margin-top: 8px;
	margin-left: 4px;
	margin-bottom: 25px;
}
.historyInterviews ul li{
	list-style-type: none;
	background-repeat: no-repeat;
	margin-left: 1px;
	margin-bottom: 11px;
	padding-top: 2px;
}
.historyInterviews ul li a{
	color: #ed2024;
	font-weight: bold;
	text-decoration: none;
}
.historyVideoContainer{
	display: inline-block;
	width: 310px; 
	height: 170px;
	margin-bottom: 15px;
	margin-right: 15px;
}
#historyVideos iframe{
	width: 305px;
	margin-right: 15px;
	height: 167px;
	margin-bottom: 15px;
}

/*====APP SIDEBAR===*/