body {margin:0px;font-size:12px}

h1, h2, h3 {text-align:center;font-family:'bree-serif'; font-weight:normal; margin:0px 0px 0em 0px;text-transform:uppercase;font-size:22px;}

h3 {font-size:14px;margin:0px 0px 3px 0px}

a {color:#49d}

p {font-family: 'helvetica neue', helvetica, arial, sans-serif;line-height:1.4;margin:0px 0px 1em 0px;}


a {text-decoration:none;}
h1 a, h2 a {color:black;}

#bigimage {width:100%;position:relative;}
#bigimage img.main {width:100%;height:auto;}

.masthead {text-align:center;margin:0px auto;position:absolute; top:5px;width:100%;}
img#logo {max-width:50%}
img#logosmall {position:absolute;max-width:50%; left:0px;top:-20px}


.photocaption {max-width:890px;margin:0px auto;padding:0px;position:absolute;bottom:0px;right:1em;text-shadow: 1px 1px #333}
.photocaption p {text-align:center;font-family:'bree-serif';color:white;font-size:10px;}

h1.headline {color:white;font-size:30px;}
h1.bigheadline {margin-top:.5em;}

#main {max-width:890px;margin:0px auto;padding: 0 20px;position:relative;}

.teaser, .post {padding-bottom:2em;}

.attachment-medium {margin-bottom:.5em;width:100%;height:auto;}
.attachment-large {width:100%;height:auto;margin-bottom:.5em;}
.attachment-thumbnail {width:90%!important;height:auto!important;border:1px solid black!important;}

.addthis_toolbox {display:none;}

.theContent img, embed, iframe, object {max-width:100%;height:auto;}

.mobileContent {}
.desktopContent {display:none;}

/* Classes to wrap and resize oEmbeds and custom field embeds */


.videoContainer {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
margin-bottom:.5em;
}

.soundCloudContainer iframe{
height: 166px;
}

.videoContainer iframe,  
.videoContainer object,  
.videoContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}


/**********************
anything bigger than cellphones
**********************/

@media screen and (min-width:480px) {

body {font-size:16px;}

.masthead {text-align:left;padding:0px 0px 0px 20px;position:absolute; }
h1.headline {font-size:40px;}

.photocaption p {font-size:14px;text-align:left;}

h1, h2, h3 {text-align:left;}
h1 {font-size:33px;}
h3 {font-size:16px;}

#bigimage {}
}

.addthis_toolbox {display:block;margin:0px 0px 1em 0px;}


/**********************
large tablets 
**********************/

@media screen and (min-width:767px) {
body {font-size:16px;}

h1.headline {font-size:65px;}
h1.bigheadline {font-size:44px;}
.masthead { }

#mainleft {max-width:550px; float:left;margin-right:340px;}

#mainright {display:block; max-width:300px; right:20px;position:absolute;font-size:16px;}

#bigimage {}
}

/**********************
desktops
**********************/

@media screen and (min-width:930px) {

body {font-size:16px;}
#mainright {font-size:14px;}

.mobileContent {display:none;}
.desktopContent {display:block;}
}