@import url('reset.css'); /* Start off with a complete CSS reset */

/*
Theme Name: Riposte 
Theme URI: http://royalarts.org/
Author: Tim Mills
Author URI: http://royalarts.org
Description: Responsive web theme built for the Arnold Sports Festival. This site is a mobile friendly site regardless of device. Project for the Arnold Sports Festival.
Version: 1.0
*/

/* 
WEB FONTS 
*/

/* 'Open Sans' */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600);*/

/* 'Open Sans Condensed' */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);

/* 'Open Sans Black' */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);

/* FontAwesome font for social icons. Full source at http://fortawesome.github.com/Font-Awesome/ */
@import url(FontAwesome/css/font-awesome.css);
/* 

/*  'Achivo Black'  */
@import url(http://fonts.googleapis.com/css?family=Archivo+Black);

/* 'Oswald ' */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);

/* Glegoo */
@import url(http://fonts.googleapis.com/css?family=Glegoo);

/* blue colors: #105fb6

-------------------------------------------------------------- 
General structure
-------------------------------------------------------------- 
*/

body {
	font-size: 100%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background-color: #FFF;
}
.custom-background{
	background-size:100% 100%;
	background-repeat:no-repeat;
}

#wrapper, #navwrap{
	display: block;
	max-width: 1800px; /* max-width makes frame responsive */
	margin: 0 auto;
}

.video {
	margin: 0 0 1em 0;
}

video {
	width: 100%;
	height: auto;
}
#wpcontent_slider img,
#logos img, #logqo,
#logo1, #logo2,
img.wp-post-image,
img.attachment-thumbnail,
img.attachment-medium,
img.attachment-large,
img.attachment-full,
thumb-image,
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
#sidebar img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.aligncenter,
.wp-caption.aligncenter {

	margin: 0 auto 1.5em auto;
	max-width: 100%;
	height: auto;
}

/* 
-------------------------------------------------------------- 
   HEADER
-------------------------------------------------------------- 
*/
#titlewrap { /* the wrapper aroujnd the header image */
	display: block;
	max-width: 1000px; /* max-width makes frame responsive */
	margin: 0 auto;
	overflow:hidden;
}
#logos{
	padding-left: 50%;
	padding-top: 5%;
	overflow:hidden;
}
#logos img {
	
	height: auto;
	float: left;	
}
#logo1 {
	
}
#nextdate{ /* the date that shows the next arnold event */
	background-color: #006;	
	height: 45px;
}
#nextarrow {
	max-width: 10%;
	float:left;
	height: 40px;
	font-family: 'Oswald', Helvetica, sans-serif;
	color: goldenrod;
	background-color: #105fb6;
	font-size: 33px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 0px;
	overflow:hidden;
}
.imagearrow{
	width: 25px;
	float: left;
	height: 45px;
}
#displaydate {
	color: #fff;
	font-family: 'Glegoo',times, serif;
	font-size: 28px;
	max-width: 80%;
	float: left;
	padding-left: 25px;
	padding-top: 7px;
}

/* 
-------------------------------------------------------------- 
 Navigation
-------------------------------------------------------------- 
*/
#navwrap{ /* wrapper for the entire menu */
	position: fixed;	
	top:0;
  	left:0;
	height:47px; 
	width:100%;
	z-index: 1000;
}
#navwrap, #footer-toolbar {
	background-color: #105fb6;
}
.topnav { /* main menu wrapper */
	height: 47px;
	padding: 0;	
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	max-width: 900px;
}
.current-menu-item{
	background-color: #06F;  
	/*height: 47px;*/
}
.search-menu-item {
	width: 47px;	
}
.search-menu-item:hover {
	background-color: #06F;  	
}
/* 
-------------------------------------------------------------- 
 Navigation - SUBMENUS
-------------------------------------------------------------- 
*/
/* Top level Unordered list */
.dropdown {
	font-family: 'Oswald', Helvetica, sans-serif;	
	/*height: 47px;*/
}
ul.dropdown {
	list-style:none;
	float:left;
	width:100%;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
}
 
ul.dropdown  li{
	float:left; /* makes horiz list */
	position:relative; /* hey Submenu ULs, appear below! */
	height: 30px;
	padding-top: 15px;
}
 
ul.dropdown a {
	padding:12px; /* space the items, occupy entire height too.*/
	color:#eee;
	text-decoration:none;
	/*text-shadow:0 1px 0 #000;*/
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
}
 
