body {
   margin: 0;
   padding: 0;
   background: url(/gfx/layout/header_bg.gif) repeat-x #27292B;
}

button, a.button {
   border: 0;
   background: #111111;
   color: #eaeaea;
   padding: 2px;
   font-size: 12px;
   margin: 0;
}

button:hover, a.button:hover {
   color: #009ae9;
   cursor: hand;
}

h1 { font-size: 23px; font-weight: bold; font-family: helvetica; }
h2 { font-size: 18px; font-weight: bold; font-family: helvetica; }
h3 { font-size: 16px; font-weight: bold; font-family: helvetica; }
h4 { font-size: 14px; font-weight: bold; font-family: helvetica; }
h5 { font-size: 12px; font-weight: bold; font-family: helvetica; }

h1 small, h2 small, h3 small { font-size: 12px; }
h4 small, h5 small { font-size: 10px; }

h1, h2, h3, h4, h5, p {
   font-family: arial;
   font-weight: normal;
   padding: 0;
   margin: 0;
   margin-bottom: 5px;
}

button.new_btn { padding: 3px 6px 3px 6px; color: #787878; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; }
button.new_btn:hover { background: #009ae9; color: #ffffff; cursor: pointer;}

p { line-height: 160%; margin-bottom: 10px; }

.artInfo p {
   line-height: 100%;
   margin-bottom: 5px;
}

input, textarea, select {
   font-family: arial;
   border: 1px solid #666666;
   background: #fafafa;
   color: #333333;
   font-size: 13px;
   padding: 2px;
}

#headerBar {
   margin-left: auto;
   margin-right: auto;
   width: 778px;
   height: 108px;
   background: url(/gfx/layout/top.gif) no-repeat #27292B;
}

#headerBar #nav {
   padding-top: 15px;
   font-family: arial;
   font-size: 14px;
   color: #9C9D9E;
   text-decoration: none;
   text-align: right;
}

#headerBar #nav a {
   color: #787878;
   text-decoration: none;
background: #000000;
padding: 4px;
font-family: helvetica;
font-weight: bold;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

#headerBar #nav a:hover {
	color: #000000;
	background: #009ae9;
	
}

#headerBar #search {
   padding-top: 20px;
   float: right;
}

#headerBar #search #sc_icons { 
	text-align: right;
	padding: 0 30px 10px 0;
}

/* this is the background switching */

#cWW, #cWG, #cWD {
   padding-top: 5px;
   padding-bottom: 15px;
}

#cWW { background: #ffffff; }
#cWW h1, #cWW h2, #cWW h3, #cWW h4, #cWW h5 { color: #eaeaea; }
#cWW p { color: #eaeaea; }
#cWW .imgBorder { border: 3px solid #555555; }
#cWW .imgBorder:hover { border: 3px solid #333333; }
#cWW .pink { color: #009ae9; }
#cWW .white { color: #ffffff; }

#cWG { background: #27292B; }
#cWG h1, #cWG h2, #cWG h3, #cWG h4, #cWG h5 { color: #ffffff; }
#cWG h1 a, #cWG h2 a, #cWG h3 a, #cWG h4 a, #cWG h5 a { color: #ffffff; }
#cWG h1 a:hover, #cWG h2 a:hover, #cWG h3 a:hover, #cWG h4 a:hover, #cWG h5 a:hover { color: #009ae9; }
#cWG p, #cWG p a { color: #cccccc; }
#cWG p a:hover { color: #eaeaea; border-bottom: 1px solid #555555; }
#cWG .imgBorder { border: 3px solid #555555; }
#cWG .imgBorder:hover { border: 3px solid #eeeeee; }
#cWG .pink, #cWG .pink a { color: #009ae9; }
#cWG .pink a:hover { color: #eeeeee; }
#cWG .white { color: #ffffff; }
#cWG .white a { color: #ffffff; }
#cWG .white a:hover { color: #009ae9; }

#cWG .grey { color: #eaeaea; }
#cWG .grey a { color: #009ae9; }
#cWG .grey a:hover { color: #ffffff; }

#cWG p.sold { color: #beb4b9; }

#cWD { background: #121212; }
#cWD h1, #cWD h2, #cWD h3, #cWD h4, #cWD h5 { color: #eaeaea; }
#cWD p { color: #eaeaea; }
#cWD .imgBorder { border: 3px solid #555555; }
#cWD .imgBorder:hover { border: 3px solid #eeeeee; }
#cWD .pink { color: #009ae9; }

/* end this is the background switching */


