/*
Theme Name: Responsive Child
Description: Child theme for the Responsive
Author: Steph Mineart
Template: responsive
*/

@import url("../responsive/style.css");
/* # Fonts
============================================================== */


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

/* # Modified styles from original stylesheet
============================================================== */

/* == begin 1.250 Major Third  http://type-scale.com/, base size 18px == */

body {
 font-size: 16px;
   font-family: Domine, Georgia, 'Times New Roman', Times, serif;
   font-weight: normal;
   line-height: 1.5; 
   color:#3F464F; 
}

input, select, textarea {
font-size: 14px;
}

p { margin: 0.7em 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 { margin-top: 0;
     font-size: 2.441em;
}

h2 {font-size: 1.953em;}

h3 {font-size: 1.563em;}

h4 {font-size: 1.25em;}

small, .font_small {font-size: 0.8em;}
/* == End 1.250 Major Third == */


blockquote { margin-left:2em; }

.post blockquote p {
	font-family: Domine, Georgia, 'Times New Roman', Times, serif;
	font-size: 100%;
	font-style:normal;
	color:#000;
}

#wrapper {
	border:none;
	padding: 0 40px 40px 40px;
}

#content { margin-top:1em; }

.breadcrumb-list {
	padding: 1em 0 1.5em 0;
}


.home #wrapper {
	background-color: #FFF;
	padding: 0 40px 40px 40px;
}

.site-name {  /* edit  */
	display: block;
	font-family: 'SailRegular';
	font-size: 2.827em; 
    line-height: 1.0em;
	padding-top: 20px;
	text-shadow: 2px 2px 0px #fff, 4px 4px 0px rgba(0,0,0,0.15);
}


