/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

.wf-loading h1, .wf-loading p, .wf-loading h2 {visibility: hidden;}


/*	Typography presets
	------------------	*/

@font-face {
    font-family: 'CopprplGothBTRoman';
    src: url('fonts/copperplate_gothic_bt-webfont.eot');
    src: url('fonts/copperplate_gothic_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/copperplate_gothic_bt-webfont.woff') format('woff'),
         url('fonts/copperplate_gothic_bt-webfont.ttf') format('truetype'),
         url('fonts/copperplate_gothic_bt-webfont.svg#CopprplGothBTRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}


.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
}

.large, article h1 {
	font-size: 42px;
	line-height: 48px;
	margin: 0 0;
	font-family: 'CopprplGothBTRoman', serif;
	color: #007DC5;
	text-shadow:0 1px 1px #014f7d;
	text-align:center;
}

.bigger, #masthead h1, #follow p, #main .opening p {
	font-size: 26px;
	line-height: 36px;
}

.big, article h2 {
	font-size: 22px;
	line-height: 30px;
}

body, aside h1 {
	/*font: 16px/24px 'Trebuchet MS', sans-serif;*/
	font: 16px/24px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia,"Times New Roman",serif;
}

.small, #code textarea, small {
	font-size: 13px;
	line-height: 18px;
}

abbr {letter-spacing: 1px;}

a {color: rgb(60,97,158); text-decoration: none;}
a:hover, a:active {border-bottom: 1px solid rgb(60,97,158);}

h1, h2, #code label {color: rgb(23,23,23); font-weight: normal;}

ul li { list-style-image:url(../img/bullet-blue.png); }
ul li:hover { list-style-image:url(../img/bullet-black.png);}

/*
::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}
*/


/* language bar */
.language-bar { text-align:center; position:relative; top:-20px; margin: 0 0 -20px; height:20px; }
.language-bar a { background:transparent url(../img/flags-sprite.png) left top; width:16px; height:16px; display:inline-block; margin:0 4px; }
.language-bar a span { display:none; }
.language-bar a.flag-slv { background-position: 0 top;}
.language-bar a:hover.flag-slv { background-position: 0 top;}
.language-bar a.flag-ita { background-position: -20px top;}
.language-bar a:hover.flag-ita { background-position: -20px top;}
.language-bar a.flag-eng { background-position: -40px top;}
.language-bar a:hover.flag-eng { background-position: -40px top;}
.language-bar a.flag-hrv { background-position: -60px top;}
.language-bar a:hover.flag-hrv { background-position: -60px top;}
.language-bar a.flag-rus { background-position: -80px top;}
.language-bar a:hover.flag-rus { background-position: -80px top;}
.language-bar a.flag-deu { background-position: -100px top;}
.language-bar a:hover.flag-deu { background-position: -100px top;}
.language-bar-holder { position:absolute; right:0; top:23px; z-index:999; }
/**/

.history-link { 
	font-family: 'CopprplGothBTRoman', serif;
	padding:5px; 
	}

/*backgrounds*/
#marines {
	-webkit-tap-highlight-color: rgb(255,255,158);

	background: url(../img/logo.png) no-repeat center 18px,
				url(../img/wave-n.png) no-repeat center top,
				url(../img/wave-n-00.png) no-repeat center top,
				url(../img/waves-s.png) no-repeat center bottom;
				
	background-position: center 18px,
						center top,
						center top,
						center bottom;
							
	background-color: #e0eef7;
	}

	
#marines.intro {
	background: url(../img/logo.png) no-repeat center 18px,
				url(../img/wave-n.png) no-repeat center top,
				url(../img/wave-n-00.png) no-repeat center top,
				url(../img/waves-s.png) no-repeat center bottom,
				url(../img/intro-bk.jpg) no-repeat center 164px;
	background-position: center 18px,
					 	 center top,
						 center top,
						 center bottom,
						 center 164px;
	background-size: auto,
					 auto,
				 	 auto,
				 	 auto,
				 	 992px;
	background-color: #e0eef7;
}


