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


/* ---------------------------------------- */
/* =global */
/* ---------------------------------------- */
a img{border:none;}
*{margin:0;padding:0;}
body{ background:url(../images/bg.jpg); font-family:Arial,sans-serif; font-size: 1em; color:#333333; text-decoration: none;	}



/* =========================================== */
/* ============= [ GLOBAL CONTAINERS ] ============= */
/* =========================================== */
#default-container{width:860px;margin:auto;}
#default-container tr{margin-bottom:20px;}
.clear-both{clear:both;}
#wrapper{width:900px;margin:0 auto;position:relative;background:#fff;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;padding-bottom:40px;}
#wrapper.index{width:900px;margin:0 auto;position:relative;background:#7E9EC5;border-left:1px solid #000033;border-right:1px solid #000033;border-bottom:1px solid #000033;padding-bottom:40px;}
#wrapper.splash{width:100%;height:400px;margin:0;border-style:none;background-color:#ffffff;}
#wrapper.nav{width:100%;height:50px;padding:0px;margin:0;background-color:#ffffff;border-style:none;}


/* ---------------------------------------- */
/* =headings */
/* ---------------------------------------- */
h1{color:#000000; font-size:2.0em;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4{font-size:1.0em;}

/* ---------------------------------------- */
/* =paragraph */
/* ---------------------------------------- */
p {font-size: 0.75em; color:#333333; line-height:2.0em;}
p.image-caption{font-size:10px;font-style:italic;line-height:12px;}


/* ---------------------------------------- */
/* =ahref */
/* ---------------------------------------- */
a {color:#006699;text-decoration:underline;}
a:hover {color:#666666; text-decoration: none;}



/* =========================================== */
/* ============ [ ADMIN STYLES ] ============= */
/* =========================================== */
.admin_instructions{font-family:Arial,Helvetica,sans-serif;color:#000000;padding:15px;border-color:#cccccc;border-width:1px;border-style:solid;font-size:12px;font-style:italic;line-height:10px;}
.admin_artistListing{padding:10px 0 10px 0;border-width:1px;border-color:#333333;border-top-style:solid;background-color:ccff99;height:auto;}
.admin_paintingListing{padding:10px;border-width:1px;border-color:#333333;border-top-style:solid;background-color:ccff99;height:auto;clear:both;}
.admin_painting{float:left;height:auto;}
.admin_paintingInfo{position:relative;float:right;background-color:#cc99ff;min-height:400px;height:400px;}

/**
* styling for a table with every other row appearing as a different color.
* used by admin section a lot.
*/
#editPostTable {border-width: 1px; border-color: #000000; border-style: solid;}
#editPostTable .headerRow {background-color: #ffcccc; border-width: 1px; border-color: #000000; border-style: solid;}
#editPostTable .titleColumn { padding: 0px 8px 0px 8px; border-width: 0px;}
#editPostTable p { font-size: 0.75em; line-height:1.0em;}
#editPostTable .editColumn { width:auto; border-width: 0px;}
#editPostTable .oddRow {background-color: #ddd;}
#editPostTable .evenRow {background-color:#bbb;}
#editPostTable .oddRow:hover { background-color: #ccffcc; }
#editPostTable .evenRow:hover { background-color: #ccffcc; }


/* =========================================== */
/* ============== [ NAV STYLES ] ============= */
/* =========================================== */
#nav{width:auto; margin:0 auto; position:relative; background-color:#ffffff;}
#nav:hover {}/*background-color:#dedede;}*/
#nav ul{width:420px;margin:0 auto;list-style:none;}
#nav ul li{position:relative;width:105px;line-height:30px;float:left;text-align:center;}
#nav ul li a{font-size:0.65em; position:relative; text-align:center; display:block; line-height:2.0em; text-decoration:none; color:#666;}
#nav ul li a:hover{color:#000;}


/* =========================================== */
/* ==== [ 'SPLASH SCREEN' ON INDEX.PHP ] ===== */
/* =========================================== */
#splash{clear:both;width:850px;margin:0 auto;background-color:#ffffff;}
.splash-frame{width:497px;height:424px;background:url(../images/main_left.jpg);float:left;overflow:hidden;}
.splash-text{width:353px;height:424px;background:url(../images/main_right.jpg);float:right;overflow:hidden;}

p.bare-walls-text{padding:0 20px 0 20px;}

.image-center{margin-left:auto;margin-right:auto;display:block;}
.divider-wide{clear:both;width:100%;height:8px;background-color:#ffffff;margin-top:0px;background:url(../images/divider.png);background-repeat:repeat;}


/* =========================================== */
/* ============= [ FEATURED ARTIST ] ============= */
/* =========================================== */
#featured-artist{float:left;margin-left:40px;padding-bottom:20px;}
.featured-images-grid{float:right;}
.featured-painting-cell{width:200px;}
.featured-artist-text{float:left;width:390px;padding-left:10px;}
.featured-artist-text p{text-align:left;clear:both;}
.featured-artist-text a{color:#fff;text-decoration:none;}
.featured-artist-text a:hover{text-decoration:underline;}
img.frame{margin:65px auto;margin-left:auto;margin-right:auto;display:block;}
img.featured-artist-image{float:left;margin-bottom:10px;}
img.featured-artist-photo{float:left;margin:0 10px 0 0;border:1px solid #ccc;background:#fff;padding:4px;}


/* =========================================== */
/* =============== [ HEADER ] ================ */
/* =========================================== */
#header{overflow: hidden; height:auto; background:#6c86ab; padding-left:30px; padding-bottom:8px; border-style: solid; border-bottom-width:0px; border-top-width: 0px; border-left-width:0px; border-right-width:0px;}
#header-clearance{width:100%; height:0px; background:#ffffff}


/* =========================================== */
/* =============== [ FOOTER ] ================ */
/* =========================================== */
#footer{width:900px;margin:0 auto;}
#footer ul{width:900px;height:30px;margin:0 auto;position:relative;list-style:none;display:inline;}
#footer ul li{position:relative;width:80px;line-height:30px;float:left;text-align:center;}
#footer ul li a{font-size:12px;position:relative;text-align:center;display:block;line-height:30px;text-decoration:none;color:#666;font-family:Arial,Helvetica,sans-serif;}
#footer ul li a:hover{color:#000;}
#footer ul li.copyright{float:right;width:300px;padding-right:20px;}
#footer ul li.copyright a{color:#666;float:right;text-transform:uppercase;}
#footer ul li.copyright a:hover{color:#000;}
#address{width:900px;clear:both;margin:0 auto;margin-bottom:20px;padding-right:40px;}
#address p{font-family:Arial,Helvetica,sans-serif;text-align:right;color:#666;line-height:15px;font-size:12px;}


/* =========================================== */
/* ============= [ CONTANT.PHP ] ============= */
/* =========================================== */
.contact-container{ padding-top:25px; background-color:#00ff00; }
#contact-address{ padding-left:0px; width:300px; float:left; background-color:#ff9999;}
#contact-address p{ font-size:12px; text-align:right; padding-left:0px; padding-top:50px; line-height:2em; }
#contact-address strong{ font-size:20px; line-height:2.2em; }
/*#contact-form{ width:auto; padding-left:450px; display:inline; background-color:#0000ff;}
*/

/* =========================================== */
/* ============= [ MYSTERY MEAT ] ============ */
/* =========================================== */
.jj-centered{display:block;margin-left:auto;margin-right:auto;padding:4px;border:1px solid #ccc;margin-top:20px;}


table.contact{}
table.contact tr{padding:50px;}
table.contact td.address{text-align: right; padding-right:20px;}
table.contact td.form{}