/* 

TITLE: TEJPOTTER.COM 
DATE: MARCH/APRIL 2009
CODE: TIM POTTER

COLOURS:

PALE GREEN: #deefbe
LIGHT BROWN #6d5a40
BRIGHT PINK: #e4225b
PALE PINK: #e5d7b7
LIGHT GRAY: #e0e0e0

*/

/*------------------------ CSS RESET ------------------------*/

@import url("reset.css");

/*------------------------ HIGHSLIDE IMPORT ------------------------*/

@import url("highslide.css");

/*------------------------ BOOKS IMPORT ------------------------*/

@import url("books.css");

/*------------------------ BLOG IMPORT ------------------------*/

@import url("blog.css");

/*------------------------ GLOBAL STYLES ------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:24px;
	color:#e5d7b7;
	padding:20px 0 10px 0;
	}

h1.logo {
	background: url(../images/portfolio_of_tim_potter.gif) no-repeat 0px 0px;	
	text-indent: -9999px; 
	height:50px;
	}

#about h1 {
	color:#292219;
	line-height:1.2em;
	font-size:29px;
	padding:20px 0 0 0;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	}

p {
	color:#fff;
	line-height:1.4em;
	margin: 10px 0;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.8);
	}

#about p {text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}


#footer p {
	color:#6d5a40;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	}
	
a:link, a:visited {
	font-style:italic;
	}
	
a:link {
	color:#e4225b;
	text-decoration:none;
	}

a:visited {
	color:#e4225b; /* CHANGE BEFORE GOING LIVE */
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

.right .active {
	border-bottom:1px dotted #777;
	}

/*------------------------ PAGE LAYOUT ------------------------*/

/* HEADER */

#header {
	height:110px;
	clear:both;
	}

ul.nav {
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-transform:lowercase;
	padding-top:15px;
	}

ul.nav li {
	display:inline;
	margin-right: 30px;
	}

ul.nav li a {
	text-decoration:none;
	color:#000;
	padding:5px;
	}
	
ul.nav li a:hover {
	background-color:#000000;
	color:#fff;
	}

ul.nav li.last {
	margin-right:0px;
	}

#about {
	/*height:90px;*/
	border-top: 1px #d4d3d1 solid;
	background-color: #deefbe;
	float:left;
	width:100%;
	}

#about .wrapper {
	}

#latestwork {
	height:270px;
	background: url(../images/brown_repeat.gif) repeat-x top;
	float:left;
	width:100%;
	}

#content {
	background:#6d5a40;
	float:left;
	width:100%;
	}

#home #content {
	background:#6d5a40 url(../images/twitter_bird.gif) 23% 100% no-repeat;
	}

#twitter {
	background-color:#e5d7b7;
	color:#6d5a40;
	float:left;
	width:100%;
	}

#twitter ul {
	padding:15px 0;
	width:650px
	}
	
#twitter p {
	padding-top: 3px;
	margin:0;
	}

#footer .textright {
	text-align:right;
	}

.wrapper {
	width:760px;
	margin:0 auto;
	}

#header .wrapper {
	padding-top:30px;
	}

#latestwork .wrapper
	{
	background:url(../images/about_bg_glow.jpg) no-repeat top;
	height:270px;
	}

.left {
	float:left;
	width:380px;
	}

.right {
	float:right;
	width:310px;
	padding-left:70px;
	}

#header .left {
	width:260px;
	}

#header .right {
	width:400px;
	}

.portfolioItem {
	background-color:#30281c;
	padding:10px 20px 10px 0;
	margin:20px 0;
	}

.portfolioItem h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#e5d7b7;
	font-weight:normal;
	letter-spacing:-1px;
	border-bottom:solid 1px #6d5a40;
	padding-top:8px;
	}
	
.portfolioItem h2 .classification {
	font-style:italic;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0px;
	}

.portfolioItem .left {
	width:250px;
	}

.portfolioItem .right {
	width:475px;
	padding:0;
	float:left;
	}

/* CONTACT FORM */

#contact-wrapper {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:60px;
	}

#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
	color:#e5d7b7;
	padding:10px 10px 2px 0;
	}

#contactform input, #contactform textarea {
	padding:6px;
	font-size:14px;
	color:#fff;
	background-color:#30281C;
	border: 1px #30281C solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-right:20px;
	}

#contactform .submitBtn {
	background-color:#e4225b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border: 0px;
	margin-top:10px;
	cursor:pointer;
	}

.error {
	float:left;
	font-style:italic;
	}

	
/*------------------------ USEFUL CLASSES ------------------------*/

.imgleft {
	float:left;
	padding-left:10px
	}

.imgright {
	float:right;
	}
	
.whitespace {
	height:70px;
	}

.clear {
	clear:both;
	}


/*------------------------ JQUERY ------------------------*/

.menu_head {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e4225b;
	cursor: pointer;
	}
	
.menu_body {
	display:none;
	padding-bottom:20px;
	}

.menu_body p {
	color:#333333;
	margin:0;
	padding-bottom:10px;
	font-size:14px;
	}