/*
Theme Name: Twenty Twelve Child Theme
Template: twentytwelve

Colours from here:
https://kuler.adobe.com/create/color-wheel/?base=2&rule=Shades&selected=3&name=My%20Kuler%20Theme&mode=rgb&rgbvalues=0.75,0.30000000000023874,0,0.5,0.20000000000015916,0,1,0.4,0,0.25,0.10000000000007958,0,0.9,0.3600000000002865,0&swatchOrder=0,1,2,3,4
#BF4C00
#7F3300
#FF6600
#401900
#E55C00

*/
 
@import url("../twentytwelve/style.css");

@import url(http://fonts.googleapis.com/css?family=Lobster|Quando|Satisfy);

body.custom-background .site {
	background-color: #401900;
}

h1.site-title {
	font-family: 'Lobster', serif;
	font-size: 50px;
}

h2.site-description {
	font-family: 'Satisfy', cursive;
	font-size: 19px;
	/* font-style: oblique; */
}

/* Navigation Menu */
.main-navigation {
}
.main-navigation li {
	font-size: 14px;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom: 1px solid #7F3300;
	border-top: 1px solid #7F3300;
}
.main-navigation li a {
	color: #BF4C00;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
	color: #FF6600;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #E55C00;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: 'Quando', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #E55C00;
}
body.custom-font-enabled {
	font-family: 'Quando', Helvetica, Arial, sans-serif !Important;
}
a {
	outline: none;
	color: #BF4C00;
}
a:hover {
	color: #FF6600;
}

.entry-content pre,
.comment-content pre {
	border: 1px solid #7F3300;
	color: #E55C00;
	font-family: 'Quando', serif;
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.site-content article {
	border-bottom: 4px double #7F3300;
}
footer.entry-meta {
	color: #7F3300;
}
.comments-link a,
.entry-meta a {
	color: #7F3300;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}

.archive-header,
.page-header {
	border-bottom: 1px solid #7F3300;
}

/* Small headers */
h3.widget-title {
	font-size: 16px;
}
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #7F3300;
}
.entry-content a:hover,
.comment-content a:hover {
	color: #21759b !important;
}
.entry-content a:visited,
.comment-content a:visited {
	color: #BF4C00;
}
.widget-area .widget a {
	color: #E55C00;
}
.widget-area .widget a:hover {
	color: #FF6600;
}
.widget-area .widget a:visited {
	color: #BF4C00;
}
img.size-sml {
	max-width: 190px;
	height: auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-med {
	max-width: 300px;
	height: auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.wp-caption {
	max-width: 190px;
	padding: 0;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 10px 15px 10px 0;
	/* margin: 0.84rem 1.70rem 0.84rem 0; */
}
img.alignright,
.wp-caption.alignright {
	margin: 10px 0 10px 15px;
	/* margin: 0.84rem 0 0.84rem 1.70rem; */
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 10px;
	/* margin-top: 0.84rem; */
	margin-bottom: 10px;
	/* margin-bottom: 0.84rem; */
}

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	color: #BF4C00;
}

/* Comment form */
#respond form p.form-allowed-tags {
	color: #E55C00;
}

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #7F3300;
}
footer[role="contentinfo"] a {
	color: #7F3300;
}
footer[role="contentinfo"] a:hover {
	color: #FF6600;
}