/*
THEME NAME: beton
THEME URI: http://jenhingley.com
DESCRIPTION: Rams' Pocket Radio Beton Theme
VERSION: 1.6.1
AUTHOR: <a href="http://jenhingley.com/">Jen Hingley</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}


/* Just some example content */



/* BASE */
html {height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {font-family: 'EB Garamond', serif; margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; background-color:#000000; 0 1.1875em} /* Improve default text rendering, handling of kerning pairs and ligatures */


/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font: 90%/1.2 font-family: 'EB Garamond', serif; *font-size: 0.95em; color: #021d2c; line-height: 1.45em;} /* IE7 and older can't resize px based text */



/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6,span.lastfm_track_info, li#li_menu1 {font-family: 'arete_monoregular', serif;}
h1 {margin: 0; font-size: 1.6em; line-height: 1.0em; margin-bottom: 0.2em; font-weight: normal;} /* 60px / 72px */
h2 {margin: 0; font-size: 2.2em; line-height: 1em; margin-bottom: 0.5em; font-weight: normal; text-transform:uppercase;} /* 48px / 48px */
h2.entry-title {
font-size: 2em; text-transform:uppercase;
}
h2.subheading {
text-align: center;
}

h3.paypal {
display: inline-block;
margin-right: 1%;
margin-bottom:0;
margin-bottom: 16px;
}



h3.subheading {
text-align: center;
}



h3 {margin: 0; font-size: 2em;
line-height: 0.9em; margin-bottom: 0.6667em; font-weight: normal; text-transform:uppercase;} /* 36px / 48px */ 
h3.entry-title {font-size:2.7em; text-transform:uppercase;}

h3.landing-entry-title {text-transform: uppercase; text-align: center; margin-bottom:0px;}

h4, li#li_menu {margin: 0; font-size: 1.3em; line-height: 1em; margin-bottom: 1em; font-weight: normal;} /* 24px / 24px */
h5 {margin: 0; font-size: 1.1em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em; font-weight: normal;} /* 21px / 24px */
h6 {margin: 0; font-size: 1em; text-transform:uppercase; font-weight: normal;} /* 18px / 24px */
p, ul, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.38em; margin-bottom: 1.2em} /* 16px / 24px */

blockquote {margin-bottom: 0.85em; margin: 0; overflow: hidden; font-size: 1em; line-height: 1.3em;}

small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */
div#menu { font-family: 'arete_monoregular', serif;}
div.latestbar, div.titlebar, div.social-2-text { font-family: 'arete_monoregular', serif;}



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

}


/* TABLES */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {padding-right: 1.5em; border-bottom: 0 solid #333}
i
/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-size:1.4em;}
blockquote {padding-left: 2%;
padding-right: 2%;
padding-bottom:5%;
padding-top:0%;}
blockquote > p {padding: 0}

/* LISTS */
ul, ol {list-style-position: inside; padding: 0; }
li ul, li ol {margin: 0 1.5em}
dl dd {margin-left: 1.5em}
dt {font-family:Futura, "Century Gothic", AppleGothic, sans-serif}

/* HYPERLINKS */
a {text-decoration: none; color:#021d2c; font:nexa_boldregular;}
a:hover {text-decoration: none}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

#menu a {text-decoration: none; text-transform:uppercase; color:#f1f6ee; font:nexa_boldregular;}
#menu a:hover {text-decoration: none}
#menu a:focus {outline: thin dotted}
#menu a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

div.g1,li.rss-item a {text-decoration: none; color:#021d2c; font:nexa_boldregular;}
div.g1,li.rss-item a:hover {text-decoration: none; color:#e8eee4;}
div.g1,li.rss-item a:focus {outline: thin dotted}
div.g1,li.rss-item a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

.footer a { color:#e8eee4;}
.footer a:hover { color:#e8eee4;}

div.social-2-text a { color:#e8eee4;}
div.social-2-text a:hover { color:#e8eee4;}


li.rss-item a {
text-align: center;
margin: 0;
font-size: 2em;
line-height: 0.9em;
margin-bottom: 0.6667em;
font-weight: normal;
text-transform: uppercase;
font-family: 'arete_monoregular', serif;
float:left;
margin-top: -9px;


}



li.page-item-4 {
display:none;
}

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: none;	_width: none; } /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic; width: auto;
height: auto;} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
::selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */

/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */


/* BORDERS */
#top,#bottom,#left,#right {
position:fixed;
background:#081448;
z-index:2000;
}
#top,#bottom {
left:0;
width:100%;
height:18px;
}
#top {
top:0;
}
#bottom {
bottom:0;
}
#left,#right {
top:0;
height:100%;
width:18px;
}
#left {
left:0;
}
#right {
right:0;
}
		
		
		
		#top, {left: 0;
