/*  
Theme Name: Sandra 2016
Author: Fransis Young
Author URI: http://fransisyoung.com
Version: 1.0
Tags: contemporary, music, gallery
Copyright 2016 Sandra Johnson */



/*Color Palette


Gold: #f1cb74
Brown:#684d2f

Blue:#336699
White alternative: #cac3b3

Light-Grey:#999
Grey:#666666
Dark-Grey:#333333
Black: #242424

*/
/* --------------------------------------------------------------

Reset default browser CSS.

Based on work by Eric Meyer:
http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

a img { border: none; }

/* -------------------------------------------------------------- 
   
   Rebuild the default browser styles
   
   Based on work by Blueprint CSS   
   http://code.google.com/p/blueprintcss/
     
-------------------------------------------------------------- */   


body {
  background: #fff;	
}
body, input, textarea {
	color: #111;    
	font: 12px Arial,sans-serif;
	line-height: 1.5;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal;
	clear: both;
}
hr {
  background-color: #999;
  border:0;
  height: 1px;
	margin-bottom: 1.5em;
}


/* Text elements
-------------------------------------------------------------- */

p {
	margin-bottom: 1.5em;
}
ul {
	margin: 0 0 1.5em 2.5em;
}
ol {
	margin: 0 0 1.5em 2.5em;
}
ul {
	list-style:disc;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom:0;
}
dl	{
	margin:0 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
pre {
	font: 11px Monaco, monospace;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
code {
	font: 11px Monaco, monospace;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
ins {
	text-decoration: none;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}


/* -------------------------------------------------------------- 
   
   Basic WordPress Blog Styles   
     
-------------------------------------------------------------- */   


/* Images
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}



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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

body {
	font-size: 16px;
	line-height: 1.15em;
	}
#top-button  {
	display: none;
	}
h1, h2  {text-decoration:none;}

ul, li {list-style:none; list-style-position: outside;}

a {text-decoration:none; cursor: pointer; }

p, ul, ol, dl {
    font-size-adjust: none;
    font-stretch: normal;
    font-style: inherit;
    font-variant: normal;
    font-weight: lighter;
    line-height: 1.625;
}

p {

    margin-bottom: 1.625em;
}

#primary a,
#secondary a,
p, body {
    font-family: 'CantarellRegular', sans-serif;
    font-weight: lighter;
}

h1,  
h6,
#nav a,
#branding {
	font-family: 'LoraRegular', serif; 
	font-weight: lighter
	}

h2,
h4 {
	font-family: 'LoraBoldItalic', serif; 
	font-weight: lighter
	}

h3,
h5,  
strong,
.entry-content a, 
.entry-content a,
.page-link {
	font-family: 'CantarellBold', sans-serif; 
	font-weight: lighter
	}

h6 {
	font-family: 'CantarellBoldOblique', sans-serif; 
	font-weight: lighter
	}
#secondary h3.widget-title, 
#primary h3.widget-title, 
#primary h3.widget-title a {
	font-family: 'LoraRegular', serif; 
	font-weight: lighter
	}
	
.post .entry-content a.more-link {
	font-family: 'LoraBoldItalic', serif; 
	font-weight: lighter
	}


h1.entry-title {text-shadow: 1px 1px 0px #ffffcc;}

.home h1.entry-title, 
h3.widget-title, 
#primary h3.widget-title a,
#nav .menu-navigation-container li, 
div.widget-container a  {text-shadow: 1px 2px 0px #000;}

#subnav a {text-shadow: 1px 1px 0px #996600;}

#nav a:hover, 
#subnav a:hover, 
div.widget-container a:hover,
#nav .menu-navigation-container li:hover  {text-shadow: 0px 0px 0px #000;}

/*LAYOUT*/



/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/




body  {
	margin: 0 auto;
	overflow: auto;
	background-image:url("images/body-dker-grey-linen-texture-bg.jpg");

}
#container {
	position: relative;
	display: -webkit-box; 
	display: -moz-box;       
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;	
	flex-direction: row-reverse ;
	 -webkit-flex-direction: row-reverse;
	 margin-bottom: 2em
}

#wrapper {
	width: 100%;
	max-width: 1180px;	
	background-image: url("images/header.jpg"),url("images/body-dk-grey-linen-texture-bg.jpg");
    background-position: top center, left top;
    background-repeat: no-repeat, repeat;
    background-size: 100%;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);  
	margin: 0 auto
	}

