@charset "utf-8"; @import "layout.css"; @import "reset.css"; @import "scrollable.css"; /* Theme Name: Tobashop Version: 1.0 Theme URI: http://www.tobacamp.com/ Description: Wordpress Magazine style theme designed by Tobacamp.. Author: ivan f gautama */ /* CSS Document */ body{font:12px/1.5 "Lucida Grande",Geneva,Arial,Verdana; background:#e3e3e3 } .container{} #logo{ margin-top:20px} /*NAV*/ #topmenu{ background:url(images/nav.jpg) ; width:960px; margin-bottom:5px;line-height:2.5em;} #topmenu li{ float:left; list-style:none; padding:5px 5px; } #topmenu li a{ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif} #topmenu ul{ padding-left:10px} .nav,.nav ul{list-style-type:none;list-style-position:outside;position:relative;z-index:999;margin:0;padding:0;} .nav a{display:block;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;padding:2px 6px;} .nav li{float:left;position:relative;margin:0;padding:5px;} .nav ul{position:absolute;display:none;width:12em;top:1.5em;} #topmenu .nav li ul li{background:#829c17} .nav li ul a{width:12em;height:auto;float:left;} .nav ul ul{top:auto;} .nav li ul ul{left:8em;margin:0 0 0 5px;} .nav li:hover ul,.nav li li:hover ul,.nav li li li:hover ul,.nav li li li li:hover ul{display:block;} #topmenu li a:hover,.articleinfo a:hover,.sidebarcontent a:hover,h2.title a:hover,.slideinfo a:hover,.alignleft a:hover,.alignright a:hover,.accslide a:hover,.accslide a:hover,#accstart a:hover{text-decoration:none;} #topmenu .nav li:hover,#topmenu .nav a:hover{background-color:#617708;color:#fff;} #pagenav ul{ margin:0px; padding:0px} #pagenav ul{ padding-left:10px} #pagenav li{ float:left; list-style:none; padding:5px 5px; } #pagenav li a{ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif} #pagenav .nav,#pagenav .nav ul{list-style-type:none;list-style-position:outside;position:relative;z-index:990;margin:0;padding:0;} #pagenav .nav a{display:block;color:#555555;text-decoration:none;text-transform:uppercase;font-size:12px;padding:2px 6px;} #pagenav .nav li{float:left;position:relative;margin:0;padding:5px;} #pagenav .nav ul{position:absolute;display:none;width:12em;top:1.5em;} #pagenav .nav li ul li{background:#fff} #pagenav .nav li ul a{width:12em;height:auto;float:left;} #pagenav .nav ul ul{top:auto;} #pagenav .nav li ul ul{left:8em;margin:0 0 0 5px;} #pagenav .nav li:hover ul,#pagenav .nav li li:hover ul,#pagenav .nav li li li:hover ul,#pagenav .nav li li li li:hover ul{display:block;} #pagenav li a:hover{text-decoration:none;} #pagenav .nav li:hover,#pagenav .nav a:hover{background-color:#aaa9a9;color:#fff;} /*NAV FEATURED */ #featured { } #featuredbox{ margin:0px } #ftnavigation{ float:right; height:20px} .slideinfo{ width:320px; top:5px;margin-top:-263px; margin-left:25px; position:relative; } .slideinfo p{color:#555555 } .slideinfo h3{ margin-bottom:8px; line-height:23px; margin-top:1px} .slideinfo h3 a{ color:#040404; font-family:Arial, Helvetica, sans-serif; font-size:28px } .postfeatured,.slideinfo{ float:left} #featuredslider{ padding-top:5px} .slidecontent{ } .navcontent{ float:right; } .jFlowPrev{ background:url(images/prev.jpg); width:28px; height:28px} .jFlowNext{ background:url(images/next.jpg); width:28px; height:28px} .jFlowPrev,.jFlowNext{ cursor:pointer; float:left} .featurednav{ width:18px; height:18px; background:url(images/cart.jpg) no-repeat; float:left; cursor:pointer; margin:0px 3px } .featurednav:hover{ background:url(images/carthover.jpg) no-repeat;} #featured .pricetag{ margin-top:10px; } #featured .optiontag{font-size:18px; } #featured .priceoption{font-size:18px; color:#f36010; font-weight:700} #featured h4{ color:#819a16} #featured ul{ padding-top:10px} .postfeatured li{ background:url(images/arrow.jpg) left no-repeat; padding-left:15px; color:#76a0b4} /* FEATURED SPOTLIGHT */ #spotlight{margin-top:10px } #spotlight .grid_3{ width:223px; } .spot_bottom{ background:url(images/spot_bottom.jpg) no-repeat ; height:8px; width:223px;} .spot_top{background:url(images/spotlight_top.jpg) no-repeat; height:35px; width:223px;} .catbox{ background:#fff url(images/spotlight_bg.jpg) repeat-y; } #catdesc1,#catdesc2,#catdesc3,#catdesc4{ margin-left:13px} #spotlight img{ padding-left:40px} .catbox p{ margin-top:0px; padding-right:5px; color:#555555; padding-left:10px} .catbox a{ color:#666666} #cat-2,#cat-3,#cat-4{ margin-left:18px; } #cat-1{ margin-left:5px} .cat_title a{ color:#555555; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:15px; font-weight:600; padding-left:15px; } #spotlight .cat_title a{ padding-top:5px} .spot_top{ padding-top:10px} .catboxpost{ padding:0px 10px} .itemtitle{ color:#809a16; font-weight:600} .postwrapper{ text-align:center} .postwrapper .priceoption{font-size:16px; color:#f36010; text-align:center} .contenttop{ background:url(images/content.jpg) no-repeat; width:960px; height:8px} #mid1,#mid2{} #mid1{ margin-left:1px; padding-left:10px; } #sidebarleft{ padding-left:0px} #sidebarleft li a{ color:#2b627f} .contentbtm{ background:url(images/contentbtm.jpg) no-repeat; height:6px; width:960px} #content{ margin-top:15px;background:url(images/content_bg.jpg) repeat-y; } .postwrapper{ margin-top:10px; padding:0px 5px} h2.cattitle{ font-size:15px; font-family:Arial, Helvetica, sans-serif; background:url(images/titleicon.gif) no-repeat left; text-align:left; padding-left:35px; color:#555555; text-transform:uppercase; line-height:34px; margin-bottom:5px} h2.cattitle2{ font-size:15px; font-family:Arial, Helvetica, sans-serif; background:url(images/titleicon2.jpg) no-repeat left; text-align:left; padding-left:35px; color:#555555; text-transform:uppercase; line-height:34px; margin-bottom:5px} a.itemtitle{ font-size:14px; font-family:Arial, Helvetica, sans-serif} .sidebarcontent{ padding:10px 5px 15px 15px; margin-right:15px} .sidebarcontent h2{ color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:15px; margin-bottom:5px; background:url(images/div.jpg) repeat-x bottom; padding-top:10px} .divlayer{ background:url(images/div.jpg) repeat-x; height:3px; width:100%; padding-left:2px} .footertop{ background: url(images/footer_top.jpg) no-repeat top; width:960px; height:5px; margin-top:20px } #footer{ background:#f0f0f0 url(images/ft_bg.jpg) repeat-y; color:#727272} #footer a{ color:#2b627f} #footer a:hover{ color:#0f354a} #footer .grid_3{ margin-left:30px; padding-bottom:10px} #footer .grid_6{ padding-bottom:10px; } .footercontent li{ list-style:none; float:left} #footer .grid_12{ background:#d9d7d7 url(images/bottomfooter.jpg) repeat-x;width:960px; padding-top:10px;} .footercontent{ padding-top:20px; } #footer h2{ font-size:14px} .bottomcontent{ padding:10px 20px} .bottomcontent li{ padding:0px 5px} #sidebarright{} .rightcontent{ padding-left:20px; padding-top:10px} .rightcontent h3{ color:#555555; font-size:15px; font-family:Arial, Helvetica, sans-serif} .prev{ background:url(images/prev.jpg) no-repeat; width:23px; height:38px; cursor:pointer; float:left} .next{ background:url(images/next.jpg) no-repeat; width:23px; height:38px; cursor:pointer; float:left; clear:right} .scrollable .priceoption{ color:#f36010} #indexpage{ margin-left:10px} #indexpage .grid_3{ margin-left:5px} #indexpage p{ color:#555555; font-family:Arial, Helvetica, sans-serif} #indexpage h2.itemtitle a{ color:#202020; font-size:17px} #indexpage .entry li{background:url(images/arrow.jpg) left no-repeat; padding-left:15px; color:#76a0b4} #indexpage small{ font-size:11px; color:#819a16} #indexpage h4{ font-size:14px; color:#555555} #indexpage .more-link{ font-size:14px; color:#829b16} #commentform{border:1px solid #a9a9a8;color:#666;background:#eee;width:430px;margin:1px 7px 5px 5px;padding:10px 10px 10px 20px;} #commentform a{color:#666;font-weight:700;} #commentform input{margin:3px 0;padding:5px 0;} #author,#email,#url{color:#666;border:1px solid #CCC;} #submit{background:#ccc;color:#666;height:30px;font-weight:400;border:1px solid #8f8f8e;cursor:pointer;padding:12px;} #commentform textarea{background:#fff;border:1px solid #ccc7b7;width:400px;} #postcomment{color:#999;font-weight:700;} .commentcontent{color:#999;padding:5px 5px 5px 10px;} li.comment p{color:#3C4D54;padding:5px 0 5px 60px;} .reply a{padding-left:50px;font-weight:700;color:#666;} .postcontent ul{list-style-type:none;} .avatar{float:left;margin:4px;padding:4px;} ul.commentlist{list-style:none;} ul.commentlist .thread-odd{background:#f9fcfd;border:1px solid #d0e1e6;color:#999;margin:5px;padding:5px;} ul.children li{border:none;margin-left:30px;} ul li.comment{border-left:3px solid #3C4D54;} ul.commentlist .thread-even{background:#f9fcfd;border:1px solid #d0e1e6;margin:5px;padding:5px;} .bypostauthor{margin:5px;padding:5px;} .comment-meta{font-size:11px;} .comment-author, .comment-meta{ background:#eeeeee;border-left:1px solid #d3d2d2;border-right:1px solid #d3d2d2 } .comment-author{border-top:1px solid #d3d2d2; height:35px} .comment-meta{border-bottom:1px solid #d3d2d2;} .comment-author a{color:#3C4D54;font-size:20px;font-style:normal;} li.comment .comment-meta a{color:#999;} #postcomment ul li{list-style-type:none;list-style:none;} #respond small{padding-left:20px;} #respond h3{color:#666;padding-left:20px;font-size:18px;} h4#comments{font-size:18px;color:#666;padding-left:20px;} h3#comments{color:#666;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;} blockquote{ background:url(images/quote.jpg) no-repeat left top; padding-left:50px; margin-left:20px; line-height:18px; margin-top:10px; border-left:2px dotted #555555; margin-bottom:10px; padding-bottom:10px } .entry a, .postbox a{ color:#63770f}