/* home - #8EBED5 */
/* karen - #262626 */
/* quilts - #1696BD */
/* studio - #62923C */
/* links - #8B7993 */
/* contact - #91B9A2 */

/* Global Elements */

body  { font-size: 13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  Line-height: 15px;}


/* Text Formatting Elements */

.home    { color: #8EBED5 }
.karen   { color: #AEB35C }
.quilts  { color: #1696BD }
.studio  { color: #62923C }
.links   { color: #8B7993 }
.contact { color: #91B9A2 }

td.bothome    { background-color: #8EBED5; color: #ffffff; font-size: 70%; padding:5px; }
td.botkaren   { background-color: #AEB35C; color: #ffffff; font-size: 70%; padding:5px; }
td.botquilts  { background-color: #1696BD; color: #ffffff; font-size: 70%; padding:5px; }
td.botstudio  { background-color: #62923C; color: #ffffff; font-size: 70%; padding:5px; }
td.botlinks   { background-color: #8B7993; color: #ffffff; font-size: 70%; padding:5px; }
td.botcontact { background-color: #91B9A2; color: #ffffff; font-size: 70%; padding:5px; }

a:link  { color: #1696BD; font-weight: bold }
a:visited  { color: #8B7993; font-weight: bold }
a:link:active, a:visited:active  { color: #8EBED5; font-weight: bold }
a:link:hover  { color: #8EBED5; font-weight: bold }
a:hover  { color: #8EBED5; font-weight: bold }

p  { color: #000000; font-size: 13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; spacing: 1.4em; line-height: 1.5em; }
.copyright  { color: #ffffff; font-size: 80%; }

h1  { font-weight: bold; font-size: 18px;  }
h2  { font-weight: bold; font-size: 16px;  }
h3  { font-weight: bold; font-size: 15px;  }

h4  { font-weight: bold; font-size: 16px; margin: 0px; padding: 0px  }

.small   { font-size: 80%; line-height: 1.4em;}
.large   { font-size: 120%;  line-height: 1.5em;}

td.body { padding: 17px; background-color: #ffffff; font-size: 13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; spacing: 1.4em; line-height: 1.5em; }
td.nav { background-color: #000000;}



a.sn:link   { color: #AEB35C; font-weight: bold;}
a.sn:visited   { color: #AEB35C; font-weight: bold; }
a:link:active, a:visited:active  { color: #8EBED5; font-weight: bold }
a:link:hover  { color: #8EBED5; font-weight: bold }
a:hover  { color: #8EBED5; font-weight: bold }

td.left { padding: 0px 5px 5px 0px; }
td.right{ padding: 0px 0px 5px 5px; }

table.gallery { padding: 0px 0px 10px 0px; }

div#quilts td { font-size: 13px; }
div#quilts li {width: 276px; display: inline; list}
div#quilts ul { clear: both; list-style-type: none; text-align: center; padding: 1px 0px 0px 0px; margin: 0px; }
div#quilts ul li { float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;  }
div#quilts a { display: block; padding: 10px; text-decoration: none; font-weight: normal;}
div#quilts a:hover { background-color: #1696BD; color: #fff; }
div#quilts a img { border: 1px solid white;}
div#quilts h1  { color: #1696BD }
div#quilts h2  { color: #AEB35C }

.detailPage div {margin-bottom: 5px;}
.detailPage div.description {margin-bottom: 25px;}
.detailPage div.description div.detail {font-size: 90%;}

input {padding: 1px 2px}
.delete input {font-size:9px; text-transform: lowercase; color: #555; padding: 1px 2px; margin-top: 5px}


div#admin li {width: 100%; display: inline; list}
div#admin ul { list-style-type: none; text-align: left; padding: 1px 0px 0px 0px; margin: 0px; }
div#admin ul li { float: none; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
div#admin a { display: block; padding: 10px; text-decoration: none;}
div#admin a:hover { background-color: #1696BD; color: #fff;}
div#admin a img { border: 1px solid white;}
div#admin hr { border: 0px; border-top: 1px solid #1696BD; }
li.detailPhotos img {display: block;}


div#admin .delete {font-size: 9px; padding: 0px; text-transform: lowercase; position: relative; left: 225px; top: 15px; color: #1696BD; }

div#admin .maingallery .delete {display: none}
div#admin .maingallery p {margin: 0px; padding: 0px}

.picright {float: right; display: inline; margin-left: 10px; font-size: 80%}
.picleft {float: left; display: inline; margin-right: 10px; font-size: 80%}