/************************************************/
/* Stylesheet information for lewishowles.co.uk */
/* Author: Lewis Howles                         */
/* Modified: 29/03/09                           */
/************************************************/


/******************/
/***** Global *****/
/******************/

body {
	font-family:Georgia, Arial, "Times New Roman", serif;
	font-size:10pt;
	color:#6A594B;
	background-color:#C6B097;
	background-image:url('images/texture.jpg');
	background-repeat:repeat;
	background-attachment:fixed;
	margin:0px;
}

a {
	text-decoration:none;
	color:#995615;
	cursor:pointer;
}

.dark { color:#493626; }

a:hover { text-decoration:underline; }

a img { border:none; }

.screen_reader { text-indent:-9999px; }

.mediumtext { font-size:1.6em; }

.largetext {
	font-size:2.2em;
	display:block;
}

br.clear { clear:both; }

h2, h3 {
	margin:0px;
	padding-bottom:15px;
	color:#493626;
}

p {
	margin:0px;
	padding-bottom:15px;
}

.italic { font-style:italic; }

.bold { font-weight:bold; }

ul {
	margin:0px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
}

.inline { display:inline; }

/******************/
/***** Header *****/
/******************/

/* Container */
#header {
	width:998px;
	height:248px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

#logo {
	width:760px;
	height:220px;
	position:absolute;
	top:0px;
	right:-150px;
	z-index:0;
	background-image:url('/images/logo.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}

#watermark {
	width:408px; height:383px;
	position:fixed;
	top:0px;
	left:0px;
	background-image:url('/images/watermark.png');
	background-repeat:no-repeat;
	background-position:top left;
}

#content_top {
	width:998px; height:78px;
	position:absolute;
	top:170px;
	background-image:url('/images/content-top.png');
	background-repeat:no-repeat;
	background-position:top center;
}

.title {
	position:absolute;
	left:46px;
	top:-30px;
	z-index:3;
	height:42px;
	background-repeat:no-repeat;
	background-position:center center
}

#home_title {
	background-image:url('/images/home.png');
	width:144px;
}

#portfolio_title {
	background-image:url('/images/portfolio.png');
	width:203px;
}

#about_title {
	background-image:url('/images/about.png');
	width:150px;
}

#contact_title {
	background-image:url('/images/contact.png');
	width:186px;
}

#cv_title {
	background-image:url('/images/cv.png');
	width:394px;
}

#ebay_title {
	background-image:url('/images/ebay.png');
	width:370px;
}

#navigation_wrapper {
	width:998px;
	position:absolute;
	left:34px;
	top:-5px;
}

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

ul#nav li a {
	display:block;
	height:17px;
	width:81px;
}

ul#nav li#nav_home {
	background-image:url('/images/home-nav.png');
	background-position:top center;
}
ul#nav li#nav_portfolio {
	background-image:url('/images/portfolio-nav.png');
	background-position:top center;
}
ul#nav li#nav_about {
	background-image:url('/images/about-nav.png');
	background-position:top center;
}
ul#nav li#nav_contact {
	background-image:url('/images/contact-nav.png');
	background-position:top center;
}
ul#nav li#nav_home:hover, ul#nav li#nav_portfolio:hover, ul#nav li#nav_about:hover, ul#nav li#nav_contact:hover { background-position:bottom center; }

ul#nav li {
	height:17px; width:81px;
	background-repeat:no-repeat;
	float:left;
}

#content_top h1, #logo h1, #content_top h2, #content_top h3 {
	margin:0px;
	padding:0px;
}

#skip {
	width:0px;
	height:0px;
	overflow:hidden;
}

/*******************/
/***** Content *****/
/*******************/

/* Container */
#page {
	width:998px;
	margin:0px auto;
	position:relative;
	z-index:2;
}

#content {
	width:902px;
	background-image:url('/images/content.png');
	background-position:top center;
	background-repeat:repeat-y;
	padding-right:50px;
	padding-left:46px;
}

/* Homepage Banner */
#banner_title { text-align:right;  }
#home_links a { text-decoration:none; }
#home_links { width:15em; }
#portfolio_link { background-image:url('/images/portfolio.jpg'); }
#contact_link { background-image:url('/images/contact.jpg'); }
#cv_link { background-image:url('/images/cv.jpg'); }
#portfolio_link, #contact_link, #cv_link {
	height:4em;
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:59px;
	margin-bottom:5px;
}

#banner { margin-top:-5px; }
#most_recent {
	width:691px;
	height:208px;
	float:right;
}

/* About */
#tools_left { width:490px; }
#tools_right { width:400px; }
#tools_left, #design, #coding { float:left; }
#tools_right, #languages, #testing { float:right; }

#design, #languages, #coding, #testing { overflow:auto; }

#design {	width:235px; }
#languages { width:250px; }
#coding {	width:175px; }
#testing { width:220px; }

/* CV */
#cv h3 { padding-bottom:5px; padding-top:15px; }

/*********************/
/***** Portfolio *****/
/*********************/

.client {
	width:270px;
	display:block;
	padding-top:15px;
	overflow:auto;
}

.client h3 {
	padding:0px;
	margin:0px;
}

.items {
	width:270px;
	color:#995615;
	display:block;
	padding-bottom:15px;
}

