/*Theme Name: Theme ThemeTheme URI: # Description: Theme Theme is a clean Theme theme best suited for restaurants and product showcase sites. Author: # Theme Studio Version: 2 Tags: black, brown, one-column, two-columns, fixed-width, translation-ready, microformats*//*----- Global reset ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, label, p, blockquote, th, td { margin:0;padding:0; }table { border-collapse:collapse;border-spacing:0; }fieldset, img { border:0; }address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal; }strong { font-weight:bold; }ol, ul { list-style:none; }caption, th { text-align:left; }h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal; }q:before, q:after { content:''; }abbr, acronym { border:0; }/*----- Clearfix ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }.clearfix { display: inline-block; }html[xmlns] .clearfix { display: block; }* html .clearfix { height: 1%; }* { outline: none; }/*----- Theme Styler ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .styler { position:absolute;width:100px;height:20px;left:0;top:18px; } .styler a { display:block;width:15px;height:15px;float:left;margin-left:5px; } .styler .style-light { background:#FEF8E8;border:1px solid #201914; } .styler .style-brown { background:#251E1D;border:1px solid #F0EEE8; }/*----- Menu of the day ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .more-products { } .menuDescription { float:left;width:460px; } .menuDayOffer { width:410px;height:245px;float:right; } .menuDayOffer p { color:#fff;padding-top:68px;padding-left:65px;padding-right:65px;text-align:center;font-style:italic; } .menuDayOffer ul { padding:0 25px; } .menuDayOffer li { height:25px;width:100%;overflow:hidden;background:url('images/light/back-menuoffer-dash.png') repeat-x bottom left; } .menuDayOffer li strong { float:left;color:#fff;font-size:14px;font-weight:normal;font-style:italic; } .menuDayOffer li span { float:right;display:block;font-size:14px;color:#fff; } .menuDayOffer li a { float:left;display:block;padding:2px 2px 2px 10px; } .menuDayOffer li a:link { } .menuDayOffer li a:visited { } .menuDayOffer li a:hover { text-decoration:underline; } .menuDayOffer li a:active { }/*----- Theme Style ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .bdError { border:1px solid #911B1B; } .page p { margin-bottom:15px; } .item-rating { width:320px;float:left;margin-left:10px;height:25px;overflow:hidden;font-style:italic;color:#7b7b7b; } .item-rating .star { display:block;width:16px;height:16px;margin:1px;float:left;text-indent:-9999px; } .item-rating .star.on { background:url('images/back-stars.png') no-repeat left center; } .item-rating .star.off { background:url('images/back-stars.png') no-repeat right center; } .item-rating .state { float:left;margin-left:15px;} .item-rating-small { display:block;float:right;margin-left:5px;overflow:hidden;font-style:italic;color:#7b7b7b; } .item-rating-small .star { display:block;width:16px;height:16px;margin:1px;float:left;text-indent:-9999px; } .item-rating-small .star.on { background:url('images/back-stars.png') no-repeat left center; } .item-rating-small .star.off { background:url('images/back-stars.png') no-repeat right center; } .item-rating-small .state { display:block;margin-left:15px;} .item-rating-small .count { color:#ACA699;display:block;float:left;width:150px;} .item-rating-small.full { height:60px;width:180px;margin-top:10px; } .item-rating-small.minimal { width:90px;height:18px;float:right; } .item-prices { width:320px;float:left;margin-left:10px;height:30px;overflow:hidden; } .item-prices h3 { width:auto;padding-right:8px;float:left;height:30px;line-height:30px; } .item-prices h3 a { font-size:18px;} .item-prices span { float:right;display:block;height:30px;font-size:16px;font-style:italic;line-height:30px;padding-left:8px; } .prices { width:420px; } .prices li { width:420px;float:left;height:90px;margin-bottom:25px;} .prices li p { margin-left:10px;font-size:12px;font-style:italic;line-height:18px;padding-left:85px; } .prices li .img { width:85px;float:left;height:90px;margin-right:5px;} .prices li.categ { height:32px;margin-bottom:10px;text-align:center; } .prices li.categ a { font-size:11px;font-style:italic;line-height:10px; } .prices li.categ h3 { margin:auto;text-align:center; } #prices-menu { padding-bottom:25px; } #prices-menu .prices { float:left; } #prices-menu .prices.left { margin-right:20px; } #prices-menu .prices.right { margin-left:20px; } .prices-categ { display:none; } .prices-categ .prices { width:900px; } .prices-categ .prices li { } .prices-categ .prices li.categ { margin-right:385px; } .prices-categ .prices li.item-left { margin-right:20px; } .prices-categ .prices li.item-right { margin-left:20px; } /*.prices-categ .prices li.item-right .img { float:right;}*//*----- Theme Style ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pagination { font-style:italic;font-size:14px; } .pagination a { display:block;padding:2px;float:left;margin:2px;text-decoration:none; } .pagination a.current { font-weight:bold; } .reservations.posLeft { right:20px; } .reservations.posRight { right:20px; } .reservations { width:319px;height:410px;position:absolute;top:120px;text-align:left;padding-left:15px;display:none;overflow:hidden;} .reservations>div { padding:10px;position:relative; } .reservations .final { position:absolute;top:0;left:0;width:320px;height:380px;background:#A52A2A;z-index:9999;display:none;} .reservations input { width:294px;color:#3D393A; } .reservations textarea { width:278px;height:147px;color:#3D393A;font-size:12px; font-family:arial, verdana; } .reservations .textarea { height:155px;width:285px; } .reservations .form-button { text-align:left; } .reservations div.select { width:300px; } #notice .reservations label { font-size:20px;} .reservations label.date { display:inline-block;width:234px;} .reservations label.time { display:inline-block;width:50px;} .reservations .phone { float:left;width:107px;height:65px; } .reservations .phone input { width:100px;background:#fbfbfb; } .reservations .fdName { float:left;width:178px;height:65px; } .reservations .fdName input { width:158px;background:#fbfbfb; } .reservations .fdDate { float:left;width:138px;height:65px; } .reservations .fdDate .resDate { width:128px;background:#fbfbfb;height:30px;line-height:24px;border:1px solid #E0DADB; } .reservations .fdTime { float:left;width:80px;height:65px; } .reservations .fdTime .resTime { width:60px;background:#fbfbfb;height:30px;line-height:24px;border:1px solid #E0DADB; } .reservations .fdGuest { float:left;width:67px;height:65px; } .reservations .fdGuest input { width:60px;background:#fbfbfb; } .reservations select.resDate { width:125px;height:30px;line-height:30px; } .reservations select.resTime { width:60px;height:30px;line-height:30px; } .reservations select option { line-height:30px; } .reservations .success { padding-top:100px;padding-right:25px; } .reservations .success h2 { text-align:center; } .reservations .form { height:360px; }/*----- Product details ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .single-product .details { width:180px;float:left;margin-right:20px; } .single-product .img { float:left; } .single-product .price { padding-bottom:10px; } .single-product .price h1 { float:left; } .single-product .price span { float:right;display:block;font-size:18px;line-height:35px;height:35px;font-style:italic; } .single-product .ingredients { padding-top:15px; } .single-product .ingredients h4 { margin:0; } .single-product .ingredients p { font-style:italic;} .facebook { float:right;display:block;line-height:21px;height:21px;padding-right:15px; } .social { padding-left:200px;padding-top:10px; }/*----- Base ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body,html { font-family:Georgia, Arial, sans-serif;font-size:12px;line-height:20px;margin:0px;padding:0px;position:relative; } #content, #footer, #header { width:960px;margin:5px auto; }/*----- Top Notice ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #notice-wrapper { height:40px;position:relative;position: relative; z-index: 9999; } #notice { height:10px;padding-top:40px; left:0;width:100%;z-index:999;} #notice .all-medium { background:transparent;width:900px;margin:0 auto 0 auto;padding-left:20px;height:185px; } #notice .all-medium > div { background:transparent;width:205px; } #notice .all-medium > div.double { width:430px; } #notice .bar { width:880px;padding:20px 40px 5px 5px;margin:0 auto 0 auto;text-align:right;height:25px;position:relative; } #notice a.touch { text-decoration:none;padding-right:20px; } #notice a.touch:link { } #notice a.touch:visited { } #notice a.touch:hover { text-decoration:underline; } #notice a.touch:active { } #notice a.touch.down { background:url('images/notice-arrow.png') no-repeat right -64px; } #notice a.touch.down:link { } #notice a.touch.down:visited { } #notice a.touch.down:hover { background-position:right -42px;} #notice a.touch.down:active { } #notice a.touch.up { background:url('images/notice-arrow.png') no-repeat right 2px; } #notice a.touch.up:link { } #notice a.touch.up:visited { } #notice a.touch.up:hover { background-position:right -20px;} #notice a.touch.up:active { } #notice .newsletter { margin-top:10px;height:52px;position:relative; } #notice .newsletter div { height:48px;position:absolute;width:420px;padding-left:10px;padding-top:3px;top:0;left:0; } #notice .newsletter input { font-weight:bold;padding-left:10px;width:310px;height:20px;padding:10px 10px 10px 5px;border:none;font-family:georgia;margin:0;float:left;margin-right:10px;background:transparent; } #notice .newsletter a { display:inline-block;width:80px;height:40px;text-indent:-9999px;float:left;margin-top:2px; } #notice .newsletter a:link { } #notice .newsletter a:visited { } #notice .newsletter a:hover { background-position:center center; } #notice .newsletter a:active { background-position:center bottom; }/*----- Shadows ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body>div.shadows { top:0px;left:0px;width:100%;height:100%;position:absolute;z-index:-1;} body>div.shadows div { width:100%;height:100%; } /*----- Slider ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #slider-wrapper { padding:14px;overflow:hidden;position:relative; } #slider.section { padding:0;margin:0 40px;} #slider .pager { text-align:center;padding:9px 0 3px 0;} #slider .pager a { width:9px;height:10px;margin:1px 2px 0 2px;padding:0;display:inline-block;} #slider .pager a.active { background-position:left center; } #slides { width:850px;height:250px;overflow:hidden;margin:0;padding:0;position:relative; } #content #slides { margin:0;overflow:hidden; } #slider .img-wrapper { width:850px;height:250px;overflow:hidden;} #slides li { width:850px;height:250px;display:block;float:left; }/*----- Site Top Menu ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #header { padding:0;overflow:hidden;height:205px;padding:0;margin:0 auto 0 auto;position:relative;} #header-wrapper { height:190px; } #header .logo { width:320px;height:165px;position:absolute;z-index:50;bottom:13px;left:308px; } #header .logo a { display:block;width:140px;height:140px;margin-left:100px;text-decoration:none;} #header img { float:left; } #menue { height:64px;padding:0;width:650px; margin-left: auto; margin-right: auto; position:relative; left: 45px; top:-40px;z-index:100;} #menue li { } #menue li a { float: left; font-size:18px;text-decoration:none;line-height:26px;display:block;text-align:left; color: #fff; padding-right:36px;} #menue li a:hover {color: #ccc;}/*----- Blog article ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .article h2, .article h1 { margin-bottom:2px; } .article .info { font-style:italic;height:20px;font-size:11px;padding-bottom:0px; } .article .info .tags { float:left; } .article .info .tags a { text-decoration:none; } .article .info .tags a:link { } .article .info .tags a:visited { } .article .info .tags a:hover { text-decoration:underline;} .article .info .tags a:active { } .article .info span.comments { text-decoration:none;float:left;margin-left:10px;line-height:18px; } .article .info span.date { float:right; } #content div.img.comment { width:55px;float:left;margin-right:10px;height:60px; } .comment-info { font-style:italic;height:20px;font-size:11px;overflow:hidden; } .comment-info .author { font-size:12px;font-weight:bold;float:left;} .comment-info span.date { float:right; } a.reply { text-decoration:underline;font-style:italic;} .all-comments li { margin:15px 0;} .all-comments .depth-2 { padding-left:65px;padding-top:15px;} .all-comments .depth-3 { padding-left:0px;} .all-comments .depth-4 { padding-left:0px;} .all-comments .depth-5 { padding-left:0px;} .all-comments .depth-6 { padding-left:0px;} .all-comments .depth-7 { padding-left:0px;} .all-comments .depth-8 { padding-left:0px;} .all-comments a { color:#AC1111;text-decoration:none;font-size:11px; } .all-comments a:link { } .all-comments a:visited { } .all-comments a:hover { text-decoration:underline; } .all-comments a:active { }/*----- Article slider ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .section.articles >div { padding-bottom:20px; } #content .img.wd145 { padding-bottom:4px; } #content .imgLarge.wd715 { padding-bottom:4px; } #content .imgLarge.wd550 { padding-bottom:4px; } #content .imgLarge.wd205 { padding-bottom:7px; } #footer .img.wd130 { padding-bottom:4px; } #footer .img.wd180 { padding-bottom:4px; } .form-button { height:35px;line-height:25px;display:block;text-decoration:none;font-size:18px;text-align:center;width:110px;padding-left:5px;margin-top:10px; } .form-button:link { } .form-button:visited { } .form-button:hover { background-position:center center; } .form-button:active { background-position:center bottom; } .section.articles div.img, .article div.img { padding-bottom:4px;} .section.articles div.img img, .article div.imgLarge img, .article div.img img { display:none; } .section.articles div.img img:first-child, .article div.imgLarge img:first-child , .article div.img img:first-child { display:block; } .section.articles div.img ul { height:14px;position:absolute;bottom:2px;right:0;display:none;text-align:right;width:100%; } .section.articles div.img li { width:9px;height:10px;margin:1px 2px 0 2px;display:inline-block;cursor:pointer;} .section.articles div.img li.active { background-position:left; } .article div.img { padding-bottom:4px;} .article div.img ul { height:14px;position:absolute;bottom:2px;right:0;display:none;text-align:center;width:100%; } .article div.img li { width:9px;height:10px;margin:1px 2px 0 2px;display:inline-block;cursor:pointer;} .article div.img li.active { background-position:left; } .section div.img { padding:1px 0 1px 0;margin:0;position:relative; } .section div.img img { padding:4px; } .section div.imgLarge { padding:1px 0 1px 0;margin:0;position:relative; } .section div.imgLarge img { padding:14px; } .section.articles div.imgLarge { padding-bottom:4px;} .section.articles div.imgLarge img { display:none; } .section.articles div.imgLarge img:first-child { display:block; } .section.articles div.imgLarge ul { height:14px;position:absolute;bottom:2px;right:0;display:none;text-align:right;width:100%; } .section.articles div.imgLarge li { width:9px;height:10px;margin:1px 2px 0 2px;display:block;cursor:pointer;float:right;} .section.articles div.imgLarge li.active { background-position:left; }/*----- General Rulles ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ ul.double { background:red;} ul.double li { height:24px;float:left;margin:0 1px 1px 0;width:139px;overflow:hidden;} ul.double a { line-height:25px;padding:0;text-decoration:none;font-family:arial;font-size:12px; } ul.dash li { padding:5px 0; } ul.interviews li { padding:6px 0 6px 0;height:35px;} ul.interviews li.first { padding-top:4px;background:transparent;} ul.interviews a.comments { display:inline-block;line-height:14px;padding-left:20px;text-decoration:none; } ul.interviews a.comments:link { } ul.interviews a.comments:visited { } ul.interviews a.comments:hover { background-position:3px -33px;} ul.interviews a.comments:active { } ul.interviews .date { display:inline-block;line-height:12px;} ul.interviews a.title { display:block;text-decoration:none;font-weight:bold;line-height:14px;padding:0;height:14px;margin:0;overflow:hidden;width:100%;float:left; } ul.interviews a.author { display:inline-block;text-decoration:none;line-height:12px;margin:0;padding:0; } ul.interviews a.author:link { } ul.interviews a.author:visited { } ul.interviews a.author:hover { text-decoration:underline; } ul.interviews a.author:active { } ul.contact { margin-top:10px; } ul.contact li { height:22px;line-height:22px; }/*----- Styler ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ div.dashed-band { height:25px;margin-top:20px;line-height:25px;overflow:hidden; } div.styler { } div.styler a { text-decoration:none; } div.styler a.active { font-weight:bold;text-decoration:underline;}/*----- General Rulles ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { } p.left { text-align:left; } p.right { text-align:right; } div.left { float:left; } div.right { float:right; } #content .badge { width:65px;height:50px;position:absolute;top:55px;right:0; } #content .band-content { width:580px;height:50px;overflow:hidden;padding-top:30px;padding-bottom:5px;margin:0;} #content .band-content div { height:50px;overflow:hidden; } #content .band-content.full { width:880px; } #content .featured { margin-bottom:5px; } /*#content .tweets.full span { margin:20px 0 3px 0; } */ #content .tweets { padding-left:45px;display:none; } #content .tweets h2 { float:left;width:115px;margin-top:10px; } #content .band-content .tweets span { float:left;display:block;line-height:15px;margin-top:12px;font-family:arial, serif, verdana; width:420px;} #content .band-content.full .tweets span { float:left;display:block;line-height:15px;margin-top:16px;font-family:arial, serif, verdana; width:720px;} #content .feature { margin-bottom:5px; } #content .imgLarge.wd715 { background:url('images/back-image-shadow-715.png') no-repeat center bottom; } #content .imgLarge.wd550 { background:url('images/back-image-shadow-550.png') no-repeat center bottom; } #content .imgLarge.wd205 { background:url('images/back-image-shadow-205.png') no-repeat 0px 261px; } #content .imgLarge.wd280 { background:url('images/back-image-shadow-280.png') no-repeat center bottom; } #footer .img.wd130 { background:url('images/back-image-shadow-130.png') no-repeat center bottom; } #content .img.wd145 { background:url('images/back-image-shadow-145.png') no-repeat center bottom; } #footer .img.wd180 { background:url('images/back-image-shadow-180.png') no-repeat center bottom; } #content { padding-top:20px;margin-bottom:0;margin-top:0;padding-bottom:4px; } .section.articles h2 { margin-bottom:5px; } .section.articles div.info { padding-bottom:2px;height:20px; } .product-post div.info a { float:left; } .section div.info { font-weight:bold;font-family:arial, verdana, serif;line-height:11px; } .section div.info a { font-weight:Bold;text-decoration:none;line-height:18px; } .section div.info a:link { } .section div.info a:visited { } .section div.info a:hover { text-decoration:underline;} .section div.info a:active { } .section div.info span { text-decoration:none;font-weight:normal; } .section .custom-tiny { width:130px;overflow:hidden;float:left;padding-top:10px;margin-right:20px; } .tiny, .small, .all-small>div, .all-medium>div, .all-tiny>div, .medium,.bigger,.large { float:left;padding-top:10px;margin-right:20px;} .tiny, .all-tiny>div { width:140px;background:transparent; } .all-tiny>div:first-child { margin-left:0; } .small, .all-small>div { width:205px;background:transparent; } .all-small>div:first-child { margin-left:0px; } .bigger { width:590px;padding:10px; } #footer .medium, #content .medium, .all-medium>div { width:280px;margin-bottom:10px; } img.border { padding:4px;margin-top:5px;} .section { padding:0 20px 0 40px;position:relative; } .section.hr { height:20px;margin:10px 40px; } .section.no { background:transparent;padding-left:0;} .hr { height:20px;margin:10px 0; } .section.single-side { } .section.single-side>div { width:145px;margin-left:20px;float:left;min-height:20px; } .section.single-side>div:first-child { width:715px;margin:0; } .section.double-side { } .section.double-side>div { width:145px;margin-left:20px;float:left;min-height:20px; } .section.double-side>div:first-child { width:550px;margin:0; } #footer .section.style-extra { padding-top:12px;display:none; } .section.style-extra .medium { padding-top:0; } .section.style-extra>div { width:180px;margin-right:20px;float:left;} .medColumns { margin-bottom:15px;} .medColumns>div { margin-left:15px;float:left;width:350px; } .medColumns>div:first-child { margin-left:0;} .smallColumns { margin-bottom:15px;} .smallColumns>div { margin-left:20px;float:left;width:225px; } .smallColumns>div:first-child { margin-left:0;} .form-comment { margin-bottom:15px; } .form-comment>div { margin-left:20px;float:left;width:340px; } .form-comment>div:first-child { margin-left:0;width:190px; } #content .spr, #footer .spr { margin-right:10px; } #content .spl, #footer .spl { margin-left:10px; } #content .spt { margin-top:10px; } #content .dspt { margin-top:20px; } #content .spb { margin-bottom:10px; } #content .sptb { margin:4px 0; } #content .nosp, #footer .nosp { margin:0;} #content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a { text-decoration:none; } h1, h2, h3, h4, h5 { margin-bottom:10px; } blockquote { line-height:20px;padding-left:30px;font-style:italic;margin:10px 0; } h1 { font-size:28px; } h2 { font-size:24px; } h3 { font-size:20px; } h4 { font-size:18px; } h5 { font-size:19px; } h3.info { font-size:26px;margin:0 10px 10px 0;width:705px;float:left;line-height:35px;} a.collection { width:135px;height:65px;text-align:left;display:block;float:left;text-decoration:none;line-height:60px;padding-left:30px;font-size:24px;margin-top:10px;} a.collection:link { } a.collection:visited { } a.collection:hover { background-position:right center;text-decoration:none; } a.collection:active { background-position:right bottom; } a.more { display:block;height:25px;font-size:20px;text-align:left;text-decoration:none;padding-right:16px;text-align:left;width:55px;overflow:hidden;} a.more:link { } a.more:visited { } a.more:hover { background-position:right -26px;text-decoration:none; } a.more:active { } a.button.more { display:block;height:35px;font-size:20px;line-height:28px;text-align:left;padding-left:10px;text-decoration:none;text-align:left;width:85px;overflow:hidden;margin-top:10px; } a.button.more:link { } a.button.more:visited { } a.button.more:hover { background-position:left center; } a.button.more:active { background-position:left bottom; } #content ul { margin-left:0px; } a { text-decoration:none; } a:link { } a:visited { } a:hover { text-decoration:underline; } a:active { } ul { line-height:22px;margin:10px 0 0 0;} ul.circle { list-style-type:circle;padding-left:15px; } ul.square { list-style-type:square;padding-left:15px; } ul.disc { list-style-type:disc;padding-left:15px; } ul a { line-height:22px;padding:0;text-decoration:none;font-size:12px; } p { line-height:20px; } p strong { font-weight:bold; } p.justify { text-align:justify; } p img { margin:0 5px 5px 0; } img.center { margin:0 auto; } /*----- UI Elements ---------------------------------------------------------------------------------------------------------------------------------------------*/ .button { font-weight:bold;font-size:11px;line-height:21px;height:25px;display:block;float:left;text-align:center;text-decoration:none;padding-right:4px;cursor:pointer;} .button span { display:block;float:left;padding-left:9px;padding-right:5px;height:25px;} .button:link { } .button:visited { } .button:hover { background-position:center right; } .button:hover span { background-position:center left; } .button:active { background-position:bottom right; } .button:active span { background-position:bottom left; } .submit { height:32px;text-align:center;width:85px;line-height:32px;padding:0;margin-top:10px;cursor:pointer;border:none;} .submit:link { } .submit:visited { } .submit:hover { background-position:center right;} .submit:active { background-position:bottom right;} p.folio { width:184px;float:left;padding:0;line-height:14px; } .medColumns form input { width:343px; } .medColumns form textarea { width:343px;height:160px; } .form-comment input { width:183px; } .form-comment textarea { width:333px;height:140px; } .form-comment div.textarea { height:148px; } form input { height:24px;line-height:24px;padding-top:4px;padding-left:5px;width:100%;} form div.input { height:34px;} form div.select { height:34px;} form div.textarea { height:168px;} textarea { display:inline-block;padding-left:5px;font-size:12px;padding-top:2px;font-family:arial,verdana, serif;} form label { padding:8px 0 0 2px;display:block;font-size:11px;font-family:georgia, "sans serif";font-weight:bold; }/*----- Footer -----------------------------------------------------------------------------------------------------------------------------------------*/ #footer-wrapper { padding-bottom:10px;} #footer { font-family:arial, verdana, serif;margin-top:0;margin-bottom:0; } #footer .credits { padding:0 0 25px 0;height:40px;margin:18px 0 10px 0;text-align:center;font-family:georgia, 'sans serif'; } #footer .credits img { vertical-align:middle;padding:0 5px; } #footer .credits .section.hr { margin:0; } #footer ul.nav { list-style:square;padding-right:0px;padding-left:15px;font-size:10px;margin-right:15px;} #footer ul.nav li { padding:0 3px;line-height:25px;padding-top:2px; } #footer ul.nav a { text-decoration:none; } #footer ul.nav a:link { } #footer ul.nav a:visited { } #footer ul.nav a:hover { text-decoration:underline; } #footer span.credits { height:45px;line-height:45px;padding:0;display:block;float:left;font-family:arial;font-size:11px;margin-left:15px; } #footer ul.nav { float:right;padding-left:40px;height:40px;} #footer ul.nav li { float:left;list-style-type:none;padding:0 10px;} #footer ul.nav li a { line-height:40px;text-decoration:none;font-family:arial;font-size:11px;}/*----- Color Box -----------------------------------------------------------------------------------------------------------------------------------------*/ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:99999; overflow:hidden; } #cboxOverlay { position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; overflow:hidden; } #cboxLoadedContent { overflow:auto; } #cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } #cboxOverlay { background:url(images/colorbox/overlay.png) 0 0 repeat;} #colorbox { } #cboxTopLeft { width:21px; height:21px; background:url(images/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight { width:21px; height:21px; background:url(images/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft { width:21px; height:21px; background:url(images/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight { width:21px; height:21px; background:url(images/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft { width:21px; background:url(images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight { width:21px; background:url(images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter { height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter { height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent { background:#fff; } #cboxLoadedContent { margin-bottom:28px; } #cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; } #cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious { position:absolute; bottom:0; left:0px; background:url(images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover { background-position:-75px -25px;} #cboxNext { position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover { background-position:-50px -25px; } #cboxLoadingOverlay { background:url(images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic { background:url(images/colorbox/loading.gif) center center no-repeat;} #cboxClose { position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover { background-position:-25px -25px;} body { background:url('images/light/back-noise.jpg');color:black; } body>div.shadows .left { background:url('images/light/shadow-left.png') repeat-y left top; } body>div.shadows .right { background:url('images/light/shadow-right.png') repeat-y right top; } #notice-wrapper { background:url('images/light/band-top.png') no-repeat center top; } #notice { background:url('images/light/top_biskit.png') repeat-x center bottom; } #notice .bar { background:url('images/light/notice-line.png') repeat-x center top; } #notice .newsletter div { background:url('images/light/newsletter-field.png') no-repeat center top; } #notice .newsletter a { background:url('images/light/back-button-subscribe.png'); } #notice .newsletter input { color:#3d393a; } #notice h3 { color:#ffffff; } #notice p { color:#ffffff; } #notice a.touch { color:#d8d6cb; } .single-product .price { background:url('images/light/separator-dots-prices.png') repeat-x right 32px; } .single-product .price span { color:#4A462C; } #notice .widget-notice { color:#fff; } .menuDayOffer { background:url('images/light/back-daymenu.png') no-repeat center left; } .menuDayOffer li a { color:#451d1d; } .menuDayOffer li a:link { } .menuDayOffer li a:visited { } .menuDayOffer li a:hover { color:#c92a2a; } .menuDayOffer li a:active { } #notice .reservations label { color:#3d393a; } .reservations { background:url('images/light/back-reservations.png') no-repeat left top; } .reservations .fdDate .resDate { width:128px;height:30px;line-height:24px; } .reservations .ctButton { display:block;background:url('images/light/back-reservation-buttons.png') repeat-x top left;height:33px;line-height:33px;border:1px solid #e7e7e7;padding:0 5px;width:inherit;text-decoration:none;color:#3d393a;float:left;margin-right:10px;margin-top:10px; } .reservations .ctButton:link { } .reservations .ctButton:visited { } .reservations .ctButton:hover { background-position:bottom left;color:#fff; } .reservations .ctButton:active { } .prices li.categ h3 { color:#8c0e0e; } .item-prices { background:url("images/light/separator-dots-prices.png") no-repeat scroll left 25px; } .item-prices h3 { background:#FFFFFF; } .item-prices h3 a { color:#000; } .pagination a { color:#000; } .pagination a.current { color:#911B1B; } #wrapper-prices-top { background:url('images/light/back-menu-top.png') no-repeat center top; } #wrapper-prices-center { background:url('images/light/back-menu-center.png') repeat-y center top;margin-right:20px; } #wrapper-prices-bottom { background:url('images/light/back-menu-bottom.png') no-repeat center bottom; } #header-wrapper { background:url('images/light/band-top.png') no-repeat center bottom; } #header { background:url('images/light/classic-logo.png') no-repeat 316px bottom; } #header .logo { background:url('images/light/transp-logo.png') no-repeat center center; } #slider-wrapper { background:#F9F8F3;border:1px solid #E0DADB; } #slides { background:#f9f8f3; } #slider .pager { background:url('images/back-slider-shadow.png') no-repeat center top; } #slider .pager a { background:url('images/light/slider-nav-pager.png') no-repeat right center; } #slider.section { border-top:1px solid #F0F0F0; } #content .badge { background:url('images/light/from-blog.png') no-repeat center center; } #content div.img.comment { background:url('images/light/back-image-shadow-55.png') no-repeat center bottom; } .menu.left li { background:url('images/light/menu_star.png') no-repeat left 12px; } .menu.right li { background:url('images/light/menu_star.png') no-repeat right 12px; } .menu li span { color:#938e78; } .menu input { color:#8c8c8c; } .menu li.selected a { color:#8c0e0e; } .menu li.selected span { color:#938e78; } .menu li a { color:#3d393a; } .menu li a:link { } .menu li a:visited { } .menu li a:hover { color:#8c0e0e; } .articles .info span.comments { border-left:1px solid #4A462C;padding-left:5px;line-height:14px; } .article .info .tags { color:#ac1111; } .article .info .tags a { color:#ac1111; } .article .info span.comments { color:#3d393a; } .article .info span.date { color:#ac1111; } .article .info span.date span { color:#3d393a; } .comment-info .author { color:#ac1111; } .comment-info span.date { color:#ac1111; } .comment-info span.date span { color:#3d393a; } a.reply { color:#3d393a; } a.reply:link { } a.reply:visited { } a.reply:hover { color:#ac1111; } .form-button { background:url('images/light/form-button.png') no-repeat center top;color:#fff;height:33px; } .section.articles div.img li { background:url('images/light/slider-nav-pager.png') no-repeat right center; } .section.articles div.imgLarge li { background:url('images/light/slider-nav-pager.png') no-repeat right center; } .article div.img li { background:url('images/light/slider-nav-pager.png') no-repeat right center; } .section div.img { background:#f0f0f0; } .section div.imgLarge { background:#f0f0f0; } .section div.img img { background:#f9f8f3;border:1px solid #e0dadb; } .section div.imgLarge img { background:#f9f8f3;border:1px solid #e0dadb; } ul.double { background:url('images/light/double-list-dots.png'); } ul.double span { color:#3d393a; } ul.double a { color:#911b1b; } ul.double a:link { } ul.double a:visited { } ul.double a:hover { color:#3D393A; } ul.double a:active { } ul.dash li { background:url('images/light/separator-dots.png') repeat-x left top; } ul.interviews li { background:url("images/light/separator-dots.png") repeat-x left top; } ul.interviews a.title { color:#3d393a; } ul.interviews a.title:link { } ul.interviews a.title:visited { } ul.interviews a.title:hover { color:#000; } ul.interviews a.title:active { } ul.interviews a.comments { background:url('images/light/img-comments.png') no-repeat 3px 2px;color:#3d393a;border-left:1px solid #3d393a; } ul.interviews a.comments:link { } ul.interviews a.comments:visited { } ul.interviews a.comments:hover { color:#911b1b; } ul.interviews a.comments:active { } ul.interviews a.author { color:#911b1b; } div.styler { color:#4A462C; } div.styler a { color:#911B1B; } div.styler a:link { } div.styler a:visited { } div.styler a:hover { color:#4A462C; } div.styler a:active { } .section div.info { color:#ac1111; } .section div.info a { color:#ac1111; } .section div.info span { color:#4a462c; } .section.hr { background:url('images/light/separator-dots.png') repeat-x left center; } .hr { background:url('images/light/separator-dots.png') repeat-x left center; } .section.single-side { background:url('images/light/back-dots-single-side.png') repeat-y right top; } .section.double-side { background:url('images/light/back-dots-double-side.png') repeat-y right top; } h1>a, h2>a, h3>a, h4>a, h5>a { color:#3d393a; } h1, h2, h3, h4, h5 { color:#3d393a; } blockquote { background:url('images/light/blockquote.png') no-repeat left top;color:#4a462c; } ul { color:#3D393A; } ul a { color:#911b1b; } ul a:link { } ul a:visited { } ul a:hover { color:#3D393A; } ul a:active { } ul span { color:#3d393a; } a { color:#911B1B; } p { color:#4a462c; } p strong { color:#911b1b; } img.border { background:#f5f5f5;border:1px solid #d7d7d7; } img.border:hover { background:#ffffff;border:1px solid #b5b5b5; } #content .tweets { background:url('images/light/img-bird.png') no-repeat left center; } #content .tweets span { color:#4a462c; } #content .tweets span strong { color:#911b1b; } #content-wrapper { background:url('images/light/band-bottom.png') no-repeat center bottom; } #hash-wrapper { background:url('images/light/back-body-hash.png') repeat-y center top; } a.collection { background:url('images/light/back-button-collection.png') no-repeat right top;color:#fff;} a.more { background:url('images/light/more-arrow.png') no-repeat right 8px;color:#911b1b; } a.more:link { } a.more:visited { } a.more:hover { color:#3d393a; } a.more:active { } a.button.more { background:url('images/light/back-button-more.png') no-repeat left top;color:#fff; } a.button.more:link { } a.button.more:visited { } a.button.more:hover { color:#f7f3e0; } a.button.more:active { color:#fff; } .form-comment input { background:#f9f8f3;} .form-comment input:focus { background:#fbfbfb;border:1px solid #b7b7b7; } .form-comment textarea { background:#f9f8f3;} .form-comment textarea:focus { background:#fbfbfb;border:1px solid #b7b7b7; } form input { background:#ffffff;border:1px solid #e0dadb;color:#bdbdbd; } form div.input { background:#f0f0f0;} form div.textarea { background:#f0f0f0;} textarea { background:#ffffff;border:1px solid #e0dadb;color:#bdbdbd; } form label { color:#911b1b; } #footer-wrapper { background:url('images/light/back-footer-top.jpg') no-repeat center bottom; } #footer ul.nav a { } #footer ul.nav a:link { } #footer ul.nav a:visited { } #footer ul.nav a:hover { color:#cacaca; } #footer ul.nav li { color:#fff; } #footer span.credits { color:#fff; } #footer ul.nav li a { color:#fff; } .entry-title { margin-bottom: 16px; } /* ---------------------------------------------------------------------------------- ------ ----- ---- --- -- - Defaults & General Styling - -- --- ---- ----- ------ ---------------------------------------------------------------------------------- */ /* ----- ---- --- -- - Default buttons - -- --- ---- ----- */ .buttonPro{ display: inline-block; text-decoration: none; outline: none; cursor: pointer; font: bold 12px/1em HelveticaNeue, Arial, sans-serif; padding: 8px 11px; color: #555; text-shadow: 0 1px 0 #fff; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); border: 1px solid #dedede; border-color: #dedede #d8d8d8 #d3d3d3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; } .buttonPro:hover, .buttonPro:focus{ color: #555; background: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color: #ccc; -webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb; } .buttonPro:active{ position: relative; top: 1px; color: #555; background: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background: -moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color: #c6c6c6; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; } .buttonPro.rounded{ padding: 8px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } input.buttonPro, button.buttonPro{ *width: auto; /* IE7 Fix */ *overflow: visible; /* IE7 Fix */ } .buttonPro img{ border: none; vertical-align: bottom; } /* ----- ---- --- -- - Small buttons - -- --- ---- ----- */ .buttonPro.small{ padding: 5px 11px; font-size: 11px; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .buttonPro.small.rounded{ -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } /* ----- ---- --- -- - Large buttons - -- --- ---- ----- */ .buttonPro.large{ padding: 12px 15px; font-size: 20px; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .buttonPro.large.rounded{ padding: 12px 22px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; } /* ------------------------------------------------------------------------ ------ ----- ---- --- -- - Color Variations - -- --- ---- ----- ------ ------------------------------------------------------------------------ */ /* ----- ---- --- -- - Light Blue - -- --- ---- ----- */ .buttonPro.light_blue{ background: #92dbf6; background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); background: -moz-linear-gradient(top, #abe4f8, #6fcef3); border-color: #7cbdd5; color: #444; text-shadow: 0 1px 0 #b6e6f9; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #c0ebfa; } .buttonPro.light_blue:hover, .buttonPro.light_blue:focus{ background: #85d6f5; background: -webkit-gradient(linear, left top, left bottom, from(#b1e9fd), to(#66c6ea)); background: -moz-linear-gradient(top, #b1e9fd, #66c6ea); border-color: #66a8bf; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #c0ebfa; } .buttonPro.light_blue:active{ background: #92dbf6; border-color: #66a8bf; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf; box-shadow: 0 1px 0 #fff, inset 0 0 5px #66a8bf; } /* ----- ---- --- -- - Blue - -- --- ---- ----- */ .buttonPro.blue{ background: #377ad0; background: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0)); background: -moz-linear-gradient(top, #52a8e8, #377ad0); border-color: #4081af #2e69a3 #20559a; color: #fff; text-shadow: 0 1px 1px #4081af; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb; } .buttonPro.blue:hover, .buttonPro.blue:focus{ background: #206bcb; background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb)); background: -moz-linear-gradient(top, #3e9ee5, #206bcb); border-color: #2a73a6 #165899 #07428f; -webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; -moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; } .buttonPro.blue:active{ background: #3282d3; border-color: #154c8c #154c8c #0e408e; text-shadow: 0 -1px 1px #1d62ab; -webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; -moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; } /* ----- ---- --- -- - Green - -- --- ---- ----- */ .buttonPro.green{ background: #7fbf4d; background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f)); background: -moz-linear-gradient(top, #7fbf4d, #63a62f); border-color: #63a62f; color: #fff; text-shadow: 0 1px 0 #53961e; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; } .buttonPro.green:hover, .buttonPro.green:focus{ background: #76b347; background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a)); background: -moz-linear-gradient(top, #86c755, #5ea12a); border-color: #53961e; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; } .buttonPro.green:active{ background: #7fbf4d; border-color: #53961e; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; } /* ----- ---- --- -- - Red - -- --- ---- ----- */ .buttonPro.red{ background: #e6433d; background: -webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746)); background: -moz-linear-gradient(top, #f8674b, #d54746); border-color: #d1371c #d1371c #9f220d; color: #fff; text-shadow: 0 1px 1px #961a07; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573; } .buttonPro.red:hover, .buttonPro.red:focus{ background: #dd3a37; background: -webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b)); background: -moz-linear-gradient(top, #ff7858, #cc3a3b); border-color: #961a07; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573; } .buttonPro.red:active{ background: #e6433d; border-color: #961a07; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07; box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07; } /* ----- ---- --- -- - Orange - -- --- ---- ----- */ .buttonPro.orange{ background: #ee8f1f; background: -webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423)); background: -moz-linear-gradient(top, #f5b026, #f48423); border-color: #e6791c #e6791c #d86f15; color: #fff; text-shadow: 0 1px 1px #b85300; -webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898; -moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898; box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898; } .buttonPro.orange:hover, .buttonPro.orange:focus{ background: #e38512; background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a)); background: -moz-linear-gradient(top, #ffbb33, #eb7b1a); border-color: #d0680c; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e; } .buttonPro.orange:active{ background: #ee8f1f; border-color: #d0680c; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c; box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c; } /* ----- ---- --- -- - Yellow - -- --- ---- ----- */ .buttonPro.yellow{ background: #f9e327; background: -webkit-gradient(linear, left top, left bottom, from(#fceb4c), to(#ebd611)); background: -moz-linear-gradient(top, #fceb4c, #ebd611); border-color: #dcc700 #dcc700 #c2b00b; color: #444; text-shadow: 0 1px 1px #ffff98; -webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395; -moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395; box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #fee395; } .buttonPro.yellow:hover, .buttonPro.yellow:focus{ background: #ebd611; background: -webkit-gradient(linear, left top, left bottom, from(#fffa58), to(#e1cd00)); background: -moz-linear-gradient(top, #fffa58, #e1cd00); border-color: #cebb10; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #fee395; } .buttonPro.yellow:active{ background: #f9e327; border-color: #cebb10; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10; box-shadow: 0 1px 0 #fff, inset 0 0 5px #cebb10; } /* ----- ---- --- -- - Pink - -- --- ---- ----- */ .buttonPro.pink{ background: #f87bca; background: -webkit-gradient(linear, left top, left bottom, from(#f87bca), to(#ec56b5)); background: -moz-linear-gradient(top, #f87bca, #ec56b5); border-color: #e54aac #e54aac #cc3695; color: #fff; text-shadow: 0 1px 1px #c02589; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #f1b9dd; } .buttonPro.pink:hover, .buttonPro.pink:focus{ background: #f075c3; background: -webkit-gradient(linear, left top, left bottom, from(#ff85d3), to(#e34dac)); background: -moz-linear-gradient(top, #ff85d3, #e34dac); border-color: #c02589; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #f1b9dd; } .buttonPro.pink:active{ background: #f87bca; border-color: #c02589; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589; box-shadow: 0 1px 0 #fff, inset 0 0 5px #c02589; } /* ----- ---- --- -- - Purple - -- --- ---- ----- */ .buttonPro.purple{ background: #995dc8; background: -webkit-gradient(linear, left top, left bottom, from(#c785e5), to(#995dc8)); background: -moz-linear-gradient(top, #c785e5, #995dc8); border-color: #7c45aa #7c45aa #5d288a; color: #fff; text-shadow: 0 1px 1px #370662; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #ce8ded; } .buttonPro.purple:hover, .buttonPro.purple:focus{ background: #8b50ba; background: -webkit-gradient(linear, left top, left bottom, from(#cc8aea), to(#884eb8)); background: -moz-linear-gradient(top, #cc8aea, #884eb8); border-color: #5d288a; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded; } .buttonPro.purple:active{ background: #995dc8; border-color: #5d288a; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a; box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a; } /* ----- ---- --- -- - Grey - -- --- ---- ----- */ .buttonPro.grey{ background: #969696; background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#818181)); background: -moz-linear-gradient(top, #ababab, #818181); border-color: #a0a0a0 #7c7c7c #717171; color: #fff; text-shadow: 0 1px 1px #444; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #bebebe; } .buttonPro.grey:hover, .buttonPro.grey:focus{ background: #868686; background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#6f6f6f)); background: -moz-linear-gradient(top, #b0b0b0, #6f6f6f); border-color: #666 #666 #606060; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #bebebe; } .buttonPro.grey:active{ background: #909090; border-color: #606060; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060; box-shadow: 0 1px 0 #fff, inset 0 0 5px #606060; } /* ----- ---- --- -- - Black - -- --- ---- ----- */ .buttonPro.black{ background: #525252; background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); background: -moz-linear-gradient(top, #5e5e5e, #434343); border-color: #4c4c4c #313131 #1f1f1f; color: #fff; text-shadow: 0 1px 1px #2e2e2e; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686; } .buttonPro.black:hover, .buttonPro.black:focus{ background: #4b4b4b; background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636)); background: -moz-linear-gradient(top, #686868, #363636); border-color: #313131; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686; } .buttonPro.black:active{ background: #525252; border-color: #313131; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131; box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131; } /* -------------------------------------------------------------- ------ ----- ---- --- -- - Extras - -- --- ---- ----- ------ -------------------------------------------------------------- */ /* ----- ---- --- -- - Google Buttons - -- --- ---- ----- */ .googleButton{ display: inline-block; text-decoration: none; outline: none; padding: 7px; font: normal 15px/1em arial,sans-serif; color: #000; background: #ededed; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dfdfdf'); background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dfdfdf)); background: -moz-linear-gradient(top, #f1f1f1, #dfdfdf); border-width: 1px; border-style: solid; border-color: #cccccc #9b9b9b #999999 #cdcdcd; -webkit-box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; -moz-box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; box-shadow: 1px 1px 0 #e7e7e7, inset 0 1px 0 #fff, inset 0 -1px 0 #d7d7d7; } .googleButton:hover{ color: #000; } .googleButton:active{ color: #000; background: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); border-color: #ccc #999 #999 #ccc; -webkit-box-shadow: 1px 1px 0 #e7e7e7; -moz-box-shadow: 1px 1px 0 #e7e7e7; box-shadow: 1px 1px 0 #e7e7e7; } /* ----- ---- --- -- - Twitter Simple Button - -- --- ---- ----- */ .twitterButton{ display: inline-block; text-decoration: none; outline: none; padding: 6px 9px; font: 300 15px/1em 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; color: #333; text-shadow: 0 1px 0 #f0f0f0; background: #ebebeb; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dddddd)); background: -moz-linear-gradient(top, #fefefe, #dddddd); border-width: 1px; border-style: solid; border-color: #bbb #bbb #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 #f8f8f8; -moz-box-shadow: 0 1px 0 #f8f8f8; box-shadow: 0 1px 0 #f8f8f8; } .twitterButton:hover, .twitterButton:focus{ color: #333; text-shadow: 0 1px 0 #f0f0f0; background: #e5e5e5; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#dddddd)); background: -moz-linear-gradient(top, #f0f0f0, #dddddd); border-color: #999 #999 #666; } .twitterButton:active{ color: #333; text-shadow: none; background: #ddd; border-color: #999 #999 #666; } /* ----- ---- --- -- - Twitter Follow Button - -- --- ---- ----- */ .twitterFollowButton{ display: inline-block; text-decoration: none; outline: none; padding: 7px 10px; font: bold 12px/1em 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; color: #fff; background: #00AE3E; background: -webkit-gradient(linear, left top, left bottom, from(#53d874), to(#00ae3e)); background: -moz-linear-gradient(top, #53d874, #00ae3e); border-width: 1px; border-style: solid; border-color: #339933 #339933 #277827; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 #f8f8f8; -moz-box-shadow: 0 1px 0 #f8f8f8; box-shadow: 0 1px 0 #f8f8f8; } .twitterFollowButton:hover, .twitterFollowButton:focus{ color: #fff; background: #dc4b4b; background: -webkit-gradient(linear, left top, left bottom, from(#f15c5d), to(#c63738)); background: -moz-linear-gradient(top, #f15c5d, #c63738); border-color: #aa3333 #aa3333 #962c2c; } .twitterFollowButton:active{ background: #c63738; } /* ----- ---- --- -- - Facebook Simple Button - -- --- ---- ----- */ .facebookButton{ display: inline-block; text-decoration: none; outline: none; padding: 5px 6px; font: bold 11px/1em 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; color: #333; background: #ececec; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#e0e0df'); background: -webkit-gradient(linear, left top, left bottom, from(#f5f6f6), to(#e0e0df)); background: -moz-linear-gradient(top, #f5f6f6, #e0e0df); border-width: 1px; border-style: solid; border-color: #999 #999 #888; -webkit-box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff; box-shadow: 0 1px 0 #d9d9d9, inset 0 1px 0 #fff; } .facebookButton:hover{ color: #333; } .facebookButton:active{ color: #333; background: #dddddd; filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); border-color: #999; -webkit-box-shadow: 0 1px 0 #eaeaea; -moz-box-shadow: 0 1px 0 #eaeaea; box-shadow: 0 1px 0 #eaeaea; } /* ----- ---- --- -- - Facebook Confirm Button - -- --- ---- ----- */ .facebookConfirmButton{ display: inline-block; text-decoration: none; outline: none; padding: 5px 6px; font: bold 11px/1em 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #5e77aa; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637bad', endColorstr='#5972a7'); background: -webkit-gradient(linear, left top, left bottom, from(#637bad), to(#5972a7)); background: -moz-linear-gradient(top, #637bad, #5972a7); border-width: 1px; border-style: solid; border-color: #29447e #29457f #1a356e; -webkit-box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2; -moz-box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2; box-shadow: 0 1px 0 #dddddd, inset 0 1px 0 #8a9cc2; } .facebookConfirmButton:hover{ color: #fff; } .facebookConfirmButton:active{ color: #fff; background: #4f6aa3; filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); border-color: #29447e; -webkit-box-shadow: 0 1px 0 #eaeaea; -moz-box-shadow: 0 1px 0 #eaeaea; box-shadow: 0 1px 0 #eaeaea; } /* ----- ---- --- -- - Wordpress Simple Button - -- --- ---- ----- */ .wordpressButton{ display: inline-block; text-decoration: none; outline: none; padding: 6px 11px; font: normal 11px/1em "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; color: #464646; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top, #fff, #f1f1f1); border: 1px solid #bbb; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } .wordpressButton:hover, .wordpressButton:focus{ color: #000; border-color: #666; } .wordpressButton:active{ background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fbfbfb)); background: -moz-linear-gradient(top, #ededed, #fbfbfb); color: #000; border-color: #666; } /* ----- ---- --- -- - Wordpress Confirm Button - -- --- ---- ----- */ .wordpressConfirmButton{ display: inline-block; text-decoration: none; outline: none; padding: 6px 11px; font: bold 11px/1em "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); background: #247ca4; background: -webkit-gradient(linear, left top, left bottom, from(#298cba), to(#206d92)); background: -moz-linear-gradient(top, #298cba, #206d92); border: 1px solid #298CBA; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } .wordpressConfirmButton:hover, .wordpressConfirmButton:focus{ color: #eaf2fa; border-color: #13455b; } .wordpressConfirmButton:active{ background: #216f94; background: -webkit-gradient(linear, left top, left bottom, from(#1d6385), to(#2683ae)); background: -moz-linear-gradient(top, #1d6385, #2683ae); color: #eaf2fa; border-color: #13455b; }