/* ------------------------------------------------------------------------- */
/*
	Filename:					screen.css
	Author Name:					Ed Henderson
	Author Email:					ed@webmanwalking.com
	Author URI:					webmanwalking.com
	Version:					1.0
	Date:						March 2010
*/

/* ------------------------------------------------------------------------- */
/* Table Of Contents
---------------------------------------------------------------------------- */
/*
	 =0 Definitions
	 =1 Reset
	 =2 Global
	 =3 Links
	 =4 Headings
	 =5 Header
	 =6 Navigation
	 =7 Content
	 =8 Forms
	 =9 Miscellaneous
	=10 Footer
*/

/* ------------------------------------------------------------------------- */
/* =0 Definitions
---------------------------------------------------------------------------- */

/*
*/

/* ------------------------------------------------------------------------- */
/* =1 Reset
---------------------------------------------------------------------------- */

@import url("reset.css");

/* ------------------------------------------------------------------------- */
/* =2 Global
---------------------------------------------------------------------------- */

body
{
	background:						#e0e4cc;
	color:							#454545;
	font-family:						"Franklin Gothic Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:						1em;
	line-height:						1.125em;
}

.outer-pinch
{
	background-color:					#f0f2e6;
	margin-left:						auto;
	margin-right:						auto;
	width:							920px;
}

.inner-pinch
{
	background-color:					#fff;
	margin-left:						auto;
	margin-right:						auto;
	width:							840px; /* 880px - 20px - 20px */
	padding:						20px;
}

.outer-stripe
{
	min-width:						920px;
}

.outer-stripe.primary
{
	background-color:					#69d2e7;
	border-bottom:						4px solid #5ebdcf;
}

#info-bar.outer-stripe.primary
{
	height:							100px;
}

.outer-stripe.secondary
{
	background-color:					#f38630;
	border-bottom:						4px solid #da782b;
}

.inner-stripe
{
	margin-left:						auto;
	margin-right:						auto;
	width:							840px;
	color:							#fff;
}

#content .inner-pinch
{
	overflow:						hidden;
	background:						transparent url("img/divider.gif") repeat-y 0 0;
}

.verso
{
	float:							left;
	width:							600px;
}

.recto
{
	float:							right;
	width:							180px;
}

#content .recto
{
	font-size:						90%;
}

#textnav
{
	padding-top:						0.5em;
	padding-bottom:						0.5em;
	margin-left:						auto;
	margin-right:						auto;
	text-align:						center;
}

#textnav li
{
	display:						inline;
	margin-right:						2em;
}

#textnav li:last-child,
#textnav li.last-child
{
	margin-right:						0;
}

#textnav a:link
{
	text-decoration:					none;
	color:							#fff;
	border-bottom:						1px dotted #fff;
}

#textnav a:visited
{
	text-decoration:					none;
	color:							#fff;
	border-bottom:						1px dotted #eab57e;
}

#textnav a:focus,
#textnav a:hover,
#textnav a:active
{
	text-decoration:					none;
	color:							#fff;
	border-bottom:						1px solid #fff;
}

/* ------------------------------------------------------------------------- */
/* =3 Links
---------------------------------------------------------------------------- */

a:link
{
	text-decoration:					underline;
	color:							#69d2e7;
}

a:visited
{
	text-decoration:					underline;
	color:							#454545;
}

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

/* ------------------------------------------------------------------------- */
/* =4 Headings
---------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight:						normal;
}

h1
{
	color:							#69d2e7;
	line-height:						1em;
	margin-bottom:						0.75em;
	font-size:						1.75em;
}

h2,
table caption
{
	background-color:					#f38630;
	color:							#fff;
	padding:						0.25em 0.5em;
	border-bottom:						#da782b 4px solid;
	line-height:						1em;
	margin-bottom:						0.75em;
	font-size:						1.50em;
	text-align:						left;
}

#sidebar h2
{
	height:							25px;
	width:							180px;
	padding:						0;
	margin:							30px 0 20px 0;
	background-color:					transparent;
	background-position:					0 0;
	background-repeat:					no-repeat;
	border-bottom:						none;
}

#sidebar h2#newsletter
{
	background-image:					url("img/sidebar/h2/newsletter.png");
}

#sidebar h2#twitter
{
	background-image:					url("img/sidebar/h2/twitter.png");
}

#sidebar h2#news
{
	background-image:					url("img/sidebar/h2/news.png");
}

#sidebar h2#thank-you
{
	background-image:					url("img/sidebar/h2/thank-you.png");
}

#sidebar h2 a
{
	display:						block;
	height:							25px;
	width:							180px;	
	
}

#sidebar h2.first-child
{
	margin-top:						0;
}

#mainbar h2 a:link,
#mainbar h2 a:visited
{
	color:							#fff;
	text-decoration:					none;
}

#mainbar h2 a:focus,
#mainbar h2 a:hover,
#mainbar h2 a:active
{
	color:							#fff;
	text-decoration:					underline;
}

h3
{
	line-height:						1em;
	margin-bottom:						0.75em;
	font-size:						1.33em;
}

/* ------------------------------------------------------------------------- */
/* =5 Header
---------------------------------------------------------------------------- */