right: 0;
height: 18px;
background: #081448;
top: 0;
}
		#left:{}
		#right:{}
		#bottom{}
		




div.skip-link {
position:absolute;
right:1em;
top:1em;
}


div.nav-container {
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
display: inline-block;
}

div#menu ul a {
display:block;
margin-right:1em;
margin-left:1em;
padding:0.2em 0.5em;
text-decoration:none;


}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:0em;m
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}


p.wp-caption-text{
font-style:italic;
}



div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}


div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}




/* DEFAULT MOBILE STYLE */
body {width: 100%; margin: 0 auto} /* Center page without wrapper */
/* column grid */
.g1,.g2,.g3,li.rss-item{display:block; position: relative; margin-left: 1%; margin-right: 1%; float: left;}
/* 1 column grid */
.g1,.g3, {width:92.0%; background-color:#e8eee4; }
.g1,.g3,li.rss-item, {width:92.0%; background-color:#e8eee4; }

.g1:hover,li.rss-item:hover {background-color:#0f3144; color:#e8eee4;}
.g1,li.rss-item{box-shadow: 0px 0px 0px 2px #FFFFFF inset; padding:30px 3% 3% 3%; margin-bottom:20px;}
.g2 {box-shadow: 0px 0px 0px 2px #FFFFFF inset; width:92.0%; padding:13px 3% 3% 3%; margin-bottom:20px; margin-top: 12px;}

div.g2.about {
margin-top:8px;
padding:30px 3% 3% 3%;
}

* {
			margin: 0;
			padding: 0;
		}
	
	z-index: 1;
		}
		h1 a {
			border-bottom: 1px solid white;
			color: white;
			display: inline-block;
			line-height: 30px;
			text-decoration: none;
		}
		.photo {
			background-attachment: fixed;
			background-position: 50% 0;
			background-repeat: no-repeat;
			height: 800px;
			position: absolute;
		}
		.photo span {
			bottom: 0;
			color: white;
			display: block;
			left: 50%;
			margin-left: -640px;
			font-size: 38px;
			padding: 10px;
			position: absolute;
			text-shadow: 0 2px 0 black, 0 0 10px black;
			width: 1;
		}
		.summer {
			background-image: url(images/main-image.jpg);

top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
background-size: 1000px 667px;
background-position: center center;
background-repeat: no-repeat;
			
		}
		
		.autumn {
			background-image: url(images/main-image3.jpg);
		}
		.winter {
			background-image: url(images/main-image4.jpg);
		}
		.spring {
			background-image: url(images/main-image5.jpg);
		}
		
div#menu ul li,div.navigation div.nav-previous {
float:left;
margin-left:-13px;
margin-right:-13px;
}



ul.sprites, ul.sprites li {
list-style: none;
padding: 0;
margin: 0;
}

ul.sprites {
clear: left;
padding: 10px 0 19px 0;
}

ul.sprites li {
background-image: url('images/socials-100.png');
background-repeat: no-repeat;
background-position: top left;
width: 18px;
text-indent: -9999px;
height: 18px;
float: left;
margin-right: 6px;
}

ul.sprites li.facebook {
background-position: 0px 0px;
}
ul.sprites li.twitter {
background-position: -23px 0px;
}
ul.sprites li.tumblr {
background-position: -46px 0px;
}

ul.sprites li.soundcloud {
background-position: -69px 0px;
}

ul.sprites li.myspace {
background-position: -92px 0px;
}
		
		
		
		
		
		ul.sprites-social, ul.sprites-social li {
list-style: none;
padding: 0;
margin: 0;
}

ul.sprites-social {
clear: left;
padding: 10px 0 19px 0;
}

ul.sprites-social li {
background-image: url('images/socials-2-100.png');
background-repeat: no-repeat;
background-position: top left;
width: 44px;
text-indent: -9999px;
height: 46px;
float: left;
margin-right: 0px;
}

ul.sprites-social li.facebook {
background-position: 0px 0px;
}
ul.sprites-social li.twitter {
background-position: -59px 0px;
}
ul.sprites-social li.tumblr {
background-position: -118px 0px;
}

ul.sprites-social li.soundcloud {
background-position: -177px 0px;
}

ul.sprites-social li.myspace {
background-position: -235px 0px;
}
		div.social-2-text {
		background-color: #021d2c;
		color:#e8eee4;
padding: 10px 10px 10px 0px;
display: inline-block;
margin-bottom: 8px;
margin-right: 8px;
height: 26px;
float: left;
		}
		
		
		
		.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 18px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Header Area */


.behind-logo {
background-color: #021d2c;
width:162px;
height:162px;
position:fixed;
z-index:900;
  -webkit-animation-name: FadeIn;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 2s;
    display: block;
}

@-webkit-keyframes FadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}


span.header {
    display: block;
    position: fixed;
margin-left:166px;
z-index:1001;
width:100%;
padding-top:11px;
}


div#menu {
background:#021d2c;
height: 58px;
padding: 14px 3% 0 15%;
margin: 1em 0;
width: 82%;
position: absolute;
z-index: 2000;
top: -16px;
text-align: center;
}


div.smalllogo {
background: url(images/smalllogo100.png);
background-size: 46px 49px;
width: 46px;
height: 47px;
text-indent: -9999px;
position: fixed;
z-index: 6000;
top: 14px;
left: 2%;
 -webkit-animation-name: FadeIn;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 5s;
}


div.mainlogo {
background: url(images/logo50.png);
background-size: 150px 150px;
width: 150px;
height: 150px;
margin-top: -75px;
margin-left: -75px;
top: 50%;
left: 50%;
display: block;
position: absolute;
z-index: 1000;
text-indent: -9999px;
}

.headerbehind {
background-color: #021d2c;
  -webkit-animation-name: FadeIn;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 2s;
    display: block;
    position: fixed;
margin-left:166px;
z-index:1000;
width:100%;
height:42px;
}

div.menucontainer {
width:100%;
position:fixed;
z-index:1000;

}



/* Containers */

#container {
margin: 0px auto;
overflow: hidden;
padding: 10px 2% 10px 2%;
background: #e8eee4;
}