#header,
#main {
	padding: 0 4em;
	box-sizing: border-box;
	width: 100%;
	}
	
#sidebar {
   	box-sizing: border-box;
    padding-right: 4em;
    width: 40%;
	}
#content {
	width: 60%;
	}	
	

#footer {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto
	
	}


/* =Header
-------------------------------------------------------------- */
#nav, 
#subnav,
#blog-title {
	width:60%;
	margin: 0px;
	position: relative;
	left: 40%;
	}
	

#blog-title {
	height: 70px;
	margin: 4em 0 2em;
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	max-width: 640px;
	}
	

#blog-title span {display: none; }





/* =Menu
----------------------------------------------------------------------------------------------------*/


#nav {
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height:auto;
	margin-bottom: 20px
	}

#subnav {
	background-color: #cc9900; 
    -webkit-border-bottom-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
	height: 20px;
	}



/*NAVIGATION--MAIN MENU
---------------------*/

.menu-navigation-container {
	text-align: center;
	}

.menu-navigation-container,
.menu-subnavigation-container { 
 	position:relative;
}

.menu-subnavigation-container ul,
.menu-navigation-container ul {
	list-style:none;
	margin: 0px 10px;
	}
.menu-navigation-container ul {
	display: inline-block;
	}

.menu-subnavigation-container ul {
	float:right;
	}
	
.menu-subnavigation-container li,
.menu-navigation-container li {
	display:inline;
	float:left;
	list-style:none;

		}
.menu-navigation-container li:hover {
	background-color: #cc9900; 
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;		
	}


.menu-navigation-container a,
.menu-subnavigation-container a  {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 5px 8px;
	text-transform: uppercase;
	}
	
.menu-navigation-container a {
	font-size:1em;	
	line-height: 1em;
	}

.menu-subnavigation-container a {
	font-size:.7em;	
	line-height: 1em;
	}
	

.menu-navigation-container li:hover,
.menu-navigation-container li:hover a  {
	color:#333;
	}

.menu-subnavigation-container a:hover {color:#000;}

#menu-subnavigation .menu-item-home a {padding-left: 18px; background-image: url(images/home-icon.jpg); background-repeat: no-repeat}
#menu-subnavigation .menu-item-97 a {padding-left: 18px; background-image: url(images/contact-icon.jpg); background-repeat: no-repeat}


#nav-below {
	padding:0px 20px 20px 20px;
	color:#666;
	}
#nav-below a	
	{color:#666;
	text-decoration:none;
	text-transform: uppercase;
	}
 #nav-below a:hover {color:#000;}

/*WIDGETS
----------------------------------------------------------------------------------------------------*/
	

div.widget-container{ 
	display:block; 
	position: relative; 
	overflow: auto
	}

.widget-container ul {
	margin:10px 20px; 
	list-style: none;
	}

.widget-container ul ul  {margin: 0px; }

.widget-container  li  {
	margin:0px; 
	list-style: none; 
	overflow: auto; 
	}
	
div.widget-container ul a { 
	color: #000;
	font-size: .9em; 
	}




/*PRIMARY WIDGETS
-----------------*/

#primary {margin-top: calc(100% + 1em); overflow: visible}

#primary {
	text-align: center;
	position: relative; 
	color:#000;
	}


div.widget-container ul {text-align: left}

#primary div.widget-container {
	position: relative;
	overflow:visible;
	background-image: url(images/transparent-grey-bg.png);
	margin-bottom: 2em;
	color: #f1ecdc;
	z-index: 1;
	padding: 1px;
	}

#primary div.widget-container ul {
	background: #990033;
	background-image: url(images/widget-red-linen-texture-bg.jpg);
	border: 1px solid #996600;
	margin: 18px;
   	position: relative;
	top: -60px;
	overflow: auto; 
	padding: 2em 1em 1em;
	margin-bottom: -40px
    	}
    	
