@import url(reset-spacing.css);
/*-----------------------------------------------------------------------------
Cobwood Studio Style Sheet - base css
version:   4.6 2 Aug 2017
author:    nigel wood
website:   http://www.cobwood.co.uk/
-----------------------------------------------------------------------------*/

/* ------Layout------------------------------------------------------------- */
html, body { height: 100%; }

body {
	/* background-color: #F6F8F8; */
	background-image: url("../graphics/daisies-11.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	font: 100% verdana, arial, sans-serif;
    color: #170c0c;
}
.page {
	min-height: 80%;
	position: relative;/* moves cookies in from edge */
	background-color: rgba(246, 248, 248, 0.9);
	max-width: 1066px;
	margin: 0 auto;
}
.content {
	padding: 0 5%;
}
.leftCol {
	float:left;
	width: 30%;
	padding-right: 3%;
}
.main {
	float: left;
	width: 100%;	
}
.reading { max-width: 34em; }/* width of text in about */

/* use group class in place of clearfix */
.group:after { content: ""; display: table; clear: both; }

footer { clear: both; padding-bottom: 20px;}

/* ------Typography--------------------------------------------------------- */
/* h1= title; h2 = heading; h3 = sub heading; h4 = captions */
h1 {
	font-family: 'Special Elite', cursive;
	font-size: 1.125em;
}
h1 span { font-size: 0.6667em; }

h4 {
	font: normal 1.25em 'Special Elite', cursive;
	letter-spacing: 0.1em;
}
h2, h3, h5, h6, p, td, th, ul, li, a { font-family: verdana, arial, sans-serif; font-weight: normal; }

h2 { font-size: 1.0em; }

h3, h5, h6 { font-size: 0.875em; }

p, th, td, li, figcaption { font-size: 0.75em; line-height: 1.4em; }

/* figcaption { font-size: 0.75em; padding-bottom: 10px; } */

.quoted { font-family: verdana, arial, sans-serif; font-style: italic; }

.circle { list-style: circle inside; padding-left: 1px; }

.nodecor { text-decoration: none; }

/* ------Colour------------------------------------------------------------- */
h1, h2, h3, h4, .highlight { color: #993333; }

footer p { color: #888; }

a, a:link, a:visited, a:hover, a:active { color: #170c0c; }
a.highlight{ color: #993333; }/* ebook intro */

a.map, figcaption { color: #888; }/* sitemap */

.grey, .grey a { color: #666; }

/* ------Spacing------------------------------------------------------------ */
h1 { padding: 20px 0 10px 0; }

/* h3, h5, p, li { margin-bottom: 10px; } */
h2, h3, p, li, figcaption { margin-bottom: 10px; }

h4 { padding-top: 5px; }

/* ------Navigation--------------------------------------------------------- */
/* tabNavigation class - see css mastery p91 */
.tabsNav {
	float: left;
	list-style: none;
}
.tabsNav li {
	float: left;
	font-size: 1em;
}
.tabsNav a {
	float: left;/* IE 5.2 Mac CSS Mastery p93 */
	display: block;
	font-size: 0.813em;
	line-height: 30px;
	background: url(../graphics/anchor-bkng-lt.gif) left top no-repeat;
	padding: 0 8px;
}
.tabsNav .first { background: none; padding-left: 0; }
.current { cursor: default; }
.tabsNav a:link, .tabsNav a:visited { color: #993333; text-decoration: none; }
.tabsNav a:hover, .tabsNav a:active { color: #993333; text-decoration: underline; }
.tabsNav a.current { cursor: default; text-decoration: underline;}

/* ------Decoration--------------------------------------------------------- */
.border { padding: 1px; border: 1px solid #AAA; }

/* ------ebook-------------------------------------------------------------- */
	.ebook table { border-bottom: 1px solid #AAA; }
	.ebook th, .ebook td { padding-bottom: 10px; padding-right: 10px; color: #888; }
	.ebook th { font-weight: bold; }
	.ebook td { border-top: 1px solid #AAA; }

/* ------Contact------------------------------------------------------------ */
.contact td { padding: 4px; }
input.shadow, textarea { background-color: #EEE; padding: 2px; border-style: solid; border-color: #888 #DDD #DDD #888; border-width: 1px; }

/* ------cookies------------------------------------------------------------ */
.cookies { position: absolute; top: 0; right: 0; z-index: 2000; }
.cookies p { text-align: right; padding-right: 10px; }
.cookies p a { font-family: verdana, arial, sans-serif; color: #888; text-decoration: none;}

/* ------Home Portfolio----------------------------------------------------- */
.work{
    display: block;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
}
.work .media{
    width: 100%;
    vertical-align: middle;
    border: 1px solid #FFF;
}
.work .caption {
	position: absolute;
	display: block;
	width: 90%;
	left: 5%;
	bottom: 5%;
	text-align: center;
	background: #ffffff;
	opacity: 0.6;
}

/* ------Responsive--------------------------------------------------------- */
@media (max-width:659px){
	.desktop, .leftCol { display: none; }
}
@media (min-width:660px){
	.main { width: 66.6666%; }/* else 100% */
}
@media (min-width:440px){
	.work { width: 50%; }/* else 100% */
}