/* Artworks Photography */

/* General */
body { margin:0; background-color: #111111; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: white; }


/* Layout */
div#menu { margin-right: 10px; height: 44px; float: right;}
div#menu img {  border: none; }

/* Front page */
div#container_front{ width: 816px; margin-left: auto; margin-right: auto; padding: 0; margin-top: 20px; }
div#frame { width: 816px; height: 566px; background-image: url(../images/frame_back.png); padding: 0; float: none; }
div#rotating_image { width: 780px; height: 530px; margin-top: 10px; margin-bottom: -530px; margin-left: 10px; float: left; background:url(../images/loading.gif) 50% no-repeat; display:none; }
div#banner_front { width: 800px; height: 56px; margin-top: 440px; background-image: url(../images/header_back.png); float: left; }
div#logo_front { width: 600px; height: 56px; position:relative; margin-left: 40px; margin-right: -600px; margin-bottom:56px; margin-top: -42px; float: left;}
div#footer_front { width: 800px; color: #999999; text-align: right; float: left; font-size: 11px;}

/* Content pages */
div#logo { position:relative; margin-top: -60px; width: 400px; height: 56px; float:left; }
div#container { width: 750px; margin-left: auto; margin-right: auto; padding-top: 60px; padding-bottom: 80px; }
div#banner { width: 100%; height: 56px; background-image: url(../images/header_back.png); float: left; }
div#footer { width: 800px; color: #999999; text-align: right; float: left; font-size: 11px; margin-top: 30px;}

/* Fonts */
h1 { color: #FFFF99; }
h2 { color: #999999 }
p { line-height: 19px; }
a { color: #FFFF99; }

p.small { font-size: 12px; color: #CCCCCC;}
p.error { color: #FF9999; }
p.success { color: #FFFF99; }
ul.error { color: #FF9999; }

span.item_name { visibility: hidden; }

/* Forms */
input  { font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; border: #666666; background-image: url(../images/form_back.png); font-size: 13px; padding: 4px; }
input.small  { font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; border: #666666; background-image: url(../images/form_back.png); font-size: 10px; padding: 1px; }
input.error { background-image: url(../images/form_back_error.png); }
select  { font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; border: #666666;  font-size: 13px; padding: 2px; }
select.small  { font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; border: #666666; background-image: url(../images/form_back.png); font-size: 10px; padding: 1px; }
textarea  { font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; border: #666666; background-image: url(../images/form_back_large.png); font-size: 13px; padding: 4px; }
textarea.error { background-image: url(../images/form_back_large_error.png); }

/* Order List */
div#orderbox { width: 500px; float: left; margin-right: 100px}
div#orderlist { background-color: #333333; color: white; font-size: 12px; padding: 7px; border: 1px solid #CCCCCC; width: 200px; float: left; margin-right: -200px; }
div#orderlist h3 { color: #FFFF99; margin:0; padding:0; font-size: 16px;}
.itemContainer { width:100%; float:left;}
.itemContainer div { float:left; margin: 5px 6px 5px 6px ;}
.itemContainer a { text-decoration:none;}
.cartHeaders { display:none;}
.hidden { visibility: hidden;}
span.thumbnail_big { font-size: 12px; color: #CCCCCC; }
table.small { color: #CCCCCC; font-size: 10px;}
input.order { font-size: 10px; padding: 1px; border: 1px solid #666666; background-color: #CCCCCC; margin-top: 2px }

table.checkout { width: 100%; }
table.checkout th td {  }
table.checkout th { background-color: #666666; color: white; font-weight: bold; }
table.checkout td { background-color: #EEEEEE; color: black; border-bottom: 1px solid #666666; }
table.checkout img { border-color: #666666;}
table.checkout input {border: 1px solid #666666;}


/* Admin-specific */
span.thumbnail { font-size: 10px; color: #CCCCCC; }
div.menuitem { width: 300px; background-color: black; border: 2px solid #CCCCCC; border-left: 10px solid #CCCCCC; padding: 5px; margin: 15px; }
span.small {font-size: 10px; }
table.albums { background-color:#666666;}
table.albums th {background-color: #FFFF99; color: black; font-weight: bold;}
table.albums td { border-bottom: 1px solid black;}
input.admin { padding:0px; border-width:0px; }
fieldset { padding: 10px;}
legend { color: #FFFF99; font-size: 14px; font-weight: bold; }