/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face 
	#Print Styles*/

/* #Site Styles
================================================== */
html, body {
    background: #00092a url(/images/body-background.gif) center top repeat-x;
    margin-bottom: 34px;
}

cite {
	font-size:0.9em;
}

/* DOS TITLE BAR */
#title-bar
{
	/*background-color: #2297d2;
	border-bottom: 1px solid #227297;*/
}
#dohr {
	background: transparent url(/images/titlebar.png) center top no-repeat;
	display: block;
	height: 74px;
	margin: auto;
	width: 338px;
}
/*#dos
{
	background: transparent url(/images/fdos-background.png) left center no-repeat;
	display: inline-block;
	height: 30px;
	width: 206px;
}
#dohr
{
	background: transparent url(/images/dohr-background.png) right center no-repeat;
	display: inline-block;
	float: right;
	height: 30px;
	width: 245px;
}*/

.container.shadow,
box {
	background: #f9f0e2 url(/images/container-background.png) top left repeat;
}

/* HEADER */
#header
{
	border-top: 1px solid #FFF;
	/*border-bottom: 1px solid #045080;*/
	text-align: center;
}
#logo-small
{
	position: absolute;
	left: 20px;
	top: -40px;
	z-index: 400;
}
#logo-big img
{
	padding: 56px 0; 
}

h2
{
	color: #0573ad;
	display: block;
	/*font-family: 'PT Sans Caption', sans-serif;*/
	font-family: 'Nobile', sans-serif;
	/*font-family: 'Cantarell', sans-serif;*/
	font-weight: bold;
	line-height: 60px;
	margin: 0;
	overflow: hidden;
	text-align: center;
}


#menu-button
{
	border-left: 2px solid transparent;
	padding: 14px 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 500;
}
a.button, a.button:hover
{
	background-color: #fcf9f3;
	background-image: linear-gradient(-90deg, rgb(253, 250, 246), rgb(222, 207, 183));
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(253, 250, 246)), to(rgb(222, 207, 183)));
	background-image: -moz-linear-gradient(-90deg, rgb(253, 250, 246), rgb(222, 207, 183));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf9f5', endColorstr='#ded0b8');	 
	border: 1px solid #cdb691;
	color: #a59376;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	behavior: url('ie-css3.htc'); /* CSS3 Support for IE */	
}
#menu-button.active a.button, #menu-button.active a.button:hover {
	background: #10519d url(/images/slider-nav-background.png) center left repeat-x;
	border-color: #01103a;
	color: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45a7e6', endColorstr='#198bd0');
	behavior: url('ie-css3.htc'); /* CSS3 Support for IE */
}
#menu
{
	background-color: #10519d;
	border-left: 2px solid #01103a;
	border-bottom: 2px solid #01103a;
	color: #FFF;
	display: none;
	font-weight: bold;
	list-style: none none;
	position: absolute;
	right: 0;
	top: 48px;
	text-align: left;
	z-index: 1000;
}
#menu-button.active
{
	background-color: #10519d;
	border-left: 2px solid #01103a;
}
#menu-button.active #menu
{
	display: inline-block;
}
#menu li
{
	border-bottom: 1px solid #01103a;
	margin: 0;
}
#menu li a
{
	color: #FFF;
	display: block;
	padding: 10px 0px 10px 20px;
	text-decoration: none;
}
#menu-button.active #menu li a:hover
{
	background-color: #42a6e4;
}

#menu li:last-child
{
	border-bottom: none;
	list-style: none none;
}

.flexslider
{
	background-size: contain;
	min-height: 466px;
	height: auto !important;
	height: 466px;
}

.padding-big
{
	clear: both;
	padding: 27px;
}
.box,
#map
{
	background-color: #fff9ef;
	padding: 14px;
}
#map
{
	padding: 0 14px 14px;
}


#minimap {
	width: 300px;
	height: 250px;
	border:1px solid black;
}