#footer p {
	margin-bottom: 24px;
}

nav.neighbors-paging {
	
}
nav.neighbors-paging ul { list-style:none; margin:0;padding:0; float:left; }
nav.neighbors-paging ul li { list-style-type:none; display: block; float:left; margin:0 20px 0 0;}
nav.neighbors-paging ul li a { display: block; float:left; margin:0 20px 0 0; text-decoration:none !important; border:0 !important}

nav.neighbors-paging ul li.neighbor_prev { }
nav.neighbors-paging ul li.neighbor_next { }


figure { 
	
	   
			}
figure img { 
	   -webkit-box-shadow: 0 0 4px rgba(255,255,255, 0.8);
		   -moz-box-shadow:0 0 4px rgba(255,255,255, 0.8);
				box-shadow:0 0 4px rgba(255,255,255, 0.8);
			}			

/*		Default Layout: 992px (62em). 
		Gutters: 24px (1.5em).
		Outer margins: 48px (3em).
		Leftover space for scrollbars @1024px: 32px.
------------------------------------------------------------------------------
cols	1     2      3      4      5      6      7      8      9      10
px		68    160    252    344    436    528    620    712    804    896	*/

body {
	padding: 18px 0 84px;
	position: relative;
	background-color: rgb(255,255,255);
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}


hr {
	border: none;
	border-top: 1px solid rgb(255,255,255);
	clear: both;
}

#masthead, 
article, 
#colophon {
	padding-left: 48px;
	padding-right: 48px;
	margin: 0 auto;
	width: 896px;
	position: relative;
	
}
	
	#masthead { text-align:center; }

	#masthead h1 {
		margin: 0;
		line-height: 72px;
		display:block;
		height:72px;
		
	}
	#masthead h1 a  {   }
	#masthead h1 span { display:none; }

	#masthead p {
		position: absolute;
		left:55%;
		top:72px;
		color: rgba(0,0,0, 0.7);
		/*text-shadow: 0 -1px 0 rgba(0,0,0, 0.9);*/
		font:italic 1.1em Georgia, times, serif;
		-webkit-transform: rotate(-3deg);
	   -moz-transform: rotate(-3deg);
			transform: rotate(-3deg);
	}

	/*Goddamn Android*/ 
	#main h1, #main p, #main section h2 {background: transparent;}

		
	#masthead nav {
		padding:2px;
		
		background: #007dc5;
		
		margin-top:36px;
		display:inline-block;
		
		border:1px solid #007dc5;
		
		-webkit-border-radius: 33px;
			   -moz-border-radius: 33px;
					border-radius: 33px;
		-webkit-box-shadow: 0 0 12px rgba(0,0,0, 0.235);
			   -moz-box-shadow:0 0 12px rgba(0,0,0, 0.235);
					box-shadow:0 0 12px rgba(0,0,0, 0.235);
				
	}
		#masthead ul {
			margin:0 auto;
		}
		#masthead li, #share li {
			float: left;
			list-style: none;
			margin:0;
		}
		
		#masthead a, #share a {
			font-size:1.05em;
			font-family:'CopprplGothBTRoman', serif;
			letter-spacing:0.1em;
			display: block;
			padding: 5px 10px;
			border: 1px solid rgb(0,125,197);
			color: rgb(60,97,158);
			background-color:rgba(255,255,255,0.75);
			-webkit-tap-highlight-color: rgba(0,0,0, 0);
			-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.05);
			   -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.05);
					box-shadow: inset 0 0 5px rgba(0,0,0, 0.05);
					/*
			-webkit-border-radius: 33px;
			   -moz-border-radius: 33px;
					border-radius: 33px;
					*/
			-webkit-transition: all 0.123s ease-out;
			   -moz-transition: all 0.123s ease-out;  
					transition: all 0.123s ease-out;
		}
		#masthead li:first-child a {
			padding-left:18px;
			-moz-border-radius-topleft: 33px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 33px;
			-webkit-border-radius: 33px 0px 0px 33px;
			border-radius: 33px 0px 0px 33px;
		}
		#masthead li:last-child a {
			padding-right:18px;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 33px;
			-moz-border-radius-bottomright: 33px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-radius: 0px 33px 33px 0px;
			border-radius: 0px 33px 33px 0px;
		}
		
		#masthead a:hover, #masthead a:active, #share a:hover, #share a:active {
			text-decoration: none;
			border-color: rgb(0,125,197);
			background-color:rgba(255,255,255,0.6);
			-webkit-box-shadow: inset 0 0 8px rgba(0,0,0, 0.38);
			   -moz-box-shadow: inset 0 0 8px rgba(0,0,0, 0.38);
					box-shadow: inset 0 0 8px rgba(0,0,0, 0.38);
		}
		
		#masthead a:active, #masthead .touched, #share a:active, #share .touched, #masthead li.current a {
			background: #007dc5;
			border-color:rgb(0,125,197);
			color: rgb(232,241,255);
			text-shadow: 0 -1px 0 rgba(0,0,0, 0.9);
			-webkit-box-shadow: inset 0 0 12px rgba(0,0,0, 0.765);
			   -moz-box-shadow: inset 0 0 12px rgba(0,0,0, 0.765);
					box-shadow: inset 0 0 12px rgba(0,0,0, 0.765);
		}