/* Style the link hover */
ul.dropdown li:hover a {
	background: #06F;
}
 
/* Displays the link as blocks. */
ul.dropdown li ul a {
	display:block;
}
 
/* sub menus!!  */
 
ul.dropdown ul {
	list-style: none;
	width:230px; /* specify the width. */
	position:absolute; /* needed */
	z-index:500; /* specify the order */ 
}
 
ul.dropdown li ul {
	top:30px; /* Positioning:Calc with top level horz list height */
}
 
ul.dropdown ul ul {
	top:0;
	left:100%; /* Position the sub menus to right. */
}
 
ul.dropdown ul li {
	float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}
 
ul.dropdown li * a:hover {
/* Change color of links when hovered */
background: navy;
/*background: -moz-linear-gradient( top, #200, #400);*/ /* CSS 3 */
/*
border-bottom:1px solid #900;
border-top:1px solid #222;
*/
}
.submenu {
	-moz-box-shadow:0 2px 10px #000; /* CSS 3 */
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;	
}




#search-site {
	
}



#headersearch {
	width: 250px;
	padding-left:0px;	
	float: right;
	padding-right: 20px;
}
#content-menu {
	width: 350px;
	float: left;	
	padding-left: 15px;
}

/* 
-------------------------------------------------------------- 
Content
-------------------------------------------------------------- 
*/
#main {
	display: block;
	/*max-width: 1200px;*/ /* max-width makes frame responsive */
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	
}

#logo-column {
	float: left;
	/*width: 400px;*/
	max-width: 370px;
	text-align:center;	
	margin-top: -130px;
	/*display: inline;*/
}
#mobile-header img {
	width: 100%;	
}

#logo {
	margin-top: -40px;
	width:275px;	
}

#content-container {
	max-width: 940px;
}
#content-container-page {
	background-color: #fff;
	width: 100%;
	border-radius:.8em; 
	-webkit-border-radius:.8em;
	-moz-border-radius: .8em;
}

#content-toolbar {
	background-color: #e3e5e5;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 25px;
}
.name-date {
	display: none;	
}

#content {
	/*margin: 10px;	*/
}
#content-page {
	/*margin: 15px;*/
	margin-top: 15px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#content-page p {
	line-heigiht: 30px;	
	font-size: medium;
}

.info-balloon {
	background-color: #f0de92;
	-webkit-border-radius:.8em;
	-moz-border-radius:.8em;	
	border-radius: .8em;
	padding: 15px;
	width: 277px;

}
.highlight-balloon {
	background-color: #efefef;
	-webkit-border-radius:.8em;
	-moz-border-radius: .8em;
	border-radius: .8em;	
	padding: 15px;
	width: 277px;
	
	margin-top: 10px;
}
.contact-balloon {
	background-color: #9FF;
	padding: 15px;
	width: 277px;
	margin-top: 10px;	
	-webkit-border-radius:.8em;
	-moz-border-radius: .8em;	
	border-radius: .8em;
}
.links-balloon {
	background-color: #FFC;
	padding: 15px;
	width: 277px;
	margin-top: 10px;	
	-webkit-border-radius:.8em;
	-moz-border-radius: .8em;	
	border-radius: .8em;
}
.balloon-title {
	font-size: 1.8em;
	font-weight: 100;
	line-height: 1.3em;
	word-wrap: break-word;	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-header {
	
}
.page-left {
	float: left;
	max-width: 620px; 	
}
.page-right {
	float: left;
	max-width: 180px;
	padding-left: 10px;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}

/*
--------------------------------------------------------------
Global styles
-------------------------------------------------------------- 
*/
em {	
	font-style: italic;
}
strong {
	font-weight: 600;
	/*font-weight: bold;*/
}
.right {
	float: right;
}
.left {
	float: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0 0.5em 0;
}
h1 {
	font-size: 2em;	
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.2em;
}
p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0 0 1em 0;
}
a:link,
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover,
a:focus {
	color: #333;
}

