/*
Theme Name: Lucy Holland
Theme URI: http://www.lucyholland.co.uk/
Description: The default Lucy Holland theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Gatt Design
Author URI: http://www.gattdesign.co.uk/
*/

/* common */

body {
	margin:				0px;
	padding:			0px;
	top:				0px;
	font-size:			62.5%;
	font-family:		Eurostile, "Eurostile Next", "Square 721", "Eurostile (URW)", "Orangutan Text", "FF Cube TO", Arial;
	background-color:	#FFFFFF;
}

p {
	font-size:			1.4em;
}

hr {
	background-color:	#CFADFF;
	color:				#CFADFF;
	height:				1px;
}

a {
	color:				#61268D;
}

/* layout */

.center {
	text-align:			center;
}

.clear {
	clear:				both;
}

.img-float-left {
	float:				left;
}

.img-float-right {
	float:				right;
}

#top-background {
	width:				100%;
	height:				68px;
	background:			url('images/layout-main_02.png') repeat-x;
	position:			fixed;
	top:				0px;
}

#top-left {
	float:				left;
	width:				68px;
	height:				68px;
	background:			url('images/layout-main_01.png') no-repeat;
}

#top-right {
	float:				right;
	width:				68px;
	height:				68px;
	background:			url('images/layout-main_03.png') no-repeat;
}

#middle-background-1 {
	width:				68px;
	height:				100%;
	background:			url('images/layout-main_05.png') repeat-y;
	position:			fixed;
	top:				68px;
	float:				left;
}

#middle-background-2 {
	width:				68px;
	height:				100%;
	background:			url('images/layout-main_07.png') repeat-y;
	position:			fixed;
	top:				68px;
	right:				0px;
	float:				left;
}

#bottom-background {
	width:				100%;
	height:				68px;
	background:			url('images/layout-main_09.png') repeat-x;
	position:			fixed;
	bottom:				10px;
}

#bottom-left {
	float:				left;
	width:				68px;
	height:				68px;
	background:			url('images/layout-main_04-08.png') no-repeat;
}

#bottom-right {
	float:				right;
	width:				68px;
	height:				68px;
	background:			url('images/layout-main_09-10.png') no-repeat;
}

/* footer */

#bottom-footer {
	position:			fixed;
	background-color:	#CCCCCC;
	width:				100%;
	height:				20px;
	z-index: 			40000;
	bottom:				0px;
}

#bottom-footer-left {
	width:				200px;
	float:				left;
	text-align:			left;
	padding-left:		72px;
}

#bottom-footer-right {
	width:				200px;
	float:				right;
	text-align:			right;
	padding-right:		72px;
}

.footer-text {
	font-size:			1.1em;
	font-family:		Tahoma, Verdana, Arial, Helvetica;
	margin:				0px;
	bottom:				5px;
}

/* header */

#header {
	height:				40px;
	background:			#FFFFFF;
	left:				51px;
	right:				51px;
	top:				40px;
	position:			fixed;
	z-index:			7778;
}

#header h1 {
	color:				#999999;
	margin:				0px;
	font-size:			3em;
}

#navigation {
	width:				auto;
	position:			fixed;
	top:				204px;
	left:				36px;
	background-color:	#A986DD;
	z-index: 			8888;
}

#navigation ul {
	padding:			0px;
	margin:				0px;
	list-style: 		none;
}

#navigation ul li {
	float:				left;
	position:			relative;
}

#navigation ul li a {
	display:			block;
	text-decoration:	none;
	width:				85px;
	height:				20px;
	text-align:			center;
	color:				#710069;
	border:				1px solid #A986DD;
	background-color:	#A986DD;
	line-height:		20px;
	font-size:			1.5em;
	overflow:			hidden;
}

#navigation ul li a:hover {
	background-color:	#8E60D2;
	color:				#FFFFFF;
}

#navigation ul li ul {
	display:			none;
}

#banner {
	height:				123px;
	left:				36px;
	right:				36px;
	top:				80px;
	position:			absolute;
	overflow:			hidden;
	border-bottom:		24px solid #A986DD;
	z-index: 			7777;
}

#banner-image {
	width:				100%;
	height:				auto;
	position:			relative;
}

/* main content */

#content {
	position:			fixed;
	top:				246px;
	left:				60px;
	right:				60px;
	bottom:				55px;
	background:			#FFFFFF;
	overflow:			auto;
	z-index:			9999;
}

#content ul li, #content ol li {
	font-size:			1.4em;
}

#content h2 {
	font-size:			2.2em;
	margin:				0px;
}

#content h3 {
	font-size:			1.8em;
	margin:				0px;
}

/* blog */

p.date {
	font-size:			1.4em;
	margin:				10px 0px;
	padding:			5px;
	border:				1px solid #CFADFF;
	background-color:	#DEC7FF;
}

p.date > img {
	vertical-align:		-3px;
}

#author, #email, #url {
	width: 				200px;
	border:				1px solid #CFADFF;
	background-color:	#DEC7FF;
	padding:			5px;
	font-size:			0.8em;
	font-family:		Tahoma, Verdana, Arial, Helvetica;
}

#comment {
	width:				50%;
	border:				1px solid #CFADFF;
	background-color:	#DEC7FF;
	padding:			5px;
	font-size:			0.8em;
	font-family:		Tahoma, Verdana, Arial, Helvetica;
}

.commentlist > li > p, .commentbody > p, .comment > p {
	font-size:			1.4em;
}

/* home */

#home-page-image {
	position:			absolute;
	top:				50%;
	left:				50%;
	width:				600px;
	height:				530px;
	margin-top:			-265px;
	margin-left:		-300px;
}

#home-page-image h1 {
	color:				#999999;
	margin:				0px;
	font-size:			3em;
}

#home-page-image img {
	border:				0px;
}

.home-page-body {
	background-color:	#CCCCCC;
}

/* contact */

.recaptcha_form_fieldset {
	border:				0px;
}

.recaptcha_form_input {
	width: 				200px;
	border:				1px solid #CFADFF;
	background-color:	#DEC7FF;
	padding:			5px;
	font-size:			0.8em;
	font-family:		Tahoma, Verdana, Arial, Helvetica;
}

.recaptcha_form_textarea {
	width:				50%;
	border:				1px solid #CFADFF;
	background-color:	#DEC7FF;
	padding:			5px;
	font-size:			0.8em;
	font-family:		Tahoma, Verdana, Arial, Helvetica;
}

.recaptcha_form_p_error, .recaptcha_form_p_info {
	width:				50%;
	border:				1px solid #CFADFF;
	background-color:	#DEC7FF;
	padding:			5px;
	font-size:			1.2em;
	font-family:		Tahoma, Verdana, Arial, Helvetica;
	font-weight:		bold;
}

.recaptcha_form_captcha_box { 
	height: 			300px;
	overflow: 			hidden;
	width: 				500px;
}

/* portfolio, collections, illustrations */

#slideshow img {
	border:				0px;
	padding:			10px;
}