aside {
	position: absolute;
	z-index: 800;
	background: rgb(255,255,158);
	background: -webkit-gradient(linear, left top, left bottom, 
		from(rgb(255,255,158)), 
		color-stop(0.764, rgb(255,255,181))
	);
	color: rgb(60,60,37);
	width: 204px;
	padding: 36px 24px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0, 0.235);
	   -moz-box-shadow: 0 3px 3px rgba(0,0,0, 0.235);
			box-shadow: 0 3px 3px rgba(0,0,0, 0.235);
	-webkit-transform: rotate(1deg);
	   -moz-transform: rotate(1deg);
			transform: rotate(1deg);
}

	aside ul, aside p, aside h2 {	
		font-family: "felt-tip-roman-1","felt-tip-roman-2", Chalkboard, "Comic Sans MS", sans-serif;
		font-size: 21px;
		line-height: 24px;
	}

	aside h2 {
		font-weight: normal;
		color: rgb(158,23,0);
	}
	
	article h2 {margin-bottom: 12px;}
	
	aside li {
		list-style: none;
		margin-top: 12px;
	}
	
		aside li:first-child {margin-top: 0;}	

article {
	border-width: 1px 0 0 0;
	padding-top: 24px;
	padding-bottom:24px;
	clear: both;
	margin:0 auto 24px;

}

#main-site,
#main-gallery,
#main-ads,
#main-ad,
#main {
	width: 920px;
	/*background: rgba(255,255,255,0.2);*/
	float:left;
	left: 50%;
	margin-left: -508px;
	
	background-image: linear-gradient(bottom, rgba(255,255,255,0.9) 9%, rgba(255,255,255,0) 53%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.9) 9%, rgba(255,255,255,0) 53%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.9) 9%, rgba(255,255,255,0) 53%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.9) 9%, rgba(255,255,255,0) 53%);
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.9) 9%, rgba(255,255,255,0) 53%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgba(255,255,255,0.8)),
		color-stop(0.53, rgba(255,255,255,0.1))
	);
	border:0;
	border-bottom: 1px solid #99C1DA;
	-webkit-border-radius: 24px;
       -moz-border-radius: 24px;
	        border-radius: 24px;
 
}

.intro #main { 
        height: 348px;
        background:none;
        border: 0;
	}