#content {
   margin-left: auto;
   margin-right: auto;
   width: 778px;
   font-family: lucida grande, arial;
   font-size: 12px;
}

#content a {
   text-decoration: none;
}

.debug {
   background: #000000;
   font-family: monaco;
   font-size: 10px;
   color: #ffffff;
   margin: 30px;
   padding: 5px;
}

.searchWrapper {
   padding: 4px 4px 4px 4px;
   border-bottom: 1px solid #333333;
}

.searchWrapper:hover {
   background: #000000;
}

.searchWrapper a {
   color: #eaeaea;
}

.searchWrapper a:hover {
   color: #ffffff;
   border-bottom: 1px solid #666666; 
}

.loading {
   text-align: center;
   font-size: 23px;
   margin: 20px;
   color: #ffffff;
   font-family: arial;
}

#footer {
   background: #010101;
   font-family: helvetica;
   font-size: 12px;
   line-height: 160%;
   color: #676767;
   padding: 12px;
	margin: 20px 0 0 0;
}

#footer .footBlock {
   width: 778px;
   margin-left: auto;
   margin-right: auto;
}

#footer a {
   color: #898989;
   	font-size: 13px;
	font-weight: bold;
   text-decoration: none;
}

#footer a:hover {
   color: #ffffff;
}

.blk {
   color: #000000;
}

#artheader {
   margin-top: 10px;
   margin-bottom: 10px;
}

#artheader a {
   color: #666666;
}

#artheader a:hover {
   color: #ffffff;
   border-bottom: 1px solid #444444;
}

#commentDisplay {
   margin-top: 40px;
   background: #18191A url(/gfx/layout/commentbg.gif) repeat-x bottom;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #ffffff;
}

#commentDisplay .main .pink {
   color: #009ae9;
}

#commentDisplay .main .white {
   color: #ffffff;
}

#commentDisplay .main {
   margin-left: auto;
   margin-right: auto;
   width: 778px;
}

#commentDisplay p {
   font-size: 12px;
   color: #cccccc;
}

.page {
   color: #cccccc;
   margin-top: 10px;
   margin-bottom: 10px;
}

.page span { color: #ffffff; }

.page a { color: #009ae9; }
.page a:hover { color: #ffffff; }

label { padding-right: 5px; color: #ffffff; }

#registerForm p { clear: both; }
#registerForm label { width: 120px; float: left; text-align: right; display: block; padding: 2px 5px 0px 0px; }
#registerForm .requiredStar { font-size: 20px; color: #009ae9; }
#feedbackForm p { clear: both; }
#feedbackForm label { width: 120px; float: left; text-align: right; display: block; padding: 2px 5px 0px 0px; }
#feedbackForm .requiredStar { font-size: 20px; color: #009ae9; }

.req { font-size: 20px; color: #009ae9; }

.rssLink a { font-size: 10px; color: #999999; text-decoration: none; }
.rssLink a:hover { font-size: 10px; color: #eaeaea; text-decoration: none; }

.page { color: #666666; }

.readonlyData label {
   color: #cccccc;
}

.readonlyData input, .readonlyData textarea, .readonlyData select {
   background: #111111;
   padding: 4px;
   border: 0;
   border-bottom: 1px dotted #555555;
   color: #eaeaea;
}

.strikeout { text-decoration: line-through; }

.greyArrows { color: #666666; }

.artHeaderLinks { margin: 15px 0 15px 0; }
.artHeaderLinks, .artHeaderLinks a { color: #ffffff; }

.artHeaderLinks * {
   text-align: left;
   font-size: 15px;
}

.artInfoBox {
   float: right;
   width: 250px;
   background: #000000;
}

.artInfoBox .pad {
   padding: 12px;
}

.imgTitle { margin: 10px 0 3px 0; font-size: 10px; color: #666666; }
.imgTitle b { font-size: 15px; font-weight: normal; }

#browseFilesBox {
   padding: 5px 0 5px 0;
   height: 100px;
   width: 215px;
   overflow: hidden;
   position: relative;
}

#browseFilesBox #browseScroller { width: 2000px; height: 100px; position: relative; }
#browseFilesBox #browseScroller img { margin-right: 5px; }
#browseButtons { margin: 10px 0 10px 0; }
#browseButtons button:disabled { color: #666666; }

.bioTxt { font-size: 13px; color: #ffffff; font-family: arial; line-height: 160%; }
.bioTxt a { color: #009ae9; }
.bioTxt a:hover { color: #ffffff; }