body { font-family: tahoma,helvetica,sans-serif; font-size: 12px; color: #000; background-color: #fbf8ef; background-image:url('http://cdn.romitaman.com/lib/images/backgrounds/background-main01.png'); background-repeat: no-repeat; background-position: center top; text-align: center; }

/* Typefaces
---------------------------------------------------------------------------------------------------------*/
@font-face { font-family: 'QuattrocentoRomanRegular'; src: url('http://cdn.romitaman.com/lib/type/Quattrocento-Regular-webfont.eot'); src: url('http://cdn.romitaman.com/lib/type/Quattrocento-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://cdn.romitaman.com/lib/type/Quattrocento-Regular-webfont.woff') format('woff'), url('http://cdn.romitaman.com/lib/type/Quattrocento-Regular-webfont.ttf') format('truetype'), url('http://cdn.romitaman.com/lib/type/Quattrocento-Regular-webfont.svg#QuattrocentoRomanRegular') format('svg'); font-weight: normal; font-style: normal; }

/* basic typographic rules & form elements
---------------------------------------------------------------------------------------------------------*/
h1 { font-family: 'QuattrocentoRomanRegular', sans-serif; color: #000; font-size: 32px; }
h2 { font-family: 'QuattrocentoRomanRegular', sans-serif; color: #000; font-size: 22px; }
h3 { font-family: 'QuattrocentoRomanRegular', sans-serif; color: #890506; font-size: 22px; line-height: 26px; text-decoration: underline; }

a { color:#890506; text-decoration:none; }
a:active { color:#890506; }
a:link    { color:#890506; }
a:hover   { color:#890506; text-decoration:underline;  }
a:visited { color:#890506; }

body, p, li, td { font-size: 13px; color: #000 }
p { line-height: 18px; margin: 5px 0 15px 0 }

b, strong { font-weight: bold; }
i, em { font-style: italic }

/* Clears
---------------------------------------------------------------------------------------------------------*/
.lc { clear: left; }
.rc { clear: right; }

/* Basic Layout & Wraps 1254 to 230
---------------------------------------------------------------------------------------------------------*/
#body-container { min-width: 1024px; width: 100%; position: relative; }
#footer-container { min-width: 1024px; height: 300px; width: 100%; background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-footer.png"); background-repeat: repeat-x; position: relative; }

#header-wrap { width: 962px; height: 242px; position: relative; text-align: left; margin-left: auto; margin-right: auto; }
#navigation-wrap { width: 945px; height: 30px; padding: 10px 8px 10px 8px; background-color: #fefdf8; border-radius: 10px;  -moz-box-shadow: 0px 0px 10px 0px #b7b7b7; -webkit-box-shadow: 0px 0px 10px 0px #b7b7b7; box-shadow: 0px 0px 10px 0px #b7b7b7; position: relative; }
#body-wrap { width: 962px; min-height: 600px; position: relative; background-color:#FFF; padding-bottom: 20px; text-align: left; margin-left: auto; margin-right: auto; }
#gallery-wrap { width: 962px; position: relative; height: 420px; background-color:#FFF; padding-bottom: 20px; text-align: left; margin-left: auto; margin-right: auto; }
#footer-wrap { width: 922px; position: relative; padding: 30px 20px 20px 20px; text-align: left; margin-left: auto; margin-right: auto; }
#slider-wrap { width: 1024px; height: 490px; text-align: left; margin-left: auto; margin-right: auto; overflow: hidden; position: relative;  }

/* Header
---------------------------------------------------------------------------------------------------------*/
.header-float { float: left; width: 481px; height: 165px; }
.header-float img { padding-top:5px; }

#search { position: absolute; left: 630px; top: 70px; background-color:#e4e4e4; }
.search-textbox { outline: none; font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 16px; color: #fefdf8; line-height: 35px; height: 35px; width: 350px; border:0; padding-left: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-searchbox.png"); background-repeat: repeat-x; vertical-align: bottom; }
.search-button { outline: none; height: 37px; width: 50px; background-color:#382828; background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-searchbutton.png"); background-position: 50% 50%; background-repeat:no-repeat; border: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; vertical-align: top; }

/* Navigation
---------------------------------------------------------------------------------------------------------*/
#topnav, #topnav ul { position: absolute; left: 8px; top: 9px; padding: 0; margin: 0; list-style: none; z-index: 40; }
#topnav li a { display: block; border-radius: 3px; height: 31px; margin: 0; padding: 0 0 0 35px; background-color: #ece7dd; color: #382828; font-family: 'QuattrocentoRomanRegular', sans-serif; font-weight: bold; font-size: 15px; text-transform: uppercase; text-decoration: none; line-height: 32px; background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-nav.png"); background-repeat: no-repeat;  }
#topnav li a:hover { background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-nav-on.png"); background-repeat: no-repeat; background-color: #382828; color:#FFF; }
#topnav li ul li a, #topnav li ul li a:hover { background: none; text-transform: uppercase; border-radius: 0px; margin: 0; padding: 0px; font-size: 14px; height: 31px; line-height: 32px; width: 225px;  }
#topnav li { float: left; text-align: left; }
#topnav li ul { position: absolute; margin-left:3px; background-color: #ece7dd; width: 225px; left: -999em; top: 31px; z-index: 100; }
#topnav li ul li { margin: 5px 0 0 0; }
#topnav li:hover ul, #topnav li.sfhover ul { left: auto; }
#topnav li ul li a:hover { color: #FFF; background-color:#382828; }

/* Mailing List
---------------------------------------------------------------------------------------------------------*/
#mail-wrap { position: absolute; top: -60px; left: 0px; padding: 10px; width: 942px; background-color:#FFF; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index:200; }

#mail-container { width: 942px; height: 52px; border-radius: 3px; background-color:#000; }
#mail-container img { margin-left: 40px; }
#mail-spider { position: absolute; top: -57px; left: 3px; width: 43px; height: 62px; z-index: 201; }

#mailsign { position: absolute; left: 580px; top: 16px; }
.mailsign-textbox { outline: none; font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 16px; color: #acacac; line-height: 32px; height: 35px; width: 235px; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;padding-left: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-mailsignbox.png"); background-repeat: repeat-x; vertical-align: bottom; }
.mailsign-button { outline: none; height: 37px; width: 103px; background-color:#9e0b0f; background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-mailsignbutton.png"); background-position: 50% 50%; background-repeat:no-repeat; border: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; vertical-align: top; }

#mailtemp-wrap { position: absolute; bottom: -20px; left: 0px; padding: 10px; width: 942px; background-color:#FFF; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; z-index:200; }
#mailtemp-spider { position: absolute; bottom: -13px; left: 3px; width: 43px; height: 62px; z-index: 201; }

/* Slider
---------------------------------------------------------------------------------------------------------*/
.slider-data { float: left; width: 380px; height: 490px; overflow: hidden; text-align: left; padding: 10px 20px 10px 30px; }
.slider-data h1, .slider-data h1 a { color: #FFF; font-size: 30px; text-transform: uppercase; margin-top: 20px; text-decoration: none; }
.slider-data h2, .slider-data h2 a { color: #FFF; font-size: 20px; text-transform: uppercase; margin: 8px 0 8px 0; text-decoration: none; }
.slider-data p { color: #FFF; line-height: 18px; margin: 10px 0 10px 0; font-size: 14px; }
.slider-art { float: left; margin-left: 20px; width: 502px; height: 490px; box-shadow:inset 0px 0px 50px #2d2d2d; overflow: hidden; background-size:800px; }

.slider-data .price { margin: 20px 0 10px; 0; font-size: 22px; color: #fff200; }

/* Recent & Sections
---------------------------------------------------------------------------------------------------------*/
.recent-header { width: 952px; height: 56px; margin-top:10px; padding: 10px 10px 10px 20px; }
.recent-header h2 { line-height: 56px; font-size: 26px; }
.recent-wrap { width: 962px; height: 330px; margin: 0; } 

.recent-float { float: left; height: 320px; width: 180px; margin-left: 10px; }
.recent-image { width: 160px; height: 200px; text-align: center; overflow: hidden; }
.recent-text { width: 180px; height: 120px; text-align: center; margin-top:10px; }
.recent-text p { line-height: 16px; }

.recent-text .header { font-size: 14px; margin-bottom: 5px;  }
.recent-text .header a { font-weight: bold; color:#000; }
.recent-text .artist { font-size: 12px; margin-bottom: 5px; }
.recent-text .artist a { font-weight: bold; color:#000; }
.recent-text .price { font-weight: bold; color: #890506; }

.welcome-header { width: 897px; height: 56px; margin-top:10px; padding: 10px 10px 10px 55px; position: relative; }
.welcome-header h2 { line-height: 56px; font-size: 26px; }
.spiderman { position: absolute; left:3px; top: 0px; width: 43px; height: 62px; z-index: 205; }
.welcome-wrap { width: 922px; padding: 0 20px 10px 20px; margin: 0; } 

.page-header { width: 897px; margin-top:1px; padding: 10px 10px 10px 55px; position: relative; }
.page-header h1 { text-transform: uppercase; line-height: 56px; font-size: 32px; }
.page-spiderman { position: absolute; left:3px; top: 3px; width: 43px; height: 62px; z-index: 205; }
.page-wrap { width: 922px; padding: 0 20px 50px 20px; margin: 0; } 

.home-header { margin: -25px 0 0 -30px }

.text-sold { color: #0000ff }

/* Page Content
---------------------------------------------------------------------------------------------------------*/
#content-left h1 { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 62px; line-height: 62px; margin-bottom: 10px; }
#content-left h2 { line-height: 26px; margin-bottom: 10px; }
#content-left h3 { color: #ccc; line-height: 22px; margin-bottom: 10px; }
#content-left p { margin-bottom: 20px; line-height: 20px; }
#content-left p a, #content-left p a:active, #content-left p a:link, #content-left p a:visited, #content-left p a:hover { font-weight: bold; }

.news-float { float: left; width: 370px; height: 235px; padding-top: 10px; margin-right: 30px; margin-bottom: 20px; overflow: hidden; }
.news-float p { line-height: 17px; }
.news-float h1 a { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 32px; line-height: 36px; }
.news-float h2 a { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 30px; line-height: 34px; }
.news-float h3 { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 14px; line-height: 18px; }

.events-float { float: left; width: 315px; height: 80px; padding-top: 10px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; }
.events-float p { line-height: 17px; }
.events-float h1 a { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 32px; line-height: 36px; }
.events-float h2 a { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 20px; line-height: 26px; }
.events-float h3 { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 14px; line-height: 18px; }

.image-floaters { float: left; width: 174px; height: 330px; font-size:12px; padding-top: 6px; padding: 5px; text-align: center; }
.image-floaters img { margin-bottom: 10px; }
.image-floaters-nowidth { float: left; height: 320px; font-size:12px; padding-top: 6px; padding: 10px; text-align: center; }

.repped-floaters { float: left; width: 120px; height: 180px; font-size:12px; padding-top: 6px; padding-right: 10px; text-align: center; margin-left: 7px; }
.repped-floaters img { border-radius: 5px; padding-right: 5px; padding-bottom: 5px; border: 5px solid #E6E6E6; }
.repped-floaters-list { float: left; width: 122px; height: 200px; font-size:12px; padding-top: 6px; padding-right: 10px; text-align: center; }

.text-floaters { float: left; width: 175px; height: 20px; font-size:12px; line-height: 20px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; padding-right: 5px; padding-bottom: 5px; }
.text-floaters-lg { float: left; width: 300px; height: 20px; font-size:12px; line-height: 20px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; padding-right: 5px; padding-bottom: 5px; }

.art-list td { height: 20px; line-height: 20px; }
.art-list tr { background-color: #FFF; color: #000; }
.art-list tr:hover { background-color: #e6e6e6; color: #000; font-size: 13px; cursor:pointer; }

.search-list tr { color: #000; }
.search-list tr:hover { background-color: #e6e6e6; color: #000; }

#content-social { background-color:#ffffee; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 10px 0 6px 0; margin: 10px 0 20px 0; width: 100%; }
#content-social-page { background-color:#ffffee; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; width: 100%; }

.about-text { border-top: 5px dotted #e1e1e1; margin-top: 40px; width: 650px; padding: 40px 10px 0px 10px; }

.photos { float: left; width: 160px; height: 160px; margin: 2px 10px 10px 0px; border-radius: 5px; }
.photos-sm { float: left; width: 125px; height: 125px; margin: 2px 10px 10px 0px; border-radius: 5px; }

.imageheader, .imageheader a { display: block; line-height: 30px; width:100%; font-family: 'QuattrocentoRomanRegular', sans-serif; text-transform: uppercase; height: 30px; color: #FFF; background-color: #382828; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 0 0 5px 0; }
.imageheader a:hover { background-color: #000; text-decoration: none; }

/* About & Twitter
---------------------------------------------------------------------------------------------------------*/
#about-left { float: left; width: 590px; padding: 10px; margin-right: 20px; text-align: left; }
#about-right { float: left; padding: 10px; width: 330px; text-align: left; }

#about-left h1, #about-right h1 { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 22px; line-height: 26px; color:#9a0b0f; margin: 10px 0 10px 0; }
#about-left p { line-height: 20px; margin-bottom: 10px; }
#about-left img { margin: 5px 20px 0 0; border: 1px solid #FFF; float: left; }

.twtr-widget { width: 300px; padding: 0 0 0 0; }
.twtr-widget .twtr-bd .twtr-tweet { margin: 5px 0 0; padding: 5px 0 5px 0; border-bottom: none; }
.twtr-tweet:before { display: block; float: left; margin: -5px 0 0 1px; font-size: 50px; content: "\201C"; color: #bababa; text-shadow: 0 1px 1px #909090; font-family: "times new roman", serif; }
.twtr-tweet-text { font size: 12px; font-family: arial; }
.twtr-hd { display: none; } 
.twtr-ft { display: none; } 
.twtr-tweet .twtr-tweet-text { padding-top: 1px; padding-bottom: 1px }

/* Footer
---------------------------------------------------------------------------------------------------------*/
#footer-wrap, #footer-wrap p { text-align: center; color:#FFF; }
#footer-wrap a { font-family: 'QuattrocentoRomanRegular', sans-serif; font-size: 16px; color:#FFF; text-transform: uppercase }

.copyright { margin: 20px 0px 0px 0px; font-size: 11px;}

/* form elements
---------------------------------------------------------------------------------------------------------*/
.textbox { outline: none; font-size: 16px; color: #000; height: 39px; width: 100%; padding-left: 10px; border: 1px solid #c9c9c9; border-radius: 5px; background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-search.png"); background-repeat: repeat-x; vertical-align: bottom; }
.textbox-med { outline: none; font-size: 16px; height: 39px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; }
.textbox-sm { outline: none; font-size: 16px; height: 39px; width: 125px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; }
.textarea {	outline: none; font-size: 12px; height: 18px; width: 400px; height:200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; }
.contact-textarea { outline: none; font-size: 16px; padding-top: 10px; height: 18px; width: 100%; height:300px; padding-left: 10px; border: 1px solid #c9c9c9; border-radius: 5px; background-image:url("http://cdn.romitaman.com/lib/images/backgrounds/background-search.png"); background-repeat: repeat-x; }

.button { border: 0px; background: #9a0b0f; margin: 10px 0 10px 0; padding: 10px 18px; text-shadow: 1px 1px 1px #000; color: #FFF; font-size: 15px; text-decoration: none; vertical-align: middle; -webkit-appearance: none; }
.button:hover { border: 0; background: #000000; color: #ffffff; }
.button:active { border:0; background: #9a0b0f; }

.buttonesque-short2 { outline: none;  font-size: 12px;  height: 16px;  line-height: 16px; padding: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 3px solid #000; color: #233038; background-color: #F8F8F8; width: 80px; text-align: center; float: right; margin-left: 10px; margin-bottom: 5px; }
.buttonesque-short2:hover { outline: none;  font-size: 12px;  height: 16px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 3px solid #000; color: #FFF; background-image:url("http://cdn.anthonyscomicbookart.com/images/background.jpg"); background-repeat:repeat;	 background-position: left top;	 }
.buttonesque-short2:hover a { color: #FFF; }
.buttonesque-short2 a { color: #233038; } 
.buttonesque-short2 a:hover { color: #FFF; text-decoration: none; }

.AuxImageHeader { font-size: 16px; font-weight: bold; text-align: left; color: #000; letter-spacing: 0px; font-family: arial; }

/* Buttons
---------------------------------------------------------------------------------------------------------*/
.buttonmore { margin-top: 20px; margin-bottom: 0px; } 
.buttonmore a, .buttonmore a:link, .buttonmore a:visited {  border-radius: 5px; display: block; color: #FFF; font-size: 15px; line-height: 40px; text-align: center; width: 100px; height: 40px; background-color: #9a0b0f; }
.buttonmore a:hover { text-decoration: none; color: #FFF; text-shadow: 1px 1px 1px #000; background-color: #000;  }

.buttonmore-ft { margin-top: 20px; margin-bottom: 0px; } 
.buttonmore-ft a, .buttonmore-ft a:link, .buttonmore-ft a:visited {  border-radius: 5px; text-shadow: 1px 1px 1px #000;display: block; color: #FFF; font-size: 15px; line-height: 40px; text-align: center; width: 100px; height: 40px; background-color: #000; }
.buttonmore-ft a:hover { text-decoration: none; color: #FFF; background-color: #9a0b0f;  }

.buttonmore-va { margin: 10px 20px 0 0; float: right; } 
.buttonmore-va a, .buttonmore-va a:link, .buttonmore-va a:visited {  border-radius: 5px; display: block; color: #FFF; font-family: 'QuattrocentoRomanRegular', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 32px; text-align: center; width: 100px; height: 30px; background-color: #9a0b0f; }
.buttonmore-va a:hover { text-decoration: none; color: #FFF; background-color: #2a1e1e;  }

.paging { float: left; } 
.paging a, .paging a:link, .paging a:visited { display: block; border: 1px solid #e4e4e4; height: 26px; width: 26px; margin: 0 5px 10px 0; text-align: center; font-family: 'QuattrocentoRomanRegular', sans-serif; font-weight: normal; color: #000; font-size: 12px; line-height: 24px; text-align: center; height: 24px; background-color: #fafafa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.paging a:hover { color: #FFF; background-color: #000; }

.paging-be { float: left; } 
.paging-be a, .paging-be a:link, .paging-be a:visited { display: block; border: 1px solid #e4e4e4; height: 26px; width: 26px; margin: 0 5px 0 0; text-align: center; font-family: 'QuattrocentoRomanRegular', sans-serif; font-weight: normal; color: #FFF; font-size: 12px; line-height: 24px; text-align: center; height: 24px; background-color: #890506; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.paging-be a:hover { color: #FFF; background-color: #000; }


/* Sitemap
---------------------------------------------------------------------------------------------------------*/
#sitemap ul, #sitemap li { padding:2px; margin:10px; text-indent: -5px; }
#sitemap ul ul, #sitemap li li, #sitemap ul ul ul, #sitemap li li li { padding:2px; margin:2px; text-indent: -10px; }