#location
{
	height: 500px;
	width: 100%;
}
#location-mobile
{
	background-image: url(/images/map-mobile.jpg);
	background-size: cover;
	display: none;
}

.shadow
{
	box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	border-collapse: separate;
	behavior: url('ie-css3.htc'); /* CSS3 Support for IE */	
}

.polaroid
{
	display: block;
	background-color: #FFF;
	float: left;
	margin: 0 20px 10px 0;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	width: 306px;
}
.polaroid .caption
{
	color: #102c4c;
	margin: 10px 0;
}

.vimeo
{
	background-color: #9f988b;
	float: right;
	height: 225px;
	margin: 10px 0px 10px 20px;
	width: 400px;
}

.table-cell
{
	display: table-cell;
	height: 435px;
	vertical-align: middle;
	width: 100%;
}

.font-blue-28
{
	/*font-family: 'PT Sans Caption', sans-serif;*/
	font-family: 'Nobile', sans-serif;
	/*font-family: 'Cantarell', sans-serif;*/
	color: #0571a9;
	font-size: 28px;
	padding: 10px 0;
	text-align: center;
}
.font-blue-24
{
	/*font-family: 'PT Sans Caption', sans-serif;*/
	font-family: 'Nobile', sans-serif;
	/*font-family: 'Cantarell', sans-serif;*/
	color: #0571a9;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 0;
}

.font-rust-24  /*debra added this*/
{
	/*font-family: 'PT Sans Caption', sans-serif;*/
	font-family: 'Nobile', sans-serif;
	/*font-family: 'Cantarell', sans-serif;*/
	color: #C30;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 5px;
}

.font-beige-24
{
	/*font-family: 'PT Sans Caption', sans-serif;*/
	font-family: 'Nobile', sans-serif;
	/*font-family: 'Cantarell', sans-serif;*/
	border-bottom: 1px solid #837257;
	color: #837257;
	font-size: 24px;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 10px;
}
.font-beige-18
{
	/*font-family: 'PT Sans Caption', sans-serif;*/
	font-family: 'Nobile', sans-serif;
	/*font-family: 'Cantarell', sans-serif;*/
	color: #837257;
	font-size: 18px;
	line-height: 28px;
}
#social-media-frame
{
}
.fb-like
{
	position: relative; 
	top: -3px;
}
.facebook-widget
{
	background-color: #FFF; 
	display: block; 
	height: 370px;
	width: 360px; 
}
.facebook-widget-new /*debra added this*/
{
	background-color: #FFF; 
	display: block; 
	height: 650px;
	width: 360px; 
}
.facebook-widget iframe
{
	border: none; 
	height: 360px;	
	overflow: hidden; 
	width: 360px; 
}

.facebook-widget-new iframe /*debra added this*/
{
	border: none; 
	height: 690px;	
	overflow: hidden; 
	width: 360px; 
}

.weather-link
{
	position: relative;
}
.weather-link a
{
	/*background-color: red;*/
	display: block;
	height: 240px;
	width: 288px;
	position: absolute;
	top: -250px;
	z-index: 100;
}
#weather-map, #google-map
{
	height: 250px;
	width: 300px;
}
#google-map
{
	border: 1px solid #7c7f8b;
}
.widget
{
	margin: 10px auto;
	text-align: center;
	width: 300px;
}
.widget-title
{
	/*background-color: #0FC;*/
	position: relative;
	padding: 0px 10px 5px 10px;
	text-align: left;
}
.widget-title .button
{
	position: absolute;
	right: 10px;
}
#footer
{
	background-color: #1184cc;
	color: #FFF;
	font-size: 0.9em;
	padding: 10px;
	text-align: center;
}
#partners #hero ul li
{
	line-height: 18px;
	margin-bottom: 8px;
}
#hero a, #footer a
{
	color: #FFF;
	text-decoration: none;
}
#hero a:hover
{
	color: #49edff;
}
#footer a:hover
{
	color: #000;
}
#footer .bullet
{
	display: inline;
}
#footer .break
{
	display: none;
}