/* margin version
#container {
margin: 0px auto;
overflow: hidden;
width: 90%;
left: 3%;
padding: 10px 2% 10px 2%;
background: #e8eee4;
}
 */ 

#content-landing {
position: absolute;
top: 100%;
}

#content {
position: absolute;
top: 120px;
z-index: 1000;
width:100%;
opacity:0.99;
  -webkit-animation-name: FadeIn2;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.4s;
    display: block;
}

@-webkit-keyframes FadeIn2 {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}


div.overlaylayer {
background: url(images/overlaylayer.png);
position: absolute;
top: 0px;
left: 0px;
display: block;
z-index: 12;
height: 100%;
width: 100%;
padding-bottom:30px;
}



div.latestbar {
position: absolute;
bottom: 0px;
width: 96%;
z-index: 15;
background: #e8eee4;
height: 20px;
padding: 10px 2% 24px 2%;
text-align: center;
}



div.titlebar {
width: 96%;
z-index: 15;
background: #e8eee4;
height: 20px;
padding: 14px 2% 30px 2%;
text-align: center;
}



img.wp-post-image {
width:100%;
float: left;

}

div.entry-image-hentry {
overflow:hidden;
width:100%;
opacity: 0.5;
max-height:190px;
position:relative;
margin-top: -17px;
}

div.page-image-hentry {
overflow:hidden;
width:92%;
margin: 0 auto;
max-height:400px;
position:relative;
margin-top: -17px;
margin-bottom: -20px;
}

div.landing-desc-area {
margin-top: -18px;
z-index: 100;
position:relative;
}

p.rss-title {
display:none;
}

div.date-news {
text-align: center;
font-size: 0.85em;
margin-top: -12px;
margin-bottom: 8px;
}

span.rss-date{
text-align: center;
font-size: 0.85em;
margin-bottom: 8px;
float: left;
width: 100%;
}
}

#rams-tumblr img {
width: 100%;
float: left;
overflow: hidden;
width: 100%;
opacity: 0.5;
position: relative;
margin-top: -17px;
}

#rams-tumblr br {
line-height: 1.38em;
margin-top: 0.8em;
float:left;
}


.footer {
width:94%;
background-color:#021d2c;
color:#e8eee4;
padding: 30px 3% 0px 3%;
font-family: arete_monoregular;
text-transform: uppercase;
}

/* form styling */

input.mc_input {font-size: 13px;
width: 100%;
background-color: #ffffff;
border: 0px solid #021d2c;
padding: 13px 13px 13px 13px;
}