#primary h3.widget-title {
	position:relative;
	top:-15px;
	margin: 0px;
	background-image: url(images/transparent-grey-bg.png);
	display: inline-block;
	color:#996600; 
	font-size:1.15em;
	line-height: 1em;
	font-weight: lighter;
	padding: 10px 18px;
	width: auto;
	z-index: 2;
}


#primary h3.widget-title span {
	position:relative;
	background: #990033;
	background-image: url(images/widget-dk-red-linen-texture-bg.jpg);
	border: 1px solid #996600;
	display: block;
	padding: 10px 15px;
	}
#primary  h3.widget-title a {
	font-weight: lighter;
	color:#996600; 
	}

#primary div.widget-container a {
	color: #f1ecdc
	}
#primary div.widget-container a:hover {
	color: #fff;
	}
#primary h3.widget-title span a { 	
	color:#996600; 
	}
#primary h3.widget-title a:hover {
	color: #cc9900
	}
 
#primary div.sidebar-pics ul {
	position: relative;
	top: -60px;
	overflow: auto; 
	padding: 2em 1em 1em;
	margin-bottom:-40px
 	}

#primary div.widget-container li.recent-pics {
	width:50%; 
	float: left;
	position: relative;
	height: auto; 
	padding:.5em; 
	overflow: hidden;
	box-sizing: border-box;
	}
#primary div.widget-container li.recent-pics img {
	width: 100%; 
	height: auto;
	border: 1px solid #fff;
	box-sizing: border-box;
	}
#primary div.widget-container li.recent-pics img:hover {border: 2px solid #fff;}
#primary div.widget-container li.recent-pics a {
	display: block;
	text-align: center; 
	line-height: 1.15em; 
	}


/*SECONDARY WIDGETS
-----------------*/
#secondary { 
    background-image: url("images/transparent-grey-bg.png");
    color: #F1ECDC;
	display:block; 
	margin:0px 0px 2em 0px; 
	position: relative; 
	overflow: auto
	}

#secondary h3.widget-title {
	background-image: url("images/transparent-grey-bg.png");
	position:relative;
	color:#666; 
	font-size:.9em;
	line-height: 1em;
	font-weight: lighter;
	padding: 10px 18px;
	margin:1em 1em 0;
	border: 1px solid #333;
  	box-sizing: border-box;
  	text-align: center;
  	}

#secondary h3.widget-title a {  
	color: #666;
	}

#secondary div.widget-container a {color: #f1ecdc}

/*Playlist*/

#secondary .wp-playlist-light {
  background: #111;
  color: #ccc;
}
#secondary .wp-playlist {
  border: 1px solid #333;
  border-top: 0px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 1em 1em;
  padding: 2em;
}
#secondary .wp-playlist-light .wp-playlist-caption {
  color: #666;
}

#secondary .wp-playlist-light .wp-playlist-playing .wp-playlist-caption,
#secondary .wp-playlist-light .wp-playlist-playing  {
  background-color: #660000 ;
  color: #ccc;
}

#secondary .wp-playlist-item {
  border-bottom: 1px solid #666;
 
}

#secondary .mejs-controls .mejs-time-rail .mejs-time-current {
  background-color: #990000;
}
/*CONTENT
----------------------------------------------------------------------------------------------------*/

#wrapper, 
#container, 
#content {overflow:auto}




#content {
	color:#333;
	background-image: url(images/transparent-grey-bg.png);
	}


.home #content {
	background: none
	}



/*Homepage
--------------------*/


#sandra-slideshow {
	position: relative;
	overflow: auto;
	}

#red-box {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	background: #990033;
	background-image: url(images/widget-red-linen-texture-bg.jpg);
	border: 1px solid #996600;
	height: 380px;
	box-sizing: border-box
	}

#slideshow {
 	position: relative;
	height: auto; 
	background-color: #000;
	border: 1px solid #996600;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    margin: 2em;
    z-index: 1
	}

#meteor-buttons {margin:0}

.meteor-slides .meteor-buttons {
	top: 110%;
}

#mailing-list {
	position: relative;
	color: #ccc;
	padding: 20px; 
	margin: 2em;
	background-color: #000;
	border: 1px solid #996600;
	overflow: auto;
    padding: 1em 2em;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    z-index: 1;
}