#main-gallery {

}

	#main section,
	#main-site section, 
	#main-ads section {
		position: relative;
		width: 412px;
		float: left;
		padding: 24px;
	}
	#main-ad section {
		position: relative;
		width: 848px;
		float: left;
		padding: 24px;
	}	
	section#pageGallery {
		position: relative;
		float: left;
		padding: 24px 0; 
		height:578px;
		width: 920px;
	}
	
	#main-ads section {
		
	}
	/*
	#main-site section {
		height: 237px;
	}
	*/
	section.default { height:auto; }
	section.ads { height:180px; }
	section.media { height:225px; }
	section.ad { height:auto; min-height:504px; }
	section p {
		margin-bottom:1em;
	}
	
		#main figure,
		#main-site figure, 
		#main-ads figure, 
		#main-ad figure {
			background: #BFD3E3;
			width: 160px;
			height: 252px;
			position: absolute;
			left: -1px; top: -1px;
			border: 1px solid rgb(241,241,241);
			overflow: hidden;
			-webkit-box-shadow: inset 0 0 12px rgba(0,0,0, 0.235);
			   -moz-box-shadow: inset 0 0 12px rgba(0,0,0, 0.235);
					box-shadow: inset 0 0 12px rgba(0,0,0, 0.235);
		}
		
		#main-ad figure {
			position:static;
			width:920px;
			height:auto;
			left:0;
			top:0;
			margin-left:-24px;
		}
		
		#main-ad figure img {
			width:896px;
			height:504px;
			margin:12px;
		}
		#main-ad p {
			
		}
		
		#main-site figure {
			width: 412px;
			height: 237px;
			top:24px;
		}
		#main-ads figure { 
			width:170px;
			height:120px;
			top:24px;
		}
		#main-ads section h3 {
			padding-top: 0px; 
			font-size:1.1em;
			border-bottom: 1px dotted rgb(178, 201, 206);
			color: #007dc5;
			
}
		
		#main-site figure img {
			margin:6px;
		}
		
		#main-ads figure img {
			margin:10px;
		}
		#main-ads section p, 
		#main-ads section ul, 
		#main-ads section h3 {
			margin-left:176px;
		
}	

ul.attachments	{ list-style-type:none; margin:0; padding:0; }
	
	ul.attachments li { list-style:none; display:inline; margin:0; padding:0; }
	
		ul.attachments li a {
			background:transparent url(../img/attachment-pdf.png) no-repeat center 12px;
			float:left; 
			display:block; 
			width:206px; 
			height:180px;
			position:relative;
			text-align:center;
			text-decoration:none !important;
			border:0;
						}
			
			ul.attachments li a:hover { 
				background-color:rgba(255,255,255,0.5);
				text-decoration:none;
				-webkit-box-shadow:0 0 12px rgba(0,0,0, 0.235);
			       -moz-box-shadow:0 0 12px rgba(0,0,0, 0.235);
				 	    box-shadow:0 0 12px rgba(0,0,0, 0.235);
			}
			
			ul.attachments li a span { 
				
				display:block;
				position:absolute;
				top:134px;
				left:10px;
				right:10px;
			}	
		
	

#colophon {
	border-top:5px solid #007dc5;
	padding-top: 24px;
}
	#advertise {
		position:absolute;
		left:36px; top:35px;
		background-color: #FFF;
		border:0;
		border-bottom: 1px solid #99C1DA;
}
		#advertise ul { list-style-type:none; margin:0; padding:0; }
		
			#advertise ul li { list-style:none; display:inline-block;margin:0; }
		
				#advertise ul li a { 
					border:0; 
					text-decoration:none; 
					background: #FFF url(../img/banner-sprite.png) no-repeat left top; 
					height:64px; 
					width:130px;
					display:block; 
					float:left;
				  }
	
				#advertise ul li#goto-mercruiser a { background-position: left 0px; }
				#advertise ul li#goto-volvo_penta a { background-position: center 0px; }
				#advertise ul li#goto-yanmar a { background-position: right 0px;  }
				
				#advertise ul li#goto-mercruiser a:hover { background-position: left -64px; }
				#advertise ul li#goto-volvo_penta a:hover { background-position: center -64px; }
				#advertise ul li#goto-yanmar a:hover { background-position: right -64px;  }
	
					#advertise ul li a span { display:none; }
	
	#share, #follow {
		position: absolute;
		left: 36px; top: 131px;
	}
	
		#twitter a {color: #005F81;}
		#fb a {color: #3B5998;}
	
	#follow {
		top: 35px; left: 48px;
		width: 436px;
	}
	
	#powered-by, #versions {
		width: 436px;
		padding-left: 460px;
	}
	#powered-by { position:relative; }
	
		#page-authors { 
			font-size:0.8em;
			position:absolute;
			padding:12px 10px;
			background:rgba(255,255,255,0.9);
			display:none;
			right:0;
			top:0;
			width: 416px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0, 0.235);
	   -moz-box-shadow: 0 3px 3px rgba(0,0,0, 0.235);
			box-shadow: 0 3px 3px rgba(0,0,0,0.235);
			
		}
		#page-authors li {
			
			list-style-position:inside;
		}	
		#page-authors li a {
			/*background: transparent url(../img/authors-sprite.png) no-repeat left 0;*/
			color:#555;
		}
		
		a#ext-creative { background-position: left 0; }
		a#ext-hajtek { background-position: left -72px; }
		
	#powered-by { margin-top: 12px;}
	#versions {
			margin-top: 24px;
		}