/* #Page Styles
================================================== */

#hero
{
	margin-bottom: 20px;
}
#home #hero, #credit #hero, #partners #hero
{
	margin-bottom: 0;
}
#home #logo-small
{
	display: none;
}
#home #header h2
{
	font-size: 1.6em;
}
#home .vimeo
{
	float: none;
	margin: auto;
}
#home #movie-container p
{
	color: #FFF;
	font-size: .8em;
}
#home h3
{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	font-weight: bold;
	text-align: center;
	width: 400px;
}
#home #hero {
	background: #071525 url(/images/slides/home/1.jpg) center center no-repeat;
}
#home #hero .columns
{
	text-align: center;
}

#partners #hero {
	background: #225d95 url(/images/partners-background.jpg) center center no-repeat;
	background-size: cover;
	color: #FFF;
	padding-top: 40px;
}
#bluebg {
    background: #225d95 url(/images/partners-background.jpg) center center no-repeat;
    background-size: cover;
    color: #FFF;
    padding-top: 60px;
    padding-bottom: 25px;
}
#bluebg a {
        color: #FFF;
        text-decoration: none;
    }
#bluebg a:hover {
        color: #49edff;
    }
#partners #hero .font-blue-24
{
	color: #49edff;
}
	#partners #hero .columns {
		background: transparent url(/images/partner-divide.png) right 10px no-repeat;
		min-height: 350px;
	}
#partners #hero div.columns:last-child
{
	background: none;
}
#partners-passport
{
	margin: 180px auto 10px;
}
#partners-passport .center
{
	text-align: center;
}

#credits.container
{
	background-color: #FFF;
	background-image: none;
}
#credits #header {
	background: #f9f0e2 url(/images/container-background.png) top left repeat;
	margin-bottom: 40px;
}
.fuat-text, .noaa-text
{
	color: #000 !important;
}

#facebook
{
	border-left: 1px solid #cdb691; 
	padding-left: 20px;			
}
#passport img
{
	float: left; 
	margin: 10px 20px 10px 0; 
	height: 218px; 
	width: 172px;
}

#ship-stats-mobile
{
	display: none;
}
#ship-stats-desktop
{
	border: 1px solid #000;
	clear: both;
	display: table;
	margin: 10px 0;
	width: 100%;
}
#ship-stats-desktop th
{
	font-weight: bold;
	text-align: left;
}
#ship-stats-desktop th, #ship-stats-desktop td
{
	border: 1px solid #000;
	padding: 5px 10px;
}

.infoWindow.topCenter {
	background: transparent url(/images/info-window-background.png) center top no-repeat;
	padding-top: 31px;
}
.infoWindow.topCenter a
{
	box-shadow: 0px 10px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 10px 10px rgba(0,0,0,.5);
	border-collapse: separate;
	behavior: url('ie-css3.htc'); /* CSS3 Support for IE */		
}
.infoWindow.leftTop {
	background: transparent url(/images/info-window-background.png) left top no-repeat;
	padding-left: 31px;
	width: 217px;
}
.infoWindow.leftTop a
{
	box-shadow: 10px 10px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,.5);
	border-collapse: separate;
	behavior: url('ie-css3.htc'); /* CSS3 Support for IE */		
}
.infoWindow.rightTop {
	background: transparent url(/images/info-window-background.png) right top no-repeat;
	padding-right: 31px;
	width: 217px;
}
.infoWindow.rightTop a
{
	box-shadow: -10px 10px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: -10px 10px 10px rgba(0,0,0,.5);
	-moz-box-shadow: -10px 10px 10px rgba(0,0,0,.5);
	border-collapse: separate;
	behavior: url('ie-css3.htc'); /* CSS3 Support for IE */		
}