.portfolio_text {
	width:270px;
	text-align:justify;
}

.portfolio_wrapper {
	background-repeat:no-repeat;
	background-position:top right;
	width:922px;
	
}

a#endeavors, a#alopecia, a#fishwick, a#a1, a#cd, a#coinfactory, a#acre, a#chesters, a#net66 {
	width:645px; height:203px;
	float:right;
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
}

a#endeavors { background-image:url('/images/endeavors.jpg'); }
a#alopecia { background-image:url('/images/alopecia.jpg'); }
a#fishwick { background-image:url('/images/fishwick.jpg'); }
a#a1 { background-image:url('/images/a1limos.jpg'); }
a#cd { background-image:url('/images/cddesigns.jpg'); }
a#coinfactory { background-image:url('/images/coinfactory.jpg'); }
a#acre { background-image:url('/images/acregroundwork.jpg'); }
a#chesters { background-image:url('/images/chesters.jpg'); }
a#net66 { background-image:url('/images/net66.jpg'); }

a#endeavors:hover, a#alopecia:hover, a#fishwick:hover, a#a1:hover, a#cd:hover, a#coinfactory:hover, a#acre:hover, a#chesters:hover, a#net66:hover {
	background-position:bottom right;
}

#portfolio {
	text-align:center;
	background:url('/images/portfolio_border.jpg') repeat-y top left;
}

#portfolio_left, #portfolio_right {
	position:relative;
	height:11em;
}

#portfolio_client, #portfolio_date, #portfolio_info, #portfolio_website, #portfolio_items { display:block; }

#portfolio_client {
	font-size:2.4em;
	color:#995615;
}

#portfolio_left {
	width:17em;
	float:left;
	text-align:right;
	margin-left:100px;
}

#portfolio_right {
	width:450px;
	text-align:left;
	float:right;
	margin-right:100px;
	padding-top:13px;
}

#portfolio_date, #portfolio_website {
	font-size:2em;
	color:#9B8D81;
	position:absolute;
	top:4.5em;
}

#portfolio_date { right:0px; }
#portfolio_website { left:0px; }

#portfolio_items {
	width:27em;
	color:#995615;
	position:absolute;
	top:11em;
	left:80px;
}

#portfolio_website > a { color:#9B8D81; }

/*****************/
/***** Forms *****/
/*****************/

form {
	width:33em;
	padding-top:15px;
}

form h2 {
	padding-bottom:5px;
	padding-top:5px;
}

.formline { padding-top:5px; padding-bottom:5px; width:26em; }
.hover:hover { background-color:#ddd3ca; }

label {
	width:8em;
	float:left;
	line-height:1.5em;
	clear:left;
	padding-right:15px;
	text-align:right;
}

input, textarea {
	font-family:inherit;
	font-size:inherit;
	color:#6A594B;
}

input.focus, textarea.focus {
	color:#493626;
}

input[type="text"], textarea { width:15em; }

input[type="submit"] { margin-left:9em; }

input[type="reset"] { margin-left:0.5em; }

#absolute_required {
	position:absolute;
	top:-40px;
}

.required {
	color:#995615;
	font-size:0.8em;
}

.error { color:#AB1717; }

.errorbox {
	color:#AB1717;
	border:2px solid #AB1717;
}

/* eBay Forms */
form.ebay {
	width:910px;
	padding-top:15px;
}

.ebay label {
	width:15em;
	font-weight:bold;
}

.ebayformline { padding-top:5px; padding-bottom:5px; width:58em; }

.ebay input[type="text"], .ebay textarea { width:35em; }

.ebay input[type="submit"] { margin-left:16em; }

.ebay input.inline { margin-left:0px; display:inline; }

.caption { margin-left:16em; }

/*******************/
/***** Contact *****/
/*******************/

#contact_left {
	float:left;
	width:33em;
}

#lower_left { width:16em; float:left; }

#lower_right { width:16em; float:right; }

#lower_left, #lower_right { padding-top:5px; }

#mobile {
	font-size:4.6em;
	font-weight:bold;
}

#nearby {
	font-size:1.31em;
	display:block;
	padding-top:4px;
}

#location {
	font-size:1.2em;
	display:block;
	padding-top:5px;
}

#twitter { font-size:1.6em; }

#alternate_email {
	color:#995615;
	font-size:1.5em;
	text-align:right;
}

/******************/
/***** Footer *****/
/******************/

#content_bottom {
	width:998px; height:105px;
	background-image:url('/images/content-bottom.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	position:relative;
	z-index:-1;
}

#footer_right {
	float:right;
	width:305px;
}

#validators {
	margin:0px auto;
	width:173px;
}

#footer {
	width:902px;
	padding:0 48px 0 48px;
	font-size:9pt;
	text-align:right;
	margin-top:-25px;
	margin-bottom:40px;
}

#footer_tab {
	width:58px;	height:52px;
	background-image:url('/images/logo-tab.png');
	background-repeat:no-repeat;
	background-position:top center;
	float:right;
	margin:-5px 0 0 5px;
	position:relative;
	z-index:-2;
}

#sunbeams {
	width:100%; height:373px;
	background-image:url('/images/footer.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	position:fixed;
	bottom:0px;
	z-index:-3;
}