/**************************************/
/* Style sheet for www.judy-evans.com */
/* Alan Dunn                30/9/2005 */
/**************************************/
body {
font-family: "Comic Sans MS", "Verdana", sans-serif;
font-style: normal;
background-color: #fffbab;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding: 20px 10px 0 10px;
}


/*******************/
/* COMMON ELEMENTS */
/*******************/
table {
border: 0;
padding: 0;
margin: 0;
}

td {
vertical-align: top;
}

#logo {
text-align: center;
padding-top: 0;
}

#title {
color: #060;
font-size: 28px;
padding-left: 3px;
padding-top: 0px;
padding-bottom: 10px;
}

#sub_title {
color: #060;
font-size: 20px;
padding-left: 3px;
}

#header {
font-size: 18px;
}

#footer {
font: normal 10px Verdana, sans-serif;
padding-left: 15%;
}



/************/
/* MENU BAR */
/************/
#menu {
}

#menu ul {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font-size:14px;
}

#menu ul li {
list-style: none;
margin: 0;
display: inline;
}

#menu ul li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background-color: #eeb;
text-decoration: none;
}

#menu ul li a:link {
color: #060;
}

#menu ul li a:visited {
color: #060;
}

#menu ul li a:link:hover, #menu ul li a:visited:hover {
color: #485471;
background-color: #9c9;
border-color: #227;
}

#menu ul li a#current {
color: #060;
background: #fffbab;
border-bottom: 1px solid #fffbab;
}



/*************/
/* HOME PAGE */
/*************/
#welcome {
font-size: 14px;
padding-right: 20%;
padding-left: 10%;
padding-top: 30px;
padding-bottom: 90px;
}

#judy {
float: right;
margin: 0px 20px 20px 30px;
}



/**********************/
/* THUMB GALLERY PAGE */
/**********************/
#thumb {
border: 3px solid #093;
}

#filter {
text-align: right;
padding: 0;
margin: 0;
}

#caption {
color: #060;
}


/**********************/
/* HIRES GALLERY PAGE */
/**********************/
#hires {
text-align:center;
}

#hires img {
border: 4px solid #093;
margin-top: 20px;
}

#hires form {
display: inline;
}

#name img {
text-align: center;
border: 0;
}

#hires_nav {
padding: 5px;
margin-top: 30px;
margin-bottom: 20px;
}

#hires_nav.nav_button input {
font: normal 12px Verdana, sans-serif;
color: #000;
background_color: #060;
}

#hires_data {
width: 300px;
padding: 10px;
margin-bottom: 40px;
}



/******************/
/* BIOGRAPHY PAGE */
/******************/
#biography {
font-size: 14px;
padding-right: 25%;
padding-left: 25%;
padding-top: 30px;
padding-bottom: 90px;
}



/****************/
/* CONTACT PAGE */
/****************/
.events {
}

.events h1 {
font-size: 18px;
color: #4962a4;
text-align: center;
padding: 0;
margin:0
}

.coord {
font-size: 12px;
}

.coord fieldset {
width: 250px;
background-color: #eeb;
border: 1px solid #093;
padding: 5px;
}

.contact {
font-size: 14px;
}

.contact h1 {
font-size: 18px;
color: #4962a4;
text-align: left;
padding: 0;
margin:0
}

.contact fieldset {
width: 450px;
background-color: #eeb;
border: 1px solid #093;
}

.events textarea {
width: 250px;
height: 150px;
background-color: #eeb;
font-size: 10px;
font-weight: normal;
font-family: verdana;
border: 1px solid #093;
padding: 5px;
}

.redstar {
color: #f00;
font-weight: normal;
}

.contact input {
display: block;
width: 150px;
float: left;
background-color: #eee;
margin-bottom: 5px;
}

.contact label {
display: block;
text-align: right;
float: left;
width: 150px;
padding-right: 10px;
}

.contact textarea {
width: 250px;
height: 60px;
background-color: #eee;
margin-bottom: 10px;
}

.contact input#mailing_list {
float: left;
width: 1em;
}

.contact input#submit {
float: left;
font-size: 12px;
width: 85px;
margin-left: 10px;
}

.contact input#reset {
float: left;
font-size: 12px;
width: 75px;
margin-left: 10px;
}

.mailing_list {
font-size: 12px;
}

.privacy label {
display: block;
font-size: 10px;
text-align: right;
float: left;
width: 150px;
padding-right: 10px;
}

.privacy a:link, .privacy a:visited {
color: #060;
font-size: 10px;
padding-left: 50px;
}

.privacy a:link:hover, .privacy a:visited:hover {
color: #485471;
font-size: 10px;
padding-left: 50px;
}

br {
clear: left;
}



/***************/
/* E-CARD PAGE */
/***************/
.card_bg {
background-color: #ddd;
border: 10px groove #093;
}

.ecard_pic {
font-size: 12px;
text-align: center;
}

.ecard_pic input {
border: 3px solid #093;
}

.ecard_form {
padding-left:40px;
}

.ecard_form input {
display: block;
width: 170px;
float: left;
background-color: #eee;
margin-bottom: 10px;
}

.ecard_form label {
display: block;
text-align: right;
float: left;
width: 150px;
padding-right: 10px;
}

.ecard_form textarea {
width: 340px;
height: 100px;
background-color: #eee;
margin-bottom: 10px;
}

.ecard_form input#mailing_list {
float: left;
width: 1em;
}

.ecard_form input#submit {
float: left;
font-size: 12px;
width: 80px;
margin-left: 10px;
margin-bottom: 40px;
}

.ecard_form input#reset {
float: left;
font-size: 12px;
width: 80px;
margin-left: 10px;
}


/***********************/
/* DISPLAY E-CARD PAGE */
/***********************/
#sel_1, #sel_2, #sel_3, #sel_4 {
margin-left: 40px;
border: 3px solid #093;
}

#display_card {
border: 10px groove #093;
background-color: #ddd;
}

#display_card #name {
padding-bottom: 10px;
}

#display_card #date {
text-align: right;
padding-top: 20px;
padding-bottom: 10px;
padding-right: 5px;
}

#display_card #to {
padding-bottom: 10px;
}

#display_card #msg {
padding-bottom: 10px;
}

#display_card #from {
padding-bottom: 10px;
}

#privacy {
margin-left: 15%;
width: 70%;
}