.infoWindow a
{
	color: #000;
	display: block;
	padding: 124px 3px 6px 3px;
	text-align: center;
	text-decoration: none;
}
.infoWindow a:hover
{
	color: #3ec7ef;
}

.three-barges {
	background: #FFF url(/images/thumbs/three-barges.jpg) center 3px no-repeat;
}
#three-barges .flexslider {
	background: #1184cc url(/images/slides/three-barges/1.jpg) left top no-repeat;
	background-size: contain;
}

.oriskany {
	background: #FFF url(/images/thumbs/oriskany.jpg) center 3px no-repeat;
}
#oriskany .flexslider {
	background: #1184cc url(/images/slides/oriskany/1.jpg) left top no-repeat;
	background-size: contain;
}

.miss-louise {
	background: #FFF url(/images/thumbs/miss-louise.jpg) center 3px no-repeat;
}
#miss-louise .flexslider {
	background: #1184cc url(/images/slides/miss-louise/1.jpg) left top no-repeat;
	background-size: contain;
}

.accokeek {
	background: #FFF url(/images/thumbs/accokeek.jpg) center 3px no-repeat;
}
#accokeek .flexslider {
	background: #1184cc url(/images/slides/accokeek/1.jpg) left top no-repeat;
	background-size: contain;
}

.black-bart {
	background: #FFF url(/images/thumbs/black-bart.jpg) center 3px no-repeat;
}
#black-bart .flexslider {
	background: #1184cc url(/images/slides/black-bart/1.jpg) left top no-repeat;
	background-size: contain;
}

.chippewa {
	background: #FFF url(/images/thumbs/chippewa.jpg) center 3px no-repeat;
}
#chippewa .flexslider {
	background: #1184cc url(/images/slides/chippewa/1.jpg) left top no-repeat;
	background-size: contain;
}

.pete-tide {
	background: #FFF url(/images/thumbs/pete-tide.jpg) center 3px no-repeat;
}
#pete-tide .flexslider
{
	background: #1184cc url(/images/slides/pete-tide/1.jpg) left top no-repeat;
	background-size: contain;
}

.san-pablo
{
	background: #FFF url(/images/thumbs/san-pablo.jpg) center 3px no-repeat;
}
#san-pablo .flexslider
{
	background: #1184cc url(/images/slides/san-pablo/1.jpg) left top no-repeat;
	background-size: contain;
}

.strength
{
	background: #FFF url(/images/thumbs/strength.jpg) center 3px no-repeat;
}
#strength .flexslider
{
	background: #1184cc url(/images/slides/strength/1.jpg) left top no-repeat;
	background-size: contain;
}
.fami-tugs
{
	background: #FFF url(/images/thumbs/fami-tugs.jpg) center 3px no-repeat;
}
#fami-tugs .flexslider
{
	background: #1184cc url(/images/slides/fami-tugs/1.jpg) left top no-repeat;
	background-size: contain;
}

.vamar
{
	background: #FFF url(/images/thumbs/vamar.jpg) center 3px no-repeat;
}
#vamar .flexslider
{
	background: #1184cc url(/images/slides/vamar/1.jpg) left top no-repeat;
	background-size: contain;
}

.empire-mica
{
	background: #FFF url(/images/thumbs/thumb-temp.jpg) center 3px no-repeat;
}
.el-dorado
{
	background: #FFF url(/images/thumbs/thumb-temp.jpg) center 3px no-repeat;
}.mv-janet
{
	background: #FFF url(/images/thumbs/thumb-temp.jpg) center 3px no-repeat;
}
.chepanoc
{
	background: #FFF url(/images/thumbs/thumb-temp.jpg) center 3px no-repeat;
}
.belize-queen
{
	background: #FFF url(/images/thumbs/thumb-temp.jpg) center 3px no-repeat;
}
.mohawk-chief
{
	background: #FFF url(/images/thumbs/thumb-temp.jpg) center 3px no-repeat;
}
.tugboat-zuess
{
	background: #FFF url(/images/thumbs/thumb-temp.jpg) center 3px no-repeat;
}
.destin-liberty-ship
{
	background: #FFF url(/images/thumbs/thumb-temp.jpg) center 3px no-repeat;
}

