@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-size: 62.5%;
font-family:"Century Gothic", Helvetica, sans-serif;
Arial, Helvetica;
background-color:#C4BBA4;
background-image:url(imgs/stripe.jpg);
background-repeat:repeat-y;
}

#container {
width:885px;
position:relative;
}

#left {
position:fixed;
top:0;
left:0;
width:372px;
}

#header {
position:absolute;
top:380px;
left:0;
width:372px;
height:135px;
background-image:url(imgs/robcarpenter.jpg);
}

#header span {
margin-left: -2500px;
}

#gallery1 {
position:absolute;
top:75px;
left:205px;
width:372px;
}

#gallery1 li {
float: left;
list-style-type:none;
}

#gallery1 a {
display:block;
width:22px;
height:22px;
background-color:#948C7B;
margin-left:5px;
text-decoration:none;
border: 1px dotted #666;
}

#gallery1 a:hover {
	background-color:#C00;
}

#gallery1 li span{
display:none;
}

#gallery1 p {
margin-left: 90px;
color: #666;
font-weight: bold;
text-transform: uppercase;
}

#gallery2 {
position:absolute;
top:150px;
left:120px;
width:270px;
}

#gallery2 li {
float: left;
list-style-type:none;
}

#gallery2 a {
display:block;
width:22px;
height:22px;
background-color:#948C7B;
margin-left:5px;
margin-bottom:5px;
text-decoration:none;
border: 1px dotted #666;
}

#gallery2 a:hover {
background-color:#960;
}

#gallery2 li span{
display:none;
}

#gallery2 p {
margin-left: 173px;
color: #666;
font-weight: bold;
text-transform: uppercase;
}

#bob {
position:absolute;
top:260px;
left:95px;
width:275px;
}

#bob a {
margin-left: 202px;
color: #666;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

#bob a:hover {
color: #930;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #930;
padding-bottom: 2px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #930;
padding-top: 2px;
}

#details {
position:absolute;
top:555px;
left:410px;
width:500px;
font-size: 1.1em;
}

#details p {
text-align:left;
padding-left :25px;
padding-top: 20px;
padding-bottom: 7px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color:#999;
}

#details .title {
font-weight: bold;
text-transform: capitalize;
}


#details a {
color: #996600;
text-decoration: none;
}

#details a:hover {
color: #930;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #993300;
padding-bottom: 2px;
}

#details2 {
position:absolute;
top:685px;
left:410px;
width:500px;
font-size: 1.1em;
}

#details2 p {
text-align:left;
padding-left :25px;
padding-top: 20px;
padding-bottom: 7px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color:#999;
}

#details2 .title {
font-weight: bold;
text-transform: capitalize;
}


#details2 a {
color: #996600;
text-decoration: none;
}

#details2 a:hover {
color: #930;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #993300;
padding-bottom: 2px;
}

.small {
font-size:.7em;
}

#links {
position:absolute;
top:510px;
left:155px;
width:300px;
}

#links li {
float:left;
list-style-type:none;
}

#about a {
display:block;
width: 86px;
height: 22px;
background-image:url(imgs/artist.jpg);
text-decoration:none;
}

#about a:hover {
background-image:url(imgs/artist-2.jpg);
}

#contact a {
display:block;
width: 86px;
height: 22px;
background-image:url(imgs/contact-1.jpg);
text-decoration:none;
}

#contact a:hover {
background-image:url(imgs/contact-2.jpg);
}

#links li span {
display:none;
}

#right {
position:absolute;
left:410px;
top:40px;
width:500px;
height:500px;
background-color:#CCCC99;
}

#right-contact {
position:absolute;
left:410px;
top:5px;
width:500px;
}

#right-contact h2 {
font-size: 2.0em;
font-weight: normal;
padding-left: 25px;
color: #7E7F5F;
}

#right-contact p {
padding-left: 25px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
}

#right-contact #first {
padding-top: 25px;
}

#right-art {
position:absolute;
left:410px;
top:5px;
width:480px;
margin-bottom: 50px;
}

#resume {
width: 480px;
}

#resume p {
font-size: 1.2em;
font-weight: normal;
color: #000000;
font-family:"Century Gothic", Helvetica, sans-serif;
line-height: 1.6em;
padding-left: 25px;
}

#resume h3 {
font-size: 1.1em;
font-weight: normal;
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.6em;
padding-left: 25px;
}

#resume h2 {
	font-size: 2.0em;
	font-weight: normal;
	padding-left: 25px;
	color: #7E7F5F;
	padding-right: 25px;
	margin-top:35px;
}

h2#pub {
	margin-top:70px;
	padding-top: 25px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #A59E8B;
}



#resume #first {
padding-top: 25px;
}

#resume a{
font-family:"Century Gothic", Helvetica, sans-serif;
color: #996600;
text-decoration: none;
}

#resume a:hover {
color: #930;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #993300;
padding-bottom: 2px;
}