@media screen {
	
	body {
		background: #cac5a7;
		margin: 0;
		padding: 0;
		color: #000;
		font: 78%/1.4 'open-sans', tahoma, sans-serif;
	}
	
	
	/* Let's do this thing
 	 ****************************************************************************/
	.wrap {
		max-width: 950px;
		margin: 0 auto;
	}
	
	
	/* Main Content
 	 ****************************************************************************/
	.mainContent {
		background: url('/splash/images/main-texture.jpg') center top;
	}
	
	
	/* Top Texture
 	 ****************************************************************************/
	.topTexture {
		background: url('/splash/images/top-texture.jpg') center bottom repeat-x;
		height: 73px;
		position: relative;
		top: -3px;	
		
		-webkit-box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.75);
		box-shadow: 0px 4px 8px -1px rgba(0,0,0,0.75);
	}
	
	
	.jumpLinks {
		margin-top: 30px;
		text-align: center;
		
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
	}
	
	.tcedoLink {
		position: relative;
		top: -1em;
	}
	
	.welcomeMap {
		background: #cac5a7 url('/splash/images/bottom-texture.jpg') center top repeat-x;
		padding: 30px 0; 
	}
	
	/* columns */
	.splashColumns {
	    margin-left: 330px;
	}
	
	.splashColumns .column1 {
		float: right;
		width: 100%;
		padding-bottom: 30px;
		overflow: hidden;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.splashColumns .column2 {
		float: left;
		width: 300px;
		margin-left: -330px;
	}
	
	.splashColumns .column1 h2 {
		margin-top: 0;
	}
	
	.splashColumns .column2 img {
		display: block;
		margin: 0 auto;
	}
	
	/* More Links
 	 ****************************************************************************/
	.moreContainer {
		display: block;
	}
	
	.breakingNews .moreContainer {
		border: 0;
		display: block;
	}
	
	a.feedLink {
		font-family: 'FontAwesome';
		color: #f4b83f;
		font-size: 1.5em;
		line-height: 1.5em;
	}
	
	a.feedLink:hover {
		color: #3fc56b;
	}

	.breakingNews .feedLink {
		color: #fff;
		text-decoration: none;
	}
	
	.breakingNews .feedLink:hover {
		color: #febc26;
		text-decoration: none;
	}
	
	a.moreLink {
		position: relative;
		top: -2px;
		line-height: 1.5em;
		padding-left: 8px;
		margin-left: 8px;
		border-left: 1px solid #ddd;
	}
	
	.breakingNews a.moreLink {
		color: #fff;
		text-decoration: underline;
	}
	
	.breakingNews a.moreLink:hover {
		color: #fff;
		text-decoration: none;
	}
	
	/* Site-wide Links
 	 ****************************************************************************/
	a:link {
		color: #0082c5;
		text-decoration: none;
		transition: color 2s;
		-moz-transition: color .2s;
		-webkit-transition: color .2s;
		-o-transition: color .2s;
	}

	a:link:visited, a:visited {
		color: #8a1d4c;
	}

	a:link:hover, a:active, a:visited:hover {
		color: #455795;
		text-decoration: none;
	}
}



/********************************************************************************
 * simple adjustment for < 950
 ********************************************************************************/
@media screen and (max-width: 950px) {
	.welcomeMap {
		padding: 30px 10px;
	}
}


/********************************************************************************
 * tablet portrait (768x1024)
 ********************************************************************************/
@media screen and (max-width: 1024px) {

}

/********************************************************************************
 * small tablet landscape (800x600)
 ********************************************************************************/
@media screen and (max-width: 800px) {

}

/********************************************************************************
 * small tablet portrait (600x800)
 ********************************************************************************/
@media screen and (max-width: 600px) {
	/* columns */
	.splashColumns {
	    margin-left: 0;
	}
	
	.splashColumns .column1 {
		float: none;
		width: auto;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.splashColumns .column2 {
		float: none;
		width: auto;
		margin-left: 0;
	}
}