input.button {
border: 0px solid;
background: #021d2c;
font-size: 20px;
width: 72%;
padding: 10px 10px 10px 10px;
color: #e8eee4;
float: left;
font-family:'arete_monoregular', serif;
text-transform: uppercase;
}

#mc_signup {
width: 90%;
margin:0 auto;
}

/*gallery*/
div.gallery-icon dt{
position: relative;
height: 300px;
margin-bottom: 15px;
float: left;
width: 100%;
}

div.gallery dl{
width: 100%;
display:inline-block;
margin: 0 0 15px 0px;
}

img.gallery-image{
max-width: none;
max-height: none;
width: 100%;
}

img.gallery-image:hover {
opacity:0.8;
box-shadow: 0px 0px 0px 2px #021d2c inset;
-moz-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
-ms-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}


/* SHOP */

div.paypal-section {
background: #021d2c;
color: #FFFFFF;
padding: 10px 3% 10px 3%;
width: 94%;
display:inline-block;
margin: 0 auto;
margin-top: 15px;
}

form.paypal {
margin-top:10px;
}

div.page-image-hentry.post-17 {
max-width:80%;
}

/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
	body {

}



div#wrapper 
{
width: 86%;
margin-left: 7%;
margin-right: 7%;}
	}
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	body {
		
	}

div#menu ul li,div.navigation div.nav-previous {
float:left;
margin-left:-10px;
margin-right:-10px;
}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {

div.smalllogo {
background: url(images/smalllogo200.png);
background-size: 46px 47px;
width: 46px;
height: 47px;
text-indent: -9999px;
position: fixed;
z-index: 6000;
top: 14px;
left: 2%;
 -webkit-animation-name: FadeIn;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 5s;
}


div.mainlogo {
background: url(images/logo200.png);
background-size: 150px 150px;
width: 150px;
height: 150px;
margin-top: -75px;
margin-left: -75px;
top: 50%;
left: 50%;
display: block;
position: absolute;
z-index: 1000;
text-indent: -9999px;
}




ul.sprites li {
margin-right: 12px;
}




ul.retina li {
background-image: url('images/socials-200.png');
background-size: 110px;
}

ul.retina li.facebook {
background-position: 0px 0px;
}
ul.retina li.twitter {
background-position: -23px 0px;
}

ul.retina li.soundcloud {
background-position: -46px 0px;
}

ul.retina li.soundcloud {
background-position: -69px 0px;
}

ul.retina li.myspace {
background-position: -92px 0px;
}



ul.sprites-social li {
margin-right: 0px;
}


ul.retina-2 li {
background-image: url('images/socials-2-200.png');
background-size: 280px;
}

ul.retina-2 li.facebook {
background-position: 0px 0px;
}
ul.retina-2 li.twitter {
background-position: -59px 0px;
}

ul.retina-2 li.soundcloud {
background-position: -118px 0px;
}

ul.retina-2 li.soundcloud {
background-position: -177px 0px;
}

ul.retina-2 li.myspace {
background-position: -235px 0px;
}


}


/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	body {
	
	
		.summer {

background-size: 1200px 800px;

			
		}




	}
	
		
	/* COLUMN GRID */
	.g1,.g2,.g3,li.rss-item {display:inline; float: left;  padding-top:40px; margin-left: 2%; margin-right: 2%; }
	
	/* 2 COLUMN GRID */
	.g1,li.rss-item {width:41.0%; padding:32px 2.5% 2.5% 2.5%;  height: 332px; overflow: hidden;}
	.g2 {width:82.0%; padding:17px 2.5% 2.5% 2.5%; display:inline; float: left; margin-left: 6.5%; margin-right: 6.5%; margin-top: 28px;}
	.g3 {width:98.0%; padding:2.5%;}
	
	
	
	.summer {
background-image: url(images/main-image.jpg);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
	
	
div.latestbar {
position: absolute;
bottom: 0px;
width: 90%;
left:3%;
z-index: 15;
background: #e8eee4;
height: 20px;
padding: 10px 2% 24px 2%;
text-align: center;
}




div.titlebar {
margin: 0 3% 0 3%;
width: 90%;
z-index: 15;
background: #e8eee4;
height: 20px;
padding: 14px 2% 30px 2%;
text-align: center;
}


	#container {
margin: 0px auto;
overflow: hidden;
width: 90%;
left: 3%;
padding: 10px 2% 10px 2%;
background: #e8eee4;
}

			div#wrapper 
{
width: 92%;
margin-left: 4%;
margin-right: 4%;
	}
	
	div#menu {