#header
{
}

#header .inner-pinch
{
	padding-bottom:						0;
	position:						relative;
}

#logo
{
	background:						transparent url("img/logo.png") no-repeat 0 0;
	margin-bottom:						20px;
}

#logo,
#logo a
{
	width:							503px;
	height:							80px;
}

#logo a
{
	display:						block;
}

#logo span,
#sidebar h2 span,
#blurb blockquote
{
	position:						absolute;
	left:							-2000px;
	top:							-2000px;
}

#tagline
{
	background:						transparent url("img/tagline.png") no-repeat 0 0;
	position:						absolute;
	width:							400px;
	height:							18px;
	left:							120px;
	top:							73px;
}

#tagline span
{
	position:						absolute;
	left:							-2000px;
	top:							-2000px;
}

#search
{
	width:							300px;
	height:							80px;
	position:						absolute;
	right:							20px;
	top:							20px;
	text-align:						right;
}

/* ------------------------------------------------------------------------- */
/* =6 Navigation
---------------------------------------------------------------------------- */

#primarynav
{
	overflow:						hidden;
}

#primarynav li,
#primarynav li a
{
	width:							auto;
	height:							57px;
	line-height:						57px;
}

#primarynav li
{
	float:							left;
}

#primarynav li.last-child,
#primarynav li:last-child
{
}

#primarynav li a
{
	display:						block;
	text-align:						center;
	padding-left:						15px;
	padding-right:						15px;	
}

#primarynav li a:link,
#primarynav li a:visited
{
	color:							#f38630;
	text-decoration:					none;
	font-weight:						normal;
}

#primarynav li.current_page_item a:link,
#primarynav li.current_page_item a:visited,
body.single #primarynav li.news a:link,
body.single #primarynav li.news a:visited
body.blog #primarynav li.news a:link,
body.blog #primarynav li.news a:visited,
body.single #primarynav li.news a:link,
body.single #primarynav li.news a:visited,
body.category-news #primarynav li.news a:link,
body.category-news #primarynav li.news a:visited
{
	background-color:					#69d2e7;
	border-right:						4px solid #5ebdcf;
	color:							#fff;
}

#primarynav li a:focus,
#primarynav li a:hover,
#primarynav li a:active
{
	color:							#69d2e7;
	text-decoration:					underline;
	font-weight:						normal;
}

#primarynav li.current_page_item a:focus,
#primarynav li.current_page_item a:hover,
#primarynav li.current_page_item a:active,
body.single #primarynav li.news a:focus,
body.single #primarynav li.news a:hover,
body.single #primarynav li.news a:active,
body.blog #primarynav li.news a:focus,
body.blog #primarynav li.news a:hover,
body.blog #primarynav li.news a:active
{
	background:						#69d2e7;
	color:							#fff;
}

/* ------------------------------------------------------------------------- */
/* =7 Content
---------------------------------------------------------------------------- */

#content p,
#content ul
{
	margin-bottom:						1em;
	line-height:						1.2em;
}

#sidebar ul
{
	border-top:						1px solid #e0e4cc;
}

#sidebar li
{
	border-bottom:						1px solid #e0e4cc;
}

#sidebar li a
{
	display:						block;
	padding:						0.6em 0.3em;
}

#sidebar li a small
{
	display:						block;
	font-size:						80%;
	color:							#939589;
}

#sidebar li a:link
{
	color:							#454545;
	text-decoration:					none;
}

#sidebar li a:visited
{
	color:							#454545;
	text-decoration:					none;
}

