/*
Theme Name: GardenVariety
Theme URI: http://wordpress.org/themes/blankslate
Author: Reg Flowers
Author URI: http://regflowers.com
Description: This is a child theme of Blank Slate by Tidy Themes. <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme carefully constructed to be the most clean and minimalist theme available anywhere.
Version: 1.0.0.
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain:gardenvariety

GardenVariety WordPress Theme © 2014 Reg Flowers
GardenVariety is distributed under the terms of the GNU GPL
*/

/* COLORS
-------------
BRIGHT BLUE: #1F8491, rgba(31, 132, 145, 1.00)
WHITE: #FFFFFF, rgba(255, 255, 255, 1.00)
BLACK: #000000, rgba(0, 0, 0, 1.00)
LIGHT TAUPE: #E0D2AC, rgba(224, 210, 172, 1.00)
DARK TAUPE: #2A2412,rgba(42, 36, 18, 1.00)
*/

/* div tag reset 
------------------*/
html {
	border: 0;
	margin: 32px 0;
	padding: 0;
	background: rgba(224, 210, 172, 0.50);
}

body, div, img {
	border: 0;
	margin: 0;
	padding: 0;
	}

.clear {
	clear:both;
}

body {
	max-width:864px;
	width:100%;
	margin: 0 auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	line-height:150%;
	font-weight:300;
    /* margin-top: .5em; */
	color: #2A2412; 
    color: rgba(42, 36, 18, 1.00);
	padding:32px;
	background-color: rgba(255,255,255,1.00);
}

#wrapper { /* Wordpress uses this div as an enclosing element for all of the page content. */
}

#header { /* Wordpress uses this div tag to enclose the branding elements and the navigation in a "banner" */
	/* height:120px; */
}

#site-title{ /* The standard site branding is being replaced by a logo image. This was maintained from the orginal GS site design. */
    background: url("http://www.comolodije.com/wp-content/uploads/2014/12/color-logo.png") no-repeat;    
    text-indent:-9999px;
    float:left;
    width:180px;
    height:120px;
    margin-top:10px;            
}

/* NAVIGATION. */
/* The follow section controls the navigation menu. */

ul.menu {
	float:right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li.menu-item  { 
    display: block;
    float: left;
	font-size:1.125em; 
    text-transform:uppercase;
}

li.menu-item a {
	text-decoration: none;
	padding: .2em .875em;
	color:#1F8491; 
    color: rgba(31, 132, 145, 1.00); 
    font-weight: bold;
}

li.current-menu-item a {
	color:#7F7373; 
    color: rgba(59, 54, 53, 0.50);
}

li.menu-item a:hover {
	color:#7F7373; 
    color: rgba(127, 115, 115, 0.8); 
}

li.menu-item a:visited {
	color:#007DB1; 
    color: rgba(31, 132, 145, 0.90);  
} /* */

/* MAIN CONTENT */
#container { /* Wordpress encloses the content within this standard container seperate from the header */
	position:relative; /* I'm setting the positioning context so that elements can be positioned within this area */
}
.entry-content { /* This controls the main content area. The content here can be edited using the Worpress interface. */
	float:left;
	/*max-width: 576px;*/
	max-width:640px;
	width: 72%;
}

h1, h2, h3, h4, h5, h6 { /* Setting the typeface for all of the headers */
	font-family:  Georgia, serif;
	color:#2A2412;
    color: rgba(42, 36, 18, 0.80);
	font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
}

h3 { /* 3rd level header tags will get special treatment across the site */
	font-style:italic;
}
/* The following style declarations are for formating the blockquote which is featured at the top of the main content area */

blockquote {  /* This controls most of the blockquote formatting. */
	width:85%; 
	max-width: 560px;
	margin:1em;
	position: relative;
	left: 80px;
	margin: 1.5em auto;
	quotes: "\201C" "\201D"; /* Sets the quotes to curly quotes using the ascii standard HEX values */
}

blockquote p {  /* This controls most of the blockquote formatting. */
	font-family:  Georgia, serif;
    font-size: 1.2em;
	font-style:italic;
	line-height: 150%;
	color:#1F8491; 
    color: rgba(31, 132, 145, 0.90);
}

blockquote p::before {  /* This adds the open quotes as a prefix. */
	content:  open-quote; 
	font-weight: bold;
}

blockquote p::after {  /* This appends the close quotes. */
	content: close-quote; 
	font-weight: bold;
}

blockquote p + p:last-child { /* This declaration forces the second paragraph of the block quote to be treated as the attribution line */
	font-family:  Georgia, serif;
	text-transform:capitalize;
	text-align:right;
	color:#2A2412;
    color: rgba(42, 36, 18, 0.50); 
	margin:1em;
}

blockquote p + p:last-child::before { /* This adds the em dash as a prefix and overrides the open quotes */
	content: "\2014";
}

blockquote p + p:last-child::after { /* This overides the close quotes */
	content: "";
}

#sidebar {  /* This controls the sidebar area. The content can be edited using the Wordpress widget features. */
	/*float:right;*/
	max-width: 192px;
	width: 23.75%;
	position:absolute;
	right:0;
	top:0;
}

#footer {  /* This is a wordpress generated standard primary footer */
	clear:both;
	font-size: .75em;
	font-weight:bold;
}

#primary {  /* This is a wordpress generated standard primary siderbar */
	text-align:right;
}

ul.xoxo {  /* This is a wordpress generated list that is part of the standard primary siderbar */
	clear:both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

.widget-title {  /* This is a wordpress generated header */
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.5em;	
	font-weight:bold;
	margin:0 0 3px 0;
}

.textwidget p {
    font-size: 1em;
	font-weight:400;
	margin:0.5em 0;
}

.sm_icon { /*formats the social media graphics for Facebook and Twitter */
	vertical-align: top;
	width: 29px;
	height: 27px;
}

#copyright {
	position:relative;
}
img.footer_logo {
	position:absolute;
	right:0;
	bottom:0;
}
/* creates a button to use for linking to assets. Used for link to brochure. */
.button {
	display:block;
	width:25%;
    padding:0.30em;
    border-radius:10px;
    background-color: rgba(31, 132, 145, 1.00);
    text-align:center;
	color: #FFFFFF;
	color: rgba(255, 255, 255, 1.00);
	text-decoration:none;
	float:right;
}

.button::after {
	content: "";
	clear:right;
}
.alignleft { 
	float:left; 
	padding-right: 10px;
}
.clear {
	clear:both;
}
#site-banner {
    max-width: 150%!important;
    padding-left: 10px;
    padding-right: 10px;
}
#footer-banner {
  max-width: 150%;
  padding: 0 20px;
}
#site-banner-right {
    right: 10px!important;;
}