#mailing-list h1 {font-size: 1.15em; color:#996600; font-weight: lighter; text-transform: uppercase }
#mailing-list p {margin: .5em 0px;}
#mailing-list label {
	float: left; 
	position: relative;
	 margin: 0px 1em 0px 0px; 
	 font-size: .7em; 
	 text-transform: uppercase;
	 color: #996600;
		font-family: "LoraRegular",serif;
	 }
#mailing-list input { color:#666}

.submit-button {
	margin-top: 5px;
	}


/*Posts and Pages
--------------------*/

body.error404 #content .post {min-height:400px}

.page-template-one-column-php #content {margin: 0;  padding: 0px 0px 50px 0px; width: 940px; }


/*Entry Content
--------------------*/

#homepage-content {	
	margin:1.5em 3em
	}

article {
	background-color: #f1ecdc;	
	margin: 1.5em;
	padding:2em;
	overflow:auto;
	}



/*Entry Content-TYPE
----------------------------------------------------------------------------------------------------*/	

h1,h2,h3,h4,h5,h6 {
	line-height: 1.15em;
	margin-bottom: .7em
	}
h1 {	
	color:#cc9900; 
	position:relative;
	}

h2.entry-title,  
h2.entry-title a{ 
	font-size:1em;   
	margin-bottom: 1em;
	text-transform:capitalize
 	}

	
.entry-content, .entry-summary {
	margin: 0px;
	border: 0px solid black;
	}

.entry-content h1 {
	font-size:1.7em;
	color:#cc9900;	
	}

h1.page-title {
    color: #CC9900;
    font-size: 2.75em;
    font-weight: lighter;
    }

.archive h1.page-title {
	margin: 1em
	}
.entry-content h2 {
	font-size:1.5em;
	color: #666;
}

.entry-content h3 {
	font-size:1.45em;
	text-transform: uppercase;
	color: #cc9900;
}

.entry-content h4 {
	font-size:1.35em;
	text-transform: capitalize;
	color: #666;
	
}

.entry-content h5 {
	font-size:1.25em;
	text-transform: uppercase;
	color: #990000;
}

.entry-content h6 {
	font-size:1.15em;
	text-transform: capitalize;
	color: #333;
}


.home .entry-content p { 
	line-height: 2em;
	color: #ccc;
}


.entry-content ul {
	list-style:square;
}

.entry-content ul li {
	list-style:square;
}
.entry-content a {
	color:#683d26;
}

.page-link {
	color: #000;
	}
.page-link a {
	margin:0px 5px;
	border-bottom: 1px solid;
	}

blockquote {
    border-bottom: 1px solid;
    border-top: 1px solid;
    margin: 0;
    padding: 10px 0 0px 0px;
}

.entry-meta {
	 margin: 5px 0px;
 }

.gallery a img {
  border: 1px solid #fff !important;
  box-sizing: border-box;
  height: auto;
  margin: 0 auto 0.9em;
  width: 100%;
}	
.gallery a img:hover {
	border: 2px solid #fff !important;
	}
	
dd.gallery-caption { 
	text-align: left; 
	line-height: 1.15em; 
	padding: 0px; 
	font-size: .7em; 
	margin-bottom: 1em
	}

.gallery .gallery-item {
  padding: 0 .5em;
  box-sizing: border-box;
	}

/*Category Pages
----------------------------------------------------------------------------------------------------*/
	
.archive .post img, 
.search .post img  { 
	position: relative;
	float:left; 
	width:120px; 
	height:auto; 
	margin: 0px 10px 15px 0px;
	border: 1px solid #fff;
	box-sizing: border-box;
	}
.archive .post img:hover,
.search  .post img:hover{
	border: 2px solid #fff;
	}

article a.more-link { 
   	color: #CC9900;
    display: inline-block;
	border-top: 1px solid #CC9900;
	border-bottom: 1px solid #CC9900;
	text-align: center; 
	 }
