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

body {
	margin: 0;
	padding: 0 0 100px;
background: #FFFFFF;
font-size: 15px;
font-family: 'Helvetica', Arial, sans-serif;
line-height: 100%; 
}

a:link, {
color: #666666; 
text-decoration: none;
}

a:active {
	color: #666666; 
	text-decoration: none;	
}

a:visited {
color: #666666; 
text-decoration: none;
}

a:hover {
color: #cccccc;
text-decoration: none;
}

b {
color: #ffffff;
text-decoration: none;
}

h1 {
	margin: 0 20px 0.5em;
	line-height: 1.2;
}

/* Clearfix */

.cfix:before,
.cfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cfix:after {
    clear: both;
}

.cfix {
    *zoom: 1;
}



/* Isotope ----------------------------- */

.isotope-item {
z-index: 2;
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}

.isotope,
.isotope .isotope-item {
-webkit-hiatus-duration: 0.8s;
-moz-hiatus-duration: 0.8s;
hiatus-duration: 0.8s;
}

.isotope {
-webkit-hiatus-property: height, width;
-moz-hiatus-property: height, width;
hiatus-property: height, width;
}

.isotope .isotope-item {
-webkit-hiatus-property: -webkit-transform, opacity;
-moz-hiatus-property: -moz-transform, opacity;
hiatus-property: transform, opacity;
}

/* Navigation ----------------------------- */

#options {
margin: 0 20px 30px; 
padding: 0;
color: #222222;
background: #fcfcfc;
font-family: 'Helvetica', Arial, sans-serif;
text-align: left; 
}

#topnav {
position: relative; 
width: 100%; 
margin: 0px 0 30px; 
padding: 0.5em 20px;
background: #000000;
font-family: 'Helvetica', Arial, sans-serif;
/* text-align: center; */
}

#topnav li {
display: inline-block; 
margin: 0 2px; 
padding: 2px 5px; 
text-align: center; 
font-size: 80%;
color: #ffffff;
}

#topnav a:link {
color: #ffffff; 
text-decoration: none;
}

#topnav a:visited {
color: #ffffff; 
text-decoration: none;
}

#topnav a:hover {
color: #cccccc;
text-decoration: none;
}

#topnav .nav-logo {
	font-size: 120%;
}


@media (max-width: 600px) {
	/* Hide some nav links on smaller screens */
	#topnav .nav-education,
	#topnav .nav-arts,
	#topnav .nav-food,
	#topnav .nav-science {
		display: none;
	}
}




/* Share Bar  ----------------------------- */

.sharebar {
	margin: 0 20px 2em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ddd;
}

.sharebar ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.sharebar li {
	float: left;
	margin-right: 20px;
}

.sharebar label {
	font-size: 0.8em;
	line-height: 2em;
	color: #999;
}

.sharebar .fb {
	min-width: 56px;
}



/* Contents ----------------------------- */

#container {
/* position: absolute; !important 
position: left; */
max-width: 1100px;
text-align: left; 
margin: 0 15px;
}

.element {
float: left;
background: #cccccc;
width: 192px;
margin: 5px;
padding: 0px 5px 13px 5px; 
text-align: center; 
text-transform: uppercase; 
}

.element a {
	color: #222222;
	text-decoration: none;
}

.element a:hover{
	color: #cccccc;
	text-decoration: none;
}

.snow {
background: #4c5ca9;
}

.ski {
background: #bd4a1f;
}

.hockey {
background: #5796c2;
}

.bobsled {
background: #728f2c;
}

.skate {
background: #386352;
}

.luge {
background: #d9860d;
}

.spskate {
background: #e1b00e;
}

.element  img {
margin: 5px 0px 0px -5px;
width: 200px; 
border: 1px solid #cccccc; 
}

h2 {
margin: 10px 0px 3px; 
line-height: 100%; 
}

#filters {
	margin: 0;
	padding: 0;
text-transform: uppercase; 
}

#filters li {
color: #222222;
display: inline-block; 
margin: 0 1em 0.6em 0; 
}

#filters a:link, a:active, a:visited {
color: #222222;
text-decoration: none;
}


#filters a:hover {
color: #666666;
text-decoration: none;
}

#mainbar a:link, a:active, a:visited {
color: #222222;
text-decoration: none;
}

#mainbar a:hover {
color: #666666;
text-decoration: none;
}

/* Athlete Page ----------------------------- */
.wrap {
	max-width: 900px;
	text-align: left; 
	margin: 0 15px;
}
.card {
	float: left;
	width: 600px;
}

.card a:link {
	color: #666666; 
	text-decoration: none;
}

.card a:hover {
color: #cccccc;

}

.copyright {
	clear: both;
	max-width: 1100px;
	margin: 40px 20px 20px;
	line-height: 1.3;
}

.sidebar {
	float: right;
	width: 250px;
}

/* Social  ----------------------------- */

.twitter-wrapper {
	margin: 40px 20px 20px;
}