background:#021d2c;
height: 36px;
padding: 14px 0px 0 0;
margin: 1em 0;
width:100%;
position: fixed;
z-index: 2000;
top: -16px;
text-align: center;
}

div.page-image-hentry {
margin-bottom: -26px;
}
	
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {
		
	}
	

	
		/* COLUMN GRID */
	.g1,.g2,.g3,li.rss-item {display:inline; float: left;  margin-left: 2%; margin-right: 2%; }
	
	/* 2 COLUMN GRID */
	.g1,li.rss-item {width:41.5%; padding:32px 2% 2% 2%;  height: 333px;}
	.g2 {width:82.0%; padding:17px 2% 2% 2%; display:inline; float: left;   margin-left: 6.5%; margin-right: 6.5%; margin-top: 32px;}
	.g3 {width:98.0%; padding:2.5%;}

div#menu ul li,div.navigation div.nav-previous {
float:left;
margin-left:-5px;
margin-right:-5px;
}


div.mainlogo {	
background: url(images/logo100.png);
background-size: 239px 239px;
width: 239px;
height: 239px;
margin-top: -120px;
margin-left: -120px;
}






.footer {
width:90%;
padding: 30px 3% 0px 7%;
}

div#menu {
background:#021d2c;
height: 36px;
padding: 14px 0px 0 0;
margin: 1em 0;
width:100%;
position: fixed;
z-index: 2000;
top: -16px;
text-align: center;
}

div.page-image-hentry.post-17 {
max-width:40%;
}



/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	body {

	}
	
			div#wrapper 
{
width: 94%;
margin-left: 3%;
margin-right: 3%;}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
margin-left:0px;
margin-right:0px;
}

/* SHOP */


div.page-image-hentry.post-17 {
max-width:35%;
}

	
	/* 3 COLUMN GRID */
	
	.g1,.g2,.g3,li.rss-item {display:inline; float: left;  margin-left: 1.5%; margin-right: 1.5%; }
	
	.g1,li.rss-item {width:26.333%; padding: 35px 2% 2% 2%; height: 333px;
margin-bottom: 20px; overflow: hidden;}
	.g2 {width:72.0%; padding:23px 2% 2% 2%; display:inline; float: left;  margin-left: 11.5%;
margin-right: 11.5%; margin-top: 36px;}
	.g3 {width:98.0%; padding:2%;}
}

div.landing-description {height: 290px;}

div.page-image-hentry {
margin-bottom: -32px;
}


#container {
width: 90%;
left: 3%;
padding: 10px 2% 10px 2%;
}


/*gallery*/


div.gallery dl{
width: 30%;
display:inline-block;
margin: 0 1.5% 30px 1.5%;
}


div.page-image-hentry.post-17 {
max-width:47%;
}

blockquote {
padding-top:2%;}



@media only screen and (min-width: 1280px) { 
/* DESKTOP */
		body {

	}
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) { 
	body {} /* 18.5px / 28px */
	
	div.latestbar, div.titlebar {

}

div#menu {
width: 1400px;
margin-left: -700px;
left: 50%;
position: fixed;
}

#content-landing {
top: 100%;
width: 1426px;
margin-left: -713px;
left: 50%;
position: absolute;
}

div#content {
width: 1426px;
margin-left: -713px;
left: 50%;
}

div.latestbar {
width: 1340px;
margin-left: -670px;
left: 50%;
position: absolute;
padding: 10px 0 24px 0;
}

div.smalllogo {
left: 50%;
margin-left: -683px;
}

.summer {
width: 1400px;
margin-left: -700px;
left: 50%;
position: absolute;
}

div#container {

}


div.overlaylayer {
width: 1400px;
margin-left: -700px;
left: 50%;
position: absolute;
}

div.footer {
width: 1350px;
margin-left: -700px;
left: 50%;
position: absolute;
padding: 27px 26px 15px 26px;

}

/*gallery*/
div.gallery-icon dt{
position: relative;
height: 300px;
margin-bottom: 15px;
float: left;
width: 100%;
}

div.gallery dl{
width: 30%;
display:inline-block;
margin: 0 1.5% 30px 1.5%;
}

img.gallery-image{
max-width: none;
max-height: none;
width: 100%;
}




/* PRINT */
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
  a, a:visited {color: #444 !important; text-decoration: underline}
  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 print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  tr, img {page-break-inside: avoid; }
/*   img {max-width: 100% !important; }*/
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3{page-break-after: avoid}
}