article a.more-link:hover {color: #990000; }


/*Gallery Settings*/

.ngg-imagebrowser img {padding: 0px!important;}

/* Search
----------------------------------------------------------------------------------------------------*/

.entry-date {
		font-size:12px; 
		font-weight:bold; 	
		color: #CAC3B3;
		padding:5px 10px;
		background:url("images/widget-brown-bg.jpg") repeat scroll 0 0 transparent; 
		display:block;
	}

.published {text-transform:uppercase; color:#CAC3B3;}
.entry-utility {clear:both}



/* Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	background-color: #000;
	padding: 2em 4em ;
	box-sizing: border-box
	}
#footer #site-info, 
#footer #site-info a {color: #996600}
#footer #site-info a:hover {color: #CC9900}

#site-info img {vertical-align:text-top}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}
@media only screen and (max-width:1060px) {
	#mailing-list {
		 padding: 1em;
		}
	#header, #main {
  		padding: 0 2em;
		}
	#sidebar {
 	 	 padding-right: 2em;
		}

}
@media only screen and (max-width:930px) {
	#mailing-list label {
    	float: none;
  		margin: 0;
	}
	
	#mailing-list input {
  		margin-bottom: 1em;
  		display: block
	}
	#primary{
		margin-top: 70%	
		}
}
@media only screen and (max-width:820px) {
	#sidebar {
		display: none;
		}
	.home #sidebar {
		display: block;
		}
	
	 #container  {
		display: block;
		}
	.home #container {
		position: relative;
		display: -webkit-box; 
		display: -moz-box;       
		display: -ms-flexbox;  
		display: -webkit-flex; 
		display: flex;	
		flex-direction: row-reverse ;
	 	-webkit-flex-direction: row-reverse;
		}
	#content {
		width: 100%;
		}	
	.home #content {
		width: 60%;
		}	
	#main {
		padding: 0
		}
	.home #main {
		padding: 0 2em
		}
	.menu-navigation-container {
		 	text-align: center
		 	}
	.menu-navigation-container li {
	 	display: inline-block;
	 	float:none
	 	}
	#sidebar {
		padding-right: 1em;
		}
	
	#primary div.sidebar-pics ul {
		padding: 2em 0 1em
		}
	#secondary .wp-playlist {
		padding: .5em;
		}
	#slideshow  {
		margin: 1em
		}
 	#mailing-list {
 		margin: 2em 1em
 		}
 	#homepage-content {
  		margin: 0 2em;
		}
	#footer {
		padding: 2em
		}
	
}
@media only screen and (max-width:600px) {
	.home #container {
		display: block
		}
	 .home #content,
	 .home #sidebar {
	 	width: 100%
	 	}
	  #primary {
		margin-top: 2em;
		}
	#blog-title {
		height: 50px;
    	margin: 2em 0 1em;
		}
	#primary div.widget-container li.recent-pics {
  		width: 33%;
		}
	
}

@media only screen and (max-width:520px) {
	#header {
		padding: 0 1em;
		}
	 #blog-title {
  		margin: 1em 0 .5em;
  		height: 35px;
		}
	#nav, #subnav, #blog-title {
  		left: 30%;
  		width: 70%;
		}
	#nav {
    	margin-bottom: 1em;
		}
	.home #main {
  		padding: 0 1em;
		}
	.menu-navigation-container ul {
		margin: 0
		}
	article {
     	margin: 1em;
		padding: 1.5em;
		}
	h1.page-title {
    	font-size: 2.25em;
		}
	.gallery {
		position: relative;
		display: -webkit-box; 
		display: -moz-box;       
		display: -ms-flexbox;  
		display: -webkit-flex; 
		display: flex;	
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		}
	.gallery .gallery-item {
		width: 50% !important;
		float: none !important
	} 
	
	
}
@media only screen and (max-height:800px) {
	#top-button {
 		background-color: #f1cb74;
  		border-radius: 3em 3em 0 0;
		box-sizing: border-box;
  		color: #fff;
  		display: block;
  		margin: 1em auto 0;
  		padding: 0.5em 1em;
  		text-align: center;
  		width: 72px;
	}
 
}	
@media only screen and (max-width:380px) {
	#blog-title {
   		margin: 1em 0 0;
		}
	#nav {
  		margin-bottom: 0.5em;
		}
	.menu-subnavigation-container li,
	.menu-navigation-container li {
		font-size: .7em;
		}
	.menu-navigation-container a {
  		padding: 3px 5px;
		}
	.meteor-slides .meteor-buttons {
  		top: 115%;
		}
	}