/*
THEME NAME: Gillian Damborg
THEME URI: http://www.waytoogood.ca
DESCRIPTION: Custom Portfolio Template
AUTHOR: <a href="http://http://www.waytoogood.ca">Myke Preuss</a>
AUTHOR URI: http://www.waytoogood.ca
*/


/* Some basic resets and global styles */

html, body, span,
h1, h2, h3, h4, h5, h6, 
p, a, img, ul, li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	font-family: 'Arial', Helvetica, Verdana, Lucida Grande, sans-serif;	
	vertical-align: baseline;
	color: #000;
	list-style-image: none;
	list-style-type: none;
	outline: none;
}

html {
	background: #FFFFFF;
}

a img {
	border: none;
}

a:hover {
	color: #666;
}

.container {
	width: 988px;
	margin: 40px auto;
}

/* START Header */

.header {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	float:left;
	width: 966px;
	margin: 0px 11px;
}

h1.blog-title a {
	float: left;
	text-indent: -99999px;
	height: 27px;
	width: 256px;
	padding: 22px 0px;
	background-image: url(images/name.gif);
	background-position: center;
	background-repeat: no-repeat;
}

a.blog-description {
	float: right;
	text-indent: -99999px;
	height: 52px;
	width: 52px;
	margin: 10px 0px;
	background-image: url(images/logo.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a:hover.blog-description {
	background-position: 0px -52px;
}

.menu {
	float: left;
	width: 966px;
	padding: 18px 11px 50px 11px;
}

.menu ul li a {
	color: #666;
	font-size: 14px;
	text-transform: uppercase;
}

.menu ul li a:hover {
	color: #000;
}

.menu ul.category-navigation, .menu ul.category-navigation li {
	float: left;
}

.menu ul.category-navigation li {
	padding-right: 14px;
}

.menu ul.page-navigation, .menu ul.page-navigation li  {
	float: right;
}

.menu ul.page-navigation li {
	padding-left: 14px;
}

.menu ul li.current-cat a, .menu ul li.current_page_item a {
	color: #000;
	background-position: 0px -11px;
}

.menu ul li a:hover {
	background-position: 0px -11px;
}

li.cat-item-3 a {
	float: left;
	text-indent: -99999px;
	width: 57px;
	height: 11px;
	background-image: url(images/nav-branding.gif);
	background-position: 0px 0px;
}

li.cat-item-4 a {
	float: left;
	text-indent: -99999px;
	width: 34px;
	height: 11px;
	background-image: url(images/nav-print.gif);
	background-position: 0px 0px;
}

li.cat-item-5 a {
	float: left;
	text-indent: -99999px;
	width: 24px;
	height: 11px;
	background-image: url(images/nav-web.gif);
	background-position: 0px 0px;
}

li.cat-item-6 a {
	float: left;
	text-indent: -99999px;
	width: 36px;
	height: 11px;
	background-image: url(images/nav-other.gif);
	background-position: 0px 0px;
}

li.page-item-2 a {
	float: left;
	text-indent: -99999px;
	width: 38px;
	height: 11px;
	background-image: url(images/nav-about.gif);
	background-position: 0px 0px;
}

li.page-item-3 a {
	float: left;
	text-indent: -99999px;
	width: 52px;
	height: 11px;
	background-image: url(images/nav-contact.gif);
	background-position: 0px 0px;
}

/* END Header */


/* START Content */

.content {
	width: 978px;
	float: left;
	padding-left: 5px;
}

/* END Content */


/* START Homepage */

.home .post, .archive .post {
	position: relative;
	padding: 7px 8px;
	margin: 0px 0px 4px 0px;
	width: 147px;
	height: 147px;
	float: left;
	background: url(images/home-shadow.png);
	background-position: 0px 0px;
}

.home .post:hover {
	background-position: 0px -165px;
}

img.highlight {
	width: 148px;
	height: 148px;
	position: absolute;
	top: 7px;
	left: 7px;
	display: none;
}

body.category-branding .post.category-print img.highlight, body.category-branding .post.category-web img.highlight, body.category-other .post.category-print img.highlight {
	display: block;
}

body.category-print .post.category-branding img.highlight, body.category-print .post.category-web img.highlight, body.category-print .post.category-other img.highlight {
	display: block;
}

body.category-web .post.category-print img.highlight, body.category-web .post.category-branding img.highlight, body.category-web .post.category-other img.highlight {
	display: block;
}

body.category-other .post.category-print img.highlight, body.category-other .post.category-web img.highlight, body.category-other .post.category-branding img.highlight {
	display: block;
}

/* END Homepage */


/* START Pages */

.page .entry-content {
	width: 290px;
	margin-left: 132px;
	float: left;
}

.page .entry-content p {
	padding-bottom: 18px;
	color: #666666;
}

/* END Pages */


/* START Single Page */

.single .post {
	position: relative;
	margin-left: 132px;
	float: left;
}

.single .entry-content {
	width: 844px;
	float: left;
}

.single .navigation {
	clear: both;
}

.single .navigation a {
	color: #666;
	font-size: 18px;
	float: left;
	padding-bottom: 18px;
}

.single .navigation a:hover {
	color: #000;
}

.single .entry-title {
	float: left;
	color: #666;
	font-size: 14px;
	clear: both;
}

.single .post p {
	width: 290px;
	padding-bottom: 18px;
	color: #666666;
	float: left;
	clear: both;
}

.portfolio-gallery {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 412px;
}

.portfolio-image {
	position: relative;
	float: left;
	margin-bottom: 4px;
}

.top-shadow {
	width: 418px;
	height: 6px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/lg-shadow-top.jpg);
	z-index: 1000;
}

.bottom-shadow {
	width: 418px;
	height: 12px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(images/lg-shadow-bottom.jpg);
	z-index: 1000;
}

.portfolio-gallery img {
	position: relative;
	float: left;
	background: url(images/lg-shadow-middle.png);
	padding: 0px 12px 0px 6px;
	margin: 6px 0px 12px 0px;
	z-index: 1;
}

/* END Single Page */

.four04 .post {
	width: 290px;
	margin-left: 130px;
}

.four04 .post p {
	padding-bottom: 18px;
	color: #666;
	float: left;
	clear: both;
}

.four04 h2 {
	float: left;
	color: #000;
	font-size: 14px;
	clear: both;
}