/* COLORS
light blue: #83b5d7;
maGENTA: #880033;
medium grey/blue:  #5b8193;
grey: #98a9b4;
new grey: #758894;
dark grey: #71818b;
darker grey: #56646d;
*/


body {
	font-family: geneva, corbel, verdana, arial, sans-serif;
	font-size: small;
	background-image: url(../images/palmtree.gif);
	background-repeat: no-repeat;
}


p {
	color: #56646d;
}

h1 {
	color: black;
	font-size: 110%;
	font-family: georgia,serif;
	letter-spacing: 1.6px;
	border-bottom: 1px dotted #71818b;
}

a:link, a:visited {
	text-decoration: none;
	color: #5b8193;	
}


a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #71818b;
	color: #83b5d7;	
}

#allcontent {
	width: 1000px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px dotted #71818b;
	background-color: white;
}


/* ///////////////////////////  MAIN ///////////////////////////// */


#main {
	width: 780px;
	padding: 0px;
	margin: 0px;
	border-left: 1px dotted #71818b;
	float: right;
	font-size: 80%;
}

#thumbnails {
	margin: 5px 0px 10px 5px;
}

a.thumbs, a.selected img {
	color: white;
	margin: 0px 1px 0px 0px;
}

/*
a.selected img {
	border-bottom: 1px dotted #71818b;
}
*/

#image {
	padding: 0px 5px 5px 5px;
}

#main_content {
padding: 30px 20px 10px 20px;
font-size: 110%;
}

#services, #about, #news, #contact-area, #howiwork, #resume {
padding: 30px 20px 10px 20px;
font-size: 110%;
}

#about {
	background-image: url(../images/birdies.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: justify;
	line-height: 1.5em;
}

#services {
	background-image: url(../images/indesign.jpg);
	background-repeat: no-repeat;
	font-size: 115%;
}

#contact-area {
	background-image: url(../images/desk_at_es.png);
	background-repeat: no-repeat;
}

img#me {
	float: right;
	padding: 0px 0px 150px 25px;
}

#yosemite {
	padding: 0px 0px 15px 25px;
}


#resume {
	margin: 0px;
	line-height: 1.5em;
}

ul {
	color: #56646d;
	list-style: url(../images/bullet.gif) inside;
	margin-left: 1.2em;
	padding-left: 1.2em;
}


#intro_buttons_section {
	padding: 0px 15px;
}

img.intro_images {
	padding: 0px;
	height: 100px;
	width: 150px;
	color: white;
}


IMG.construction {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}


/* ///////////////////////////  RESUME  ///////////////////////////// */

.resume_company {
	font-size: 108%;
	color: #5b8193;
	
}

.resume_title {
	font-size: 112%;
	text-transform: uppercase;
	color: #880033;
	
}

.resume_city {
	font-size: 95%;
	font-style: italic;
	color: #5b8193;	
	font-weight: lighter;
}

.resume_dates {
	font-size: 95%;
	font-style: italic;
	font-weight: lighter;
	color: #880033;	
}

/* ///////////////////////////  SIDEBAR /////////////////////////////  */

#sidebar {
	padding: 0px;
	margin: 0px 780px 0px 0px;
}

#logo {
	border-bottom: 1px dotted #71818b;
	text-align: right;
	padding: 10px 20px 4px 5px;
	font-size: 80%;
}

#logo img {
	text-decoration: none;
	color: white;
}	

#nav {
	text-align: right;
	margin: 0px;
	padding: 3px 0px;
}

#nav li {
	list-style: none;
	margin: 8px 0px;
	padding: 5px 20px 0px 20px;
}

#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #880033;	
	font-size: 100%;
	font-family: Georgia, Times, serif;
}

#nav a:hover {
	text-decoration: none;
	color: #83b5d7;	
	border-bottom: none;
}

#navigation {
	background-color: #DCDCDC;
	border-bottom: 1px dotted #71818b;
	border-top: 1px dotted #71818b;
	padding: 0px 20px;
	text-align: right;
	text-transform: uppercase;
	font: bold .6em Verdana,sans-serif;
	letter-spacing: 1.5px;
}

#description {
	padding: 0px 20px 0px 20px;
	text-align: right;
}


#elsewhere {
	border-top: 1px dotted #71818b;
	padding: 0px 20px 0px 20px;
	text-align: right;
	font-size: 85%;
}


.title {
	font-family: georgia, serif;
	font-size: 120%;
	color: black;
}

.client {
	font: bold .67em Verdana,sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	color:  #71818b;
}

.slanty {
	font-style: italic;
	color:  #71818b;
}

.artdirector {
	color: black;
}

.brief {
	font-size: 80%;
}

/* ///////////////////////////  CONTACT  /////////////////////////////  */



#contact-area input.checkbox  {
	width: 30px;
	margin: 0px 0px 0px 10em;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: geneva, corbel, verdana, arial, sans-serif;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	border: 1px solid #83b5d7;
}

#contact-area textarea {
	height: 90px;
	margin-left: 10em;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #880033;
}

#contact-area input.submit-button {
	width: 100px;
	margin-left: 10em;
}


label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	padding-top: 5px;
}

p.indent {
	margin-left: 10em;
}



/* ///////////////////////////  BLOG FEED  /////////////////////////////  */

#blogfeed h1 {
	border-bottom: none;
}

#blogfeed li {
	list-style-type: none;
	margin: 25px 0px 0px 0px;
	padding: 8px 0px 6px 0px;
	border-top: 1px dotted;
	text-transform: uppercase;
	font: 1.4em Verdana,sans-serif;
}

#blogfeed li a {
	color: #880033;
}

#blogfeed img {
	margin: 3px 0px 0px 0px;
}

#blogfeed table {
	background-color: white;
	margin: -20px 0px 0px 0px;
	padding: 0px;
}

#blogfeed p {
	font-family: geneva, corbel, verdana, arial, sans-serif;
	font-size: 1.2em;
}

#blogfeed span {
	font-family: georgia,serif;
	color: #56646d;
	font-style: italic;
	font-size: 1em;
}

/* ///////////////////////////  FOOTER  /////////////////////////////  */


#footer {
	text-align: center;
	font-size: 75%;
	clear: right;
	border-top: 1px dotted #71818b;
}