/* 
-------------------------------------------------------------- 
Main Content
-------------------------------------------------------------- 
*/
.sticky {
}
.entry-header a:link,
.entry-header a:visited {
	text-decoration: none;
}
.entry-header a:hover,
.entry-header a:focus {
	text-decoration: underline;
}
.entry-title {
	font-size: 2em;
	font-weight: 100;
	text-transform: uppercase;
	margin-top: 0;
	line-height: 1.3em;
	word-wrap: break-word;
	padding-left: 10px;
}
.name-date {
	font-size: 0.8em;
	text-transform: uppercase;
	margin-top: 1.5em;
}
.entry-meta {
	clear: both;
	display: block;
}
.index-meta {
	margin: 1.5em 0;
}
.index-meta li {
	float: left;
	margin: 0 1px 0 0;
	text-transform: uppercase;
}
.index-meta li a:link,
.index-meta li a:visited {
	font-size: 0.6em;
	padding: 2px 20px;
	background: #9b9b9b;
	text-decoration: none;
	line-height: 17px;
	color: #fff;
}
.index-meta ul ul li a:link,
.index-meta ul ul li a:visited {
	padding: 2px 10px;
}
.index-meta li.theComments a:link,
.index-meta li.theComments a:visited {
	background: #333;
}
.index-meta li a:hover,
.index-meta li.theComments a:hover,
.index-meta li a:focus,
.index-meta li.theComments a:focus {
	background: #3399FF;
}
.single-thumb {
	margin: 0 0 1em 0;
}
.single-thumb img {
	max-width: 100%;
	height: auto;
}
.entry-content p {
	line-height: 1.4em;
	margin-bottom: 2em;
	padding-left: 15px;
}
.entry-content li {
	font-size: 0.9em;
	margin: 0 0 1em 2em;
	line-height: 1.3em;
}
.entry-content ul {
	list-style-type: square;
	margin-bottom: 2em;
}
.entry-content ol {
	list-style-type: decimal;
	margin-bottom: 2em;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}
.index-title {
	font-size: 2em;
	font-weight: 100;
	text-transform: uppercase;
	margin: 20px 0;
	line-height: 1.3em;
	word-wrap: break-word;
}
.index-title a {
	text-decoration: none;
}
.index-title a:hover,
.index-title a:focus {
	text-decoration: underline;
}
.index-name-date {
	font-size: 0.8em;
	text-transform: uppercase;
	margin: 20px;
}
.index-name-date a {
	text-decoration: none;
}
.index-name-date a:hover,
.index-name-date a:focus {
	text-decoration: underline;
}
.index-content {
	margin: 20px;
}
.more-link {
	text-align: right;
}
.more-link a:link,
.more-link a:visited {
	font-size: 0.6em;
	padding: 2px 20px;
	background: #9B9B9B;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 17px;
	color: white;
}
.more-link a:hover,
.more-link a:focus {
	background-color: #3399FF; 	
}
.page-header {
	background: #EAEAEA;
}
.page-header h1 {
	font-weight: 100;
	text-transform: uppercase;
	font-size: 1em;
	margin: 0;
	padding: 20px 50px;
}
/* 

-------------------------------------------------------------- 

Index - Traditional

-------------------------------------------------------------- 

*/
#regular-index {
	float: left;
	margin: 0 -320px 0 0;
	width: 100%;
}

#regular-content {
	margin: 0 320px 0 0;
}

#regular-index .index-post-container {
	width: 100%;
	border: none;
	float: none;	
	margin: 0 0 50px 0;
}

#regular-index .the-thumbnail {
	display: none;
}

#regular-index .index-title,
#regular-index .index-name-date,
#regular-index .index-content {
	margin: 20px 0;
}
.textwidget {
	padding: 10px 0 0 0;
	line-height: 1.3em;
	font-size: 0.9em;
}
.textwidget p {
	font-size: 100%;
}
/* 
-------------------------------------------------------------- 
Single post
-------------------------------------------------------------- 
*/
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1.5em 0;
	padding-left: 2em;
	border-left: 1px #ccc solid;
	font-style: italic;
	color: #333;
	line-height: 1.4em;
	border-left-color: #EFEFEF;
	border-left-width: 10px;
}

/* 
--------------------------------------------------------------
Images
-------------------------------------------------------------- 
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
#sidebar img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.aligncenter,
.wp-caption.aligncenter {
	margin: 0 auto 1.5em auto;
	max-width: 100%;
	height: auto;
}

.video {
	margin: 0 0 1em 0;
}

video {
	width: 100%;
	height: auto;
}
a img {
	border: none;
}
p img {
	margin-bottom: 1em; 
}
img.alignleft,
.wp-caption.alignleft {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-top: 5px;
}
img.alignright,
.wp-caption.alignright {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	margin-top: 5px;
}
img.aligncenter,
.wp-caption.aligncenter {
	margin: 0 auto 1.5em auto;
	height: auto;
}
.wp-caption {
	padding: 10px;
	text-align: center;
	border: 1px #ccc solid;
}
.wp-caption img {
	margin: 0;
}
.wp-caption .wp-caption-text {
	margin: .5em;
	font-size: 80%;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}

/*
--------------------------------------------------------------
Forms
--------------------------------------------------------------
*/
#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}
/* Class for labelling required form items */
.required {
	color: #cc0033;
}

