/*
Theme Name: Debbie Smyth
Theme URI: http://pinkskydesign.com/
Description: A custom theme for Debbie Smyth.
Version: 1.0
Author: Pink Sky
Author URI: http://pinkskydesign.com/

	CSS, XHTML, design and all images © 2011,
	Pink Sky, all rights reserved.
*/

/*
	Key Colours:

	Background - grey - #d9d9d9
	Content Background - white - #fefefe
	Text - grey - #6c6c6c
	Highlight - blue - #00ade6
*/
/* fonts */
@font-face
{
	font-family: 'CarbonTypeRegular';
	src: url('fonts/carbontype-webfont.eot');
	src: url('fonts/carbontype-webfont.eot?#iefix') format('eot'),
		url('fonts/carbontype-webfont.woff') format('woff'),
		url('fonts/carbontype-webfont.ttf') format('truetype'),
		url('fonts/carbontype-webfont.svg#webfont7A5AmgXy') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* defaults */
body
{
	text-align: center;
	margin: 0;
	background: #d9d9d9;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 72%;
	color: #6c6c6c;
}

a
{
	text-decoration: none;
	color: inherit;
	border: 0;
	outline: 0;
}

img
{
	border: 0;
	outline: 0;
}

/* layout */
.container
{
	position: relative;
	overflow: hidden;
	width: 994px;
	margin: 0 auto;
	padding: 0;
}

/* top section */
.header
{
	position: relative;
	height: 155px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.logo
{
	position: relative;
	margin: 30px 0 0 15px;

}

/* content */
.content
{
	position: relative;
	overflow: hidden;
	background: #fefefe;
	text-align: left;
	padding: 20px;
}

.content.blog-content
{
	padding-top: 25px;
}

.page,
.blog
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.text a,
.entry a
{
	color: #00ade6;
}

/* bottom section */
.footer
{
	position: relative;
	margin: 40px 0 0;
	padding: 10px 0;
	background: #d9d9d9;
	text-align: center;
	color: #00ade6;
}

/* navigation */
.nav
{
	position: absolute;
	top: 0;
	left: 290px;
	width: 704px;
}

.menu,
.sub-menu,
.menu-item
{
	list-style: none;
}

.nav .menu .menu-item
{
	position: absolute;
	width: 5em;
	height: 16px;
	background: url('images/nav.png') no-repeat left -16px;
	text-transform: lowercase;
	font-size: 14px;
}

.nav .menu .menu-item a
{
	display: none;
	padding-left: 24px;
}

.nav .menu .current-menu-item,
.nav.work-page-nav .menu .page-name-gallery,
.nav.blog-nav .menu .page-name-news
{
	background-position: left 0;
}

.nav .menu .current-menu-item a,
.nav.work-page-nav .menu .page-name-gallery a,
.nav.blog-nav .menu .page-name-news a
{
	display: inline;
}

.nav .menu .menu-index-1
{
	top: 110px;
	left: 0;
}

.nav .menu .menu-index-2
{
	top: 85px;
	left: 85px;
}

.nav .menu .menu-index-3
{
	top: 40px;
	left: 205px;
}

.nav .menu .menu-index-4
{
	top: 70px;
	left: 315px;
}

.nav .menu .menu-index-5
{
	top: 40px;
	left: 380px;
}

.work-nav
{
	position: relative;
	float: right;
	width: 215px;
	min-height: 454px;
	padding-bottom: 24px;
	background: #d9d9d9;
}

.work-nav .title
{
	margin: 0;
	padding: 20px;
	border-bottom: 3px dotted #fefefe;
	font-size: 120%;
	text-align: center;
}

.work-nav > .menu
{
	position: relative;
	margin: 0;
	padding: 1em 20px 20px;
}

.work-nav > .menu > .menu-item > .sub-menu
{
	display: none;
	margin-left: 2em;
	padding: 0;
}

.work-nav .menu-item
{
	margin: .5em 0;
/*
	padding: 0;
*/
	color: #6c6c6c;
}

.work-nav > .menu > .menu-item > a
{
	display: block;
	height: 13px;
	padding: 0 0 0 15px;
	background: url('images/arrows.png') no-repeat 0 3px;
	vertical-align: top;
}

.work-nav > .menu > .menu-item.open > a
{
	height: 11px;
	background-position: 0 -10px;
}

.work-nav > .menu > .menu-item.current-menu-parent > .sub-menu
{
	display: block;
}

.work-nav .sub-menu > .menu-item.current-menu-item
{
	color: #fefefe;
}

/* gallery */
.gallery
{
	position: relative;
	float: left;
	margin: 0;
}

.about .gallery
{
	width: 400px;
}

.work .galleryimg
{
	position: relative;
	width: 720px;
	height: 478px;
}

.about .galleryimg
{
	position: relative;
	width: 400px;
	height: 300px;
}

.galleryimg div
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.work .gallerynav
{
	position: absolute;
	bottom: 8px;
	left: 10px;
}

.about .gallerynav
{
	position: relative;
	margin-top: 10px;
}

.gallerynav a
{
	display: block;
	float: left;
	width: 8px;
	height: 8px;
	margin: 3px;
	background: url('images/gallerynav.png') 0 -8px no-repeat;
	font-size: 1px;
}

.gallerynav a.current
{
	background-position: 0 0;
}

.work .text
{
	clear: both;
	padding: 20px 20px 0;
}

.about .text
{
	position: relative;
	float: left;
	width: 534px;
	padding-right: 20px;
}

.content h2
{
	margin-top: 0;
	padding-top: 0;
}

.about .text h2
{
	margin-top: 0;
	padding-top: 0;
}

.contact p:first-child,
.contact h2

{
	margin-top: 0;
	padding-top: 0;
}

.alignleft,
.contactimg
{
	float: left;
	padding: 0 20px 20px 0;
}

.alignright
{
	float: right;
	padding: 0 0 20px 20px;
}

.posts
{
	position: relative;
	float: left;
	width: 710px;
}

.my-blog
{
	position: relative;
	height: 2em;
	margin: 0;
	padding: 0;
	font-family: 'CarbonTypeRegular', serif;
	font-weight: bold;
	font-size: 240%;
	/*letter-spacing: .1em;*/
}

.entry
{
	margin-bottom: 3em;
}

.posts h2 a
{
	color: #00ade6;
}

.pagination a
{
	margin-right: 2em;
	font-size: 1.3em;
	color: #00ade6;
}

.sidebar
{
	position: relative;
	float: left;
	width: 240px;
	padding: 0;
	border: 2px dotted #6c6c6c;
}

.sidebar h2
{
	font-size: 100%;
	padding: 20px 0;
	border-bottom: 2px dotted #6c6c6c;
	text-align: center;
}

.archives
{
	position: relative;
	margin: 0;
	padding: 0 20px;
}

.copyright
{
	margin: 0;
	padding: 0 20px;
	border-top: 2px dotted #6c6c6c;
	font-size: 80%;
}

.copyright h3
{
	margin-bottom: 0;
	font-size: 100%;
	text-transform: uppercase;
}

.copyright p
{
	margin-top: 0;
}

.feed
{
	display: block;
	margin: 1em;
	text-align: right;
}

.archives,
.archives ul,
.archives li
{
	list-style: none;
}

.archives ul
{
	position: relative;
	padding: 0;
}

.archives li
{
	position: relative;
	padding: 2px 0 2px 15px;
}

.archive-arrow
{
	position: absolute;
	top: 5px;
	left: 0;
	width: 11px;
	height: 10px;
	background: url('images/arrows.png') no-repeat 0 0;
}

.archive-arrow.open
{
	height: 11px;
	background-position: 0 -10px;
}

.archive_months
{
	display: none;
	margin-left: 1em;
}

.current_archive_year .archive_months
{
	display: block;
}

.archive_posts
{
	display: none;
	margin-left: .5em;
}

.current_archive_month .archive_posts
{
	display: list-item;
}

.archive_posts li
{
	padding: 2px 0;
}

.thumbs a
{
	display: inline-block;
	margin: 30px 20px;
	padding: 20px;
}

.fullview
{
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.fullview .fullview-background
{
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
}

.fullview .fullview-content
{
	display: none;
	position: absolute;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, .4);
	background: #fff;
}

.fullview .close
{
	position: fixed;
	top: 14px;
	right: 14px;
	width: 28px;
	height: 28px;
	background-image: url(images/close.png);
	cursor: pointer;
	z-index: 10000;
}

.fullview .loading
{
	width: 100%;
	height: 100%;
	background: url(images/loading.gif) no-repeat center center;
}