/* Style Sheet for Artisan Direct, (c) 2008 Red Beagle Web Development */

/* Styles for general page layout */
body { background: #070707; font-family: verdana, arial, sans-serif; color: #aaaaaa; font-size: 0.625em; min-width: 900px; text-align: center; padding: 0px; margin: 0px; }
#plate { position: relative; top: 0px; width: 900px; text-align: left; padding: 0px; margin: 0px auto;  background-color: #000000}

#content { position: absolute; width: 900px; top: 140px; background: #000000 url("../images/textarea_bkgd.gif"); }
#widescreen { position: relative; top: 0px; left: 0px; width: 900px; height: 390px; padding-bottom: 15px; }
#text_page { position: relative; top: 0px; left: 0px; width: 370px; margin-bottom: 10px;  padding: 10px 10px 10px 530px; background-repeat: no-repeat; }
#text_page_wider { position: relative; top: 0px; left: 0px; width: 560px; margin-bottom: 10px;  padding: 10px 10px 10px 330px; background-repeat: no-repeat; }
#text_page_widest { position: relative; top: 0px; left: 0px; width: 860px; margin-bottom: 10px;  padding: 10px 20px 10px 20px; background-repeat: no-repeat; }
#logo { position: absolute; top: 0px; left: 0px; width: 900px; height: 109px; background-image: url("../images/logo.gif")}
#logo_left { position: absolute; top: 109px; left: 0px; width: 220px; height: 31px; background-image: url("../images/logo_left.gif")}

/* Two column layout */
#left_column { position: relative; float: left;
	width: 510px;
	margin: 30px 0px 0px 10px;
	min-height: 375px;
	text-align: center;
}

#right_column { position: relative; float: right;
	width: 370px;
	margin: 10px 10px 0px 0px;
}

#copyright_area { text-align: center; margin: 0px; padding: 10px 25px 20px 25px; background: #070707; }

p, td, legend, ul, ol { font-size: 1.2em; margin: 0px 0px 10px 0px; }
td ul { font-size: 1.0em; }
p { line-height: 1.5; }
li { padding-bottom: 4px; text-align: left; }
ul { text-align: left; }
td { padding: 3px; }
h1, h2, h3 { font-family: helvetica, verdana, arial, sans-serif; color: #bbbbbb; }
h1 { text-align: center; padding: 0px; margin: 10px 0px 15px 0px; font-weight: normal; font-style: normal; }
h2 { font-size: 1.8em; text-align: left; font-weight: normal; }
td { vertical-align: top; }
.rightie { text-align: right; }
.alert { font-weight: bold; color: #ff6666; }
.alertHappy { font-weight: bold; color: #6666ff; }
a, a:link { color: #cccccc; }
a:visited { color: #999999; }
a:hover { color: #12AA83; }

.copyright_text { margin: 0px; font-size: 1.1em; line-height: 1.2; }
.contact_text { text-align: center; font-size: 1.4em; }
.email_link { height: 25px; width: 542px; }
.insetBox { width: 150px; float: left; border: 1px solid #888888; border-width: 1px 0px 1px 0px; text-align: center; color: #888888; padding: 5px; margin: 0px 5px 0px 0px; }
.insetBox p { font-size: 1.3em; margin: 0px; }
.violator { border: 1px solid #990000; border-width: 2px; text-align: center; color: #000000; padding: 5px; margin: 10px; background-color: #ffffff; }
.violator p { font-size: 1.4em; margin: 0px; }
.violator a, .violator a:link { color: #000000; }
.violator a:visited { color: #444444; }
.violator a:hover { color: #009999; }
 

textarea, input { background-color: #dde3ff; border: 2px solid #666666; border-right-color: #333333; border-bottom-color: #333333; color: #000000; }

/* PULLDOWN MENU STYLES */
/* Locate the top-level menus */
#menu0 { position: absolute; top: 109px; left: 0px; padding: 0px; background: #000000; height: 31px; width: 900px; }
#menu0_0, #menu0_1, #menu0_2, #menu0_3, #menu0_4, #menu0_5, #menu0_6, #menu0_7, #menu0_8, #menu0_9 { position: absolute; top: 0px; cursor: pointer; }

/******* By Width *********/

#menu0_0 { left: 0px; }
#menu0_1 { left: 141px; }
#menu0_2 { left: 195px; }
#menu0_3 { left: 282px; }
#menu0_4 { left: 364px; }
#menu0_5 { left: 459px; }
#menu0_6 { left: 589px; }
#menu0_7 { left: 628px; }
#menu0_8 { left: 730px; }
#menu0_9 { left: 830px; }

/* Styles for the FAQ */
.faq_question { font-weight: bold; font-style: italic; margin-bottom: 3px; }
.faq_answer { margin-left: 36px; margin-bottom: 15px }
.returnToTop { font-style: italic; font-size: 1.1em; text-align: center; padding-bottom: 20px; }

/* Colors and styles for submenus */
.menu-about { position: absolute; background-color: #000000; border: 1px solid #999999; padding: 0px; display: none;}
.submenu1 { padding: 3px 10px; cursor: pointer; font-size: 11px; }
a.submenu1_link, a.submenu1_link:hover, a.submenu1_link:visited, a.submenu1_link:link { text-decoration: none; color: #999999; font-weight: normal }

/* Styles related to images */
img { border: 0px; }
.blank_right { float: right; padding: 0px; margin: 0px; }
.rightImg, .leftImg { border: 2px solid #666666; border-right-color: #333333; border-bottom-color: #333333; }
.rightImg { float: right; margin: 0px 0px 0px 5px; }
#showspace { position: absolute; top: 150px; left: 10px; width: 510px; text-align: center; }
#showspace_narrow { position: absolute; top: 150px; left: 10px; width: 310px; text-align: center; }

.artist_list_image { vertical-align: bottom; padding: 2px; margin: 0px; }
.artist_list_image img { border: 1px solid #cccccc; padding: 1px; }
.artist_list_name { vertical-align: top; text-align: center; width: 160px; padding-bottom: 10px; }

.social_icons { text-align: right; padding-right: 5px; }