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

/* ========== 01 BUILD PAGE */

body {
	margin: 0px;
	padding: 0px;
}

.item-number { padding: 3px 0 0 0; color: #574f3f; font-size: 14px; font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; } /* default #758c8f */

/* ADDICTION ART EXHIBIT PAGE BACKGROUND */
#aae {
	background-color: #434136;
	background-image: url(images/tile-01.jpg);
	background-repeat: repeat;
}

/* REGULAR PAGE BACKGROUND */
#reg {
	background-color: #1a1915;
}

/* AAE SHADOW WRAPPER */
#main-wrapper {
	position: absolute;
	width: 1040px;
	height: 770px;
    top: 0px;
    left: 50%;
    margin-left: -520px;
	background-image: url(images/back-aae-blank-1040x770.png);
	background-repeat: no-repeat;
}

/* REGULAR SHADOW TILE */
#main-wrapper-reg {
	position: absolute;
	width: 1040px;
    top: 0px;
    left: 50%;
    margin-left: -520px;
	/* background-color: #1a1915;*/ /* must match page background because it passes behind lower shadow */
	/* background-image: url(images/shadow-tile-1040x200.png);
	background-repeat: repeat-y; */
}

/* This was created for variable height pages */
#shadow-wrapper-reg {
	width: 1040px;
	background-color: #1a1915; /* must match page background because it passes behind lower shadow */
	background-image: url(images/shadow-tile-1040x200.png);
	background-repeat: repeat-y;
}

/* ADDICTION ART EXHIBIT BODY CONTENT BACKGROUND */
#back-art-01 {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 1000px;
	height: 750px;
	background-color: #636b69;
	background-image: url(/images/back-aae-1000x750.jpg);
	background-repeat: no-repeat;
}

/* REGULAR ART EXHIBITS BODY CONTENT BACKGROUND */
#back-art-02 {
	/* position: absolute;
	top: 0px; */
	left: 20px;
	width: 1000px;
	/* height: 750px; */
	background-color: #302e2a; /* alternate 302e2a */
	background-image: url(/images/back-reg-1000x121.png);
	background-repeat: no-repeat;
}

#lower-shadow {
	width: 1040px;
	height: 20px;
    /* left: 50%;
	margin-left: -520px; */
	background-color: #1a1915; /* #00ff33 for testing, otherwise background color */
	background-image: url(images/shadow-lower-1040x20.png);
	background-repeat: no-repeat;
}

/* AAE header - space between top of page and nav */
#spacer01 {
	width: 1000px;
	height: 90px;
}

/* Regular header - space between top of page and nav */
#spacer-reg {
	width: 1000px;
	height: 90px;
	background-image: url(images/hdr-reg.jpg);
	background-repeat: no-repeat;
}

/* AAE navbar */
#navbar {
	width: 1000px;
	height: 31px;
	text-align: left;
}

/* Regular navbar */
#navbar-reg {
	width: 1000px;
	height: 31px;
	text-align: left;
}

/* space between nav and body content */
#spacer02 {
	width: 1000px;
	height: 30px;
}

/* 700x380 - main content for addiction art exhibit intro */
#main-content {
	width: 700px;
	height: 380px;
	padding: 40px 50px 50px 50px;
	text-align: left;
}

/* 800x480 - main content for addiction art exhibit */
#main-content-aae {
	width: 800px;
	height: 480px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/* 700x380 - regular content box */
.content-box-reg {
	width: 780px; /* standard 700px */
	/* standard height 380px */
	padding: 40px 40px 40px 40px;
	text-align: left;
	background-color: #90c6ce;
}



/* ========== 02 STYLE TEXT */

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	color: #2f2e2c;
	font-weight: bold;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
}

p {
	color: #5b5853;
	font-size: 15px;
	font-weight: normal;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
} /* margin: 0px eliminates spacing */

.text1 {
	color: #5b5853;
	font-size: 15px;
	font-weight: normal;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
} /* margin: 0px eliminates spacing */

.text1-rev {
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
} /* margin: 0px eliminates spacing */

/* Style links on Addiction Art Exhibit pages */
a.link1:hover, a.link1:active { outline: none; }
a.link1:link, a.link1:visited { color: #884422; text-decoration: underline; font-weight: normal; }
a.link1:hover, a.link1:active { color: #5b5853; text-decoration: none; font-weight: normal; }523f6e

/* Style links on Regular pages */
a.link2:hover, a.link2:active { outline: none; }
a.link2:link, a.link2:visited { color: #523f6e; text-decoration: underline; font-weight: normal; }
a.link2:hover, a.link2:active { color: #523f6e; text-decoration: none; font-weight: normal; }

/* Style reversed links on Regular pages (orange off) */
a.link3:hover, a.link3:active { outline: none; }
a.link3:link, a.link3:visited { color: #a7833b; text-decoration: underline; font-weight: normal; }
a.link3:hover, a.link3:active { color: #758c8f; text-decoration: none; font-weight: normal; }

/* Style reversed links on Regular pages (blue off) */
a.link4:hover, a.link4:active { outline: none; }
a.link4:link, a.link4:visited { color: #758c8f; text-decoration: underline; font-weight: normal; }
a.link4:hover, a.link4:active { color: #a7833b; text-decoration: none; font-weight: normal; }


/* ========== 03 CLOSE AAE EXHIBIT */
.close-aae {
	position: absolute;
	top: 125px;
	left: 875px;
	z-index: 10;
}

.click-for-more {
	position: absolute;
	top: 125px;
	left: 823px;
	z-index: 10;
}

.image-zoom {
	position: absolute;
	top: 484px;
	left: 382px;
	z-index: 11;
}


/* ========== 03 STYLE UNIQUE REGULAR PAGE ELEMENTS */

/* style gallery table */
#gtable {
	width: 800; /* 880 minus gallery cell pad */
}

/* style gallery cells */
.gcell {
	width: 180px;
	padding: 0px 10px 20px 10px;
	text-align: left;
	vertical-align: top;
}


/* ========== 04 STYLE EXHIBIT CATEGORY HEADS */

h1 { font-size: 28px; text-align: left; }
h2 { font-size: 22px; text-align: left; }

h1.rev, h2.rev { color: #758c8f; font-weight: normal; }

.title {
	padding: 0px 70px 0px 70px;
}

.line {
	width: 100%;
	border-top: 1px solid #758c8f;
}


/* ========== 05 STYLE CONTACT FORM */

.textf {
	color: #a7bfc2;
	font-size: 15px;
	font-weight: normal;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
}	

input, textarea {
	background-color: #758c8f;
	font-size: 14px;
	color: #ffffff;
	margin-top: 4px;
	font-weight: normal;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
}

.sbutton {
	padding: 4px 4px 4px 4px;
	font-size: 14px;
	color: #1a1915;
}

input.sbutton {
	color: #ffffff;
	background-color: #a7833b;
	padding: 4px 4px 4px 4px;
	border: 3px solid #ffffff;
}

input.sbutton:hover, input.sbutton:active {
	color: #ffffff;
	background-color: #758c8f;
	padding: 4px 4px 4px 4px;
	border: 3px solid #ffffff;
}