/*
Styles.CSS : Stylesheet for Supermassive CMS
Version Name: Hot Chocolate
Created by: James Kent for Supermassive, LLC
Copyright: Supermassive.NET 2008
Contact: jamesk@supermassive.net
More Info: http://supermassive.net
*/


/* GLOBAL DOCUMENT STYLES */

div,form{padding:0;margin:0}
hr {border: none 0; border-top: 1px dashed #921; width: 100%; height: 1px;}
table{ border:none; border-collapse:collapse; margin:0; padding:0;}
td{ vertical-align:top; text-align:left; padding:0px; border:none;}


a{text-decoration:none;color:rgb(184,59,58);}
a:hover{text-decoration:underline;color:#921;}


h1,h2,h3,h4,h5,h6{ margin:0px 0px 5px 0px; padding:0px;font-weight:normal}

li,ul{margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px}


/* BODY TABLE STYLES */

table.bodywidth{ width:1000px; margin-left:auto; margin-right:auto;border-left:2px solid #852;border-right:2px solid #852} /*  for hard limit on table width */
/* table.bodywidth{ width:80%; margin-left:10%; margin-right:10%; }  for floating center table with margins */

table.bodyheader{ background-color:#642;}
td.header{ padding:80px 30px 10px 30px; }

table.bodymain{ background-color:#fff; }
td.columnleft{ width:20%; padding:25px 15px 25px 25px; }
td.bodycontent{ width:60%; padding:25px 15px 25px 15px; }
td.columnright{ width:20%; padding:25px 25px 25px 15px }

table.bodyfooter{ background-color:#642; }
td.footer{ padding:10px 30px 150px 30px; }


/* SITE HEADER AND FOOTER STYLES */

span.site-title{font-size:32px;color:#eef}
a.site-titlelink{color:#eef;text-decoration:none;}
a.site-titlelink:hover{text-decoration:underline;}

span.site-subtitle{font-size:20px;color:#eef}
span.site-footertext{font-size:12px;color:#eef}

/* COLUMN BOX STYLES */

table.column-box{width:100%;margin-bottom:15px}
table.column-box th{border:1px solid rgb(92,140,188);border-bottom:none;padding:1px 5px 1px 5px;font-weight:normal;background-color:rgb(92,140,188);text-align:left}
table.column-box td{padding:7px;border:1px solid rgb(92,140,188);font-size:12px}

.search-input{ padding:2px 5px 2px 5px;width:100%;border:1px solid rgb(201,228,255)}
.search-button{ padding:0px 30px 0px 30px; font-size:14px; color:#421;border:1px solid rgb(201,228,255);background-color:rgb(92,140,188);font-family:"Trebuchet MS", tahoma, arial, helvetica, sans serif;margin-top:5px;margin-bottom:5px }
.search-button:hover{ background-color:#ea5; }

a.column-link{font-size:12px;line-height:17px;}
div.link-list{margin-bottom:5px}

table.login-table td{padding:20px}
.login-username{padding:2px 5px 2px 5px;width:150px;border:1px solid rgb(201,228,255)}
.login-password{padding:2px 5px 2px 5px;width:150px;border:1px solid rgb(201,228,255)}
.login-email{padding:2px 5px 2px 5px;width:200px;border:1px solid rgb(201,228,255)}

/* LISITNG PAGE STYLES */

div.listing-title{font-size:25px;color:#000}
div.listing-subtitle{margin:5px 0 5px 0;font-size:18px;color:#000}
div.listing-credit{margin:10px 0 10px 0;font-size:16px;color:#000}
div.listing-bodytext{font-size:14px;margin:10px 0 10px 0;color:#000}
div.listing-blurb{font-size:14px;}
div.listing-link{margin:5px 0 5px 0;font-size:14px;}
div.listing-meta{font-size:12px;color:#965}


/* USER EDIT FUNCTION FORM STYLES */

div.edit-header{background-color:rgb(92,140,188);border:none;margin-top:7px;padding:1px 10px 1px 10px;border:1px solid rgb(92,140,188);}
div.edit-header:hover{ background-color:#ea5; }

a.edit-heading{font-size:14px;text-decoration:none;color:#421;}
a.edit-heading:hover{text-decoration:underline;}

div.edit-container{margin:0;padding:0}

table.edit-table{width:100%;background-color:#fff}
td.edit-body{border:1px solid rgb(92,140,188);border-top:none;position:relative;padding:10px;margin-bottom:5px;}

table.form-table{width:100%;}
table.form-table td{padding:2px}
td.form-label{width:15%;font-size:14px;padding-right:5px}
td.form-input{}

/* edit form input boxes */

.edit-text{ padding:2px 5px 2px 5px;width:100%;border:1px solid rgb(201,228,255)}
.edit-select{ border:1px solid rgb(201,228,255)}
.edit-body-textarea{ width:100%;height:300px;font-family:arial;font-size:12px;padding:5px;line-height:18px;border:1px solid rgb(201,228,255)}
.edit-blurb-textarea{ width:100%;height:100px;font-family:arial;font-size:12px;padding:5px;line-height:18px;border:1px solid rgb(201,228,255)}
.edit-button{ padding:0px 30px 0px 30px; font-size:14px; color:#421;border:1px solid #000;background-color:rgb(92,140,188);font-family:"Trebuchet MS", tahoma, arial, helvetica, sans serif;margin-top:5px;margin-bottom:5px }
.edit-button:hover{ background-color:#ea5; }
.edit-tips{font-size:12px}

.comment-textarea{ width:100%;height:100px;font-family:arial;font-size:12px;padding:5px;line-height:18px;border:1px solid rgb(201,228,255)}

.alert{}
.alert:hover{ background-color:#f52; }

table.image-table{}
table.image-table td{vertical-align:bottom;padding-right:10px;text-align:center}
table.image-edit-buttons{width:50px}
table.image-edit-buttons td{padding:0px}
img.edit-thumbnail{border:1px solid #999;width:75px;margin-bottom:7px}