/*
 *
 * style.css
 * yvettehawkins.com
 * @author Gavin Logan
 * tamewhale.com
 * last edit: 30/03/09
 *
 */

/*
 *   reset margins and padding
 */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}

/*
 *   overall styling
 */

body {
	background: transparent url(images/background.jpg);
	font-family: Helvetica, Calibri, Arial, sans-serif;
	color: #333;
	text-align: center;
	min-width: 1000px;
}

h1, h2, h3 {
	font-family: Bradley Hand ITC, Georgia, Times New Roman, serif;
}

h1{
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: normal;
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	margin-bottom: 1em;
	text-indent: -9999em;
}

h1 a {
	display: block;
	background: transparent url(images/header.png) no-repeat;
	width: 100%;
	height: 100%;
	border: none;
}

h1 a span {
	position: relative;
	top: 50%;
	left: 0;
}

h2{
	font-size: 2em;
	letter-spacing: -1px;
	margin-bottom: 0.5em;
}

h3 {
	margin-bottom: 0.5em;
	letter-spacing: -1px;
}

a {
	color: #dc960f;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

ul {
	list-style: none;
}

fieldset {
	border: none;
}

/*
 *   header
 */

#header {
	margin: 0 auto 25px;
	width: 737px;
	height: 306px;
}

/*
 *	skip links
 */

#skipLink {
	display: block;
	padding: 10px 20px;
	background-color: white;
	position: absolute;
	top: 16px;
	left: -999px;
}

#skipLink:focus {
	left: 0;
}


/*
 *   container and columns
 */

#container {
	text-align: left;
	padding-left: 200px;
	padding-right: 200px;
}

#container .column, #container .blogSidebar {
	position: relative;
	float: left;
}

* html #pagelist {
	left: 200px;
}

/*
 *   blog content
 */

#content {
	width: 100%;
    min-width: 730px;
}

#content p {
	margin-bottom: 1em;
}

.blogPost {
	margin: 0 auto 2em;
	padding: 15px 36px 15px 68px;
	background: transparent url(images/Paper0027_S.jpg) repeat-y;
	width: 625px;
}

.blogPostContent {
	margin-bottom: 1em;
	line-height: 1.3em;
}

.postmetadata {
	font-size: 75%;
	font-family: Helvetica, Arial, Sans-Serif;
	text-transform: uppercase;
	margin-bottom: 3em;
}

.divider {
	display: block;
	margin: 0 auto;
}

.blogNav {
	margin-bottom: 3em;
	text-align: center;
}

.blogNav a {
	text-transform: lowercase;
	padding: 2px 8px 4px;
    background-color: #fee;
}

.blogNav a:hover {
	color: #fee;
	background-color: #dc960f;
}

/*
 *   sidebar
 */

#sidebar {
	width: 180px;
	margin-right: -200px;
	padding: 0 10px;
}

#sidebar ul li {
	margin-bottom: 2em;
	padding: 1em 10px;
	background-image: url(images/sidebar.jpg);
}

#sidebar ul ul li {
	margin-bottom: 10px;
	padding: 0;
}

.blogSidebar {
	color: #ffc;
	text-align: center;
}

.blogSidebar a, .blogSidebar a img {
	border: none;
	color: white;
	padding: 3px 6px;
}

.sidebarLinks a:hover {
	color: black;
	background-color: #ffc;
}

.blogSidebar input {
	margin-bottom: 0.4em;
	border: none;
}

#sidebar li.subscribe {
	background: none;
	margin-bottom: 0;
}

#sidebar li.subscribe a {
	display: block;
	background: transparent url(images/RSSicon.png) 0 -160px no-repeat;
	height: 160px;
	width: 160px;
	text-indent: -9999em;
	padding: 0;
	border: none;
}

#sidebar li.subscribe a:hover, #sidebar li.subscribe a:focus {
	background-position: 0 0;
}

/*
 *   page list
 */

#pagelist {
	width: 200px;
	right: 200px;
	margin-left: -100%;
}

#container > #pagelist {
	margin-left: expression(document.all.content.offsetWidth * -1); /* Fix for IE7 */
}

.page_item a {
	display: block;
	position: relative;
	height: 27px;
	text-indent: -9999em;
	overflow: hidden;
	border: none;
	margin-left: 5px;
	margin-bottom: 4px;
}

.page_item a:hover, .page_item a:focus {border: 1px dashed white;margin: -1px -1px 3px 4px;}
.page-item-3 a {background: transparent url(images/navAboutMe.png) no-repeat;width: 126px;}
.page-item-7 a {background: transparent url(images/navEvents.png) no-repeat;width: 96px;}
.page-item-17 a {background: transparent url(images/navGallery.png) no-repeat;width: 111px;}
.page-item-15 a {background: transparent url(images/navLinks.png) no-repeat;width: 81px;}
.page-item-19 a {background: transparent url(images/navProjects.png) no-repeat;width: 124px;}
.page-item-4 a {background: transparent url(images/navShop.png) no-repeat;width: 67px;}
.page-item-11 a {background: transparent url(images/navCluny.png) no-repeat;width: 194px;}
.page-item-13 a {background: transparent url(images/navWorkshops.png) no-repeat;width: 141px;}
.page-item-9 a {background: transparent url(images/navWriting.png) no-repeat;width: 112px;}
.page-item-135 a {background: transparent url(images/navCV.png) no-repeat; width: 49px;}
.page-item-150 a {background: transparent url(images/navContact.png) no-repeat; width: 155px;}
.page-item-152 a {background: transparent url(images/navBlog.png) no-repeat; width: 68px;}
.blogLink a {background: transparent url(images/navBlog.png) no-repeat; width: 68px;}

/*
 *   footer
 */

#footer {
	clear: both;
	font-size: 80%;
	margin-top: 1em;
	text-align: center;
	font-weight: bold;
	color: #fee;
	width: 100%
}

#footer img {
    position: relative;
    top: 3px;
}

/*
 *   comments
 */

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 30px;
	background-color: #f0f8ff;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 12px;
}

/*
 *   gallery
 */

object {
	display: block;
	width: 400px;
	margin: 0 auto;
}