/*
--------------------------------------------------------------
Widgets
--------------------------------------------------------------
*/
.widget {
	display: block;
}

/*
--------------------------------------------------------------
Footer
--------------------------------------------------------------
*/
#spacer {
	clear:both;
	height: 20px;	
}
#footer-toolbar {
	height: 47px;
	text-align: center;	
	width: 100%;
	border-top: 1px solid #468cd8;
	border-bottom: 2px solid #0e4d92;
}
#footer-tools {
	height: 47px;
	max-width: 800px;
	margin: auto;
}
#footer-wrap {
	clear:both;
	max-width: 1200px;
	margin: auto;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
	padding: 0;
	background: #0b3d76;
	color: #CCCCCC;
	font-size: 0.9em;
}
#footer1, #footer2, #footer3, #footer4 {
	max-width: 200px;
	float: left;	
	text-transform: none;
	font-size: 14px;
	padding:20px;
	font-family: helvetica, arial, sans-serif;
	height: 90px;
}
#footer1 ul li, #footer2 ul li, #footer3 ul li {
	padding-bottom: 15px;	
}
#footer4 {
	max-width: 300px;	
	border-left: 1px solid #104b8e;
}
#footer2, #footer1, #footer3 {
	border-right: 2px solid #093260;
	border-left: 1px solid #104b8e;	
}
.countdowns {
	padding-top: 10px;	
}
.countdown-timer {
	color: goldenrod;	
}
#sponsors {
	width: 370px;
	float: left;
	height: 90px;
	vertical-align: middle;
	border-right: 2px solid #093260;
	padding-top:20px;
	padding-bottom: 20px;
}
#footer-content {
	padding: 20px;
	height: 120px;
}
#copyright {
	clear: both;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	text-align: center;	
	color: #105fb6;
	padding-top: 20px;
	vertical-align: middle;
	padding-bottom: 15px;
}
#colophon a:link,
#colophon a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#colophon a:hover,
#colophon a:focus {
	text-decoration: underline;
}
#navbar-footer, #sport-finder {
	max-width: 400px;	
}
#sport-finder {
	padding-top: 15px;	
}
#google_translate_element {
	padding-top: 12px;	
}
#gototop a {
	padding: 20px;
	color: #0b3d76;	
}
#gototop {
	padding: 25px;	
}


-------------------------------------------------------------- 
Index - Masonry
-------------------------------------------------------------- 
*/

#masonry-index {
	/*width: 105%;*/
}

#masonry-index .textwidget {
	padding:0;
}

#masonry-index .index-post-container {
	/*width: 282px;
	border: 1px #e3e3e3 solid;
	float: left;	
	margin: 0 10px 20px 0;
	background-color: #fff;
	border-radius:.4em; 
	-webkit-border-radius:.4em;
	-moz-border-radius: .4em;	
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	*/
	width: 311px;
	
	border: 1px #e3e3e3 solid;
	float: left;	
	margin: 0 0px 0px 0;
	background-color: #fff;
}

 .index-post-container{
	
	overflow: hidden;
	
}
 .index-post-container-alt{
	width: 493px;
	border: 1px #e3e3e3 solid;
	float: left;	
	margin: 0 0px 0px 0;
	background-color: #fff;
	
	
}
.index-post-container:hover {
  background-color: #3FF;
  border-color: #039;
  cursor: pointer;
}

#masonry-index .index-title,
#masonry-index, 
#masonry-index .index-content {
	/*margin: 20px;*/
}
.index-name-date {
	display: none;	
}

.index-title {
	/* title of the masonry box */
	font-size: 18pt;	
	text-transform: none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: -6px;
	padding: 2px;
	padding-left: 10px;
	
}
.index-content {
	/* content of the masonry copy */
	font-family: helvetica, arial, sans-serif;	
	padding: 5px;
}

