/***** universal settings ************/

* {padding: 0;margin: 0;}

/****** re-defined tag settings *******/

body {
background: #fff;
font-family: 'American Typewriter',Helvetica,verdana,sans-serif;
font-size: 0.8em;
color: #df8c98;
text-decoration: none;
text-align: left;
}

a {text-decoration:none;border:none;}


/******* container for all content ******/

#container {width: 800px;text-align:left;margin-left: 30px;}

/**** main menu ****/

#menu {
width:700px;
}

#menu ul{
width: 100%;
padding-bottom: 4px;
padding-top: 2px;
margin-bottom:5px;
}
#menu ul li{
padding-bottom:5px;
list-style: none;
display:block;
font-size: 0.9em;
text-decoration: none;
letter-spacing: 0.1em;
}

.current {
padding-bottom:5px;
color: #df8c98;
font-size:0.9em;
letter-spacing: 0.1em;
}
#menu ul li a{
color: #666;
font-size: 0.9em;
text-decoration: none;
letter-spacing: 0.1em;
}
#menu ul li a:link {}
#menu ul li a:visited {}
#menu ul li a:hover{color: #c4b49f}
#menu ul li a:active {}

/***** end of menu *****/

/**** headings *****/

h1 {
font-size:0.9em;
font-weight:normal;
margin-top:10px;
margin-bottom: 5px;
border:1px;
padding-left:0px;
padding-top:5px;
padding-bottom:15px;
text-align:justified;
color: #df8c98;
}
.profile h3 {
margin-top:2px;
font-size:1em;
font-weight:normal;
border:0;
padding:0;
}



/**** profile *****/

.profile {
width:600px;
}
.profile p {
margin-top:10px;
font-size:1em;
font-weight:normal;
border:0;
padding:0;
}

/**** profile links *****/
.profile a {}
.profile a:link {text-decoration:none;color:#666;}
.profile a:visited {text-decoration:none;color:#666;}
.profile a:hover {text-decoration:underline;}
.profile a:active {text-decoration:none;color:#666;}

/*** gallery ****/


/*** this positions the whole gallery - thumbnails and larger image ****/


.gallerycontainer {
margin-top:10px;
position: relative;
min-height:400px;
}



/**** this styles the thumbnails with no border and a margin between the
thumbs - remember the code TRouBLe ****/



.thumbnail img {
border:none;
margin: 0 10px 10px 0;
}

.thumbnail:hover {
background-color: transparent;
}



/**** makes sure there is still no border when you hover over thumb ****/



.thumbnail:hover img {
border:none;
}


.thumbnail span {
position:absolute;
background-color:#fff;
left:-1000px;
border:none;
visibility:hidden;
color:#666;
font-size:0.8em;
text-align:center;
text-decoration:none;
white-space:nowrap;
}


.thumbnail span img {
border-width: 0;
}


.thumbnail:hover span {
visibility: visible;
top:0;
left:300px;
z-index: 50;
text-decoration:none;
}

/**** logo ******/

.logo {
margin:10px 0px 10px 0px;
text-align:left;
width:300px;
}

/****** images no border *****/
a img {border:none;text-decoration:none;}
img a:hover {border:none;text-decoration:none;}

/**** contact form ****/

#box {
width:500px;
padding:20px;
border:1px solid #ccc;
color: #333;
font-weight: normal;
text-align: left;
margin-top:40px;
}

fieldset { 
border:0;
margin:0;
padding:0;
font-size: 0.8em;
}

label { 
display:block; 
}

input.text, textarea { 
width:300px;
font-size:12px
color:#666;
padding:3px;
margin:3px 0;
border:1px solid #ccc; 
}

input.submit { 
padding:2px 5px;
font:normal 10px/10px;
color:#666;
}


/**** links ****/

.links {margin-top:30px;width:400px;}
.links p {margin-top:5px;}
.links a {
font-size: 0.9em;}
.links a:link {
font-size: 0.9em;
color:#666;
text-decoration:none;
}
.links a:visited {color:#666;text-decoration:none;}
.links a:hover {
text-decoration:underline;
}
.links a:active {
color:#666;
}