#sidebar li a:focus,
#sidebar li a:hover,
#sidebar li a:active,
#sidebar li a:focus small,
#sidebar li a:hover small,
#sidebar li a:active small
{
	background-color:					#69d2e7;
	color:							#fff;
}

#sidebar #thank-you-list
{
	border-top:						none;
}

#sidebar #thank-you-list li
{
	border-bottom:						none;
	padding-bottom:						40px;
	font-weight:						bold;
	text-align:						center;
}

#sidebar #tweets ul li
{
	padding:						0.6em 0.3em;
}

#sidebar #thank-you-list li a
{
	display:						block;
	padding:						0;
}

#sidebar #tweets ul li a
{
	display:						inline;
	padding:						0;
}

#sidebar #thank-you-list li a:link,
#sidebar #thank-you-list li a:visited
{
	background-color:					transparent;
	text-decoration:					none;
}

#sidebar #thank-you-list li a:focus,
#sidebar #thank-you-list li a:hover,
#sidebar #thank-you-list li a:active
{
	background-color:					transparent;
	text-decoration:					none;
}

#sidebar #tweets ul li a:link
{
	background-color:					transparent;
	text-decoration:					underline;
	color:							#69d2e7;
}

#sidebar #tweets ul li a:visited
{
	background-color:					transparent;
	text-decoration:					underline;
	color:							#454545;
}

#sidebar #tweets ul li a:focus,
#sidebar #tweets ul li a:hover,
#sidebar #tweets ul li a:active
{
	background-color:					transparent;
	text-decoration:					underline;
	color:							#f38630;
}

/* ------------------------------------------------------------------------- */
/* =8 Forms
---------------------------------------------------------------------------- */

#newsletter-form,
#search-form
{
	height:							30px;
}

#search-form
{
	position:						relative;
	left:							-29px;
}

#newsletter-form label,
#search-form label
{
	display:						none;
}

#newsletter-form #huiudy-huiudy,
#search-form #s
{
	width:							120px;
	height:							17px;
	background-color:					#fff;
	padding:						2px;
	font-size:						0.9em;
	color:							#454545;
	font-family:						"Franklin Gothic Book", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	border:							1px solid #69d2e7;
}

#search-form #s
{
	width:							220px;
}

input.img-submit
{
	position:						absolute;
}

/* ------------------------------------------------------------------------- */
/* =9 Miscellaneous
---------------------------------------------------------------------------- */

#blurb
{
	width:							840px;
	height:							100px;
	background:						transparent url("img/blurb-background.png") no-repeat 0 0;
}