/*		Tablet Layout: 768px (48em).
		Gutters: 24px (1.5em).
		Outer margins: 28px (1.75em).
		Inherits styles from: Default layout.
------------------------------------------------------------------
cols	1     2      3      4      5      6      7      8
px		68    160    252    344    436    528    620    712		*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	

	#marines.intro {
		background-size: auto,
						 auto,
					 	 auto,
					 	 auto,
					 	 768px;
	}

	#masthead, 
	#main,
	#main-site,
	#main-gallery,
	#main-ads,
	#main-ad,
	#main-home, 
	#colophon {
		padding-left: 28px;
		padding-right: 28px;
		width: 712px;
	
	}
	#main,
	#main-site,
	#main-gallery,
	#main-ads,
	#main-ad,
	#main-home {
		margin-left:-384px;
	}
		
	.intro #main { height: 290px;}	
			
		#main-site section { width:308px; }
		#main-ads section { width:664px; }
		
		#main-ad section {
			position: relative;
			width: 664px;
		}	
	
	
		section.default { height:auto;  }
		section.ads { height:120px; overflow:hidden;  }
		section.media { height:160px;  }
		section.ad {}
		
		#main-ad figure {
			position:static;
			width:712px;
			height:auto;
			left:0;
			top:0;
			margin-left:-24px;
		}
		
		#main-ad figure img {
			width:688px;
			height:auto;
			margin:12px;
		}
		#main-ad p {
			
		}
	
		#main-site figure {
			width: 308px;
			height: 176px;
			top:24px;
		}
			#main-site figure img {
				margin:4px;
				width:300px;
			}

	
		section#pageGallery { 
			height:460px;
			width: 712px;
		}
	
		ul.attachments li a { 
			
			width:154px; 
			height:180px;
			text-decoration:none !important;
			/*background-size:154px 177px;*/
			}
			
			ul.attachments li a span { 	
				position:absolute;
				top:134px;
				left:5px;
				right:5px;
			}	
	#powered-by, #versions {
		width: 308px;
		padding-left: 436px;
	}		
		#page-authors { 
			width: 286px;
			left:435px;
			top:0;			
		}
				
			
}




/*		Mobile Layout: 320px (20em).
		Gutters: 24px (1.5em).
		Outer margins: 34px (2.125em).
		Inherits styles from: Default Layout.
--------------------------------------------------
cols	1     2      3
px		68    160    252
em		4.25  10.0   15.75						*/