.site-description { font-size: 0.8em; color:#666; }

.main-nav { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

#top-widget { width:30%; } /*prevents search box crashing*/

.menu {
	background: #95928A!important;
	color: #fff;
}


.menu a {
	background: #95928A!important; 
	border-left: 1px solid #F3F1E9;
	text-shadow: 0 1px 0 #000;
}

.menu a:hover {
	background: #595F66!important;
	color: #fff;
}


.home .post { border-bottom: 1px solid #eee; margin: 0 0 2em 0;}
.home h2 { margin: 0.2em 0;}
.home h2 a { color:#3F464F; }
.home h2 a:hover { color:#0066cc; }

#content-archive .post-meta { margin-bottom: 0; }

h3.widget-title { display:none; }

.ads { margin:1em 0 0 0; }

li.widget-container { list-style:none; }

.post ol {line-height: 1.5em; }

.post ol li {margin-bottom:1em; }


/* # Ad related stuff
============================================================== */

.leaderboard {
	margin: 2em auto 0 auto; padding:0; 
	max-width: 728px!important;
}

.leaderboard script {
	height: auto;
	width:100%!important;
	max-width: 728px!important;
}


/* # Body entry styles added by electrasteph
============================================================== */
.colorred { color:#B20000; }
.colororange { color:#D96D00; }
.colorgreen { color:green; }
.colorblue { color:blue; }
.colorpurple { color:purple; }

.hilightred { background-color:#FFD9D9; color:#000;padding:5px;}
.hilightorange { background-color:#FFD6C5; color:#000;padding:5px;}
.hilightyellow { background-color:#FFFFE0; color:#000;padding:5px;}
.hilightgreen { background-color:#B7FFBB; color:#000;padding:5px;}
.hilightblue { background-color:#DFF0FF; color:#000;padding:5px;}
.hilightpurple { background-color:##D9D0FF; color:#000;padding:5px;}

.rot13_encoded { background-color:#DFF0FF; color:#000; padding:5px;}

aside { font-size:1.8em; line-height:1.8em; font-style:oblique; padding: 0.5em 1em 0 2em; font-family: Domine, Georgia, 'Times New Roman', Times, serif; background:url(/display/upload/bg-quotes.gif) top left no-repeat;  }

/* entry styles */

div.review { clear:both; margin-bottom:1.5em; overflow:auto;
}

div.cover {
	float: right;
}


.intro {
	color: #000;
	padding-bottom:0.5em;
	border-bottom:1px solid #CCC;
	margin-bottom:1em;	
}

.intro p:last-child { padding-bottom:0em;}

p.author {
	color: #000;
	font-style:italic;
}

.checked {
	text-decoration: line-through; 
}


/* # Video and Image Gallery Styles
============================================================== */

a.panel img { border: 3px solid #000!important; }

/* make videos expand and contract */
.video-container, .flickrPhotoShow {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 30px;*/
	height: 0;
	overflow: hidden;
	margin-bottom: 1em;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

/* style flickr photos */
div.photogroup {
	margin: 0 0 10px;
}

div.photogroup .flickr {
	color: #FAFAFA;
	padding: 5px;
}

div.photogroup .flickr-photo {
	border: 1px solid #666;
}

div.photogroup p {
	margin: 0;
}

div.photogroup .caption {
	color: #000;
	text-indent: 0;
}

div.photogroup .photoset a {
	margin: 0;
	padding: 0;
	color: #DDDDD9;
	text-decoration: underline;
}

/*  Big things photos pages */
/*.albumIndex { position:relative; }
.albumIndex #leftColumn { float:left; width:45%; }
.albumIndex #rightColumn { float:right; width:45%; }
.albumIndex #rightColumn h2 { border:none; } */

#photoAlbum div.section {
	clear: both;
	margin: 0;
	padding: 10px 0;
}

#photoAlbum div.section h2 {
	margin: 1em 0 0;
	padding: 0;
}

#photoAlbum div.section p {
	margin: 0 0 .5em;
	padding: 0;
}

#photoAlbum #toc {
	position: relative;
	float: right;
	background-color: #FFF;
	color: #000;
	width: 250px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #9B9782;
}

#photoAlbum #toc h3 {
	margin: 0;
}

#photoAlbum #toc h3 a {
	text-decoration: none;
	color: #000;
}

#photoAlbum #toc p {
	margin: 0;
	padding: 0;
}

#photoAlbum #toc a.selected {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#photoAlbum div.section div.thumb {
	position: relative;
	float: left!important;
	text-align: center;
	margin: 5px 5px 5px 0;
	padding: 0;
}

#photoAlbum div.section div.thumb img {
	border: 1px solid #9B9782;
}

#photoAlbum div.section div.thumb p {
	text-align: left;
	font-size: .8em;
	line-height: 1.2em;
	margin: 0;
	padding: 0 10px 10px;
}


/* =========== Archive Pages appearance =========== */
body.archive h6.title-archive { font-size: 1.5em; margin:0; }
body.archive h2.post-title { font-size: 1.2em; }
body.archive div.post-entry p { margin:0; font-size:0.9em; }
body.archive div.post-entry .read-more { display:none; }
body.archive .post-data { margin-top:5px; }
body.archive .post-edit { display:none; }
body.archive .navigation { font-size: 1.2em; padding:0; }
body.archive .navigation a { color:#0066cc; padding:0; }

/* =========== Search Pages appearance =========== */
body.search h6.title-archive { font-size: 1.5em; margin:0; }
body.search h2.post-title { font-size: 1.2em; }
body.search div.post-entry p { margin:0; font-size:0.9em; }
body.search div.post-entry .read-more { display:none; }
body.search .post-data { margin-top:5px; }
body.search .post-edit { display:none; }
body.search .navigation { font-size: 1.2em; padding:0; }
body.search .navigation a { color:#0066cc; padding:0; }

/* =========== Responsive Queries=========== */

@media screen and (max-width: 980px) {
	.site-name { font-size: 3.325em; }
         
}

@media screen and (max-width: 920px) {
}


@media screen and (max-width: 980px) {
	.site-name { font-size: 3.325em; }
 
}


@media screen and (max-width: 860px) {
	.site-name { font-size: 3em; }
 
}

@media screen and (max-width: 760px) {
         
}


@media screen and (max-width: 650px) {
	.site-name { font-size: 3em; } 
	#wrapper { padding: 0 20px 20px 20px;}
	#top-widget { width:100%; }   /*prevents search box crashing*/
}

@media screen and (max-width: 480px) {
	.site-name { font-size: 2.325em; }
	#container {padding: 0 10px;}
	#wrapper { padding: 0 5px 10px 5px;}
	.home #wrapper { padding: 0 5px 10px 5px;}
	h1.post-title { font-size: 2.063em; }
	#top-widget { width:100%; }   /*prevents search box crashing*/
}

@media screen and (max-width: 320px) {	
	.site-name { font-size: 2.063em; }
	#container {padding: 0 10px;}
	#wrapper { padding: 0 5px 10px 5px;}
	.home #wrapper { padding: 0 5px 10px 5px;}
	h1.post-title { font-size: 2.063em; }
}

@media screen and (max-width: 240px) {
	.site-name { font-size: 2.063em; }
	#container {padding: 0 10px;}
	#wrapper { padding: 0 5px 10px 5px;}
	.home #wrapper { padding: 0 5px 10px 5px;}
	h1.post-title { font-size: 2.063em; }

}