/* site wide layout */
* {padding:0px; margin:0px; }
html {background-color:#000; color:#ccc; font-family:Verdana, Arial, Helvetica, sans-serif; }
a {outline:none; }
.hidden {display:none; }

#wrapper {background: url('../images/header_bg.jpg') top left no-repeat; display:block; margin:0px auto; padding-top:124px; position:relative; width:760px; }
#wrapper #header {display:block; height:24px; margin-bottom:17px; width:760px; }
#wrapper #header h1 {background: url('../images/logo.gif') top left no-repeat; display:block; float:left; font-size:10px; height:17px; margin-top:3px; width:377px; }
#wrapper #header h1 a {display:block; height:17px; text-indent:-10000px; width:377px; }
#wrapper #header ul#top_nav {display:block; float:right; height:24px; width:368px; }
#wrapper #header ul#top_nav li {display:block; float:left; height:24px; }
#wrapper #header ul#top_nav li a {display:block; height:24px; text-indent:-10000px; }
#wrapper #header ul#top_nav li a.home {background: url('../images/topnav_home.gif') top left no-repeat; width:63px; }
#wrapper #header ul#top_nav li a.aboutsite {background: url('../images/topnav_aboutsite.gif') top left no-repeat; width:127px; }
#wrapper #header ul#top_nav li a.aboutbruce {background: url('../images/topnav_aboutbruce.gif') top left no-repeat; width:108px; }
#wrapper #header ul#top_nav li a.contact {background: url('../images/topnav_contact.gif') top left no-repeat; width:70px; }
#wrapper #header ul#top_nav li a:hover {background-position:0px -24px; }

#wrapper #art_view {background-color:#333; display:block; font-size:12px; min-height:392px; width:760px; }
#wrapper #art_view.comment {padding:15px; padding-right:293px; width:452px; }
#wrapper #art_view.about {padding:15px; width:730px; }
#wrapper #art_view.admin {padding:15px; width:730px; }
#wrapper #art_view.gallery {padding:15px; width:730px; }

/* IE6 is stupid */
#wrapper #art_view #gallery {_padding:15px; height:auto; width:730px; }
#wrapper #art_view #about {_padding:15px; height:auto; width:730px; }
#wrapper #art_view #admin {_padding:15px; height:auto; width:730px; }

#wrapper #art_view img.art_img {margin-right:13px; }
#wrapper #art_view #art_view_details {display:block; float:right; height:392px; margin-right:10px; width:345px; }
#wrapper #art_view h2 {color:#fff; display:block; font-size:18px; padding-top:13px; }
#wrapper #art_view h2.light {color:#fff; display:block; font-size:18px; font-weight:normal; padding-top:0px; }
#wrapper #art_view h3 {color:#fff; display:block; font-size:14px; }
#wrapper #art_view h3.light {font-weight:normal; }
#wrapper #art_view h4 {color:#fff; font-size:12px; margin-top:10px;}
#wrapper #art_view h4.light {font-weight:normal; margin:0px; }
#wrapper #art_view h5 {color:#c8c8c8; font-size:12px; font-weight:bold; margin:5px 0px;  }
#wrapper #art_view ul#details {margin-top:22px; }
#wrapper #art_view ul#details li {color:#c8c8c8; list-style-type:none; }
#wrapper #art_view p {display:block; font-size:12px; line-height:16px; padding:4px 0px;}
#wrapper #art_view p a {color:#c9c9c9; line-height:40px; }
#wrapper #art_view p a.buynow {background: url('../images/button_buynow.gif') top left no-repeat; display:block; height:19px; line-height:19px; margin-top:15px; text-indent:-10000px; width:69px; }
#wrapper #art_view p a.buynow:active {background-position:0px -19px; }
#wrapper #art_view hr {background-color:#939598; border:none; color:#939598; height:1px; }
#wrapper #art_view #art_block {background-color:#999; display:block; height:176px; margin:10px 0px; width:452px; }
#wrapper #art_view #art_block ul#details li {color:#fff; }
#wrapper #art_view p a.button_item {background: url('../images/button_item.gif') top left no-repeat; display:block; float:left; height:19px; margin-right:9px; text-indent:-10000px; width:92px; }
#wrapper #art_view p a.button_home {background: url('../images/button_home.gif') top left no-repeat; display:block; float:left; height:19px; margin-right:9px; text-indent:-10000px; width:97px; }
#wrapper #art_view p a.button_item:active, #wrapper #art_view p a.button_home:active {background-position:0px -19px; }

#wrapper #art_view #comment_form #comment_text {background: #fff url('../images/textarea_bg.gif') top left no-repeat; border:1px solid #000; color:#939598; display:block; font-family: "Courier New", Courier, monospace; font-size:12px; height:73px; line-height:16px; margin-bottom:15px; padding:12px; width:426px; }
#wrapper #art_view #comment_form a.button_submit_comment {background: url('../images/button_submitcomment.gif') top left no-repeat; display:block; float:left; font-size:2px; height:19px; line-height:19px; margin-right:9px; text-indent:-10000px; width:195px; }
#wrapper #art_view #comment_form a.button_cancel {background: url('../images/button_cancel.gif') top left no-repeat; display:block; float:left; font-size:2px;  height:19px; line-height:19px; margin-right:9px; text-indent:-10000px; width:55px; }
#wrapper #art_view #comment_form a:active {background-position:0px -19px; }

#wrapper #art_view ul#gallery_nav {color:#999; display:block; font-size:11px; height:12px; line-height:12px; margin-bottom:20px; width:730px;}
#wrapper #art_view ul#gallery_nav li {display:block; float:left; height:12px; width:365px; }
#wrapper #art_view ul#gallery_nav li.first {width:270px; }
#wrapper #art_view ul#gallery_nav li.last {text-align:right; width:450px; }
#wrapper #art_view ul#gallery_nav li a {color:#999; text-decoration:none; }
#wrapper #art_view ul#gallery_nav li a.active, #wrapper #art_view ul#gallery_nav li a:hover {color:#fff; }

#wrapper #art_view ul.gallery {display:block; overflow:auto; width:730px; }
#wrapper #art_view ul.gallery li {display:block; float:left; font-size:12px; line-height:16px; margin-bottom:30px; margin-right:64px; text-align:center; width:134px; }
#wrapper #art_view ul.gallery li.last {margin-right:0px; }
#wrapper #art_view ul.gallery li a {color:#fff; text-decoration:none; }
#wrapper #art_view ul.gallery li a img {margin-bottom:4px; }
#wrapper #art_view ul.gallery li a .number {color:#666; }
#wrapper #art_view ul.gallery li a .title { }
#wrapper #art_view ul.gallery li a .price { }
#wrapper #art_view ul.gallery li a .details {color:#999; }
#wrapper #art_view ul.gallery li a:hover .details {text-decoration:underline; }

#wrapper #art_view fieldset#contact {border:none; }
#wrapper #art_view fieldset#contact ol {display:block; margin:0px auto; width:500px; }
#wrapper #art_view fieldset#contact ol li {display:block; margin:0px 5px; width:500px; }
#wrapper #art_view fieldset#contact ol li label {display:block; float:left; text-align:right; padding-right:5px;  width:100px; }
#wrapper #art_view fieldset#contact ol li textarea {background: #fff url('../images/textarea_bg.gif') top left no-repeat; border:1px solid #000; color:#939598; font-family: "Courier New", Courier, monospace; font-size:12px; height:73px; line-height:16px; margin-bottom:15px; padding:12px; width:300px; }
#wrapper #art_view fieldset#contact ol li input {background: #fff url('../images/textarea_bg.gif') top left no-repeat; border:1px solid #000; font-size:11px; padding:2px; }

#wrapper ul#art_nav {background: url('../images/art_nav_bg.gif') top left no-repeat; clear:both; display:block; height:24px; width:760px; }
#wrapper ul#art_nav li {display:block; float:left; height:24px; list-style-type:none; }
#wrapper ul#art_nav li a {display:block; height:24px; text-indent:-10000px;  }
#wrapper ul#art_nav li a.previous {background: url('../images/button_previous.gif') top left no-repeat; width:225px; }
#wrapper ul#art_nav li a.gallery {background: url('../images/button_viewasgallery.gif') top left no-repeat; width:312px; }
#wrapper ul#art_nav li a.gallery_lg {background: url('../images/button_viewasgallery_large.gif') top left no-repeat; width:361px; }
#wrapper ul#art_nav li a.slideshow_lg {background: url('../images/button_viewasslideshow_large.gif') top left no-repeat; width:399px; }
#wrapper ul#art_nav li a.slideshow_solo {background: url('../images/button_viewasslideshow_solo.gif') top left no-repeat; margin:0px 220px; width:319px; }
#wrapper ul#art_nav li a.next {background: url('../images/button_next.gif') top left no-repeat; width:223px; }
#wrapper ul#art_nav li a:hover {background-position:0px -24px; }

#wrapper #footer {clear:both; color:#d7d7d7; display:block; font-size:11px; line-height:13px; margin:17px 0px; text-align:center; width:760px; }
#wrapper #footer a {color:#d7d7d7; text-decoration:none; }
#wrapper #footer a:hover {text-decoration:underline; }

/* admin area */

.admin fieldset {border:none; margin:30px auto; width:400px; }
.admin fieldset legend {display:block; font-weight:bold; height:16px; line-height:16px; padding:10px 0px; width:400px; }
.admin fieldset ol {list-style-type:none; }
.admin fieldset ol li {margin:8px 0px; }
.admin fieldset ol li label {display:block; float:left; padding-right:5px; text-align:right; width:150px; }
.admin fieldset ol li input {background: #fff url('../images/textarea_bg.gif') top left no-repeat; border:1px solid #000; font-size:11px; padding:2px; }
.admin fieldset ol li select {background: #fff url('../images/textarea_bg.gif') top left no-repeat; border:1px solid #000; font-size:11px; padding:2px; }
.admin fieldset ol li select option {padding:2px; padding-bottom:0px; }
.admin fieldset ol li.buttons {padding-left:155px; }
.admin fieldset ol li .error, .admin fieldset ul li .error {color:#f00; }
.admin fieldset ol li .success, .admin fieldset ul li .success {color:#0f0; }
.admin fieldset ol li .tip {color:#999; font-size:11px; }
.admin fieldset ol li a.button_login {background: url('../images/button_login.gif') top left no-repeat; display:block; float:left; height:19px; margin-right:9px; text-indent:-10000px; width:55px; }
.admin fieldset ol li a.button_cancel {background: url('../images/button_cancel.gif') top left no-repeat; display:block; float:left; height:19px; margin-right:9px; text-indent:-10000px; width:55px; }
.admin fieldset ol li a.button_go {background: url('../images/button_go.gif') top left no-repeat; display:block; float:left; height:19px; text-align:left; text-indent:-10000px; width:35px;  }
.admin fieldset ol li a.button_login:active, .admin fieldset ol li a.button_cancel:active, .admin fieldset ol li a.button_go:active {background-position:0px -19px; }
.admin fieldset ul {list-style-type:none; margin-left:155px; }
.admin fieldset ul li a.error {color:#f00; text-decoration:none; }
.admin fieldset ul li a.error:hover {text-decoration:underline; }

.admin ul#comments {display:block; margin:15px auto; width:700px; }
.admin ul#comments li {background-color:#666; display:block; height:176px; margin:20px 0px; position:relative; width:700px; }
.admin ul#comments li h3 {padding-top:10px; }
.admin ul#comments li p.buttons {bottom:15px; display:block; height:19px; position:absolute; right:15px; width:150px; }
.admin ul#comments li p a.button_approve {background: url('../images/button_approve.gif') top left no-repeat; display:block; float:left; height:19px; margin-right:9px; text-indent:-10000px; width:55px; }
.admin ul#comments li p a.button_reject {background: url('../images/button_reject.gif') top left no-repeat; display:block; float:left; height:19px; margin-right:9px; text-indent:-10000px; width:55px; }
.admin ul#comments li a.button_approve:active, .admin ul#comments li a.button_reject:active {background-position:0px -19px; }

.admin ol#cp_menu {display:block; list-style-type:none; margin:30px auto; padding-right:200px; width:400px; }
.admin ol#cp_menu li {display:block; height:24px; line-height:24px; margin:5px 0px; text-align:right; width:400px; }
.admin ol#cp_menu li .option {display:block; height:24px; line-height:24px; float:left; text-align:right; width:355px; }
.admin ol#cp_menu li form {display:inline; }
.admin ol#cp_menu li form input {margin-left:5px; width:30px; }
.admin ol#cp_menu li a.button_go {background: url('../images/button_go.gif') top left no-repeat; display:block; float:left; height:19px; margin-left:10px; text-align:left; text-indent:-10000px; width:35px;  }
.admin ol#cp_menu li a.button_go:active {background-position:0px -19px; }

#wrapper #admin_menu {display:block; height:24px; padding-bottom:6px; width:760px; }
#wrapper #admin_menu p {color:#f00; font-size:12px; text-align:center;  }
#wrapper #admin_menu p.admin a {color:#f00; font-weight:bold; text-decoration:none; }
#wrapper #admin_menu p.admin a:hover {text-decoration:underline; }