@media only screen and (max-width: 767px) {
	
	body {
		padding: 24px 0 60px;
	}
	#marines.intro {
		background-position: center 18px,
						 	 center top,
							 center 180px,
							 center bottom,
							 center 344px;
		background-size: auto,
						 auto,
					 	 auto,
					 	 auto,
					 	 320px;
	}
	
	#masthead, 
	#main,
	#main-site,
	#main-gallery,
	#main-ads,
	#main-ad,
	#main-home, 
	#colophon {
		padding-left: 34px;
		padding-right: 34px;
		width: 252px;
	}
	#main,
	#main-site,
	#main-gallery,
	#main-ads,
	#main-ad,
	#main-home
	{
		margin-left:-160px;	
	}
	
	.intro #main { height: 170px;}
	
	#masthead {text-align: center;}
	
	
	
		#masthead p {
			left:48px;
		}
	
		#masthead nav {
			left:0;right:0;
			width: 286px;
			margin-left: -22px;		
		}
		
		#main-site section, 
		#main-ads section,
		#main-ad section
		{ 
			/*height:auto;
			min-height:160px;*/
			display:block;
			position: static;
			padding: 0 0 24px;
			width:252px;
			
			}


		section#pageGallery {
			
			width:306px;
			height:232px;
			padding:0;
			margin-left:-28px;
		}
		
		section.default { height:auto; }
		section.ads { height:auto;}	
		section.media { height: 170px; }	
		section.ad { }
		
		#main-site section.ads { height:241px; }
		
		#main-ad figure {
			position:static;
			width:286px;
			height:auto;
			left:0;
			top:0;
			margin-left:-18px;
		}
		
		#main-ad figure img {
			width:270px;
			height:auto;
			margin:8px;
		}
		
		#main-site figure,
		#main-ads figure {
			position:static;
			width: 286px;
			height: auto;
			margin-left:-18px;
		}
			#main-site figure img,
			#main-ads figure img {
				margin:8px;
				width:270px;
			}
		
			#main-ads section p, 
			#main-ads section ul, 
			#main-ads section h3 {
				margin-left:0px;
			}
		
			#main-ads section h3 { padding-top: 0;}
				
			#masthead li { width:100%; display:block; margin:0;}
			#masthead li a { 
				font-size: 1.05em; 
				letter-spacing:0.1em; 
				display:block;  
				}
	
			#masthead li:first-child a {
				padding-left:10px;
				-moz-border-radius-topleft: 33px;
				-moz-border-radius-topright: 33px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 33px 33px 0px 0px;
				border-radius: 33px 33px 0px 0px;
			}
			#masthead li:last-child a {
				padding-right:10px;
				
				-moz-border-radius-topleft: 0px;
				-moz-border-radius-topright: 0px;
				-moz-border-radius-bottomright: 33px;
				-moz-border-radius-bottomleft: 33px;
				-webkit-border-radius: 0px 0px 33px 33px;
				border-radius: 0px 0px 33px 33px;
			}
			
		
	article { padding-top: 12px;}
	
	article h2 {text-transform: uppercase; letter-spacing: 1px;}
	article aside h2 {text-transform: none; letter-spacing: 0;}
	
	article h1 {
		font-size: 26px;
		line-height: 36px;
	}
	
	section#powered-by, #versions {
		position:static;
		width: 252px;
		padding-left:0;
		
	}
	section#advertise {

		position:static;
		width: 252px;
		height:40px;
	
	}

		#advertise ul li { display:block; } 		
			#advertise ul li a { 
				height:40px; 
				width:84px;
				background-size:252px; 
			  }
			#advertise ul li#goto-mercruiser a:hover { background-position: left -40px; }
			#advertise ul li#goto-volvo_penta a:hover { background-position: center -40px; }
			#advertise ul li#goto-yanmar a:hover { background-position: right -40px;  }
		
					  
				
			#page-authors { 
				width: 252px;
				left:34px;
				top:0;			
			}
	
}



