/*
Theme Name: Capels Fish & Chips
Theme URI: http://exmouth-fish-and-chips.co.uk/
Description: Capels WordPress theme
Version: 1.1
Author: Craig Buckler
Author URI: http://optimalworks.net/
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700);

body
{
	font-family: 'Open Sans', helvetica, freesans, sans-serif;
	font-size: 85%;
	font-weight: 400;
	min-width: 280px;
	padding: 0;
	margin: 0;
	color: #443;
	background-color: #344d75;
	border: 0 none;
	overflow-y: scroll;
}

header, article, footer, section, aside, nav
{
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
}

/* layout */
#page
{
	width: 100%;
}

/* header */
header p
{
	font-size: 2em;
	font-weight: 700;
	text-align: center;
	line-height: 1em;
	padding: 0;
	margin: 0;
	color: #fff;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}

header img
{
	display: block;
	max-width: 60%;
	margin: 3px auto;
}

header p#phone img
{
	display: none;
}

header a:link, header a:visited, header a:hover, header a:focus
{
	color: #fff;
	text-decoration: none;
	outline: 0 none;
}

/* navigation */
nav
{
	clear: both;
	padding: 2px 0;
	margin-top: 4px;
	background-color: #2b3f60;
}

nav ul
{
	width: 90%;
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	overflow: auto;
}

nav li
{
	display: inline;
	float: left;
	width: 20%;
	padding: 0;
	margin: 0;
}

nav a:link, nav a:visited, nav a:hover, nav a:focus, nav a:active
{
	display: block;
	font-size: 0.85em;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	padding: 8px 0;
	color: #fff;
	border: 1px solid transparent;
}

nav a, nav a:hover img, nav a:focus img
{
	-webkit-transition: 800ms ease 50ms;
	-moz-transition: 800ms ease 50ms;
	-ms-transition: 800ms ease 50ms;
	-o-transition: 800ms ease 50ms;
	transition: 800ms ease 50ms;
}

nav a:hover, nav a:focus, nav a:active
{
	background-color: #182436;
	border-color: #112 #458 #458 #112;
	text-shadow: 1px 1px 4px #fff, -1px -1px 4px #fff;
}

nav a:hover img, nav a:focus img
{
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}

nav img
{
	display: block;
	max-width: 90%;
	margin: 0 auto;
}

/* content */
article
{
	width: auto;
	padding: 10px 20px 20px 20px;
	background:
		url('images/shade-top.png') 0 0 repeat-x,
		url('images/shade-bottom.png') 0 100% repeat-x;
	background-color: #fff;
}

article aside
{
	clear: both;
}

/* footer */
footer
{
	clear: both;
	width: auto;
	font-size: 0.85em;
	line-height: 1.2em;
	padding: 1px 20px;
	margin: 0 0 4px 0;
	color: #ddd;
	background-color: #2b3f60;
}

footer section
{
	box-sizing: border-box;
	text-align: center;
	margin: 1em 0;
}

footer section.awards p {
	display: inline-block;
	padding: 0 2px;
	margin: 0;
}

footer section.awards a {
	display: block;
	outline: 0 none;
}

footer a img {
	display: block;
	max-height: 8em;
	border: 2px solid #fff;
}

footer a:link, footer a:visited
{
	color: #ddd;
}

footer a:focus, footer a:hover, footer a:active
{
	color: #fff;
}

footer hr
{
	clear: both;
	height: 0px;
	padding: 0;
	margin: 0;
	border: 0 none;
}

/* typography */
.hgroup
{
	width: 100%;
	padding: 0;
	margin: 0 0 1em 0;
}

h1, .hgroup h2, h3
{
	font-size: 1.8em;
	font-weight: 400;
	line-height: 1.1em;
	margin: 0;
	padding: 0.2em 0 0.1em 0;
	color: #2c598f;
}

h1
{
	font-weight: 700;
}

.hgroup h2
{
	font-size: 1.3em;
	padding: 0;
}

h2
{
	font-size: 1.3em;
	font-weight: 400;
	margin: 1.5em 0 4px 0;
	color: #2c598f;
}

section h2:first-child, aside h2:first-child
{
	margin-top: 0;
}

h3
{
	font-size: 0.9em;
	color: #999;
	text-shadow: none;
}

ul, ol
{
	padding: 0;
	margin: 1em 0 1.5em 3em;
}

ul
{
	list-style-type: disc;
}

li
{
	padding: 0;
	margin: 0.3em 0;
}

p
{
	margin: 0 0 1em 0;
}

p.date
{
	font-size: 0.9em;
	color: #999;
}

#pagelist p.date
{
	margin: 0;
}

blockquote
{
	clear: both;
	font-size: 1.1em;
	font-style: italic;
	text-align: center;
	padding: 0.6em 2em 0 2em;
	margin: 0 0 1.5em 0;
	background: url("images/quote.png") 100% 0 no-repeat;
}

a img
{
	border: 0 none;
}

article img
{
	clear: both;
	display: block;
	max-width: 95%;
	padding: 5px;
	margin: 0 auto 1em auto;
	background-color: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

article img.left {
	float: left;
	max-width: 35%;
	margin: 0 1.5em 1em 0;
}

article img.right {
	float: right;
	max-width: 35%;
	margin: 0 0 1.5em 1em;
}

strong
{
	font-weight: 700;
}

a:link, a:visited
{
	color: #33c;
	text-decoration: none;
}

a:hover, a:focus, a:active
{
	color: #00c;
	text-decoration: underline;
}

/* page links */
.link
{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

.link img
{
	display: inline;
	float: left;
	max-width: 30%;
	margin: 6px 15px 1em 0;
}

.link h2
{
	font-weight: 700;
	margin: 0;
}

.link a.more
{
	font-style: italic;
}

/* map */
#map
{
	clear: both;
	display: none;
	height: 400px;
	margin: 1.5em 0;
	border: 1px solid #999;
}

#map.active
{
	display: block;
}

article #map img
{
	clear: none;
	display: inline;
	float: none;
	width: auto;
	max-width: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: 0 none;
	box-shadow: none;
}

/* hCard address microformat */
.vcard dl, .vcard dt, .vcard dd, .vcard ul, .vcard li, .vcard p
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vcard li.country-name, article .vcard dt
{
	display: none;
}

.vcard .tel dd
{
	font-size: 1.4em;
}

.vcard dd
{
	margin-bottom: 10px;
}

.vcard p.add
{
	font-style: italic;
	padding: 10px 0 10px 22px;
	background: url("images/vcard.png") 0 50% no-repeat;
}

article .vcard a:link, article .vcard a:visited,
article .vcard a:hover, article .vcard a:focus, article .vcard a:active
{
	text-decoration: none;
	color: #443;
}

/* print styles */
@media print
{
	body, body *
	{
		color: #000;
		background-color: #fff;
	}

	body
	{
		font-size: 75%;
	}

	nav, p.add, footer section, #map.active
	{
		display: none;
	}

	footer section.vcard
	{
		display: block;
	}

	header, article, footer
	{
		height: auto;
		padding: 0;
		margin: 30px 0;
		border: 0 none;
	}

	header
	{
		padding-bottom: 10px;
		border-bottom: 1px solid #000;
	}

	article section, article aside
	{
		display: inline;
		float: left;
		width: 45%;
	}

	article aside
	{
		float: right;
	}

	.hgroup
	{
		font-size: 0.7em;
		margin: 10px 0;
	}

	h1, .hgroup h2, h3, header div p
	{
		text-transform: none;
		text-shadow: none;
	}

	footer
	{
		font-size: 0.8em;
		padding-top: 10px;
		border-top: 1px solid #000;
	}

	*, a:link, a:visited
	{
		font-weight: 400;
		color: #000 !important;
	}

}