/* Theme Name:JunkerVal Theme URI:https://junkerval.com/ Description:The default JunkerVal Website Theme. Version:1.0 Author:Stefan Tags:junkerval */ /* = First we reset... ================================================================================================================== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} :focus {outline:0;} body {line-height:1;color:black;background:white;} ol,ul {list-style:none;} table {border-collapse:separate;border-spacing:0;} caption,th,td {text-align:left;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after {content:"";} blockquote,q {quotes:"""";} /* = ...then set up sIFR... ============================================================================================================= */ .sIFR-flash {visibility:visible!important;margin: 0;} .sIFR-replaced {visibility:visible!important;} span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;} .sIFR-flash + div[adblocktab=true] {display:none!important;} /* = ...and now the rest ================================================================================================================ */ body, html {font-family:Comic Sans MS; /*Yes, this is happening*/ font-size:12px; color:#222; background:url(images/bg_main.jpg) repeat-x center top #FBEEB6;} a {color:#0057E8;} a:hover {color:#06F;} #header, #logo, #cta, #slideshow, #message, #bottom-row {background-image:url(images/sprite_bg.jpg); background-repeat:no-repeat;} #nav li a, .signup, .btn, .star, .arrow, #signup, #signup input, .signup input, .date, .icon {background-image:url(images/sprite_main.png); background-repeat:no-repeat;} h1 {font-size:28px; line-height:28px; color:blue;} #home h1 {font-size:52px; line-height:52px; } h2, h3, h4, h5, h6 {font-weight:bold;} h2 {font-size:24px;} h3 {font-size:20px;} h4, h5, h6 {font-size:16px;} p {margin:5px 0 10px 0;} #content ul {list-style:disc; margin:5px 0 10px 20px;} #content ol {list-style:decimal; margin:5px 0 10px 25px;} strong {font-weight:bold;} .btn {display:block; font-weight:bold; color:#222; text-decoration:none; height:18px; line-height:18px; font-family:Comic Sans MS; text-align:center;} .sm {width:90px; background-position:left -340px;} .alignleft {float:left; margin:0 10px 10px 0; border:2px dashed #333;} .alignright {float:right; margin:0 0 10px 10px; border:2px dashed #333;} #shopcta {position:relative; z-index:9000; margin:0 auto -50px auto; width:1065px; height:123px; background:url(images/bg_shop-header.png) center top; font-size:14px;} #shopcta dl {font-size:14px; line-height:22px; position:relative; left:422px; top:10px;} #shopcta dt {font-weight:bold;} #shopcta .gmap {display:block; position:absolute; right:67px; top:58px; font-weight:bold;} #wrap {width:1020px; margin:0 auto; background:url(images/bg_top.jpg) no-repeat center top;} #header {position:relative; top:0; width:1020px; height:186px; background-position:center -839px;} #home #header {background-position:center top;} #logo {display:block; position:absolute; left:0; top:31px; width:308px; height:155px; text-indent:-999em; background-position:left -870px;} #home #logo {background-position:left -31px;} #nav {position:absolute; left:380px; top:43px; width:590px; height:140px;} #nav li {float:left; margin:0 17px 0 0;} #nav li a {display:inline-block; float:left; text-indent:-999em; width:80px; height:130px;} .ess {background-position:left top;} .wvw {background-position:-93px top;} .vsh {background-position:-193px top;} .ffm {background-position:-287px top;} .sfs {background-position:-385px top;} .con {background-position:-477px top;} .ess:hover {background-position:left -144px;} .wvw:hover {background-position:-93px -144px;} .vsh:hover {background-position:-193px -144px;} .ffm:hover {background-position:-287px -144px;} .sfs:hover {background-position:-385px -144px;} .con:hover {background-position:-477px -144px;} #cta {position:relative; top:0; width:1020px; height:362px; background-position:center -186px;} .home {} #slideshow {position:absolute; left:40px; top:0; width:503px; height:362px; background:-40px -186px;} #slideoverlay {position:absolute; z-index:1; left:19px; top:4px; width:439px; height:327px; background:url(images/bg_overlay.png) no-repeat left top;} #sswrap {position:absolute; z-index:0; left:19px; top:4px; width:439px; height:327px;} #message {position:absolute; right:40px; top:0; width:437px; height:332px; padding:30px 0 0 0; background-position:-543px -186px;} #message p {font-size:16px; line-height:26px; font-style:italic; margin:5px 20px 10px 0;} #signup {float:left; clear:both; position:relative; width:146px; height:127px; padding:40px 20px 20px 20px; background-position:left -432px;} .signup-home {position:absolute!important; right:20px!important; top:155px!important; } #signup legend {font-style:italic; font-weigth:bold; font-size:18px; color:#FF4200;} #signup label {display:none;} #signup input {background-position:left -291px; border:none; height:18px; padding:2px 0 0 4px; margin:5px 0 5px 0; border-right:1px solid #1061E7;} #signup .btn {width:80px; height:20px; background-position:left -316px; background-color:transparent; text-indent:-999em; border:none;} #content {position:relative; width:1020px; /*height:357px;*/ background-position:center -1025px;} #home #content {position:relative; height:291px; float:left; top:0; background:none!important;} #bottom-row {margin:0 auto; width:940px; height:291px; background-position:center -548px;} #bottom-row h2, #bottom-row h3, #bottom-row h4 {display:none;} #bottom-row div {width:313px; position:relative; float:left;} #bottom-row dl {position:absolute; line-height:18px;} #bottom-row dd {padding:0 0 10px 37px;} .star, .arrow {display:block; width:32px; height:32px; float:left; margin:0 5px 0 0;} .star {background-position:-32px -400px;} .arrow {background-position:left -400px;} #blog {width:290px; left:20px;} #blog dl {top:100px; padding:0 30px 0 20px;} #blog dd, #blog dd p {font-size:11px!important; line-height:16px; margin:0!important;} #blog .btn {position:relative; left:170px; top:245px;} #upcoming {width:280px; left:20px; font-size:11px;} #upcoming dl {top:70px; padding:0 30px 0 20px;} #upcoming dd {padding:0 0 5px 37px;} #upcoming .btn {position:relative; left:160px; top:245px;} #newstuff {width:290px; left:20px;} .newpic {display:block; position:absolute; top:72px; left:105px; width:156px; text-align:center; text-decoration:none;} .newpic span {display:block; width:156px; height:151px; overflow:hidden; margin:0 0 10px 0;} .newpic img {} #ctamain {position:relative; top:0; width:1020px; } .blogheader {height:420px; background:url(images/bg_blog.jpg) no-repeat center top;} .blogheader h1 {display:none;} .stuffheader {height:120px; background:url(images/bg_products.jpg) no-repeat center top;} .stuffheader h1 {position:absolute; top:45px; width:1020px; margin:0; text-align:center; color:#000; font-size:48px;} *+html .stuffheader h1 {top:30px;} * html .stuffheader h1 {top:30px;} .prodheader {height:199px; background:url(images/bg_product-header.jpg) no-repeat center top;} .prodheader h1 {position:absolute; width:630px; height:100px; top:60px; left:120px; font-size:42px;} .prodheader .price {display:block; position:absolute; z-index:100; width:120px; height:80px; left:770px; top:80px; color:#F00; font-size:38px; line-height:24px; text-align:center;} .prodheader .sold {display:block; position:absolute; z-index:200; width:88px; height:88px; left:790px; top:60px; background:url(images/sold-lg.gif) no-repeat left top;} .sold {color:#000!important;} .shopsheader {height:213px; background:url(images/bg_shops-header.jpg) no-repeat center top;} .shopsheader h1 {display:none;} .shopsheader .shops-content {width:640px; height:100px; position:absolute; top:80px; left:320px; line-height:22px; font-size:14px; font-weight:bold; font-style:italic;} .eventsheader {height:199px; background:url(images/bg_events.jpg) no-repeat center top;} .eventsheader h1 {position:absolute; width:630px; height:100px; top:40px; left:90px; font-size:42px; color:#FFF;} .contact-header {height:214px!important; background:url(images/bg_contact-top.jpg) no-repeat center top;} #pagetop {height:94px;} .singletop {background:url(images/bg_single-top.jpg) no-repeat left top;} #post-top, #post-content, #post-meta {width:628px; margin:0;} #post-top {height:19px; padding:0 40px 0 60px; background:url(images/bg_sgcontent-top.png) no-repeat left top;} #post-content {float:left; padding:20px 40px 20px 60px; background:url(images/bg_sgcontent.png) repeat-y left top; font-size:14px!important; font-style:italic; line-height:24px;} #post-meta {position:relative; clear:both; height:106px; padding:0 40px 0 60px; background:url(images/bg_sgmeta.png) no-repeat left top;} #post-meta .cat {float:left; margin:5px 0 0 0;} #post-meta .social {position:absolute; width:700px; height:48px; top:50px;} .comment {position:relative; float:left; width:590px; margin:0 0 0 80px;} .cmt-top {width:590px; height:24px; background:url(images/bg_cmt-top.jpg) no-repeat left top;} .cmt-usr {position:absolute; z-index:9000; left:0; float:left; width:120px; height:126px; background:url(images/bg_cmt-img.jpg) no-repeat left top;} .cmt-usr img {position:absolute; left:22px;} .cmt-usr span {display:block; position:relative; top:80px; left:22px; width:80px; text-align:center; font-size:10px; font-weight:bold; line-height:12px;} .cmt-content {position:relative; float:left; width:430px; padding:0 40px 20px 120px; background:url(images/bg_cmt-content.jpg) repeat-y right top; font-style:italic;} .cmt-footer {position:relative; clear:both; width:470px; height:120px; padding:0 0 0 120px; background:url(images/bg_cmt-footer.jpg) no-repeat left top;} .alt .cmt-top {background:url(images/bg_cmt-top-alt.jpg) no-repeat left top;} .alt .cmt-usr {background:url(images/bg_cmt-img-alt.jpg) no-repeat left top;} .alt .cmt-content {background:url(images/bg_cmt-content-alt.jpg) repeat-y right top;} .alt .cmt-footer {background:url(images/bg_cmt-footer-alt.jpg) no-repeat left top;} #comments {float:left; margin:30px 0 20px 80px; font-size:28px; width:590px; padding:0 40px 0 0;} #commentform {position:relative; clear:both; width:450px; height:309px; margin:0 0 0 80px; padding:40px 60px; background:url(images/bg_cmt-form.jpg) no-repeat left top;} #commentform legend {font-size:36px; padding:0 0 5px 0!important; color:#002069;} *+html #commentform legend {position:absolute; left:-10px; top:-10px; margin-bottom:30px!important;} #commentform p {font-size:11px; line-height:16px; margin:0!important;} #commentform label {clear:left; width:110px; height:22px; line-height:22px; float:left; margin-bottom:5px!important; color:#002781; vertical-align:bottom;} #commentform input {width:340px; height:22px; padding:4px 0 0 0; float:left; background:url(images/rules.gif) no-repeat left bottom; } #commentform textarea {width:340px; height:112px; background:url(images/rules.gif) repeat left top; line-height:28px;} #commentform .txtbox {clear:both; margin:30px 0 0 0;} #commentform .sendbutton {position:absolute; top:331px; left:220px; width:136px; height:35px; padding:0!important; margin:5px 0 0 0; background:url(images/btn_cmt-submit.gif) no-repeat left top transparent; overflow:hidden; line-height:0!important; text-indent:-999em!important; cursor:pointer; cursor:hand;} #page {position:relative; float:left; top:0; width:860px; padding:0 80px; background:url(images/bg_content.png) repeat-y center top; line-height:22px;} .blog {padding:0!important; width:1020px!important; background:url(images/bg_content-blog.png) repeat-y center top!important;} .prodpage {background:url(images/bg_box.png) repeat-y center top!important;} .shopspage {background:url(images/bg_shops-content.png) repeat-y center top!important;} .eventspage {padding:40px 80px 0 80px!important; background:url(images/bg_events2.png) repeat-y center top!important;} .eventspage .pager {position:relative; top:0px; left:10px; width:895px; height:61px; padding:15px 50px; background:url(images/bg_eventspager.jpg) no-repeat center top; font-weight:bold; font-size:14px; font-style:italic; text-align:center;} .contact-content {height:429px; background:url(images/bg_contact-content.jpg) no-repeat center top!important;} .contact-content ol {list-style:none!important; margin:0!important; padding:0!important;} .contact-content legend {display:none;} .contact-content big {font-size:16px;} .contact-content li {margin:0 0 4px 0;} .contact-content label {width:130px; font-size:22px; height:48px; line-height:48px; float:left; margin-bottom:5px!important; color:#001f3b; vertical-align:bottom;} .contact-content label span {margin:3px 0!important;} .contact-content input {width:270px; height:22px; padding:4px 0 0 0; margin:20px 0 0 5px; float:left; background:url(images/rules.gif) no-repeat left bottom; font-weight:bold;} .contact-content textarea {width:415px; height:300px; background:url(images/rules.gif) repeat left top; line-height:28px;} .contact-content .sendbutton {position:absolute; top:367px; left:630px; width:212px; height:46px; padding:0!important; margin:5px 0 0 0; background:url(images/btn_contact-submit.gif) no-repeat left top transparent; overflow:hidden; line-height:0!important; text-indent:-999em!important; cursor:pointer; cursor:hand;} .cf_upload {height:auto!important; margin:20px 0 0 10px;} .contact-content #li--5 {width:425px!important; position:absolute!important; top:0!important; left:530px!important; } .contact-content #li--5 label {width:300px!important;} .shop {display:block; float:left; padding:50px 20px 20px 20px; margin:10px 15px 0 0; width:230px; height:200px; background:url(images/bg_shops-note.gif) no-repeat left top; font-style:italic; font-size:14px;} .shop dt {font-size:18px; font-weight:bold; padding:0 0 15px 0; line-height:26px!important;} .shop .img {display:block; position:relative; left:-20px; float:left; margin-right:-10px; width:120px; height:89px; background:url(images/bg_shopsimg.gif) no-repeat left top;} .shop .img img {position:absolute; top:7px; left:9px;} .shop dd {clear:both; font-size:12px; line-height:18px; text-align:center; padding:15px 0 0 0;} .shop a {color:#06F; text-decoration:underline;} #narrow {float:left; width:605px; padding:20px 40px 0 0;} .prod {position:relative; width:286px; height:232px; float:left; } .prod span {display:block;} .prod a {display:block; position:relative; left:15px; top:12px; width:263px; height:197px; background:url(images/bg_prodlistimg.jpg) no-repeat left top; text-decoration:none; } .prod a:hover .name {color:#FFF!important;} .prod .img {position:absolute; left:19px; top:19px; width:224px; height:160px; overflow:hidden; z-index:1;} .prod .name {position:absolute; left:34px; top:169px; width:143px; height:27px; padding:0 5px; background:url(images/bg_name.gif) no-repeat left top; text-align:center; font-family:Arial, serif; line-height:14px; font-size:11px; color:#222; font-weight:bold; z-index:10!important;} .prod .price {position:absolute; left:187px; top:166px; width:61px; height:30px; padding:5px 10px 0 0; line-height:12px; background:url(images/bg_price.gif) no-repeat left top; text-align:center; font-family:Comic Sans MS; font-size:12px; color:#F00; font-weight:bold; text-decoration:none!important; z-index:10!important;} #prod-detail, #prod-descr {position:relative; float:left; top:0; width:1020px; padding:0; line-height:22px;} #prod-detail {position:relative; background:url(images/bg_frame-lg.gif) no-repeat center top; height:577px;} #slider {position:absolute; left:184px; top:57px; width:656px; height:463px; margin:0;} #slider ul, #slider li {margin:0; padding:0; list-style:none;} #slider, #slider li {width:656px; height:463px; overflow:hidden;} #slider li {background:url(images/fillpaper.jpg); text-align:center;} #slider li img {max-width:656px; max-height:463px;} .buttonwrap {position:absolute; width:656px; height:55px; top:522px; left:184px; z-index:9999!important; background:url(images/bg_frame-lg.gif) no-repeat center bottom;} #prevBtn, #nextBtn {display:block; position:absolute; width:166px; height:27px; z-index:10000!important; top:15px; padding:0!important;} #prevBtn {left:161px; outline:0;} #nextBtn {right:161px; outline:0;} #prod-descr {background:url(images/bg_product-descr.jpg) no-repeat center top; height:416px;} .description {position:absolute; top:30px; left:120px; width:390px; height:300px; padding:20px 20px 20px 10px; float:left; overflow:auto;} .prod-form {position:absolute; top:55px; left:570px; width:356px;} .prod-form legend {font-size:40px; padding:0 0 5px 0!important; color:#002069;} *+html .prod-form legend {position:absolute; left:-10px; top:-10px; margin-bottom:30px!important;} .prod-form li {margin:0 0 4px 0;} .prod-form label {width:50px; height:22px; line-height:22px; float:left; margin-bottom:5px!important; color:#002781; vertical-align:bottom;} .prod-form #li-2-6 label {width:300px!important; margin:5px 0 0 0!important;} .prod-form label span {margin:3px 0!important;} .prod-form input {width:210px; height:22px; padding:4px 0 0 0; float:left; background:url(images/rules.gif) no-repeat left bottom; } .prod-form textarea {width:356px; height:112px; background:url(images/rules.gif) repeat left top; line-height:28px;} .prod-form .sendbutton {position:absolute; top:285px; left:100px; width:135px; height:34px; padding:0!important; margin:5px 0 0 0; background:url(images/btn_submit.gif) no-repeat left top transparent; overflow:hidden; line-height:0!important; text-indent:-999em!important; cursor:pointer; cursor:hand;} .wantpage {width:1020px!important; height:638px!important; padding:50px 0 0 0!important; background:url(images/bg_wants.jpg) no-repeat center top!important;} .wantpage h1 {width:400px; float:left; padding:0!important; margin:50px 10px 0 70px; font-size:45px; line-height:45px; color:#222;} .want {position:relative; float:left; width:400px; padding:0 0 5px 0; margin:0 10px 5px 70px;} .want .checkbox {display:block; position:absolute; left:0; top:0; width:45px; height:45px; background:url(images/want_check.gif) no-repeat bottom left;} .checked {background:url(images/want_check.gif) no-repeat top left!important;} .want dl {position:relative; width:340px; left:30px; top:10px;} .want dt {font-size:14px; font-weight:bold; font-style:italic; color:#314689;} .want dd {position:relative; margin:5px 0 0 0; padding:5px 0 0 0; font-size:11px; line-height:18px!important;} .want .img {display:block; position:relative; float:left; left:0; width:138px; height:105px; margin:-5px 10px 0 0; background:url(images/want_img.gif) no-repeat left top;} .want .img a {display:block; position:absolute; top:10px; left:10px; width:117px; height:85px; overflow:hidden;} .event {position:relative; top:-150px; float:left; display:inline-block; width:386px; height:340px; padding:24px 21px 20px 21px; margin:10px 0; background:url(images/bg_calcard.png) no-repeat left top; font-style:italic;} .event dt {font-size:48px; text-transform:uppercase; color:#007A98; margin:0 0 10px 0;} .event dt small {font-size:28px!important;} .event dd {font-size:11px; line-height:18px;} .event .img {position:relative; float:left; left:0; top:10px; width:138px; height:105px; margin:-5px 10px 0 0; background:url(images/want_img.png) no-repeat left top;} .event .img a {display:block; position:absolute; top:10px; left:10px; width:117px; height:85px; overflow:hidden;} .event dd big {font-weight:bold; font-size:14px;} .event .address {position:absolute; width:230px; left:170px; top:90px;} .event .descr {position:absolute; width:350px; height:140px; overflow:auto; left:20px; top:210px;} #posts {float:left; width:728px;} .archives h1 {margin:20px 0 20px 80px;} #posts dl {position:relative; float:left; width:668px; height:283px; padding:20px 20px 20px 40px; margin:0; background:url(images/bg_excerpt.png) no-repeat left top;} #posts dt {font-size:26px;} #posts dd {width:520px; float:left; font-size:13px; line-height:18px!important;} .date {display:block; position:relative; float:left; width:75px; height:77px; margin:0 10px 0 0; background-position:left -622px; color:#FFF; font-weight:bold;} .date big {display:block; position:absolute; top:32px; left:7px; font-size:18px;} .date small {display:block; position:absolute; top:50px; left:20px; font-size:14px;} .listmeta {position:absolute; top:197px; left:40px; width:615px!important; font-size:11px;} .icon {display:block; width:16px; height:16px; float:left; margin:2px 4px 0 0;} .cat {display:block; float:left; margin:0 0 0 10px;} .cat .icon {background-position:-64px -400px;} .cmt {display:block; float:right;} .social {position:absolute; top:240px;} .sociable {float:left; width:700px; text-align:center;} .sociable ul {width:465px; list-style:none!important; margin:4px auto 0 auto!important; padding:0;} .sociable li {float:left; margin:0 5px 0 0;} #sidebar {width:232px; float:right; padding:0 40px 0 20px; background:url(images/bg_sidebar.png) no-repeat left top;} #sidebar dl {float:left; margin:20px 0 40px 0;} #sidebar dt {font-size:26px; color:#000; margin:30px 0 0 0;} #rss a {display:block; width:194px; height:76px;} #rss {margin:40px 0 60px 0;} #pagebottom {position:relative; clear:both; top:0; height:113px; background:url(images/bg_page-footer.png) no-repeat center top;} .stuffbottom {height:60px!important; background:url(images/bg_stuffbottom.png) no-repeat left top!important; margin-bottom:30px!important;} .stuffbottom .pager {display:block; position:absolute; top:35px; left:60px; width:900px; height:40px; line-height:40px; background:url(images/stuff_pagination.jpg) no-repeat left top; font-family:"Times New Roman", "Times", serif; font-size:20px; font-weight:bold; color:#000; text-align:center;} .stuffbottom .pager a {color:blue;} .stufftop {height:60px!important;} .stufftop .pager {display:block; position:absolute; top:75px; left:60px; width:900px; height:40px; line-height:40px; font-family:"Times New Roman", "Times", serif; font-size:20px; font-weight:bold; color:#000; text-align:center;} .stufftop .pager a {color:blue;} .wantfooter {height:104px!important; background:url(images/want_footer.jpg) no-repeat left top!important;} .wantfooter .pager {position:absolute; width:400px; top:15px; left:550px; padding:10px 0 0 0; border-top:1px solid #000; font-style:italic; font-weight:bold; text-align:center;} .postsfooter {top:0px!important; height:57px!important; background:url(images/bg_blog-footer.jpg) no-repeat left top!important;} .shopsfooter {height:125px!important; background:url(images/bg_shops-footer.jpg) no-repeat left top!important;} .shopsfooter .pager {display:block; position:absolute; width:780px; top:75px; left:120px; font-size:14px; font-style:italic; font-weight:bold; text-align:center;} #home #footer {clear:both; top:0;} #footer {position:relative; top:0; clear:both; margin:0 auto; width:900px; height:95px; padding:165px 0 0 0; text-align:center; color:#444600; font-size:10px; font-weight:bold; background:url(images/bg_footer.png) no-repeat center top;} .cform {width:100%} .cform li {clear:left;} .cform label, .cform label span {display:block; padding:0; margin:0; font-weight:bold;} .cform input, .cform select, .cform textarea {border:none; padding:0; font-family:Comic Sans MS; font-size:12px; font-style:italic;} .cf_info {display:block; width:300px; margin:0 auto; text-align:center; font-weight:bold; color:#000!important;} .linklove {display:none; visibility:hidden;}