/*		Wide Mobile Layout: 480px (30em).
		Gutters: 24px (1.5em).
		Outer margins: 22px (1.375em).
		Inherits styles from: Default Layout, Mobile Layout.
--------------------------------------------------------------
cols	1     2      3      4      5
px		68    160    252    344    436						*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		padding: 24px 0 48px;
	}
	
	#marines.intro {
		background-position: center 18px,
						 	 center top,
							 center top,
							 center bottom,
							 center 164px;
		background-size: auto,
						 auto,
					 	 auto,
					 	 auto,
					 	 480px;
	}
		
	#masthead, 
	#main,  
	#main-site,
	#main-gallery,
	#main-ads,
	#main-ad,
	#main-home, 
	#colophon
	{
		padding-left: 22px;
		padding-right: 22px;
		width: 436px;
		margin-top:0;
	}
	
	
	#main, 
	#main-site,
	#main-gallery,
	#main-ads,
	#main-ad,
	#main-home {
		margin-left:-240px;
	}
	
	.intro #main { height: 164px; }
	
	#main-site section,
	#main-ads section,
	#main-ad section
	{
		padding: 0 24px 24px;
		width:388px;
		position:static;
	}

 	
	 	section.default { height:auto; }
		section.ads { 
			height: auto; min-height:110px;
			overflow: hidden; }	
		section.media { height:263px; }
		
		section#pageGallery {
			width:436px;
			height:306px;
			padding:0 0 24px;
			margin-left:0px;
		}
		
	#main-site section.media { height:263px; }
	
		#main-ad figure {
			position:static;
			width:436px;
			height:auto;
			left:0;
			top:0;
			margin-left:-24px;
		}
		
		#main-ad figure img {
			width:400px;
			height:auto;
			margin:18px;
		}
	
		#main-site figure {
			width: 436px;
			height: auto;
			top:0;
			left:0;
			margin-left:-24px;
			
		}
			#main-site figure img {
				margin:18px;
				width:400px;
			}
		
		#main-ads figure { 
			width:160px;
			height:110px;
			top:0;
			left:0;
			margin-top:-24px;
			margin-bottom:-80px;
		}
		

		
		#main-ads figure img {
			margin:5px;
			width:150px;
			height:100px;
		}
		#main-ads section p, 
		#main-ads section ul, 
		#main-ads section h3 {
			margin-left:182px;
		
		}
	
		#masthead nav { display:inline-block; margin-left:auto; margin-right:auto; width:auto; }
		
			#masthead li {width: auto; margin:0; float: left;}
			#masthead li a { font-size:1em; letter-spacing:0.06em;}
		
	
			#masthead li:first-child a {
				padding-left:10px;
				-moz-border-radius-topleft: 33px;
				-moz-border-radius-topright: 0px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 33px;
				-webkit-border-radius: 33px 0px 0px 33px;
				border-radius: 33px 0px 0px 33px;
			}
			#masthead li:last-child a {
				padding-right:10px;
				-moz-border-radius-topleft: 0px;
				-moz-border-radius-topright: 33px;
				-moz-border-radius-bottomright: 33px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 0px 33px 33px 0px;
				border-radius: 0px 33px 33px 0px;
			}
			
	
	#follow p {
		font-size: 26px;
		line-height: 36px;
	}
	
	#share li {margin: 0 12px 24px 0; float: left;}
	
	ul.attachments li a { 
			
			width:194px; 
			height: 180px;
			text-decoration:none !important;
			
			}
			
			ul.attachments li a span { 	
				position:absolute;
				top:134px;
				left:10px;
				right:10px;
			}
	
	section#powered-by { position: relative; }			
	section#powered-by, #versions {
		width: 388px;
		padding-left: 0;
		
	}	
	
	section#advertise { width: 436px; height:64px; }
		#advertise ul { list-style-type:none; margin-left:17px; padding:0; }
		
			#advertise ul li { list-style:none; display:inline-block;margin:0; }
		
				#advertise ul li a { 
					border:0; 
					text-decoration:none; 
					height:64px; 
					width:130px;
					display:block; 
					float:left;
					background-size:400px; 
				  }
	
				#advertise ul li#goto-mercruiser a { background-position: left 0px; }
				#advertise ul li#goto-volvo_penta a { background-position: center 0px; }
				#advertise ul li#goto-yanmar a { background-position: right 0px;  }
				
				#advertise ul li#goto-mercruiser a:hover { background-position: left -64px; }
				#advertise ul li#goto-volvo_penta a:hover { background-position: center -64px; }
				#advertise ul li#goto-yanmar a:hover { background-position: right -64px;  }
			
			
		
		#page-authors { 
			width:416px;	
			left:0px;
			top:0px;			
		}
		
		
	
}