@media only screen and (min-width:769px) { /* non-mobile styles */
	body { 
		background: url('/timeline/nobel-prize/images/nobelprize-bkgd.png') no-repeat center center fixed!important; 
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover; 
  	}
}
div#choose { z-index:100; }
a.topoffset { position: absolute; top: -75px;}
/*@media (min-width:769px) { div#choose { position:fixed;} }*/
h1 {color:#222;}

/* ===== Start Timeline Objects and Animation Styles ===== */

@media (min-width:768px) {
	#ss-container {
/*		margin-top:150px; 
    	width: 100%;*/
    	position: relative;
    	text-align: left;
    	float: left;
		/*margin-bottom: 100px;*/
	}

	#ss-container:before {
		display:block;
   		position: absolute;
   		width: 4px;
   		background: #000;
   		top: 0px;
   		content: '';
    	left:50%;
   		height: 100%;
	}
}

/* content-box styles */
.spacer100 {height:0;}
.content-box {
	background:rgba(0,0,0,.8);  
	padding:0; 
	border-radius:6px;
	color:#fff;
}
.content-box.static { margin:0 10% 5% 10%; padding:20px; }
.content-box.description { margin:0 10% 5% 10%; padding:20px; }

.content-box h2, 
.content-box h3, 
.content-box h4 { color:#fff; margin-bottom:20px; }
@media (min-width:769px) {
	.content-box h2, 
	.content-box h3, 
	.content-box h4 {padding:0 15px;}
}

.content-box h3, 
.content-box h4 { line-height:1.2; }
.content-box a { color:#b2d883; }
.content-box a:hover { color:#fff; }

.content-box img {
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:0px;
}


@media (min-width:768px) {
	.spacer100 {height:100px;}

	.content-box img {
		border-top-left-radius:6px;
		border-bottom-left-radius:6px;
		border-top-right-radius:0px;
	}
	.content-box h2, 
	.content-box h3, 
	.content-box h4,
	.content-box p { padding-left:0; }

}
@media (min-width:1025px) {
	.content-box { background:rgba(0,0,0,.75); }
}

@media (min-width:768px) and (max-width:1234px) {
	.content-box.static { margin:5% 8%; }

	.content-box h2, 
	.content-box h3, 
	.content-box h4,
	.content-box p { padding-right:10px; font-weight:300; }
	.content-box h2 { font-size:150%; }
	.content-box h3 { font-size:120%; }	
	.content-box h4 { font-size:100%; }	
}


/* date styles */
.date-separator { padding-bottom:0; }
.date-separator60 { padding-bottom:0; }
.date-separator100 { padding-bottom:0; }

.triangle-left,
.triangle-right,
.triangle-up,
.triangle-left h4,
.triangle-right h4,
.triangle-up h4 { display:none; }

@media (min-width:768px) {
	.date-separator { padding-bottom:125px; }
	.date-separator60 { padding-bottom:60px; }
	.date-separator100 { padding-bottom:100px; }

	.triangle-left h4 { margin-top:-8px; width:100px; padding-right:28px; display:block; }
	.triangle-right h4 { margin:-8px 0 0 -81px; width:100px; padding-left:8px; display:block; }
	.triangle-up h4 { margin-top:45px; margin-left:-50px; width:100px; display:block; }

	.triangle-up {
		display:block;
		text-align:center; 
		position: absolute;
		top: -3px;
		left: 0;
		width: 0;
		height: 0;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-bottom: 80px solid #004982;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}

	.triangle-left { 
		display:block;
		text-align:right; 
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		border-top: 50px solid transparent;
		border-right: 80px solid transparent;
		border-bottom: 50px solid transparent;
	}
	.triangle-left.half { left:100%; }
	
	.triangle-left.blue { border-right:80px solid #004982; }
/*	.triangle-left.aqua { border-right:80px solid #00a9ac; }
	.triangle-left.green { border-right:80px solid #56a366; }
	.triangle-left.gray { border-right:80px solid #737373; }*/

	.triangle-right {
		display:block;
		text-align:left;  
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		border-top: 50px solid transparent;
		border-left: 80px solid transparent;
		border-bottom: 50px solid transparent;
	}
	.triangle-right.blue { border-left:80px solid #004982; }
/*	.triangle-right.aqua { border-left:80px solid #00a9ac; }
	.triangle-right.green { border-left:80px solid #55a265; }
	.triangle-right.gray { border-left:80px solid #737373; }*/

	.triangle-left { left: 50%; margin-left: -80px; color:#fff; }
	.triangle-right { left: 50%; margin-left: 4px; color:#fff; }
	.triangle-right.internal { left: 0; }
	.triangle-left.internal { left: 100%; position:relative; margin-left:-65px; }
	.triangle-up { left: 50%; margin-left: -48px; color:#fff; text-align:center; }

	.ss-container-date {
    	left: 50%;
    	margin-left: -37px;
	}
}  
/* ===== End Timeline Objects and Animation Styles ===== */