/* 
  ------------------------------------------------
  Gustavus Water Taxi
  Copyright (c) 2011 John Schnell & Associates
  www.johnschnell.net
  1 Col Fixed
  ------------------------------------------------
*/

/*Min-width determines the point at which your layout width will cease to shrink horizontally and your browser will spawn a horizontal scroll bar.*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #06134a;
	background-color: #ffffff;
	margin: 10px;
	padding: 0px;
}
#date {
	position: relative;
	margin: 0px auto 10px auto;
	text-align: right;
	color: #06134a;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	max-width: 980px;
}

/*Border Radius for CURVED CORNERS. The overall wrapper is assigned an 8px radius on all 4 corners. The masthead is assigned a 6px radius for its top corners. The footer is assigned a 6px radius for its bottom corners. The footer and masthead radii must always be 2px less than the radii set on the content wrapper so that its border displays properly.*/
.content-wrapper {border-radius: 9px; }
.masthead {border-radius: 7px 7px 0px 0px;}

/*Masthead, includes Logo and Banner. It carries a bottom shadow that creates a bevel effect between the masthead and your page content. All modern browsers except Safari 5.x support box-shadow. As of this writing, Safari still requires the proprietary webkit prefix. Once Safari 6 is released, you can remove the webkit property.*/
.masthead {
	background-color: #06134a;
	padding: 0px;
	text-align: left;
	position: relative;	
	-webkit-box-shadow: 0 0 20px #aaa;
	box-shadow: 0 0 20px #aaa;
	border-bottom: 0px solid #fff;
}
img.scaled {
	height: auto;
	width: 100%;
}
/*The masthead logo DIV rule can be used to assign padding or colors to your masthead area that contains your logo. The default logo we provide is simply a level 1 heading, which may be replaced with an image of your logo. If you choose to keep your image logo inside the H1 tag, then edit the masthead h1 rule to remove all properties except for margin: 0. */
.masthead .logo {border-bottom: 1px solid #06134a;}

/*We set height and overflow hidden to allow you place an image in the banner that would normally be too large. You can edit or remove this rule if you design your banner image to fit your layout.*/
.masthead .banner {
	height: 160px;
	overflow: hidden;
}
.masthead .banner img {}

/*The content wrapper border and shadow effects.*/
.content-wrapper {
	border: 4px solid #06134a;
	margin: 0 auto;
	width: 980px;
	-webkit-box-shadow: 0 0 20px #999;
	box-shadow: 0 0 20px #999;
}

/*The containing element for the the main content. We simply set the content area to have a white background.*/
.columns-wrapper { 
	background-color: #fff; 
}

/*This container is inside the columns wrapper and serves as a container for the content inside, allowing you to adjust whitespace (padding) without altering the CSS box model. This is the rule to use to set text attributes for your main content.*/
.content {
	padding: 20px 30px;
	font-size: 14px;
	line-height: 1.5em;
	color: #06134a;
}

/*Heading styles*/

h1 { 
	margin: 0px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px; 
	font-weight: bold;
	letter-spacing: 1px;
	line-height: normal; 
	color: #06134a;
}
h2 { 
	margin: 12px 0 6px 0;
	font-size: 20px; 
	font-weight: bold;
	color: #e1e1e1;
	line-height: normal; 
}
h3 { 
	font-size: 18px; 
	color: #e1e1e1;
	margin: 12px 0 0 0;
	line-height: normal; 
}
	
h4 { 
	font-size: 16px; 
	color: #e1e1e1;
	margin: 12px 0 0 0;
	line-height: normal;
}

/*Footer*/

.footer {
	background-color: #06134a;
	border-top: 1px solid #666;
	padding: 10px 30px;
	font-size: 11px;
	color: #e1e1e1;
}
.footer p.copyright {
	text-transform: normal;
	margin: 0px;
}


/*A utility rule assigned to the first heading to remove all margins. This class can be used on any element for which you would like to remove margin.*/
.page-topper { margin-top: 0.25em; }

/*Lists: We reduce normal indentation and remove bullets for ordered and unordered lists  when placed in a sidebar*/
.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar2 li { 
	margin-bottom: 4px; 
}

/*Ordinary Link Styles*/
a { color: #1a76a1; text-decoration: none}
a:hover, a:focus { color: #C30; }
.content a { color: #1a76a1; text-decoration: none}
.content a:hover, .content a:focus { color: #C30; }
.footer a { 
	color: #cbcbcb; 
	text-decoration: none; }
.footer a:hover, .footer a:focus { 
	color: #fff; 
	text-decoration: underline; }


/*The DIV that contains the horizontal menu bar at the top of your page.*/

.menutop-wrapper {
	padding: 0px auto;
	background-color: #999;
	background-image: url(../images/background/background.gif);
	background-repeat: repeat;
	background-position: left top;
	border-bottom: 1px solid #06134a;
}

/*Custom CSS*/

.callout-gallery {
	margin: 20px 0 0 0;
	padding: 17px 0 17px 17px;
	background-color: #cbcbcb;
	border: 9px solid #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 6px 6px 20px #666;
	-webkit-box-shadow: 6px 6px 20px #666;
	box-shadow: 6px 6px 20px #666;
}
.callout-slideshow {
	margin: 20px auto 20px auto;
	width: 900px;
	padding: 1px;
	background-color: #06134a;
	border: 6px solid #ffffff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 6px 6px 20px #666;
	-webkit-box-shadow: 6px 6px 20px #666;
	box-shadow: 6px 6px 20px #666;
}
.facebook {
	margin: 0px 0px 18px 300px;
	text-align: center;
}
fieldset	{ 
	padding: 10px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	margint: 0px auto; 
	border: 1px solid #06134a;
}
fieldset legend	{ 
	padding: 0px; 
	margin-bottom: 5px;
}
.legend { 
	color: #06134a; 
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}
.legend-font { 
	color: #06134a; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.85em;	
}
.photography {
	margin: 0px 0px 18px 0px;
	color: #999; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic; 
	line-height: normal;
	text-align: center;
}
.quote {
	color: #333; 
	width: 96%;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}
.soundcloud {
	display: none;
}

/*P7MOBILE Styles. These styles will be used only by mobile devices (phones and tablets) and will be ignored by desktop and laptop browsers.*/

body.p7mobile { 
	-webkit-text-size-adjust:100%; 
	min-width: 0;
	margin: 1em;
}
.p7mobile .content-wrapper {
	width: auto;
}
.p7mobile .content {
	padding: 1.5em;
	font-size: large;
	line-height: 1.35em;
}
.p7mobile .menutop li {
	margin-bottom: 5px;
}
.p7mobile .menutop a, .p7mobile .footer  { 
	font-size: large; 
}