/*
--------------------------------------------------------------
SEARCH FORM
--------------------------------------------------------------
*/
.searchformhead {
	position: relative;
	float: left;
	margin:0 0 40px 0; }
 
.searchform {
	position: relative;
	float: left;
	width:100%;
	margin: 0;}
 
.searchformhead input.s {
	float: left;
	margin: 0;
	color:#999;
	padding:19px 15px 18px 15px;
	line-height:1;
	float:left;
	font-style:normal;
	width: 140px;
	background:none;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top::none;
	border-bottom::none; }
 
.searchSubmit {
	background: url(/files/icons/search-submit.png) no-repeat;
	position: absolute;
	height: 27px;
	width: 27px;
	border: none;
	cursor: pointer;
	top: 10px;
	right: -4px; }
	
	
.searchform input.s {
	padding:8px 10px;
	margin: 0;
	color:#999;
	font-style:normal;
	width:90%;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
	background: -webkit-linear-gradient(#ffffff, #f5f5f5);
	background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
	background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  }
  
  #mobile-headher { display: none; }
 
#frame-vid {
		width: 311px;
		height: 233px;	
	}

	
/********************************************************************************************/
/*  MOBILE MENU */
/********************************************************************************************/
#mobile-menu {
	/*display: none;*/
	background-color: #105fb6;
	height: 47px;
}
.mobilenav {
		
}
ul.mobilenav li {
		display: block;
		list-style-type: none;
		position: relative;
		float: left;
		background-color: #105fb6;
		color: #fff;
		width: 38px;
		
		/*overflow: hidden;*/
		 }
ul.mobilenav li a {
	color: #fff;	
}
ul.mobilenav li img {
		/*margin-bottom: -15px;*/
}
ul.mobilenav li:hover {
	opacity:1;
	-moz-transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in; 
	-o-transition: opacity 0.3s ease-in; }
.mobileitem {
	display:block;
	/*width: 48px;*/
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;tit
	text-transform:uppercase;
	padding-top: 0px;	
	padding-top: 0px;
	margin-top: 15px;;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: center;
}
.sprite-expo {
	padding: 10px;	
	color: #fff;
}
	.clear-floats { clear: both; }
 
/*
-------------------------------------------------------------
SFX
-------------------------------------------------------------
*/
.rad{-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.boxshadow{
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
/* 
-------------------------------------------------------------- 
HOTELS
-------------------------------------------------------------- 
*/
/* Sheet: find-a-hotel */

#findHotel {
	padding-bottom: 15px;
}
	#findHotel table {
		width: 100%;
	}

		#findHotel table th {
			font-family: Arial, sans-serif;
			background-color: #a8b0bd;
			color: white;
			/*font-size: 150%;*/
			white-space: nowrap;
			padding: 5px 10px 5px 10px;
			border: 2px white solid;
		}

			#findHotel table th a {
				text-decoration: none;
				color: white;
			}

.hotel-row {
	background-color: #dee0e4;
	padding: 5px 10px 5px 10px;
	border: 2px white solid;
}
.hotel-row-alt {
	background-color: #cde0ee;
	padding: 5px 10px 5px 10px;
	border: 2px white solid;
}
.hotel-name {
	display: block;
	font-family: helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 150px;
}

	#findHotel a.print {
		font-weight: bold;
		float: right;
		text-decoration: none;
		color: #0061B0;
		margin: 5px;
	}

	#findHotel a.previous {
		font-weight: bold;
		position: absolute;
		top: 0;
		left: 0;
		text-decoration: none;
		color: #0061B0;
		margin: 5px;
	}

	#findHotel a.next {
		position: absolute;
		top: 0;
		right: 0;
		font-weight: bold;
		float: right;
		text-decoration: none;
		color: #0061B0;
		margin: 5px;
	}

.group-header {
	background-color: #A8B0BD;
}

.group-header a {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.group-links {
	float: left;
}

.group-links ul {
	margin: 0;
}

.group-links ul li {
	float: left;
	margin-right: 7px;
	list-style: none;
}

.group-links ul li a {
	color: #0061B0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
}
#hotel-list {
	clear: both;	
}

.priority-message {
	border: 1px solid red;
	background-color: red;
	font-weight: bold;	
	padding: 10px;
	color: white;
	margin-top: -15px;
	
}
.priority-home {
	border: 1px solid red;
	background-color: red;
	font-weight: bold;	
	padding: 10px;
	color: white;
}