.ydt-14
{
	background: #FFF url(/images/thumbs/ydt-14.jpg) center 3px no-repeat;
}
#ydt-14 .flexslider
{
	background: #1184cc url(/images/slides/ydt-14/1.jpg) left top no-repeat;
	background-size: contain;
}


.gallery-image,
.gallery-image-large
{
	display: inline-block; 
	margin: 5px;	
	text-align: center; 
}
.gallery-image-large
{
	margin: 5px 15px;	
}
.superscript{
    vertical-align:super;
    font-size: x-small;
}
#dosfooter {
    background-color: #000;
    color: #fff;
	/*padding-top: 15px;*/
}
#dosfooter a {
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-decoration-color: initial;
    color: #fff;
}
ul.thumbs {
	margin:0 auto;
	padding:0;
	list-style:none;	
}
ul.thumbs li { margin:0 0 15px; }
/*ul.thumbs li a, ul.thumbs li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
}*/
ul.thumbs li img, ul.thumbs li span {
	display:inline-block;
	vertical-align:middle;
}
/*ul.thumbs li span {
	width:280px;
	margin:0 0 0 8px
}
ul.thumbs li a:hover { color:#f00 }
ul.thumbs li a:hover img { border-color:#f00 }*/
/* #Media Queries
================================================== */

	/* All Non-mobile Sizes (devices and browser) */
	@media only screen and (min-width: 768px) 
	{
		#dohr-logo
		{
			margin-top: 18px;
		}
		#fdos-logo
		{
			margin-bottom: 10px;
			text-align: center;
		}
		#noaa-logo
		{
			margin-top: 20px;
		}
		#fcmp-logo
		{
			margin-left: 7px;
		}
		#fpan-logo
		{
			margin-bottom: 55px;
		}
		.fuat-text
		{
			margin-top: 50px;
		}
		.noaa-text
		{
			margin-bottom: 60px;
		}
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) 
	{
		.facebook-widget, .facebook-widget iframe
		{
			width: 278px; 
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) 			
	{
		#home h3
		{
			width: 350px;
		}
		.vimeo
		{
			height: 196px;
			width: 350px;
		}		
		.flexslider
		{
			min-height: 379px;
			height: auto !important;
			height: 379px;
		}
		#logo-big img
		{
			padding: 48px 0 48px 20px; 
		}		
		.table-cell
		{
			height: 396px;
		}
		#home #header h2
		{
			font-size: 1.4em;
		}
		#location
		{
			height: 400px;
		}
		#partners-passport
		{
			margin-top: 160px;
		}		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) 
	{		
		/*#dos, #dohr
		{
			background-position: center center;
			height: 21px;
		}*/	
		#title-bar
		{
			display: none;
		}
		.container.shadow
		{
			margin-top: 26px;
		}
		#header
		{
			height: 50px;
		}
		#home h2
		{
			display: none;
		}
		.mobile-spacer
		{
			display: block;
			height: 48px;
		}	
		#menu-button
		{
			padding: 10px;
		}
		h2
		{
			color: #FFF;
			font-size: 1.8em;
			text-shadow: 0px 0px 2px #666666;
			padding-right: 2px;
			position: absolute;
			right: 8px;
			top: 40px;
			z-index: 100;
		}
		#credits h2
		{
			color: #0571a9;
			text-shadow: none;
		}
		.flex-direction-nav 
		{
			display: none;
		}
		#logo-big
		{
			display: none;
		}

		#movie-container
		{
			display: inline-block;
			height: auto;
			margin: 30px auto;
		}
		#home #logo-small, #logo-small
		{
			display: inherit;
			top: -20px;
			left: 10px;
			height: 95px;
			width: 95px;
		}
		#home #movie-container p
		{
			margin: 0 10px;
		}		
		#home h3
		{
			line-height: 1.4em;
			margin: 0 10px 10px;
			width: 400px;
		}
		.polaroid
		{
			clear: both;
			float: none;
			margin: 0 auto 20px;
			width: 306px;
		}
		
		#map
		{
			padding: 0 3px 3px;
		}

		#location
		{
			display: none;
		}
		#location-mobile
		{
			display: block;
			height: 300px;
		}		
		.padding-big
		{
			padding: 20px 10px;
		}
		#home #footer, #credits #footer
		{
			margin-top: 20px;
		}
		.mobile-margin, #passport, #facebook
		{
			padding: 0 10px !important;					
		}
		#facebook
		{
			border-left: none; 
		}

		#partners #hero .columns
		{
			background: none;
			min-height: inherit;
		}
		#partners-passport
		{
			margin: 20px 0 20px;
			width: 278px;
		}
		#partners-passport .center
		{
			float: right;
			margin: 0 0 10px 20px;
		}
		
		#ship-stats-desktop
		{
			display: none;
		}
		#ship-stats-mobile
		{
			border: 1px solid #000;
			display: table;
			margin: auto;
		}
		#ship-stats-mobile td, #ship-stats-mobile th
		{
			border: 1px solid #000;
			text-align: left;
			padding: 2px 5px;
		}
		#ship-stats-mobile th
		{
			font-weight: bold;
			text-align: right;
		}
		#credits .columns
		{
			text-align: center;
		}
		#credits .columns p
		{
			text-align: left;
		}		
		#footer .bullet
		{
			display: none;
		}
		#footer .break
		{
			display: inline;
		}
						
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) 		
	{
		.vimeo
		{
			height: 224px;
			margin: 0px 10px 20px 10px;
			width: 400px;
		}		
		.flexslider
		{
			min-height: 221px;
			height: auto !important;
			height: 221px;
		}
		.font-blue-28
		{
			font-size: 22px;
			text-align: center;
		}		
		.facebook-widget, .facebook-widget iframe
		{
			width: 400px; 
		}		
		#partners-passport
		{
			width: 370px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.vimeo
		{
			height: 157px;
			margin: 0px 10px 20px 10px;
			width: 280px;
		}
		.flexslider
		{
			min-height: 166px;
			height: auto !important;
			height: 166px;
		}
		.polaroid
		{
			width: 278px;
		}		
		h2
		{
			font-size: 1.4em;
		}
		#home h3
		{
			font-size: 1.5em;
			width: 278px;
		}
		.font-blue-28
		{
			font-size: 16px;
			text-align: center;
		}
		#location-mobile
		{
			height: 200px;
		}				
		.font-blue-24
		{
		}
		#social-media-frame
		{
		}
		.fb-like
		{
		}
		#google-map
		{
			width: 276px;
		}
		#weather-map
		{
			border-right: 1px solid #000;
			width: 275px;			
		}
		.widget
		{
			width: 278px;
		}
		.widget-title .button
		{
			right: 0px;
		}
		.font-blue-24
		{
		}
		#fdos-logo, #fpan-logo
		{
			padding: 0 10px;
		}		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('/fonts/FontName.eot');
	    src: url('/fonts/FontName.eot?iefix') format('eot'),
	         url('/fonts/FontName.woff') format('woff'),
	         url('/fonts/FontName.ttf') format('truetype'),
	         url('/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700);
@import url(http://fonts.googleapis.com/css?family=Nobile:400,700italic,700);
@import url(http://fonts.googleapis.com/css?family=Cantarell:400,700,700italic,400italic);


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  /* general */
  /* Black prints faster: sanbeiji.com/archives/953 */
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; text-indent: 0 !important; min-height: 0 !important; width: auto !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; margin:0; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; border: none !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}