API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 17th, 2013
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 39.19 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Boutique
  3. Theme URI: http://www.elegantthemes.com/gallery/
  4. Version: 1.6
  5. Description: 2 Column theme from Elegant Themes
  6. Author: Elegant Themes
  7. Author URI: http://www.elegantthemes.com
  8. */
  9.  
  10.  
  11. /*------------------------------------------------*/
  12. /*-----------------[RESET]------------------------*/
  13. /*------------------------------------------------*/
  14.  
  15. /* http://meyerweb.com/eric/tools/css/reset/ */
  16. /* v1.0 | 20080212 */
  17.  
  18. /*------------------------------------------------*/
  19. /*--------------------[SIDEBAR]-------------------*/
  20. /*------------------------------------------------*/
  21.  
  22. .widget {  width: 230px; padding: 15px 25px 10px 0px; background:url(images/widget-bg.png) no-repeat left bottom; }
  23.     h4.widget-title { padding-bottom:15px; font-family: Verdana; Georgia, serif; font-size:16px; color: #434343; padding-left:20px; }
  24.     .widget-content { background:url(images/sidebar-bg.png) no-repeat; padding-top:25px; padding-left:30px; }
  25.         .widget ul li { background:url(images/sidebar-bullet.png) no-repeat 0px 8px; padding-bottom: 0px; padding-left: 14px; display: block; text-shadow: 1px 1px 1px #ffffff; }
  26.             .widget ul li a { color:#000; text-decoration: none; }
  27.                 .widget ul li a:hover { color:#111111; }
  28.  
  29. html, body, div, span, applet, object, iframe,
  30. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  31. a, abbr, acronym, address, big, cite, code,
  32. del, dfn, em, font, img, ins, kbd, q, s, samp,
  33. small, strike, strong, sub, sup, tt, var,
  34. b, u, i, center,
  35. dl, dt, dd, ol, ul, li,
  36. fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
  37.  
  38. body { line-height: 1; }
  39. ol, ul { list-style: none; }
  40. blockquote, q { quotes: none; }
  41.  
  42. blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
  43.  
  44. /* remember to define focus styles! */
  45. :focus { outline: 0; }
  46.  
  47. /* remember to highlight inserts somehow! */
  48. ins { text-decoration: none; }
  49. del { text-decoration: line-through; }
  50.  
  51. /* tables still need 'cellspacing="0"' in the markup */
  52. table { border-collapse: collapse; border-spacing: 0; }
  53.  
  54.  
  55. /*------------------------------------------------*/
  56. /*-----------------[BASIC STYLES]-----------------*/
  57. /*------------------------------------------------*/
  58.  
  59. body { line-height: 20px; font-family:Verdana,'Droid Sans',Arial,Verdana,sans-serif; font-size: 12px; background-color: #ffffff; }
  60.  
  61. a { text-decoration: none; color: #0c7496; }
  62. a:hover { text-decoration: underline; }
  63. .clear { clear: both; }
  64. .ui-tabs-hide { display: none; }
  65. br.clear { margin: 0px; padding: 0px; }
  66.  
  67. h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #494949; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
  68. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; }
  69. h1 { font-size: 30px; }
  70. h2 { font-size: 24px; }
  71. h3 { font-size: 22px; }
  72. h4 { font-size: 18px; }
  73. h5 { font-size: 16px; }
  74. h6 { font-size: 14px; }
  75. p { padding-bottom: 6px;  }
  76. strong { font-weight: bold; /*color: #1c1c1c;*/ }
  77. cite, em, i { font-style: italic; }
  78. pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
  79. ins { text-decoration: none; }
  80. sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
  81. sup { bottom: 0.8em; }
  82. sub { top: 0.3em; }
  83. dl { margin: 0 0 1.5em 0; }
  84. dl dt { font-weight: bold; }
  85. dd  { margin-left: 1.5em;}
  86. blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
  87.     blockquote p { padding-bottom: 0px; }
  88.  
  89. input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
  90. input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
  91. input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
  92. textarea { padding: 4px; }
  93.  
  94. img#about-image { float: left; margin: 3px 8px 8px 0px; }
  95.  
  96. .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  97. * html .clearfix             { zoom: 1; } /* IE6 */
  98. *:first-child+html .clearfix { zoom: 1; } /* IE7 */
  99.  
  100. /*------------------------------------------------*/
  101. /*---------------[MAIN LAYOUT INFO]---------------*/
  102. /*------------------------------------------------*/
  103.  
  104. #color-stripes { background: url(images/color-stripes.png) repeat-x; height: 4px; border-bottom: 1px solid #ffffff; }
  105.     #header { background: url(images/header-bg.png) repeat-x; padding-top: 30px; }
  106.         .container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
  107.             #logo-area { float: left; margin-bottom: 30px; }
  108.                 #logo { padding-right: 0px; float: left; }
  109.                 p#slogan { float: right; font-size: 12px; font-family: Georgia, serif; color: #000000; font-style: italic; padding-top: 9px; padding-left: 13px; background: url(images/slogan-bg.png) no-repeat 0px 7px; }
  110.             #search-form { float: right; background: url(images/search-bg.png) no-repeat; width: 127px; height: 26px; margin-top: 7px; }
  111.                 #search-form #searchinput { background: none; border: none; float: left; margin: 4px 7px 0 4px; width: 84px; padding-left: 9px; font-size: 11px; color: #b5b5b5; font-family: Georgia, serif; text-shadow: 1px 1px 1px #ffffff; font-style: italic;  }
  112.                 #search-form #searchsubmit { margin-top: 8px; margin-right: 10px; float: right; }
  113.            
  114.             ul#top-menu { font-size: 20px; float: right; padding: 23px 34px 0 0px; }
  115.  
  116.             ul#secondary-menu { padding-left: 0px; width:960px; }
  117.  
  118. #top-area {  background: #8ed0ce url(images/area-bg.png); }
  119.     #top-area-bg { /* background: url(images/top-area-bg.pngXXX) repeat-x; */ }
  120.         #bottom-area-bg { /* background: url(images/bottom-area-bg.pngXXX) repeat-x bottom left; */ }
  121.            
  122. #category-inner { padding: 0px 0 10px 0; font-family: Verdana,'Kreon', Arial, sans-serif; }
  123. #category-inner p.description, #category-inner p.meta-info { font-size: 18px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
  124. #category-inner p.meta-info a { color: #fff; }
  125.  
  126. #category-inner2 { padding: 6px 0 6px 0; font-family: Verdana,'Kreon', Arial, sans-serif; }
  127. #category-inner2 p.description, #category-inner2 p.meta-info { font-size: 15px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
  128. #category-inner2 p.meta-info a { color: #fff; }
  129.  
  130. h1.category-title { color: #577a79; font-size: 20px; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); }
  131.  
  132.  
  133.     h3.offer-title, h3#comments, h3#reply-title  { background:url(images/offer-title-bg.png) no-repeat right bottom; color:#434343; display:block; font-size: 14px; text-transform: uppercase; text-shadow: 1px 1px 1px #ffffff; padding-right:6px; text-decoration:none; height: 43px; line-height: 41px; position:absolute; padding-bottom: 0px; }
  134.         h3.offer-title span, h3#comments span, h3#reply-title span { background:url(images/offer-title-bg.png) no-repeat; display:block; padding-left: 20px; height: 43px; padding-right: 16px; }
  135.  
  136.     #special-offers { margin: 20px 0 0 0; }
  137.  
  138.     #special-items { padding-bottom: 40px; padding-left: 18px; padding-top: 65px; }
  139.  
  140.         .special-item { border: 1px #ccc solid;  padding: 5px 0 0 0; float: left; width:122px; margin: 10px 33px 0 0; position: relative;}
  141. .special-item img { display: block; margin-left: auto; margin-right: auto }
  142.  
  143.         .last { margin-right: 0px; }
  144.  
  145.             .special-item .price-tag, #et-slides .price-tag {
  146. visibility:hidden;
  147. background:url(images/price-tag.png) no-repeat; position:absolute; top: -6px; left: -18px; width:50px; height: 50px; font-family: Georgia, serif; font-size: 20px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding-top:20px; padding-right: 0px; text-align: center; }
  148.  
  149.             #et-slides .price-tag {
  150. visibility:hidden;
  151. z-index: 100; left: 110px; top: -18px; }
  152.             .special-item a:hover { text-decoration: none; }
  153.                
  154. .special-item .price-tag span, #et-slides .price-tag span {
  155. visibility:hidden;
  156. position:absolute; top: -1px; top: 3px; left: 20px; font-family: Georgia, serif; font-size: 12px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);  }
  157.  
  158.             .special-item h4.title  { font-family: Georgia, serif; font-size: 14px; text-align: center; padding-bottom: 12px; }
  159.                 .special-item h4.title a { text-decoration: none; color: #434343; padding:3px;}
  160.             .special-item .et-links a { text-align:center; line-height:23px; height:23px; text-decoration:none; text-transform: uppercase; font-size: 10px; color: #838383; text-shadow: 1px 1px 1px #ffffff; }
  161.             .special-item .et-links a:hover { color: #4c4b4b; }
  162.                 .special-item a.add-to-cart { background:url(images/add-to-cart.png) no-repeat; float:left; width:50px; }
  163.                 .special-item a.more-info { background:url(images/more-info-bg.png) no-repeat; float:left; width:72px; }
  164.                 .special-item a.add-to-cart:hover, .special-item a.more-info:hover { background-position: bottom left; }
  165.  
  166.  
  167.     #main-content {
  168. /* border-left: 1px #ccc solid; border-right: 1px #ccc solid; */
  169. background:url(images/main-content.png) no-repeat; padding-top: 4px; }
  170.  
  171.  
  172.         #main-content-bg { background:url(images/main-content-bg.png) repeat-y 692px 0px; }
  173.             #main-content-bottom-bg { background:url(images/main-content-bottom-bg.png) no-repeat 692px bottom; }
  174.  
  175. #left-area { margin: 10px 0 0 0;  float: left; width: 692px; position:relative; }
  176.  
  177. #left-area p { padding: 0 10px 6px 0; }
  178.  
  179.  
  180.                 #sidebar { float: left; width: 266px; position:relative; background:url(images/sidebar-bg.png) no-repeat 0px -1px; }
  181.  
  182.  
  183.                     #recent-products { margin: 20px 0 0 0; }
  184.  
  185.                     #main-products { padding-top: 0px; margin-bottom: 12px; }
  186.                        
  187. .main-product { border: 1px #ccc solid; float: left; width:117px; height: 143px;  margin:5px 40px 25px 0; position: relative;  padding: 5px 0 0 0;}
  188.                         .last { margin-right: 0px; }
  189. .main-product img { display: block; margin-left: auto; margin-right: auto }
  190.  
  191.                             .main-product .price-tag {
  192. visibility:hidden;
  193. background:url(images/price-tag2.png) no-repeat; position:absolute; top: -6px; left: 0px; width:50px; height: 50px; font-family: Georgia, serif; font-size: 20px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding-top:20px; padding-right: 2px; text-align: center; }
  194.                             .main-product a:hover { text-decoration: none; }
  195.  
  196.                                 .main-product .price-tag span {
  197. visibility:hidden;
  198. position:absolute; top: -1px; top:3px; left: 20px; font-family: Georgia, serif; font-size: 12px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);  }
  199.                             .main-product h4.title  { font-family: Georgia, serif; font-size: 12px; text-align: center; padding: 10px 3px 9px 3px; }   
  200.                                 .main-product h4.title a { text-decoration: none; color: #434343; }
  201.  
  202.  
  203.                             .main-product .et-links a { padding-left:22px; line-height:23px; height:23px; text-decoration:none; text-transform: uppercase; font-size: 10px; color: #4d4d4d; text-shadow: 1px 1px 1px #ffffff; }
  204.                             .main-product .et-links a:hover { color: #4c4b4b; }
  205.                                 .main-product a.add-to-cart { background:url(images/add-to-cart2.png) no-repeat; float:left; width:38px; }
  206.                                 .main-product a.more-info { background:url(images/more-info-bg2.png) no-repeat; float:left; width:35px; }
  207.                                 .main-product a.add-to-cart:hover, .main-product a.more-info:hover { background-position: bottom left; }
  208.        
  209.         .boutique_description_border { border: 1px solid #dfdfdf; position: absolute; top: 1px; left: 100px; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.1); box-shadow: 2px 2px 4px rgba(0,0,0,0.1); display: none; z-index: 40; }
  210.             .boutique_description { background: #fff url(images/description-bg.png) repeat-x bottom left; border: 1px solid #fff; width: 290px; padding: 20px 26px; }
  211.                 .boutique_description h4.description-title { font-size: 18px; color: #434343; float: left; width: 195px; }
  212.                 .boutique_description .price { color: #7ab5af; font-size: 24px; float: right; }
  213.                 .boutique_description h4.description-title, .boutique_description .price { font-family: Georgia, serif; }
  214.                
  215.         .boutique_description_border, .boutique_description { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
  216.    
  217.     .product_frame { display: none; visibility: hidden; }
  218.     #breadcrumbs { padding: 17px 0 14px; font-size: 14px; font-family: Georgia, serif; font-style: italic; }
  219.         #breadcrumbs, #breadcrumbs a { color: #434343; }
  220.         #breadcrumbs a, #breadcrumbs span { font-style: normal; }
  221.         #breadcrumbs a:hover { color: #000; text-decoration: none; }
  222.        
  223.     #fancybox-title-float-main { text-shadow: none !important; font-size: 13px !important; }
  224.    
  225.     #et-slides { background: url(images/post-slider.png) no-repeat; width: 267px; height: 258px; position: relative; float: left; margin-right: 24px; margin-bottom: 40px; }
  226.         .et-slide { padding: 6px 0 0 31px; }
  227.         .js .et-slide { display: none; }
  228.             .et-slide span.overlay { display: block; width: 205px; height: 200px; position: absolute; top: 6px; left: 31px; background: url(images/single-image-overlay.png) no-repeat; }
  229.             .et-slide span.magnify { display: none; width: 39px; height: 39px; position: absolute; top: 102px; left: 138px; background: url(images/magnify.png) no-repeat; }
  230.         a#et-single-left-arrow, a#et-single-right-arrow { position: absolute; width: 30px; height: 50px; display: block; top: 94px; text-indent: -9999px; z-index: 100; }
  231.         a#et-single-left-arrow { left: 0; }
  232.         a#et-single-right-arrow { right: 0; }
  233.    
  234.     .item-description { /*font-style: italic;*/ font-family: Georgia, serif; line-height: 18px; float: left; width: 290px; }
  235.     .item-description p { line-height: 18px; }
  236.  
  237.     .item-description-bloggpost { /*font-style: italic;*/ font-family: Georgia, serif; line-height: 18px; float: left;  }
  238.     .item-description-bloggpost p { line-height: 18px; }
  239.    
  240.     .entry, #et_pt_blog, #et-contact { padding: 0 67px 0px 0; }
  241.         #et_pt_blog .wp-pagenavi { padding: 20px 0 10px; }
  242.     #et_pt_gallery { padding-bottom: 25px !important; }
  243.    
  244.     .post ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; }
  245.         .post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; }
  246.             .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
  247.             .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }
  248.            
  249.     .related-items, #comment-wrap, #respond { position: relative; background: url(images/main-separator.png) no-repeat 4px 0; padding: 65px 0 35px; }
  250.         h3.related_products, h3#comments, h3#reply-title { top: -16px; left: 38%; }
  251.        
  252.     .fullwidth #main-content-bg, .fullwidth #main-content-bottom-bg { background: none; }
  253.     .fullwidth #left-area { width: auto; }
  254.     .fullwidth .related-items, .fullwidth #comment-wrap, .fullwidth #respond { background: url(images/main-content.png) no-repeat; }
  255.    
  256.     a.single-addtocart { background: url(images/single-addtocart.png) no-repeat; display: block; height: 58px; font-family: Verdana,'Kreon', Arial, sans-serif; font-size: 30px; color: #fff;font-style: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); padding-left: 69px; line-height: 51px; margin-top: 20px; }
  257.     a.single-addtocart:hover { text-decoration: none; color: #f8f8f8; }
  258.        
  259.     .rating-container { float: left; margin-right: 3px; background: url(images/rating-container.png) no-repeat bottom right; height: 27px; padding-right: 9px; margin-bottom: 9px; }
  260.         .rating-inner { background: url(images/rating-container.png) no-repeat; padding: 6px 0 5px 9px; }
  261.             .rating-inner span { float: left; font-size: 12px; font-family: Georgia, serif; color: #343434; font-style: italic; margin: -1px 5px 0 0; padding-left: 2px; }
  262.             .review-rating { float: left; width: 80px; height: 15px; background: url(images/stars-sprite.png) repeat-x; overflow: hidden; }
  263.             .review-score { width: 0; height: 15px; background: url(images/stars-sprite.png) repeat-x 0 -16px; }
  264.        
  265. .single-item-ratings { margin-bottom: 20px; }
  266. h4.description-title { margin-bottom: 12px; }
  267. .entry-item-ratings { margin-bottom: 10px; }
  268.  
  269. #menu-content { position: relative; }
  270.     #menu-shadow { position: absolute; top: -3px; left: 0; background: url(images/secondary-menu-bg.png) no-repeat; height: 4px; width: 960px; z-index: 30; }
  271.        
  272. /*------------------------------------------------*/
  273. /*---------------[DROPDOWN MENU]------------------*/
  274. /*------------------------------------------------*/
  275.  
  276. ul#top-menu li { padding-right: 2px; }
  277.    
  278. ul#top-menu a { font-family:Abel,'Droid Sans',Arial,Verdana,sans-serif;
  279. /* color: #292929; */
  280. color: #020052;
  281. text-decoration: underline; padding: 11px 12px 10px 12px; background: url(images/top-menu-bg.png) repeat-x; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid transparent; }
  282.     ul#top-menu > li.sf-ul.sfHover > a { border: 1px solid #eaeaea; -moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.1); box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.1); }
  283.     ul#top-menu li a:hover { color: #aaaab8; }
  284.     ul#top-menu > li.current_page_item > a {
  285. /* color: #000 !important; font-family: Verdana, Georgia, serif; */  }
  286.  
  287.         ul#top-menu li ul { width: 198px !important; padding: 0; background: url(images/menu-dropdown-bg.png) repeat-y; top: 41px !important; -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; border: 1px solid #eaeaea; padding: 10px 0; }
  288.             ul#top-menu li ul li { padding: 8px 0 8px 34px; }
  289.                 ul#top-menu li ul a { width: 160px; text-shadow: 1px 1px 0 #fff; }
  290.                 ul#top-menu li ul a, ul#top-menu li ul a:hover { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; box-shadow: none; padding: 0; margin: 0; }
  291.                
  292.                 ul#top-menu li ul a:hover { color: #aaaab8; }
  293.                
  294.                 ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; top: -10px !important; left: 209px !important; }
  295.    
  296.  
  297.  
  298. ul#secondary-menu li { font-family: Verdana,'Kreon', Arial, sans-serif; }
  299.  
  300.     ul#secondary-menu a { font-size: 14px; color: #fff; text-decoration: none; padding: 3px 9px 3px 9px ; }
  301.     ul#secondary-menu a:hover { color: #e7e7e7; }
  302.  
  303.     ul#secondary-menu li { border-left: 1px solid transparent; border-right: 1px solid transparent; }
  304.         ul#secondary-menu li ul li { border: none; }
  305.  
  306.     ul#secondary-menu > li.sf-ul.sfHover { border-left: 0px solid #d3d3d3; border-right: 0px solid #d3d3d3; background: url( /* images/secondary-active-bg.pngxxx) repeat-x;  */ }
  307.  
  308.         ul#secondary-menu > li.sf-ul.sfHover > a { /* background: url(images/secondary-shadow.pngXXX) no-repeat; */ }
  309.  
  310.     ul#secondary-menu > li.current_page_item > a { color: #f6f6f6 !important; font-family: Verdana, Georgia, serif;  } 
  311.    
  312.     ul#secondary-menu li ul { width: 200px !important; padding: 7px 0 10px; background: #297EFF url(images/bottom-dropdown-bg.pngXXX) no-repeat; top: 26px !important;
  313. -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; }
  314.         ul#secondary-menu ul li { margin: 0 !important; padding: 8px 0 8px 30px !important; width: 149px; float: left; }
  315.             ul#secondary-menu ul li a { padding: 0 !important; }
  316.            
  317.             ul#secondary-menu li:hover ul ul, ul#secondary-menu li.sfHover ul ul { top: -8px !important; left: 180px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
  318.             ul#secondary-menu ul li.even-item { border-left: 0px solid #f1f1f1; }
  319.            
  320. /*------------------------------------------------*/
  321. /*--------------[FEATURED SLIDER]-----------------*/
  322. /*------------------------------------------------*/
  323.  
  324. #featured { height: 220px; }
  325.     #slides { height: 200px; }
  326.         .slide { padding: 80px 0 10px 82px; }
  327.         .js .slide { display: none; }
  328.             .featured-image { float: left; width: 380px; margin-right: 57px; position: relative; margin-top: -37px; }
  329.             .featured-description { width: 353px; float: left; font-size: 14px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
  330.                 .featured-description  p { line-height: 21px; }
  331.                 h2.featured-title { font-size: 33px; font-family:Verdana, 'Kreon', Arial, sans-serif; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); padding-bottom: 13px; }
  332.                     h2.featured-title a { color: #577a79; }
  333.                     h2.featured-title a:hover { color: #3c5958; text-decoration: none; }
  334.             #featured a.readmore { float: right; display: block; padding-right: 17px; background: url(images/more-info.png) no-repeat bottom right; font-size: 12px; color: #434343; text-shadow: none; }
  335.                 #featured a.readmore span { display: block; padding-left: 17px; height: 32px; line-height: 32px; background: url(images/more-info.png) no-repeat; }
  336.             #featured a.readmore:hover { color: #111; }
  337.            
  338.             #featured a#left-arrow, #featured a#right-arrow { display: block; width: 28px; height: 70px; position: absolute; top: 126px; text-indent: -9999px; z-index: 100; }
  339.             #featured a#left-arrow { background: url(images/left-arrow.png) no-repeat; left: 0; }
  340.             #featured a#right-arrow { background: url(images/right-arrow.png) no-repeat; right: 0; }
  341.            
  342.             #featured #controllers { text-align: center; }
  343.                 #featured #controllers a { display: inline-block; background: url(images/featured-controller.png) no-repeat; margin-right: 4px; text-indent: -9999px; width: 11px; height: 11px; }
  344.                 #featured #controllers a.activeSlide { background: url(images/featured-controller-active.png) no-repeat; }
  345.                
  346.             .featured-price { background: url(images/price-area.png) no-repeat; width: 283px; height: 85px; position: absolute; left: 52px; bottom: 100px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
  347.                 .featured-price a { color: #fff; font-size: 11px; text-transform: uppercase; }
  348.                 .featured-price a:hover { text-decoration: none; color: #ffeb7d; }
  349.                
  350.                 .featured-price a.add_cart, .featured-price a.more_info { position: absolute; top: 36px; }
  351.                 .featured-price a.add_cart { left: 25px; }
  352.                 .featured-price a.more_info { left: 189px; }
  353.                 .featured-price span.price, .featured-price span.currency_sign { color: #fff; font-family: Georgia, serif; position: absolute; display: block; text-align: center; }
  354.                 .featured-price span.price { font-size: 19px; top: 30px; left: 110px; width: 64px; }
  355.                 .featured-price span.currency_sign { color: #fff; font-size: 12px; top: 1px; left: 133px; width: 17px; }
  356.    
  357. /*------------------------------------------------*/
  358. /*-------------------[COMMENTS]-------------------*/
  359. /*------------------------------------------------*/
  360.  
  361. #comment-wrap { padding-right: 45px; }
  362. p#join-comment { color: #585858; font-size: 14px; font-family: Georgia, serif; font-style: italic; }
  363.  
  364. .comment-body { padding: 0 0 0 83px; position: relative; margin: 7px 0; }
  365.     .avatar-box { position: absolute; top: 0; left: 0; padding: 0; }
  366.         .avatar-overlay { position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: url(images/avatar-overlay.png) no-repeat; }
  367.        
  368.         .commentmetadata { color: #bdbdbd; font-size: 11px; font-family: Georgia, serif; padding-bottom: 8px; font-style: italic; }
  369.             .commentmetadata a { color: #bdbdbd; }
  370.             span.fn, span.fn a { font-size: 15px; color: #518e8c; text-decoration: none; font-family: Georgia, serif; }
  371.             span.fn a:hover, .commentmetadata a:hover { color: #111; text-decoration: none; }
  372.        
  373.     .reply-container { float:right; }
  374.         .reply-container a, #submit-container input#submit { text-decoration: none; }
  375.         .reply-container a:hover { text-decoration: none; color: #111; }
  376.     .comment ul.children { padding-left: 83px; background: url(images/comment-hr.png) no-repeat 34px 33px; }
  377.    
  378. #commentform textarea#comment { width: 96%; }
  379.     #commentform input[type=text] { width: 38%; }
  380.     #commentform input, #commentform textarea { background: #fafafa url(images/comment-input-bg.png) repeat-x; border: 1px solid #f1f1f1; color: #ababab; font-size: 12px; padding: 12px 10px 12px 20px; font-family: Georgia, serif; font-style: italic; text-shadow: 1px 1px 0 #ffffff;  }
  381.         p.form-submit input#submit { background: url(images/submit_bg.png) no-repeat; padding: 6px 15px; float: right; border: none; font-size: 10px; text-transform: uppercase; text-shadow: 1px 1px 0 #fff; font-family:Verdana,'Droid Sans',Arial,Verdana,sans-serif; font-style: normal; margin-right: -8px; }
  382.    
  383.     #commentform .hidden { display: none; }
  384.  
  385.     li.comment #respond textarea { width: 91% !important; }
  386.     li.comment #respond input[type=text] { width: 48% !important; }
  387.    
  388. #trackbacks { margin-bottom: 50px; }
  389.    
  390. .avatar-box img { margin: 6px 0 0 6px; }
  391. #submit-container input#submit { background: none; border: none; padding: 0; float: right; font-style: normal; }
  392.  
  393. ul.children .comment { background: url(images/comment-vertical.png) repeat-y 33px 0; }
  394. li.depth-1 { margin-bottom: 15px; }
  395. li.depth-1 > ul.children { background: none !important; }
  396.  
  397. #respond { margin-right: -44px; padding-right: 44px; }
  398. .comment-body #respond { background: none; margin-right: 0; padding-right: 0; padding-top: 8px; }
  399.  
  400. .reply-container { background: url(images/reply.png) no-repeat bottom right; padding-right: 6px; }
  401.     .reply-container a { background: url(images/reply.png) no-repeat; display: block; height: 23px; line-height: 23px; text-transform: uppercase; color: #838383; text-shadow: 1px 1px 0 #fff; font-size: 10px; padding: 0 7px 0 13px; }
  402.    
  403. .comment-body h3#reply-title { position: relative; background: none; top: 0; left: 0; height: auto; line-height: 18px; padding-bottom: 15px; }
  404.     .comment-body h3#reply-title span { background: none; padding: 0; display: inline; }
  405.         h3#reply-title small { display: block; text-transform: none; font-size: 12px; }
  406.         .comment-body p.form-submit input#submit { margin-right: 3%; }
  407.        
  408. ol.commentlist { margin-bottom: 45px; }
  409.  
  410. .comment-author-metainfo { float: left; width: 80%; }
  411. .comment-wrap .review-rating { float: right; margin: 8px 0 0; }
  412.  
  413. h3#reply-title small a { color: #00b7f3; }
  414.  
  415. /*------------------------------------------------*/
  416. /*---------------------[FOOTER]-------------------*/
  417. /*------------------------------------------------*/
  418.  
  419. #footer { background: #8ed0ce url(images/area-bg.png); }
  420.     #footer-top-bg { background: url(images/top-area-bg.png) repeat-x; }
  421.         #footer-bottom-bg { background: url(images/bottom-area-bg.png) repeat-x bottom left; }
  422.             #footer-widgets { padding: 56px 0px 50px; }
  423.                 .footer-widget { width: 187px; margin-right: 70px; float: left; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }
  424.                 .last { margin-right: 0px; }
  425.                     #footer-logo { margin-bottom: -15px; margin-top: -10px; }
  426.                     .footer-widget { color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }
  427.                     #footer h4.widget-title { font-family:Verdana, 'Kreon', Arial, sans-serif; font-size: 18px; color:#577a79; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); padding-bottom: 15px; padding-left:0px; }
  428.                         .footer-widget a { color: #ffffff; }
  429.                         .footer-widget a:hover { color: #eeeeee; text-decoration: none; }
  430.                     .footer-widget ul { margin-bottom:8px;  }
  431.                         .footer-widget ul ul { margin-bottom:0; }
  432.                             .footer-widget ul li { background:url(images/footer-bullet.png) no-repeat 0 7px; padding:0px 0 7px 12px; }
  433.                             .footer-widget ul li ul { margin:0 0 -3px; padding:5px 0 0 7px; }
  434.                
  435.                
  436.                
  437. #footer-bottom { padding: 16px 0 17px; background: url(images/footer-bottom-bg.png) repeat-x bottom left;  }
  438.     ul.bottom-nav li { float: left; padding-right: 20px; font-family:Verdana, 'Kreon', Arial, sans-serif; }    
  439.         ul.bottom-nav li a { color:#434343; font-size:16px; text-decoration: none; }
  440.             ul.bottom-nav li a:hover {text-decoration: none; color: #7cb7b5; }
  441.                 ul.bottom-nav li.current_page_item a { color: #7cb7b5 !important; font-family: Georgia, serif; font-style: italic; font-size:15px; }
  442.     p#copyright { float:right; color:#434343; padding-bottom:0px; }
  443.         p#copyright a { color:#434343; }       
  444.  
  445. #bottom-color-stripes { background: url(images/bottom-color-stripes.png) repeat-x; height: 5px; border-top: 1px solid #ffffff; }       
  446.  
  447.            
  448. /*------------------------------------------------*/
  449. /*------------[CAPTIONS AND ALIGNMENTS]-----------*/
  450. /*------------------------------------------------*/
  451.  
  452. div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
  453. .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
  454. .wp-caption.alignleft { margin: 0px 10px 10px 0px; }
  455. .wp-caption.alignright { margin: 0px 0px 10px 10px; }
  456. .wp-caption img { margin: 0; padding: 0; border: 0 none; }
  457. .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
  458. .alignright { float: right; }
  459. .alignleft { float: left }
  460. img.alignleft { display:inline; float:left; margin-right:15px; }
  461. img.alignright { display:inline; float:right; margin-left:15px; }
  462.  
  463.    
  464. /*------------------------------------------------*/
  465. /*---------------[DEFAULT DROPDOWN SETTINGS]---*/
  466. /*------------------------------------------------*/
  467.  
  468. .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
  469. .nav li { float:left; position:relative; }
  470. .nav a { display:block; float: left; }
  471.     .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
  472.     .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
  473.         .nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
  474.     .nav li:hover ul, .nav li li:hover ul { top: -999em; }
  475.     .nav li li {    display: block; padding: 0px; float: left; height: auto !important; }
  476.     .nav li ul { width: 191px; z-index:1000; }
  477.         .nav li li a:link, .nav li li a:visited {   display: block; height: auto; float: left; }
  478.         .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  479.  
  480.  
  481. /*------------------------------------------------*/
  482. /*-----------------[WP CALENDAR]-----------------*/
  483. /*------------------------------------------------*/
  484. #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;    }
  485.     #wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
  486.         #wp-calendar a:hover { text-decoration: underline; }
  487.     #wp-calendar caption {  text-decoration: none; font: bold 13px Arial, Sans-Serif; }
  488.     #wp-calendar td {   padding: 3px 5px; color: #9f9f9f; }
  489.         #wp-calendar td#today { color: #111; }
  490.     #wp-calendar th {   font-style: normal; text-transform: capitalize; padding: 3px 5px; }
  491.         #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
  492.         #wp-calendar #next a { padding-right: 10px; text-align: right; }
  493.         #wp-calendar #prev a { padding-left: 10px; text-align: left; }
  494.        
  495. /*------------------------------------------------*/
  496. /*-------------------[PAGE NAVI]------------------*/
  497. /*------------------------------------------------*/
  498. .pagination { overflow: hidden; padding: 15px 12px 0px; }
  499.  
  500. .wp-pagenavi { position: relative; text-align: right; padding: 0 60px 20px 0; }
  501. .wp-pagenavi a, .wp-pagenavi a:link { padding: 15px 10px !important; margin: 2px; text-decoration: none; border: none !important; color: #434343 !important; font-weight: normal !important; }
  502. .wp-pagenavi a:visited { padding: 15px 20px !important; margin: 2px; text-decoration: none; border: 1px solid #e9e9e9; color: #413f36; background-color: #fff; }
  503. .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; border: none !important; font-size: 12px; color: #434343 !important; font-style: italic; font-family: Georgia, serif; }
  504. .wp-pagenavi span.current, .wp-pagenavi span.extend { padding: 15px 20px !important; margin: 2px; border: none !important; background: url(images/pagenavi-active.png) no-repeat; }
  505. .wp-pagenavi a:hover { color: #000 !important; }
  506.  
  507.  
  508. a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }
  509.  
  510. .js #feat-content, .js div#from-blog div.entries {display: none;}
  511.  
  512. .foursixeight { margin: 0px 0px 15px 84px;}
  513. form.addtocart { width: 98% !important; }
  514. #et-rating { padding-bottom: 9px; }
  515.     span#choose_rating { color: #ababab; font-size: 12px; font-family: Georgia, serif; font-style: italic; padding: 0 0 0 22px; float: left; margin-right: 20px; }
  516.     #et-rating .rating-container { float: left; }
  517.    
  518. #fancybox-content .productcol { float: none; }
  519. #fancybox-content .wpsc_buy_button_container { text-align: left; }
  520. .no-comments-bg { background: none !important; padding-top: 15px !important; }
  521.  
  522. #et-control-panel { position: fixed; left: 0px; top: 94px; width: 169px; z-index: 1000; color: #9f9f9f; text-shadow: 1px 1px 1px #fff; background: url(images/cp/control-panel-bottom.png) no-repeat bottom left; padding-bottom: 18px; }
  523.     #control-panel-main { background: url(images/cp/control-panel-mainbg.png) repeat-y; -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; border-top-right-radius: 14px; }
  524.         #et-control-close { background: url(images/cp/control-panel-closebutton.png) no-repeat; position: absolute; top: 17px; right: -41px; width: 45px; height: 40px; display: block; }
  525.         .control-open { background: url(images/cp/control-panel-openbutton.png) no-repeat !important; }
  526.         #et-control-inner { padding: 16px 16px 0px 16px; }
  527.             #et-control-panel h3.control_title { font-size: 15px; padding: 2px 0 10px; float: left; }
  528.             #et-control-panel p { font-style: italic; font-family: Georgia, serif; font-size: 10px; }
  529.             .et-sample-setting { display: block; width: 29px; height: 29px; position: relative; float: left; margin: 0 4px 4px 0; text-indent: -9999px; }
  530.                 .et-sample-setting span.et-sample-overlay { background: url(images/cp/control-link-overlay.png) no-repeat; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
  531.             #et-sample-color1 { background: #6a8e94; }
  532.             #et-sample-color2 { background: #8da49c; }
  533.             #et-sample-color3 { background: #b0b083; }
  534.             #et-sample-color4 { background: #859a7c; }
  535.             #et-sample-color5 { background: #c6bea6; }
  536.             #et-sample-color6 { background: #b08383; }
  537.             #et-sample-color7 { background: #a4869d; }
  538.             #et-sample-color8 { background: #f5f5f5; }
  539.             #et-sample-color9 { background: #4e4e4e; }
  540.             #et-sample-color10 { background: #556f6a; }
  541.             #et-sample-color11 { background: #6f5555; }
  542.             #et-sample-color12 { background: #6f6755; }
  543.            
  544.             #et-sample-texture1 { background: url(images/cp/body-bg2.png) 14px 13px; }
  545.             #et-sample-texture2 { background: url(images/cp/body-bg3.png); }
  546.             #et-sample-texture3 { background: url(images/cp/body-bg4.png); }
  547.             #et-sample-texture4 { background: url(images/cp/body-bg5.png); }
  548.             #et-sample-texture5 { background: url(images/cp/body-bg6.png); }
  549.             #et-sample-texture6 { background: url(images/cp/body-bg7.png); }
  550.             #et-sample-texture7 { background: url(images/cp/body-bg8.png); }
  551.             #et-sample-texture8 { background: url(images/cp/body-bg9.png); }
  552.             #et-sample-texture9 { background: url(images/cp/body-bg10.png); }
  553.             #et-sample-texture10 { background: url(images/cp/body-bg11.png) 139px 104px; }
  554.             #et-sample-texture11 { background: url(images/cp/body-bg12.png); }
  555.             #et-sample-texture12 { background: url(images/cp/body-bg13.png) 14px 14px; }
  556.             #et-sample-texture13 { background: url(images/cp/body-bg14.png); }
  557.             #et-sample-texture14 { background: url(images/cp/body-bg15.png); }
  558.             #et-sample-texture15 { background: url(images/cp/body-bg16.png); }
  559.             #et-sample-texture16 { background: url(images/cp/body-bg17.png); }
  560.            
  561.             .et-control-colorpicker { background: url(images/cp/control-panel-colorpicker.png) no-repeat; width: 18px; height: 19px; display: block; float: right; }
  562.             .et-font-control { margin-top: 9px; }
  563.             .colorpicker { z-index: 10000; }
  564.        
  565. #et_control_header_font, #et_control_body_font { width: 73px; }
  566. .blurb h3.title, #footer h4.widgettitle, .widget h4.title { font-family:Verdana,'Droid Sans',Arial,Verdana,sans-serif; }
  567.  
  568. .et_popup_product_info { margin: 20px; }
  569.     h2.et_popup_title, h2.et_popup_title a { color: #434343; font-family:Verdana, 'Kreon',Arial,sans-serif; padding-bottom: 14px; }
  570.     h2.et_popup_title a:hover, .et_wp_ecommerce h2.prodtitle a:hover { color: #111; text-decoration: none; }
  571.     div.et_popup_excerpt { padding-bottom: 6px; }
  572.     .et_popup_product_info form.addtocart { margin-top: 10px; }
  573.     .et_popup_product_info h3.original.price { text-decoration: line-through; }
  574.     .et_popup_product_info h3.sale.price { color: #111; }
  575.    
  576.     .et_wp_ecommerce h2.prodtitle, .et_wp_ecommerce h2.prodtitle a { color: #434343; font-family: Verdana,'Kreon',Arial,sans-serif;  }
  577.    
  578.     .et_wp_ecommerce .default_product_display { padding: 0; }
  579.         .et_wp_ecommerce  .default_product_display .additional_description_container { margin: 0 0 0 0px; }
  580.         .et_wp_ecommerce .default_product_display form.product_form fieldset legend {
  581. */ float: left; /*
  582. margin-right: 10px; }
  583.         .et_wp_ecommerce .default_product_display .wpsc_product_price { clear: both; }
  584.         .et_wp_ecommerce .default_product_display .in_stock { margin-bottom: 15px; }
  585.         .et_wp_ecommerce .default_product_display .wpsc_product_price { margin-bottom: -20px; }
  586.  
  587. .blogpost { padding: 0 67px 25px 0; }      
  588.     .blogpost h2.title { font-size: 27px; font-family:Verdana, 'Kreon',Arial,sans-serif; padding-bottom: 9px; }
  589.         .blogpost h2.title a { color: #434343; }
  590.         .blogpost h2.title a:hover { color: #111; text-decoration: none; }
  591.         .blogpost p.meta-info  { font-size: 14px; font-family: Georgia, serif; padding-bottom: 6px; }
  592.         .blogpost p.meta-info, .blogpost p.meta-info a { color: #a7a7a7; }
  593.         .blogpost p.meta-info a:hover { color: #111; text-decoration: none; }
  594.     .post-thumbnail { background: url(images/blogpost-image-bg.png) no-repeat; float: left; margin: 6px 25px 10px 0; width: 257px; height: 252px; padding-top: 6px; padding-left: 6px; }
  595.    
  596.     a.read-more { background: url(images/reply.png) no-repeat bottom right; padding-right: 6px; float: right; color: #838383; }
  597.         a.read-more span { background: url(images/reply.png) no-repeat; display: block; height: 23px; line-height: 23px; text-transform: uppercase; text-shadow: 1px 1px 0 white; font-size: 10px; padding: 0 7px 0 13px; }
  598.     a.read-more:hover { color: #111; text-decoration: none; }
  599.    
  600. #comment-wrap .navigation { padding: 10px 0; }
  601.     .nav-previous { float: left; }
  602.     .nav-next { float: right; }
  603.  
  604.  
  605.  
  606.  
  607. .et-info .et-box-content {
  608. background-color: #eaedf7 !important;
  609. }
  610.  
  611.  
  612.  
  613. /*
  614. #wpsc_checkout_gravatar {
  615. visibility:hidden;
  616. }
  617. */
  618.  
  619. #wpsc_checkout_gravatar { display: none; }
  620.  
  621.  
  622. /*
  623. .wpsc_email_address {
  624. margin:10px 0 0 0;
  625. font-weight:bold;
  626. font-size:14px;
  627. }
  628. */
  629.  
  630. .wpsc_billing_forms h4 {
  631. margin:10px 0 0 0;
  632. color:#737373;
  633. }
  634.  
  635. .wpsc_total_price_and_shipping h4 {
  636. margin:10px 0 0 0;
  637. color:#737373;
  638. }
  639.  
  640.  
  641. .et-shadow .et-box-content {
  642. color:#000 !important;
  643. }
  644.  
  645.  
  646.  
  647. /*
  648. .gform_wrapper .top_label .gfield_label {
  649. margin: 10px 0 4px 0 !important;
  650. }
  651. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!