body { background:#262626; } /* ------- Section Titles ---------------------------------------------------------------------------------------------------- */ h1,h2,h3,h4 { font-family:Arial, Trebuchet MS, Verdana, Arial, Sans-Serif; font-weight:bold; } h1,h2 { letter-spacing:-0.03em } h1 { font-size:2.0em; padding:10px 20px 0; } h2 { font-size:1.7em; margin:1em 0 .5em; } h3 { font-size:1.5em; } a { color:#8bebff; text-decoration:none; } a:hover { text-decoration:underline; } p { margin-bottom:1em; } img.preview { border:1px solid #bbb; } a.cropped { color:#999; } #facebook { float:right; padding-right:10px; } #facebook a { opacity:.7; -moz-transition: opacity .2s ease-in-out; /* FF3.7+ */ -o-transition: opacity .2s ease-in-out; /* Opera 10.5 */ -webkit-transition: opacity .2s ease-in-out; /* Saf3.2+, Chrome */ } #facebook a:hover { opacity:1; } /* header elements */ #logo { margin:25px 20px 10px; display:block; } #navigation { float:right; } #navbar { min-height:25px; } #navbar a { text-decoration:none; display: block; color:#eee; font-weight:bold; width:100%; } #navbar a:hover { color:#96e5ff; } #navbar ul { background:#262626; } #navbar li { float: left; margin-left:4px; } #navbar li a { background:transparent url(/assets/images/layout/nav-bg.gif) no-repeat scroll 0 0; padding:5px; width:140px; text-align:center; } #navbar li a.sel { background-image:url(/assets/images/layout/nav-bg-hover.gif); } #navbar li a:hover { background-image:url(/assets/images/layout/nav-bg-hover.gif); } #navbar li ul { position: absolute; left: -999em; width:150px; background:#303030; border:1px solid #262626; border-width:0 2px 2px; margin-left:-2px;} #navbar li ul li { width:100%; color:#bbb; font-weight:normal; margin-left:-2px;} #navbar li ul a { text-align:left; background:none; padding:3px 5px; font-weight:normal; } #navbar li ul a:hover { background:none; } #navbar li:hover ul { left: auto; } #navbar li:hover ul, #navbar li.sfhover ul { left: auto; } #logout { float:right; padding:10px 15px; color:#999;} #logout a { color:#ccc; } /* content section */ #bd { background:#303030 url(/assets/images/layout/cont-top.gif) no-repeat; margin:0; padding-bottom:2em; color:#ccc; clear:both; font-size:85%; } #content { margin:20px 0 0 20px; line-height:140%; } .yui-g { margin-right:20px; } /* sidebar */ #sidebar { margin:20px 20px 0 10px; } .sidebar { background:#222 url(/assets/images/layout/sidebar-right.gif ) no-repeat scroll right top; } .sidebarl { background:transparent url(/assets/images/layout/sidebar-left.gif ) no-repeat scroll left top; padding:5px 10px 20px;} .sidebarl p { line-height:1.5em; } /* footer */ #ft { background:#262626 url(/assets/images/layout/cont-bottom.gif) no-repeat scroll right top; min-height:40px; padding:20px 10px 20px; font-size:85%; } #footer-links { float:right; } #footer-links li { display:inline; margin-right:10px; } #footer-links li a { color:#bbb; } /* sales photo details page*/ #photo-image { margin-right:20px; float:left; line-height:1} #photo-image a { border:1px solid #666; display:block; } #photo-image img { margin:0; padding:0; } #photo-image a:hover { border:1px solid #999; } #photo-details { } #photo-details ul li { margin-bottom:5px; } #purchase-photo { clear:both; margin-top:30px; } #purchase-prices { border-top:1px solid #222; width:550px; } #purchase-prices li { clear:both; border-bottom:1px solid #222; padding:10px 5px; line-height:1} #purchase-prices img { vertical-align:middle; } #purchase-prices b { width:300px; display:block; float:left; } #purchase-prices span { width:100px; display:block; float:left; text-align:right; padding-right:20px; } #purchase-prices .in-cart { font-size:85%; } /* sidebar menu column (sale pages) */ ul.sale-cats { margin:5px 0 20px; } ul.sale-cats li { border-bottom:1px solid #484848; text-align:right; } ul.sale-cats li a { display:block; padding:6px 5px 4px 5px;} ul.sale-cats li a:hover { text-decoration:none; background:#262626; } ul.sale-cats li b { float:left; font-weight:normal; } ul.sale-cats li a.sel, ul.sale-cats li a.sel b { font-weight:bold; } ul.shopping-cart { margin:5px 0 20px; } ul.shopping-cart li { padding:4px 10px; text-align:right; clear:both; } ul.shopping-cart li a { display:block; } ul.shopping-cart li a:hover { } ul.shopping-cart li b { float:left; font-weight:normal; } ul.checkout { margin:5px 0 20px; } ul.checkout li { padding:4px 10px; clear:both; border-bottom:1px solid #484848; } ul.checkout li a { display:block; } ul.checkout li a:hover { } ul.checkout li b { float:left; font-weight:normal; } ul.image-details { margin:5px 0 20px; } ul.image-details li { padding:4px 10px; text-align:right; clear:both; } ul.image-details li b { float:left; font-weight:normal; } ul.sidebar-list { margin:5px 0 20px; } ul.sidebar-bullets { margin:5px 0 20px; list-style-type:square;} ul.sidebar-bullets li {list-style-type:square; margin:0 0 4px 20px; } ul#photo-list { width:100%; clear:both; } ul#photo-list li {float:left; display:block; width:124px; text-align:center; margin:10px 5px; min-height:120px; border:1px solid #272727; background-color:#484848; } ul#photo-list li img { margin-top:10px; } ul#photo-list li div { text-align:left; margin:2px auto 10px; width:100px;} ul#select-cat-thumb li a img { display:none; } ul#select-cat-thumb li a:hover { border-color:#7fbedd; background-color:#565656; } ul#select-cat-thumb li a.selected { background-color:#6a7e88; border-color:#7fbedd; } #photo-crop { text-align:center; width:100%; display:block; } #photo-crop div { margin:auto; } /* checkout */ #start-checkout { text-align:center; margin:0 0 40px; } #start-checkout h3 { margin:20px 0; text-align:left;} #start-checkout div { width:378px; margin:auto; } /* admin specific elements */ #photo-preview { text-align:center; padding:10px 0; } #photo-preview img { border:1px solid #666; } #photo-preview img:hover { border:1px solid #999; } /* thumbnail cropper */ #previewArea { margin:10px 0 20px; } #croplargeexp { width:400px; margin:auto; padding:2em; 0; text-align:left; } #croplargeexp h4 { font-size:130%; font-weight:bold; } #croplargeexp label { font-weight:bold; margin:auto; } #croplargewarn { font-weight:bold; color:#e00; text-align:center; padding:10px 30px; } /* ------- Table List classes ------------------------------------------------------------------------------------------------ */ table.standard_list { width:100%; margin:auto; margin-bottom:40px; } table.standard_list tr td { border-bottom:1px solid #252525; vertical-align:top; padding:5px 7px; } table.standard_list tr.header { background-color:#252525; font-weight:bold; color:#fff; } table.standard_list tr.header td { border:0; } table.standard_list tr.totals td { border-top:2px solid #252525; background:#2c2c2c; font-weight:bold; text-align:right; } table.standard_list tr.odd { background:#333; } table.standard_list tr.even { background:#2f2f2f; } table.standard_list tr.odd:hover { background:#292929; color:#fff; } table.standard_list tr.even:hover { background:#292929; color:#fff; } table.standard_list tr td div.actions { padding-top:5px; } table.standard_list tr td.right { padding-right:10px; text-align:right; background:#ff0; } table.standard_list tr td.r { text-align:right; } table.standard_list tr td.c { text-align:center; } table.standard_list tr td.s { width:80px; } table.standard_list tr td em { color:#777; } div.empty { color:#ccc; text-align:center; margin:10px 50px 20px 50px; } /* no results to be shown in this table */ p.bt-link { padding:10px 20px; } #place-order { text-align:center; font-size:110%; padding:1em 2em; } /* form */ div.submit { margin:30px; text-align:center; clear:both; } div.submit input { font-weight:bold; margin:0 15px; padding:5px 15px;} form.stan {} form.stan .secttitle { background:#222; padding:5px 10px; margin:25px 0 10px; font-weight:bold; font-size:110%; } form.stan div { padding:5px; } form.stan div label { width:170px; float:left; font-weight:bold; padding:2px 0;} form.stan div label.ignore { width:auto; float:none; font-weight:normal; } form.stan div select { } form.stan div span select { width:auto; margin-right:5px; } form.stan div input.w90 { width:90%; } form.stan div textarea { font-family:verdana,arial; } form.stan div em { display:block; margin: 5px 0 5px 170px; color:#ccc; line-height:1.4em; font-size:92%; } form.stan div em.e { background:transparent url(/assets/images/layout/icon-exclaim.png) scroll no-repeat 0 0; color:#ffe362; margin-top:8px; padding-left:20px; min-height:16px; } form.stan div.extra-comments .secttitle { margin:0; } form.stan div.extra-comments label { width:100%; float:none; padding:5px 0; display:block; margin:0; } form.stan div.extra-comments textarea { width:95%; } .simple, #checkout { width:500px; margin:auto; } #checkout label { padding-left:20px; } #checkout p em { padding:2px 25px; font-size:92%; } #checkout div em { margin-left:190px; } div.order-header { clear:both; margin:25px 0 15px; } div.order-header h4 { background:#222; padding:5px 10px; font-size:114%; } div.order-header h4 a { float:right; font-weight:normal; font-size:92%; } div.order-header div ul { padding:5px 10px 10px; } div.order-header li { clear:both; padding-bottom:4px; } div.order-header b { width:130px; float:left; display:block; } div.order-header div { float:left; width:48%; } div.order-header div.shipping-details { float:right; } /* override default form layouts */ #add-cat div label { width:100%; } #add-cat div input { width:100%; } #add-cat .submit input { width:auto; } #delete-cat { margin-bottom:2em; text-align:center; } #delete-cat input { font-weight:bold; } .cat { width:95%; margin:auto; background:#ff0; } /*************************** delete me if not used ********************/ form.contact div label { width:120px; float:left; font-weight:bold; text-align:right; padding-right:10px; } form.contact div em { display:block; padding: 5px 0 5px 130px; color:#ccc; font-size:.9em; } form.contact div em.error { color:#ff9393; } #sales-options ul li { width:220px; float:left; margin:5px; } #sales-options ul li input { padding:2px; width:60px; background:#999; border:1px solid #333; } #sales-options ul li label { padding:2px; display:inline; float:none; } #sales-options-hide { text-align:center; margin:2em; } .clean { background:#5d5d5d; border:1px solid #333; padding:2px; } .clean:focus { background:#818181; } .w400 { width:450px; } .w300 { width:300px; } .w200 { width:200px; } .w50 { width:50px; } .error { color:#FF9393; } p.error { font-weight:bold; } p.confirm { color:#8bebff; font-weight:bold; } .hide { display:none; } /* message elements */ #msg { background-color:#3e3e3e; border:1px solid #5d5d5d; border-width:1px 0; padding:5px 8px 5px 30px; ; margin:0 auto 2em ; max-width:500px; min-height:20px; } #msg .cmsg { float:right; text-align:right; padding-left:10px; padding-bottom:2px; } #msg .cmsg a { color:#999; display:block; padding:2px 4px; } #msg .cmsg a:hover { background:#2c2c2c; text-decoration:none; } div.msg_error { background: transparent url(/assets/images/message/exclamation.png) no-repeat 5px 5px; color:#ff4646; } div.msg_confirm { background: transparent url(/assets/images/message/accept.png) no-repeat 5px 5px; color:#67ff50; } /* ------- Product Thumbnail Gallery ----------------------------------------------------------------------------------------- */ ul#select-cat-thumb { width:100%; clear:both; } ul#select-cat-thumb li {float:left; display:block; width:80px; text-align:center; margin:10px; height:70px; } ul#select-cat-thumb li a { height:100%; width:100%; display:block; background-repeat:no-repeat; background-position: 50% 50%; padding:3px; border:1px solid #272727; background-color:#484848; } ul#select-cat-thumb li a img { display:none; } ul#select-cat-thumb li a:hover { border-color:#7fbedd; background-color:#565656; } ul#select-cat-thumb li a.selected { background-color:#6a7e88; border-color:#7fbedd; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* list of pages that can be edited */ #content-list { margin:1em 2em; } #content-list li { margin-bottom:5px; } #content-list li a { display:block; font-weight:bold; padding:10px;} #content-list li a div { font-weight:normal; color:#ccc; } #content-list li a:hover b { text-decoration:underline; } #content-list li a:hover { text-decoration:none; background:#2b2b2b; -moz-border-radius: .3em; } /* =View Private Gallery --------------------------------------------- */ #view-private-gallery { width:250px; margin:auto; text-align:center; } #view-private-gallery div { padding:5px; margin:auto; text-align:left; } #view-private-gallery div.submit { text-align:center; } #view-private-gallery div label { font-weight:bold; padding:2px 0; display:block; text-align:left; } #paypal { text-align: center; } #paypal p { font-weight: bold; }