#textnav,
#divvy-bar,
#primarynav
{
	font-family:						"Franklin Gothic Demi", "Arial Black", "Franklin Gothic Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#divvy-bar
{
	overflow:						hidden;
	font-size:						90%;
	background:						transparent url("img/blocks/background-with-dividers.png") no-repeat 0 20px;
}

#divvy-bar h2
{
	font-weight:						normal;
	width:							132px;
	height:							35px;
	background-color:					transparent;
	background-repeat:					no-repeat;
	background-position:					0 0;
	margin-bottom:						15px;
	border-bottom:						none;
}

#divvy-bar h2 span
{
	position:						absolute;
	left:							-2000px;
	top:							-2000px;
}

#divvy-bar #block-1 h2
{
	background-image:					url("img/blocks/h2-about.png");
}

#divvy-bar #block-2 h2
{
	background-image:					url("img/blocks/h2-when.png");
}

#divvy-bar #block-3 h2
{
	background-image:					url("img/blocks/h2-contact.png");
}

div.block
{
	float:							left;
	width:							240px;
	padding:						20px 60px 20px 0;
}

#block-3
{
	padding-right:						0;
}

#divvy-bar p
{
	padding-bottom:						1em;
}

#divvy-bar dl
{
	padding-bottom:						1em;
}

#divvy-bar dt
{
	letter-spacing:						0.1em;
	margin-top:						1em;
	margin-bottom:						0.25em;
	color:							#f0f2e6;
	font-size:						1.1em;
	text-transform:						uppercase;
}

#divvy-bar dd
{
	color:							#fff;
}

#divvy-bar img.icon
{
	float:							right;
}

#divvy-bar a:link
{
	text-decoration:					none;
	color:							#fff;
	border-bottom:						1px dotted #fff;
}

#divvy-bar a:visited
{
	text-decoration:					none;
	color:							#fff;
	border-bottom:						1px dotted #b4e8f3;
}

#divvy-bar a:focus,
#divvy-bar a:hover,
#divvy-bar a:active
{
	text-decoration:					none;
	color:							#fff;
	border-bottom:						1px solid #fff;
}

div.post p small
{
	font-size:						80%;
	color:							#939589;
}

div.post li
{
	line-height:						1.33em;
	background:						transparent url("img/bullet.gif") no-repeat 0 0.33em;
	padding-left:						18px;
	margin-left:						18px;
}

div.post dl
{
	margin-bottom:						1em;
}

div.post dt
{
	font-weight:						bold;
	float:							left;
	clear:							left; 
	width:							130px; 
}

div.post dd
{
	margin-left:						150px;
	padding-bottom:						0.5em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.weekly-activities
{
	border-collapse:							collapse;
	margin-bottom:						1em;
	font-size: 90%;
}

abbr.key
{
		font-size:									x-small;
		color:										#fff;
		padding:									1px 3px 0 3px;
		font-weight:								normal;
		border-bottom-width:						2px;
		border-bottom-style:						solid;
}

abbr.key.prestonpans
{
	border-bottom-color:						#1649b9;
	background-color:							#1851ce;		
}

abbr.key.longniddry
{
	border-bottom-color:						#2ca333;
	background-color:							#31b639;	
}

abbr.key.port-seton
{
	background-color:							#c61800;
	border-bottom-color:						#b21600;
}

table.weekly-activities caption
{
	text-align:									left;
}

table.weekly-activities th
{
	color:										#454545;
	border:										1px solid #e0e4cc;
	letter-spacing:								2px;
	text-transform:								uppercase;
	text-align:									left;
	padding:									6px;
	background-color:							#f0f2e6;
}

table.weekly-activities td
{
	border:										1px solid #e0e4cc;
	background:									#fff;
	padding:									6px;
	color:										#454545;
	text-align:									left;
}

table.weekly-activities td.area
{
	text-align:									center;
}

/* ------------------------------------------------------------------------- */
/* =10 Footer
---------------------------------------------------------------------------- */

#footer
{
	border-bottom:						20px solid #f0f2e6;
	font-size:						90%;
	margin-bottom:						40px;
	line-height:						1.25em;
}

#footer .inner-pinch
{
	overflow:						hidden;
	background:						transparent url("img/divider.gif") repeat-y 0 0;
}

#webnav
{
	overflow:						hidden;
}

#webnav li
{
	float:							left;
	margin-right:						1em;
}

#webnav li:last-child,
#webnav li.last-child
{
	margin-right:						0;
}

#webnav a
{
	display:						block;
}

#footer a:link
{
	text-decoration:					none;
	color:							#454545;
	border-bottom:						1px dotted #454545;
}

#footer a:visited
{
	text-decoration:					none;
	color:							#454545;
	border-bottom:						1px dotted #e0e4cc;
}

#footer a:focus,
#footer a:hover,
#footer a:active
{
	text-decoration:					none;
	color:							#454545;
	border-bottom:						1px solid #454545;
}

#socialnav
{
	overflow:						hidden;
}

#socialnav li
{
	float:							left;
	margin-right:						18px;
	height:							48px;
	width:							48px;
	background-color:					#fff;
}

#socialnav span
{
	position:						absolute;
	left:							-2000px;
	top:							-2000px;
}

#socialnav li.twitter
{
	margin-right:						0;
}

#socialnav a
{
	display:						block;
	height:							48px;
	width:							48px;
	background-repeat:					no-repeat;
	background-position:					0 0;
	background-color:					transparent;
}

#socialnav li.twitter a
{
	background-image:					url("img/socialnav/twitter.png");
}

#socialnav li.rss a
{
	background-image:					url("img/socialnav/rss.png");
}

#socialnav li.facebook a
{
	background-image:					url("img/socialnav/facebook.png");
}

#socialnav a:link
{
	text-decoration:					none;
	border-bottom:						none;
	background-color:					transparent;
}

#socialnav a:visited
{
	text-decoration:					none;
	border-bottom:						none;
	background-color:					transparent;
}

#socialnav a:focus,
#socialnav a:hover,
#socialnav a:active
{
	text-decoration:					none;
	border-bottom:						none;
	background-color:					transparent;
}

.no-need
{
	display:										none;
}


/* END */