/* PAGINATION */
.paginationBox {
	clear: both;
	display: block;
	float: left;
	margin: 1em 0 2em 0;
}

ul.pagination {
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
	position: relative;
	font-size: 80%;
	line-height: 1em;
	list-style-type: none;
}

.pagination li {
	float: left;
	vertical-align: middle;
	background-color: #fff;
	margin-right: 1px;
}

.pagination span,
.pagination a {
	background-color: #efefef;
}

.pagination a:hover,
.pagination a:focus {
	color: #fff;
	background-color: #ccc;
}

.pagination .current, .pagination a {
float: left;
height: 35px;
width: 35px;
line-height: 34px;
text-align: center;
padding: 0;
border-radius: 100px;
margin-right: 3px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.pagination .current{
	/*padding: 3px 9px 4px 9px;
	color: #fff;
	background-color: #ccc;
	border: 1px #ccc solid;
	*/
float: left;
height: 35px;
width: 35px;
line-height: 34px;
text-align: center;
padding: 0;
border-radius: 100px;
margin-right: 3px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
/* END PAGINATION */


.topmenu {
	display: block;
	list-style-type: disc;
}
.topmenu li, #menu-travel-menu li {
	display: block;
	float: left;
	line-height: 18px;
}	
.topmenu li a {
	font-family: 'Open Sans', Helvetica, sans-serif;
	display: block;	
	color: #fff;
	font-weight: normal;
	text-shadow: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 7px;
	margin-right: 7px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 0;
}




/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}






/*!
 * jQuery UI Accordion 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}



/*   SPORT LISTS */
.sport-list {
	width: 100%;
	margin: 5px;
	-moz-border-radius: 25px;
	-webkit-border-radius:25px;
	border-radius: 25px; 
}
.sport-list: hover {
	background-color: $efefef;	
}
.sport-thumb {
	padding-right: 15px;	
	width: 10%;
	float: left;
}
.sport-content {
	padding: 10px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

/*  hotels */

	.hotel-results{
			padding: 0px;
			margin: 0px;
			display:block;
		}
		.hotel-results-row {
			
			list-style: none;
			background-color: #efefef;
			-webkit-border-radius:.8em;
			-moz-border-radius: .8em;	
			border-radius: .8em;
			padding: 15px;
			margin-bottom: 15px;
			
		}
		.hotel-wrapper {
			width:100%;
			padding: 5px;
			/*	height:125px;*/
			/*background: url(http://img1.tvlcdn.com/images/graphics/ccc_bot_bg_36px.gif) repeat-x bottom center;*/
			
		}
		.hotel-title {
			font-weight: bold;
			width: 425px;
			float:left;
		}	
		.hotel-title a {
			color: blue;	
		}
		.hotel-detail {
			width: 250px;
			float:left;
			color:#000;
			padding-left: 10px;	
		}
		.hotel-address {
			font-weight: normal;	
		}
		.hotel-code {
			background-color: red;	
			padding:5px;
			color: #fff;
			-webkit-border-radius:.4em;
			-moz-border-radius: .4em;	
			border-radius: .4em;
		}
		.hotel-price {
			font-size: 3em;
			font-weight: bold;
			line-height: 30px!important;	
			color: #666;
			padding:10px;
		}
		.hotel-distance {
			color: #000;	
		}
		.hotel-note {
			padding-left: 10px;
			clear: both;
			border-top: 1px solid #ccc;
		}
		#Loading {
			width: 500px;
			margin: auto;
			text-align: center;
			font-size: 26pt;	
		}
		.widefat th {
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
}
.widefat td, .widefat th {
border-top-color: white;
border-bottom-color: #DFDFDF;
}
.widefat th {
font-weight: normal;
}
.widefat th, .widefat td {
overflow: hidden;
}
.widefat th {
padding: 7px 7px 8px;
text-align: left;
line-height: 1.3em;
font-size: 14px;
}
admin.phpmedia="all"
.widefat td, .widefat th {
border-width: 1px 0;
border-style: solid;
}
admin.phpmedia="all"
.widefat * {
word-wrap: break-word;
}
.widefat {
border-spacing: 0;
}

.HotelNameTxt {
	width: 200px;	
}
.HotelCityTxt { width: 100px; }
.HotelZipTxt { width: 25px; }



#mobile-sport-finder {
	background-color: #105fb6;	
	display:none;
}
#picksport2 {
	width: 320px;
	height: 25px;	
}