/* Theme Name: Debonair Theme URI: http://PremiumWeddingThemes.com Description: Premium weeding and events wordpress theme Version: 1.0.0 Author: PremiumWeddingThemes.com Tags: wordpress, premium themes, vpanel, wedding, events, membership, vendors */ body { background: url(images/bg.png) left top repeat; } #MainWrap { width: 999px; margin: 0 auto; } #MainWrapContainer { margin-top: 30px; min-height: 600px; } .Content { padding: 14px; background: #FFF; } .Content.nowhitebg { background: transparent; } .Content .Content { padding: 0px; } .Content .full-width { margin-left: -14px; width: 999px; } #BottomShadow { background: url(images/bottom-shadow.png) center bottom no-repeat; height: 30px; } #TopHeader { padding: 15px; width: 999px; margin: 0 auto; height: 30px; } #Header .logo { display: block; margin: 0 auto; position: relative; width: 355px; } #MainMenu { text-align: center; padding: 8px 0px 0px; background: url(http://www.savoirfairemedia.com/wp-content/uploads/2014/04/header1.png) left top repeat-none; } #MainMenuContainer { margin: 30px 0px; padding: 0px 0px 8px; background: url(http://www.savoirfairemedia.com/wp-content/uploads/2014/04/header1.png) left bottom repeat-none; } #MainMenu li { display: inline-block; margin: 0 5px; } #MainMenu li a { display: block; font: 18px/20px antipastoregular; color: #603813; text-decoration: none; } #MainMenu li a span{ display: block; padding: 13px 10px; } #MainMenu li a:hover, #MainMenu li.current-menu-item a, #MainMenu li.current-menu-parent a { background: #f5a48b; color: #FFF; } #MainMenu li a:hover span{ } #MainMenu .sm { position: absolute; display: none; width: 220px; margin-left: 0px; } #MainMenu .sm .arrow { width:0; height:0; border-bottom: 8px solid #f5a48b; border-left: 8px solid transparent; border-right: 8px solid transparent; float: left; margin-left: 20px; margin-top: 8px; } #MainMenu ul.sub-menu { text-align: left; padding: 10px; background: #f5a48b; margin-top: 15px; } #MainMenu ul.sub-menu .sm { margin-top: -54px; padding-left: 20px; margin-left: 180px; } #MainMenu ul.sub-menu .sm .sub-menu{ margin-top: 0px; } #MainMenu ul.sub-menu li { display: block; } #MainMenu ul.sub-menu li a { padding: 0px; color: #FFF; padding: 5px 8px; } #MainMenu ul.sub-menu li.dd a { background: url(images/dd-arrow.png) right center no-repeat; } #MainMenu ul.sub-menu li.dd li a{ background: none; } #MainMenu ul.sub-menu li a span { display: block; padding: 0px; width: 7px; height: 7px; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; margin: 9px 7px 10px 0px; float: left; } #MainMenu ul.sub-menu li a:hover, #MainMenu ul.sub-menu li.dd li a:hover { color: #f05b68; } #MainMenu ul.sub-menu li a:hover span, #MainMenu ul.sub-menu li.dd li a:hover span { background: #f05b68; } .double-lines { clear: both; border-top: 1px solid #eae8e8; border-bottom: 1px solid #eae8e8; height: 5px; margin-bottom: 15px; } #HomepageSliderContainer { width: 999px; height: 504px; } #HomepageSliderMob .panel, #HomepageSlider .panel a { display: block; } #HomepageSliderMob .panel .info { width: 514px; margin-top: -270px; z-index: 8; margin-left: 485px; overflow: hidden; position: relative; } #HomepageSlider .nivo-caption, #HomepageSlider.box_skitter .label_skitter .info-container, #HomepageSlider .ls-inner .slider-info .info { width: 514px; position: absolute; z-index: 8; margin-left: 490px; overflow: hidden; bottom: 50px; background: none; } #HomepageSlider.box_skitter .label_skitter { background: none; opacity: 1; } #BlogSliderContainer { margin-bottom: 70px; width: 999px; height: 504px; } #BlogSlider .panel, #BlogSlider .panel a { display: block; } #BlogSliderContainer .anythingSlider-default .arrow a{ width: 59px; height: 91px; /*background: url(images/outside-arrows.png) left top no-repeat;*/ text-decoration: none; } #BlogSliderContainer .anythingSlider-default .arrow a span { font: 90px WebSymbolsRegular; color: #d8e8de; visibility: visible; } #BlogSliderContainer .anythingSlider-default .arrow a:hover span { color: #f5a48b; } #BlogSliderContainer .anythingSlider-default .arrow.back{ margin-left: -100px; } #BlogSliderContainer .anythingSlider-default .arrow.forward{ margin-right: -100px; } .nivo .info { display: none; } #HomepageSlider h1, #HomepageSliderMob h1 { font: 28px/28px antipastoregular; color: #FFF; margin-bottom: 5px; background-color: rgba(216,232,222, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50d8e8de,endColorstr=#50d8e8de); padding: 20px 30px; float: right; } #HomepageSlider h2, #HomepageSliderMob h2 { font: 20px/1.3em antipastoregular; color: #FFF; background-color: rgba(216,232,222, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50d8e8de,endColorstr=#50d8e8de); padding: 15px; float: right; clear: right; } #HomepageSlider .nivo-directionNav a { z-index: 10; } #HomepageSlider .nivo-directionNav a { margin-top: 0px; bottom: 178px; } #HomepageSlider .ls-nav-prev, #HomepageSlider .ls-nav-next { margin-top: -5px; } #HomepageSlider .ls-nav-next { right: 0; } #HomepageSliderMob .panel a.back { margin-left: 936px; } #HomepageSlider .ls-nav-prev { margin-left: 930px; } #HomepageSlider .nivo-directionNav a.nivo-nextNav { right: 0px; } #HomepageSlider .nivo-directionNav a.nivo-prevNav { right: 34px; } #HomepageSliderMob .panel a.nav span, #HomepageSlider .nivo-directionNav a span, #HomepageSlider .ls-nav-prev span, #HomepageSlider .ls-nav-next span{ display: block; width: 32px; height: 36px; background: url(images/slider-arrows.png) 9px 9px no-repeat; } #HomepageSliderMob .panel a.forward span, #HomepageSlider .nivo-directionNav a.nivo-nextNav span, #HomepageSlider .ls-nav-next span{ background: url(images/slider-arrows.png) -77px 9px no-repeat; } #HomepageSliderMob .panel a.forward:hover span, #HomepageSlider .nivo-directionNav a.nivo-nextNav:hover span, #HomepageSlider .ls-nav-next:hover span{ background: url(images/slider-arrows.png) -77px -73px no-repeat; } #HomepageSliderMob .panel a.back:hover span, #HomepageSlider .nivo-directionNav a.nivo-prevNav:hover span, #HomepageSlider .ls-nav-prev:hover span{ background: url(images/slider-arrows.png) 9px -73px no-repeat; } #HomepageSlider, #HomepageSliderMob { width: 999px; height: 540px; display: block; } #HomepageSlider.box_skitter, #HomepageSlider .ls-inner, #HomepageSlider .ls-inner .picture { width: 999px; height: 504px; display: block; } #HomepageSlider.box_skitter { margin-bottom: 50px; background: none; } #HomepageSlider .ls-inner .slider-info { width: 999px; height: 504px; display: block; } #HomepageSliderControls, #HomepageSlider .nivo-controlNav, #HomepageSlider.box_skitter .info_slide_dots { text-align: center; padding: 10px 0px 15px; } #HomepageSlider.box_skitter .info_slide_dots { left: auto !important; position: absolute; bottom: auto; margin-top: 494px; width: 100%; } #HomepageSlider .ls-bottom-slidebuttons { display: block; width: auto; text-align: center; height: 40px } #HomepageSlider .ls-bottom-nav-wrapper { margin-top: 5px; } .nivo #HomepageSlider, #HomepageSlider.ls-container { height: 504px; margin-bottom: 40px;} #HomepageSlider .nivo-controlNav { position: static; width: auto; margin-top: 0px; padding-top: 507px; } #HomepageSliderControls a, #HomepageSlider .nivo-controlNav a, #HomepageSlider .ls-bottom-slidebuttons a, #HomepageSlider.box_skitter .info_slide_dots .image_number { width: 8px; height: 8px; display: inline-block; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; background: #5a5858; font-size: 0px; float: none; } #HomepageSlider .nivo-controlNav a, #HomepageSlider .ls-bottom-slidebuttons a { margin: 0 2px; } #HomepageSliderControls a:hover, #HomepageSlider .nivo-controlNav a:hover, #HomepageSlider .ls-bottom-slidebuttons a:hover, #HomepageSlider.box_skitter .info_slide_dots .image_number:hover { background: #d8e8de !important; } #HomepageSliderControls a.active, #HomepageSliderControls a.active:hover, #HomepageSlider .nivo-controlNav a.active, #HomepageSlider .nivo-controlNav a.active:hover, #HomepageSlider .ls-bottom-slidebuttons a.ls-nav-active, #HomepageSlider .ls-bottom-slidebuttons a.ls-nav-active:hover, #HomepageSlider.box_skitter .info_slide_dots .image_number_select { background: #f5a48b !important; } #HomepageActionBar { margin-bottom: 30px; } #HomepageActionBar h1 { font: 74px/1em shimmerregular; color: #1b1a1a; text-align: center; margin: 15px 0px -10px; } #HomepageActionBar p { color: #3e3c3c; font: 16px/1.6em Times; } #HomepageArticles .article-3-1 { float: left; margin-left: 37px; padding: 16px; background: #FFF; width: 276px; } #HomepageArticles .article-3-1 a { display: block; width: 276px; height: 108px; overflow: hidden; } #HomepageArticles .article-3-1 a span { opacity: 0; filter: alpha(opacity = 0); } #HomepageArticles div:first-child, #HomepageArticles .article-3-1.first { margin-left: 0px; clear:left; } #HomepageArticles .article-3-1 h3 a { color: #f5a48b; padding: 5px 0px; font: 22px antipastoregular; text-align: center; text-decoration: none; display: block; height: auto; } #HomepageArticles .article-3-1 h3 a:hover { color: #d8e8de; } #HomepageArticles .article-3-1 p { color: #3e3c3c; font: 16px/1.6em Times; padding-top: 0px; } #HomepageArticles.InnerArticles .article-3-1 { margin-top: 25px; } .cleaner { clear: both; } #Footer { padding: 70px 15px 30px; width: 969px; margin: 0 auto; } .copyright { margin-top: 10px; float: right; color: #5b5c59; font: 16px antipastoregular; } .copyright a { color: #5b5c59; font: 16px antipastoregular; } .copyright a:hover { text-decoration: none; } #BottomMenu { margin-top: 10px; float: left; } #BottomMenu li { float: left; } #BottomMenu li a { color: #5b5c59; font: 16px antipastoregular; text-decoration: none; padding: 5px 8px; display: block; } #BottomMenu li a:hover { color: #d8e8de; } .footer-logo { margin: 0 auto; display: block; width: 151px; } #Footer .divider { height: 5px; } #FooterContainer { padding-top: 30px; } #Newsletter { background: url(images/nwl-bar.png) center top no-repeat; height: 90px; margin-left: -72px; width: 1143px; } #Newsletter .text { font: 30px/17px Rochester-Regular; margin-left: 100px; color: #FFF; margin-top: 34px; float: left; width: 500px; } #Newsletter input { float: right; border: 0px; padding: 5px; margin-top: 30px; } #Newsletter input.nwl { color: #4b4949; font: 12px OpenSansRegular; width: 253px; } #Newsletter .nwl-submit { background-color: #f9cfe3; color: #FFF; font: 20px/17px Rochester-Regular; padding: 5px 20px; margin-right: 100px; float: right; margin-top: 30px; margin-left: 5px; cursor: pointer; } /* blog */ #LeftColumn { width: 668px; margin-right: 16px; float: left; } #RightColumn { margin-left: 15px; float: left; width: 300px; } h1 { font: 32px/1.3em "Roboto Condensed"; font-weight: 700; color: #585555; margin-bottom: 15px; } h1 a, h1 { color: #585555; text-decoration: none; } h1 a:hover { color: #d8e8de; } h1.inner { color: #1b1a1a; font: 74px/1em shimmerregular; text-align: center; margin: 15px 0px -10px; } .blog-post h1 { padding: 30px 10px 0px; text-align: center; } p { color: #3e3c3c; font: 16px/1.6em Times; padding: 8px 0px; } blockquote { color: #f5a48b; font: 16px/1.6em "Roboto Condensed"; display: block; padding: 15px 0px 15px 65px; margin: 15px 0px; border-top: 1px solid #eaebeb; border-bottom: 1px solid #eaebeb; background: url(images/testimonial-quote.png) 10px 20px no-repeat; } .blog-post { margin-bottom: 70px; background: #FFF; } .blog-pic { width: 668px; height: 337px; display: block; overflow: hidden; } .blog-pic span { background: url(images/pin-hover.png) center center no-repeat; width: 668px; height: 337px; display: block; opacity: 0; filter: alpha(opacity = 0); } .blog-pic.pic1 { width: 269px; height: 337px; float: left; margin-right: 3px; } .blog-pic.pic1 span { width: 269px; height: 337px; } .blog-pic.pic2 { width: 396px; height: 337px; float: left; } .blog-pic.pic2 span { width: 396px; height: 337px; } .blog-pic.pic3 { width: 668px; height: 312px; margin-top: 3px; clear: left; float: left; } .blog-pic.pic3 span { width: 668px; height: 312px; } .main-category { display: table; margin: 0 auto; width: 88px; margin-bottom: -54px; position: relative; } .main-category a { width: 88px; height: 88px; display: table-cell; vertical-align: middle; text-align: center; text-decoration: none; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; background-color: #f5a48b; color: #FFF; font: 16px "Roboto Condensed"; letter-spacing: 2px; position: relative; z-index:2; } .main-category a:hover { background-color: #d8e8de; } .read-me { display: block; float: left; font: 41px/1em shimmerregular; color: #f5a48b; text-decoration: none; margin-bottom: 15px; } .read-me:hover { color: #d8e8de; } .blog-details { padding: 0px 15px 15px; } .blog-info { clear: left; padding: 2px 0px; background: url(images/bloginfo-dashed.png) left top repeat-x; line-height: 3.2em; } .blog-info .container { padding: 4px 0px; background: url(images/bloginfo-dashed.png) left bottom repeat-x; } .comments-count { width: 48px; height: 48px; background: url(images/comments-bg.png) center center no-repeat #f5a48b; display: block; float: right; text-decoration: none; font: 16px/2.7em Times; text-align: center; color: #FFF; } .comments-count:hover { background-color: #d8e8de; } .categories a { color: #494545; font: 12px/1.3em Times; text-decoration: none; text-transform: uppercase; } .categories a:hover { color: #d8e8de; } .date { margin: 2px 40px 0px 10px; float: left; width: 44px; height: 44px; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; display: block; background: #f5a48b; color: #FFF; text-align: center; line-height: 10px; } .date .day { font: 21px/14px antipastoregular; display: block; margin-top: 9px; } .date .month { font: 14px antipastoregular; display: block; } .date.post-detail { width: 88px; height: 76px; text-align: center; text-decoration: none; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; background-color: #f5a48b; color: #FFF; padding-top: 12px; float: none; margin: 0 auto; margin-bottom: -50px; position: relative; z-index: 2; } .date.post-detail .day { font-size: 32px; line-height: 20px; } .date.post-detail .month { font-size: 24px; } .likes { display: block; float: right; padding: 0px 25px 0px 0px; background: url(images/likes.png) right top no-repeat; height: 17px; font: 12px/1.3em OpenSansRegular; color: #626365; text-decoration: none; margin-top: 18px; } .likes:hover { background-position: right bottom; } .shares { padding-top: 15px; } .blog-info .shares { padding-top: 5px; } .sharei { float: left; padding-right: 15px; } .sharei.p { width: 90px; } .sharei.f { width: 79px; } .sharei.t { width: 90px; } .blog-info .cshares { float: right; padding: 11px 50px 11px 0px; } .blog-detail .blog-info .cshares { padding-right: 0px; } .cshare.p, .cshare.f, .cshare.t { width: 25px; height: 25px; display: block; background: url(images/share-icons.png) left top no-repeat #f5a48b; margin-right: 10px; float: left; } .cshare.p { background-position: left top; } .cshare.t { background-position: -35px top; } .cshare.f { background-position: -69px top; } .cshare.p:hover, .cshare.f:hover, .cshare.t:hover { background-color: #d8e8de; } .r-title { color: #f5a48b; font: 41px/1em shimmerregular; text-align: center; padding: 0px 0px 20px; } .r-article { width: 123px; float: left; margin-left: 24px; text-align: center; padding: 13px; background: #FFF; } .related div:first-child { margin-left: 0px; } .r-article h2 a { color: #666767; font: 20px/1.3em Rochester-Regular; text-decoration: none; } .r-thumb { width: 123px; display: block; margin-bottom: 10px; text-decoration: none; } .r-thumb .r-thumb-pic { width: 123px; height: 160px; display: block; } .r-thumb .hover { width: 205px; height: 205px; display: block; background-color: rgba(20, 25, 36, 0.60); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3C141924,endColorstr=#3C141924); font: 36px/200px Rochester-Regular; color: #FFF; text-shadow: 2px 2px 2px rgba(0,0,0,0.75); opacity: 0; filter: alpha(opacity = 0); text-align: center; } .r-thumb img { } .related-maincategory { display: block; text-align: center; font: 12px/1em "Roboto Condensed"; color: #8d8787; letter-spacing: 1px; padding: 5px 0px; } .related-title { font: 16px/1.3em "Roboto Condensed"; font-weight: 700; color: #585555; display: block; padding: 0px 5px; text-decoration: none; text-align: center; } .related-title:hover { color: #d8e8de; } .related-date { display: block; text-align: center; font: 12px/1em "Roboto Condensed"; color: #8d8787; letter-spacing: 1px; padding: 5px 0px; } .pagination { padding-bottom: 30px; } .pagination a { background: #d8e8de; font: 32px/0.7em shimmerregular; color: #FFF; padding: 10px 8px 5px; text-decoration: none; } .pagination a:hover { background: #f5a48b; } .pagination a span{ display: inline-block; width: 80px; text-align: center; } .pagination .prev a { float: left; } .pagination .next a { float: right; } #BlogFooter .title { font: 56px/0.7em shimmerregular; color: #FFF; text-align: center; margin-bottom: 30px; background: #d8e8de; } #BlogFooter .title span { padding: 15px 0px 12px; display: block; } #BlogFooter .footer-item { float: left; background: #FFF; margin-bottom: 35px; } #BlogFooter .footer-item .container { padding: 20px; display: block; } #BlogFooter .footer-item.first { margin-left: 0px; } #BlogFooter .footer-item .thumb { display: block; width: 244px; height: 238px; float: left; margin-right: 20px; text-decoration: none; } #BlogFooter .footer-item .a-title { font: 32px/1em "Roboto Condensed"; font-weight: 700; color: #585555; margin-bottom: 10px; display: block; text-decoration: none; } #BlogFooter .footer-item .a-title:hover { color: #d8e8de; } #BlogFooter .date { margin: -60px 0px 0px 185px; position: absolute; } #BlogFooter .footer-item .comments-count { margin-top: -8px; } /* widgets */ .widget { margin-bottom: 40px; background: #FFF; padding: 15px; } .widget.nobg { padding: 0px; background: none; } .widget .title { font: 24px/1.3em "Roboto Condensed"; font-weight: 700; color: #585555; margin-bottom: 5px; text-align: center; } .widget .title span { color: #f5a48b; } .widget ul { } .widget ul.sub-menu { margin-left: 10px; } .widget ul li { font-size: 14px; } .widget ul li a { font: 14px/1.3em "Roboto Condensed"; color: #8d8787; text-decoration: none; display: block; padding: 5px; letter-spacing: 1px; } .widget ul li a:hover { color: #d8e8de; } .banner-125, .banner-120, .banner-300 { display: block; float: left; line-height: 0px; } .banner-125 { margin-left: 50px; margin-bottom: 46px; } .banner-125.first { margin-left: 0px; } .banner-125.last { margin-bottom: 0px; } .banner-120 { margin-left: 60px; } .banner-120.first { margin-left: 0px; } .widget ul.reset, .widget ul.reset li, .widget ul.reset li a, .widget ul.reset li a:hover, .widget ul.reset .date { list-style-type: none; padding: 0px; margin: 0px; background: none; color: #524F4F; } .widget #faves_widget { padding-top: 9px; width: 270px; } .widget #faves_widget a.thumbnail { float: left; display: block; clear: left; margin-right: 15px; line-height: 0px; } .widget #faves_widget li a.listing_link { padding-top: 0px; padding-bottom: 10px; display: block; } .widget #faves_widget li a.listing_link:hover { color: #d8e8de; } .widget #faves_widget .date { font: 11px "Roboto Condensed"; color: #f5a48b; width: auto; height: auto; } .widget .sidebar_item { float:left; clear: left; padding-bottom: 10px; width: 100%; } .widget .anythingSlider-default .arrow { top: 0; margin-top: 35px; } .widget .anythingSlider-default .arrow.back { left: auto; } .widget .anythingSlider-default .arrow a{ width: 10px; height: 13px; border: 5px solid #FFF; /*background: url(images/sidebar-arrows.png) left top no-repeat #FFF;*/ text-decoration: none; } .widget .anythingSlider-default .arrow a span { font: 14px WebSymbolsRegular; color: #d8e8de; visibility: visible; } .widget .anythingSlider-default .arrow a:hover span { color: #f5a48b; } .widget #featured_widget { margin-top: 9px; } .widget #featured_widget .f-thumbnail { width: 127px; height: 102px; display: block; float:left; margin-left: 15px; margin-bottom: 15px; text-decoration: none; text-align: center; overflow: hidden; } .widget #featured_widget .f-thumbnail.first { margin-left: 0px; } .widget #featured_widget .f-thumbnail span.bg, .widget #featured_widget .f-thumbnail span.noimg { border: 5px solid #f5a48b; display: block; width: 117px; height: 92px; background: #f5a48b; opacity: 0; filter: alpha(opacity = 0); margin-top: -106px; position: absolute; z-index: 2; } .widget #featured_widget .f-thumbnail span.noimg { margin-top: 0px; margin-bottom: 4px; position: relative; background: #D0D0D0; opacity: 1; filter: alpha(opacity = 100); border: 5px solid #D0D0D0; } .widget #featured_widget .f-thumbnail span.title-c { display: table; margin-top: 20px; } .widget #featured_widget .f-thumbnail span.title { font: 12px/1.3em "Roboto Condensed"; color: #FFF; height: 45px; display: table-cell; padding: 5px 0px; vertical-align: middle; } #s { border: 1px solid #EAE8E8; font: 14px "Roboto Condensed"; padding: 10px; color: #666767; width: 248px; } .search-button { margin: -32px 8px 0px 182px; position: relative; float: right; width: 20px; height: 20px; background: url(images/search-butt.png) center center no-repeat #f5a48b; cursor: pointer; } .ie10 #search, .ie9 #search, .ie8 #search { height: 50px; } .ie10 #s, .ie9 #s, .ie8 #s { margin-bottom: -32px; } .ie10 .search-button, .ie9 .search-button, .ie8 .search-button { margin: 0px 8px 0px 182px; } .gallery-widget { display: table; width: 265px; height: 192px; color: #FFF; text-decoration: none; } .gallery-widget-container { display: table-cell; width: 265px; height: 192px; text-align: center; vertical-align: middle; z-index: 2; position: relative; } .gallery-widget-container span { padding: 8px 10px 5px; background: #d8e8de; font: 33px/0.7em shimmerregular; display: block; width: 80%; margin: 0 auto; } .gallerywidget-image { margin-top: -192px; position: absolute; z-index: 1; } .InsideSlider .panel { width: 669px; height: 405px; } .InsideSlider .panel a { display: block; } .InsideSliderC { padding: 15px 0px; } .InsideSliderC .anythingSlider-default .arrow { top: 42%; } .InsideSliderC .anythingSlider-default .arrow a{ margin-top: 0px; width: 76px; height: 76px; background: url(images/inside-slider-arrows.png) left top no-repeat; } .InsideSliderC .anythingSlider-default .arrow.back a { margin-left: 15px; } .InsideSliderC .anythingSlider-default .arrow.back a:hover { background-position: left bottom; } .InsideSliderC .anythingSlider-default .arrow.forward a{ background-position: right top; margin-right: 15px; } .InsideSliderC .anythingSlider-default .arrow.forward a:hover { background-position: right bottom; } .AboutTheAuthor { background: url(images/author-bg.png) left top repeat; padding: 5px; margin: 15px 0px; } .AboutTheAuthor .author-container { padding: 5px; border: 1px solid #FFF; } .AboutTheAuthor .author-container .author-container { padding: 15px 30px 15px 15px; } .author-thumb { float: left; width: 196px; text-align: center; margin-right: 30px; } .author-name { font: 28px/1.3em Rochester-Regular; color: #FFF; display: block; padding: 5px 0px; } .AboutTheAuthor .title { font: 40px/1.3em Rochester-Regular; color: #FFF; display: block; text-align: center; background: url(images/white-dashed.png) center bottom repeat-x; margin-left: 226px; padding-bottom: 7px; margin-bottom: 15px; } .AboutTheAuthor p { color: #272626; } /* comments */ #CommentsContainer { padding: 15px; background: #FFF; margin-top: 70px; } .comments_title { text-align: center; color: #585555; font: 24px/1.3em "Roboto Condensed"; font-weight: 700; border-bottom: 1px solid #e3e0e0; padding-bottom: 15px; margin-bottom: 30px; } .comments_title span { } .comments_sub_title { text-align: center; padding: 5px; font: 20px/1.3em Rochester-Regular; color: #524f4f; } .comment-container { margin: 30px 0px; border-bottom: 4px solid #f5a48b; } .depth-2{ margin-left: 83px; } .comment-container { background: #f7f7f7; padding: 15px; } .comment-thumb, .comment-thumb a { width: 63px; height: 63px; display: block; } .comment-thumb a { background: url(images/comment-mask.png) center center no-repeat; } .comment .comment-info { text-align: center; float: left; font: 12px/1.3em OpenSansSemibold; width: 63px; margin-right: 20px; } .comment .author { color: #d8e8de; display: block; font: 14px/1.3em "Roboto Condensed"; padding: 20px 0px 0px; float: left; } .comment .date { color: #3e3c3c; display: block; font: 14px/1.3em "Roboto Condensed"; margin: 0px; background: none; width: auto; height: auto; float: left; padding: 20px 30px 0px 0px; } .reply a{ font: 24px/2em shimmerregular; color: #FFF; width: 46px; height: 46px; float: right; background: #f5a48b; text-decoration: none; text-align: center; text-transform: capitalize; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; } .reply a:hover { background: #d8e8de; color: #FFF; } .reply.cancel a{ float: none; width: auto; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; padding: 0 10px; margin-left: 120px; } .comment-text { } .comment-text p { padding: 0px 0px 10px 0px; } .comments-form { padding: 0px 2px; margin-top: -20px; } .leave_comments { text-align: center; color: #585555; font: 24px/1.3em "Roboto Condensed"; font-weight: 700; padding-top: 15px; padding-bottom: 15px; } .dashed-h { background: url(images/f-dashed-horizontal.png) center left repeat-x; height: 2px; } .leave_comments span { background: #FFF; padding: 0px 10px; } .comments-form { } .comments-form-container { background: #FFF; padding: 30px 0px 30px 0px; } .field { padding: 5px 0px; } .field label { font: 16px Times; width: 120px; display: block; float: left; padding: 10px 0px; color: #3e3c3c; } .field input, .field textarea { padding: 10px; font: 16px/1.3em "Roboto Condensed"; background: #f7f7f7; color: #585555; border: 0px; } .field input { width: 429px; } .field textarea { width: 494px; resize: vertical; height: 158px; } .comment-submit { font: 24px/2em shimmerregular; color: #FFF; width: 64px; height: 64px; float: right; background: #f5a48b; text-decoration: none; text-align: center; text-transform: capitalize; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; border: 0px; margin-top: 15px; } .comment-submit:hover { background: #d8e8de; } .vthumb { padding: 16px; width: 276px; height: 213px; display: block; } .vendor { display: block; float: left; margin-left: 12px; margin-right: 13px; text-align: center; margin-bottom: 29px; text-decoration: none; } .vendor.onethird { /*margin-left: 0px; */ } .vendor span.hover { background: #f5a48b; width: 60px; height: 60px; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; margin-left: 108px; margin-top: -136px; position: absolute; display: block; opacity: 0; filter: alpha(opacity = 0); font: 11px/60px Arial; color: #FFF; text-align: center; } .vendor .shadow { background-color: #FFF; margin-bottom: 15px; } .vendor a { text-decoration: none; } .v-title { color: #f5a48b; font: 22px/1.3em antipastoregular; display: block; width: 308px; } .gallery-cats { text-align: center; padding: 20px 0px 30px; } .gallery-cats li { display: inline-block; } .gallery-cats li a, .gback { font: 22px/1.3em antipastoregular; color: #9e9d9d; text-decoration: none; padding: 5px; min-width: 70px; display: block; } .gback { margin-top: 20px; float: left; } .gback.center { float: none; width: 150px; margin: 0 auto; margin-bottom: 20px; } .gallery-cats li a:hover, .gallery-cats li a.active, .gback:hover { background: #bfbebe; color: #FFF; } .BigGalleryC { width: 971px; } .BigGallery { width: 100%; } .BigGallery .panel { display: block; } .BigGalleryThumbsC { padding: 15px 40px; } .BigGalleryThumbsC.extra { padding: 15px 0px; } .BigGalleryThumbsC.extra .jspDrag{ opacity: 1; } .BigGalleryThumbs .panel { width: 875px; height: 180px; } .BigGalleryThumbs a, .BigGalleryThumbsSlide a { display: block; width: 86px; /*height: 79px;*/ float: left; margin-left: 12px; border-top: 5px solid #FFF; border-right: 5px solid #FFF; border-left: 5px solid #FFF; border-bottom: 5px solid #FFF; overflow: hidden; text-align: center; text-decoration: none; font: 12px/1.3em antipastoregular; color: #f5a48b; background: #FFF; } .BigGalleryThumbsSlide a { margin-left: 6px; } .BigGalleryThumbsSlide li { height: 180px; } .BigGalleryThumbs a:hover, .BigGalleryThumbsSlide a:hover { color: #dd607d; } .BigGalleryThumbs a.active:hover, .BigGalleryThumbs a.active, .BigGalleryThumbsSlide a.active:hover, .BigGalleryThumbsSlide a.active { border-color: #f5a48b; background: #f5a48b; color: #FFF; } .BigGalleryThumbs a span, .BigGalleryThumbs a.active span, .BigGalleryThumbsSlide a span, .BigGalleryThumbsSlide a.active span { display: block; width: 76px; height: 69px; border: 5px solid #f5a48b; opacity: 0; filter: alpha(opacity = 0); } .BigGalleryThumbs a.active span, .BigGalleryThumbsSlide a.active span { opacity: 1; filter: alpha(opacity = 100); } .BigGalleryThumbsC .anythingSlider-default .arrow a{ width: 22px; height: 33px; /*background: url(images/gallery-arrows.png) left top no-repeat;*/ text-decoration: none; margin-top: -20px; } .BigGalleryThumbsC .anythingSlider-default .arrow.back{ margin-left: -40px; } .BigGalleryThumbsC .anythingSlider-default .arrow.forward { margin-right: -40px; } .BigGalleryThumbsC .anythingSlider-default .arrow a span { font: 32px WebSymbolsRegular; color: #d8e8de; visibility: visible; } .BigGalleryThumbsC .anythingSlider-default .arrow a:hover span { color: #f5a48b; } .VerticalGalleryS { float: left; } .VerticalGalleryC { width: 668px; height: 643px; } .VerticalGallery { width: 100%; } .VerticalGalleryThumbsC { padding: 0px 0px 0px 0px; float: left; width: 318px; height: 643px; margin-right: -15px; } .VerticalGalleryThumbs .panel { width: 318px; height: 643px } .VerticalGalleryThumbs a { display: block; width: 86px; height: 79px; float: left; margin-left: 15px; margin-top: 15px; } .VerticalGalleryThumbs a.first { margin-top: 0px; } .VerticalGalleryThumbs a.active span { display: block; width: 80px; height: 73px; border: 3px solid #f5a48b; opacity: 0; filter: alpha(opacity = 0); position: absolute; margin-top: -81px; } .VerticalGalleryThumbs a.active span { opacity: 1; filter: alpha(opacity = 100); } .VerticalGalleryThumbsC .anythingSlider-default .arrow { top: auto; } .VerticalGalleryThumbsC .anythingSlider-default .arrow a{ width: 22px; height: 33px; background: url(images/gallery-arrows.png) left top no-repeat #FFF; margin-top: 15px; } .VerticalGalleryThumbsC .anythingSlider-default .arrow.back{ margin-left: 260px; } .VerticalGalleryThumbsC .anythingSlider-default .arrow.forward { margin-right: 20px; } .VerticalGalleryThumbsC .anythingSlider-default .arrow.forward a{ background-position: right top; } .VerticalGalleryThumbsC .anythingSlider-default .arrow.forward a:hover { background-position: right bottom; } .VerticalGalleryThumbsC .anythingSlider-default .arrow.back a:hover { background-position: left bottom; } .testimonials-title { color: #f5a48b; font: 74px/1.3em shimmerregular; text-align: center; margin: 20px 0px 50px; } .testimonials-title span { background: url(images/deco.png) left center no-repeat; padding: 0px 0px 0px 50px; } .testimonials-title span span { background-position: right center; padding: 0px 50px 0px 0px; } .testimonial { /*background: url(images/testimonial-quote.png) left top no-repeat;*/ margin-left: 346px; padding-right: 10px; position: relative; } .testimonial .t-quote { font: 111px "IM Fell French Canon"; color: #f5a48b; position: absolute; margin: -18px 0px 0px -20px; } .testimonial .divider.dashed { margin-left: 70px; } .testimonial p { margin-left: 70px; } .testimonial-thumb { width: 338px; height: 336px; float: left; margin-left: 30px; text-align: center; } .testimonial-thumb-frame { width: 338px; height: 336px; background: url(images/testimonial-frame.png) center center no-repeat; } .testimonial .name { color: #f5a48b; font: 22px/1.3em antipastoregular; margin-left: 70px; margin-top: 10px; } #TestimonialsContainer { height: 500px; } #Testimonials .panel { } #TestimonialsContainer .anythingSlider-default .arrow a{ width: 59px; height: 91px; /*background: url(images/outside-arrows.png) left top no-repeat;*/ margin-top: -91px; text-decoration: none; } #TestimonialsContainer .anythingSlider-default .arrow a span { font: 90px WebSymbolsRegular; color: #d8e8de; visibility: visible; } #TestimonialsContainer .anythingSlider-default .arrow a:hover span { color: #f5a48b; } #TestimonialsContainer .anythingSlider-default .arrow.back{ margin-left: -100px; } #TestimonialsContainer .anythingSlider-default .arrow.forward{ margin-right: -100px; } /*shortcodes*/ .alignright { float: right; margin-left: 15px; } .alignleft { float: left; margin-right: 15px; } .tabs { padding: 15px 0px; } .tabs-tabs { margin-left: 30px; } .tabs-tabs li { float: left; } .tabs-tabs li a { display: block; font: 16px/1.3em antipastoregular; color: #7D7F80; padding: 13px 20px; background-color: #f4f2f2; text-decoration: none; margin-right: 5px; margin-bottom: 10px; } .tabs-tabs li a:hover { color: #f5a48b; } .tabs-tabs li a.active { color: #FFF; background-color: #f5a48b; } .tabs-border { border: 10px solid #f4f2f2; padding: 20px; } .tabs-container li { width: 100%; } .testimonials { border-top: 2px solid #f5a48b; padding: 20px; background: #f5f4f4; -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); margin: 15px 0px; } .testimonials-list { font: 14px/1.3em OpenSansSemiBold; color: #3d3c3c; } .person { color:#f5a48b; display: block; padding: 10px 0px 0px 40px; } .testimonials .anythingSlider-default .arrow a { /*background: url(images/testimonials-arrows.png) left top no-repeat;*/ width: 13px; height: 20px; margin: -20px 0px 0px 0px; text-decoration: none; } .testimonials .anythingSlider-default .arrow a span { font: 14px WebSymbolsRegular; color: #d8e8de; visibility: visible; } .testimonials .anythingSlider-default .arrow a:hover span { color: #f5a48b; } .testimonials .anythingSlider-default .arrow { top: 100%; } .testimonials .anythingSlider-default .arrow.back { right: 30px; left: auto; } .testimonials p { padding: 0px 0px 0px 40px; background: url(images/testimonials-quote.png) left top no-repeat; } .box-1, .box-2 { width: 43%; margin-top: 15px; margin-bottom: 15px; } .box-1 { background: url(images/box-1-bg.png) left top repeat-y #f9f8f8; padding: 21px; } .box-2 { background: #f9f8f8; padding: 20px; border: 1px solid #eeecec; } .box-1 .box-title, .box-2 .box-title { font: 22px/1.3em antipastoregular; color: #f5a48b; } .divider.dashed { background: url(images/dashed.png) left center repeat-x; height: 30px; } .divider.dotted { background: url(images/dotted.png) left center repeat-x; height: 30px; } .divider.continuous { background: url(images/continuous.png) left center repeat-x; height: 30px; } .SCSlider .panel { display: block; width: 971px; height: 399px; } .SCSliderShadow { margin: 25px 0px; } .SCSliderShadow .anythingSlider-default .arrow { top: 230px; } .SCSliderShadow .anythingSlider-default .arrow a{ width: 59px; height: 91px; /*background: url(images/outside-arrows.png) left top no-repeat;*/ text-decoration: none; } .SCSliderShadow .anythingSlider-default .arrow a span { font: 90px WebSymbolsRegular; color: #d8e8de; visibility: visible; } .SCSliderShadow .anythingSlider-default .arrow a:hover span { color: #f5a48b; } .SCSliderShadow .anythingSlider-default .arrow.back{ margin-left: -100px; } .SCSliderShadow .anythingSlider-default .arrow.forward{ margin-right: -100px; } .toggle-container { background: url(images/toggle.png) left center no-repeat #f5a48b; } .toggle-container-right { background: url(images/toggle.png) right center no-repeat; } .toggle-title { color: #FFF; font: 22px/1.3em antipastoregular; padding: 20px 50px; background: url(images/toggle-dashed.png) center center repeat-x; } .toggleicon { background: url(images/toggle-icons.png) left top no-repeat; width: 22px; height: 22px; float: right; display: block; margin: 22px 50px 0px 0px; } .toggleicon.plus:hover { background-position: left bottom; } .toggleicon.minus { background-position: right top; } .toggleicon.minus:hover { background-position: right bottom; } .toggle-content { border-left: 10px solid #f5a48b; border-right: 10px solid #f5a48b; border-bottom: 10px solid #f5a48b; padding: 15px 20px; margin: 0 30px; } .toggle { margin: 15px 0px; padding-bottom: 40px; background: url(images/toggle-shadow.png) center bottom no-repeat; } .toggle .toggle-content { display: none; } .toggle.open .toggle-content { display: block; } .flickr-thumb { float: left; width: 67px; height: 67px; margin-left: 10px; margin-bottom: 10px; } .flickr-thumb.first { margin-left: 0px; } .twitter-widget { width: 300px; height: 325px; overflow: hidden; background: url(images/twitter-widget.png) top center no-repeat; } .tw-container { text-align: center; padding-top: 102px; width: 200px; margin: 0 auto; } .tw-title { color: #3bb1cc; font: 34px/1.3em Rochester-Regular; background: url(images/dashed.png) center bottom repeat-x; margin: 0px 20px 10px 20px; } .tw-container .twtr-hd, .tw-container .twtr-ft { display: none; } .tw-container .twtr-widget .twtr-doc{ text-align: center; } .tw-container .follow { color: #3bb1cc; text-decoration: none; font: 14px/2em OpenSansSemiBold; } .tw-container .follow:hover { text-decoration: underline; } .socials { float: right; margin-top: 50px; } .socials.top { margin-top: -13px; } .socials li { float: left; } .socials a { display: block; width: 27px; height: 30px; float: left; margin: 0px 3px; background: url(images/social-icons.png) left top no-repeat; } .socials a.vimeo { background-position: -2px top; } /*.socials a.vimeo:hover { background-position: 0px bottom; }*/ .socials a.rss { background-position: -38px top; } /*.socials a.rss:hover { background-position: -36px bottom; }*/ .socials a.youtube { background-position: -74px top; } /*.socials a.youtube:hover { background-position: -72px bottom; }*/ .socials a.email { background-position: -109px top; } /*.socials a.email:hover { background-position: -107px bottom; }*/ .socials a.linkedin { background-position: -145px top; } /*.socials a.linkedin:hover { background-position: -143px bottom; }*/ .socials a.twitter { background-position: -181px top; } /*.socials a.twitter:hover { background-position: -179px bottom; }*/ .socials a.pinterest { background-position: -217px top; } /*.socials a.pinterest:hover { background-position: -215px bottom; }*/ .socials a.googleplus { background-position: -252px top; } /*.socials a.googleplus:hover { background-position: -250px bottom; }*/ .socials a.facebook { background-position: -288px top; } /*.socials a.facebook:hover { background-position: -286px bottom; }*/ .socials a.weddingwire { background-position: -325px top; } /*.socials a.facebook:hover { background-position: -286px bottom; }*/ .pin-item { width: 85px; margin-left: 7px; float: left; margin-bottom: 15px; } .pin-item.first { margin-left: 0px; } .pin-item .thumb { display: block; width: 85px; height: 84px; margin-bottom: 5px; overflow: hidden; } .pin-item .thumb img { width: 85px; } .pin-item .pin-title { text-align: center; font: 16px/1em "Roboto Condensed"; font-weight: 700; color: #585555; display: block; text-decoration: none; } .pin-item .pin-title:hover { color: #d8e8de; } .recent-item { float: left; width: 123px; margin: 12px 0px 12px 24px; } .recent-item.first { margin-left: 0px; } .recent-item .thumb { display: block; width: 123px; height: 160px; } .recent-item .recent-maincategory { display: block; text-align: center; font: 12px/1em "Roboto Condensed"; color: #8d8787; letter-spacing: 1px; padding: 5px 0px; } .recent-item .recent-title { font: 16px/1.3em "Roboto Condensed"; font-weight: 700; color: #585555; display: block; padding: 0px 5px; text-decoration: none; text-align: center; } .recent-item .recent-title:hover { color: #d8e8de; } .recent-item .recent-date { display: block; text-align: center; font: 12px/1em "Roboto Condensed"; color: #8d8787; letter-spacing: 1px; padding: 5px 0px; } .widget .subtitle { font: 41px/1em shimmerregular; color: #f5a48b; display: block; text-align: center; margin-top: -10px; } .widget .nwl-button { font: 21px Times; color: #585555; background: #e7e7e7; padding: 5px; margin: 0 auto; display: block; width: 185px; text-align: center; text-decoration: none; margin-top: 10px; } .widget .nwl-button:hover { background: #585555; color: #FFF; } #FromTheBlog { background: #FFF; padding: 15px 15px 30px 15px; margin-top: 40px; } #FromTheBlog .title { font: 74px shimmerregular; color: #f5a48b; text-align: center; } #FromTheBlog .subtitle { font: 28px antipastoregular; color: #5b5c59; text-align: center; margin-bottom: 50px; } #FromTheBlog h1 { text-align: center; margin-top: 15px; margin-bottom: 0px; } #FromTheBlog .read-me { width: 101px; height: 71px; background: #f5a48b; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; margin: 0 auto; display: block; color: #FFF; line-height: 24px; text-align: center; padding-top: 30px; margin-bottom: -80px; float: none; position: relative; } #FromTheBlog .read-me:hover { background: #d8e8de; } #HomepageBlogSliderContainer { width: 969px; height: 690px; } #HomepageBlogSlider .panel, #HomepageBlogSlider .panel a.ne { display: block; } #HomepageBlogSlider .panel { } #HomepageBlogSliderContainer .anythingSlider-default .arrow { top: 230px; } #HomepageBlogSliderContainer .anythingSlider-default .arrow a{ width: 59px; height: 91px; /*background: url(images/outside-arrows.png) left top no-repeat;*/ text-decoration: none; } #HomepageBlogSliderContainer .anythingSlider-default .arrow a span { font: 90px WebSymbolsRegular; color: #d8e8de; visibility: visible; } #HomepageBlogSliderContainer .anythingSlider-default .arrow a:hover span { color: #f5a48b; } #HomepageBlogSliderContainer .anythingSlider-default .arrow.back{ margin-left: -100px; } #HomepageBlogSliderContainer .anythingSlider-default .arrow.forward{ margin-right: -100px; } .followme { margin-top: 20px; display: block;} .mob, .extra, .tablet { display: none; } #nwlwindowcontainer { display: none; } #nwlwindow { padding: 20px; width: 350px; height: 270px; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; text-align: center; padding-top: 100px; background: #f5a48b; } .fancybox-bg { display: none; } .fbnwl { -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); } #nwlwindow h2 { font: 44px/1em at_mahogany_scriptregular; color: #FFF; } #nwlwindow p { color: #FFF; } #nwlwindow .emailfield, input.nwl { font: 14px "Roboto Condensed"; padding: 10px; color: #666767; background: #FFF; width: 248px; border: 1px solid #f05b68; margin-bottom: 10px; } #nwlwindow .closewindow { color: #FEE; font: 12px "Roboto Condensed"; text-decoration: underline; display: block; width: 100px; margin: 0 auto; margin-top: 52px; } #nwlwindow .closewindow:hover { color: #FFF; text-decoration: none; } .nwl-subscribe, .nwl-submit, .cc-nwl-submit input, .nwl-submit input { border: 0px; background: #f05b68; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; color: #FFF; font: 16px antipastoregular; cursor: pointer; text-decoration: none; display: inline-block; } .nwl-subscribe:hover, .nwl-submit:hover, .cc-nwl-submit input:hover, .nwl-submit input:hover { background: #FFF; color: #f05b68; } .newsletter_message{ position: absolute; margin: -10px 0px 0px 46px; } .newsletter_message .message{ font-size: 12px; padding: 10px; margin-top: -20px; border-width: 1px; border-style: solid; border-color: #f05b68; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; display: block; background: #FFF; color: #666767; font: 12px "Roboto Condensed"; } .newsletter_message .arrow { display: block; height: 20px; margin-top: -1px; } #nwl-sending, #gConstantcontact_msg { display: none; } /* .search { float: left; width: 57px; height: 60px; background: url(images/search-header.png) center center no-repeat; margin-top: -34px; z-index: 999; position: absolute; } */ .search { margin: -35px 0px 0px 0px; width: 0; border-right: 29px solid #f5a48b; border-left: 29px solid #f5a48b; border-bottom: 28px solid rgba(0, 0, 0, 0); border-top: 44px solid #f5a48b; display: block; float: left; z-index: 999; position: relative;s } .search .search-container span { position: absolute; display: block; width: 56px; height: 39px; margin-left: -28px; margin-top: -39px; background: url(images/search-header.png) center center no-repeat; } .search.sclose .search-container span { background: url(images/search-close.png) center center no-repeat; } .search:hover { margin-top: -30px; } #big-search-window { position: absolute; left: 0; top: 0; display: none; width: 100%; } #search-overlay { width: 100%; height: 100%; background: #FFF; opacity: 0.9; position: fixed; z-index: 998; display: block; top: 0; left: 0; } #search-container { width: 999px; margin: 0 auto; margin-top: 148px; z-index: 999; position: relative; } .big-search { background: #f5a48b; color: #FFF; font: 24px "Roboto Condensed"; border: 0px; padding: 16px 20px; width: 959px; } .big-search-submit { float: right; margin: -45px 20px 0px 0px; position: relative; cursor: pointer; } #MiniPanel { width: 300px; background: #FFF; position: fixed; top: 100px; left: -280px; z-index: 9999; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; -webkit-border-right-top-radius: 5px; -webkit-border-right-bottom-radius: 5px; } #MiniPanel .MainTitle { background: #EEE; border-bottom: 1px solid #dfdfdf; padding: 20px; font: 18px Arial; margin-bottom: -20px; text-transform: uppercase; text-align: center; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; -webkit-border-right-top-radius: 5px; } #MiniPanel .MainTitle span { font-style: italic; font-size: 13px; color: #333; display: block; text-transform: capitalize; } .MiniPanelContent { padding: 20px; } #MiniPanel .title { text-transform: uppercase; font-size: 13px; padding: 20px 0px 10px; letter-spacing: 0px; font-weight: bold; } #MiniPanel .label { display: block; font-size: 12px; letter-spacing: 0px; padding: 10px 0px; float: left; color: #666; } #MiniPanel select { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 5px; font-size: 12px; border: 1px solid #E0E0E0; float: right; } #MiniPanel .cpkr { float: right; } #MiniPanel .cpkr input { width: 60px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 5px; font-size: 12px; border: 1px solid #E0E0E0; } #MiniPanel .ButtonsArea { padding: 20px; background: #F2F2F2; border-top: 1px solid #E0E0E0; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px; -webkit-border-right-bottom-radius: 5px; } #MiniPanel .ButtonsArea input { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; font-size: 12px; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); background: #FFF; cursor: pointer; } #MiniPanel .ButtonsArea input:hover { border: 1px solid #aaa; } #MiniPanel .ButtonsArea .reset { font: 12px Arial; float: right; color: #000; padding: 12px 5px; } #MiniPanel .ButtonsArea .reset:hover { text-decoration: none; } #MiniPanel .CloseButton { float: right; background: #FFF; -moz-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; width: 14px; height: 14px; margin-right: -35px; font: 14px/14px WebSymbolsRegular; color: #6A6; text-align: right; border: 8px solid #FFF; cursor: pointer; } #MiniPanel .CloseButton:hover { color: #3A3; } .cinfo { float: right; clear: right; text-align: right; padding-top: 30px; line-height: 1.6em; font: 18px/1.3em "Roboto Condensed"; } .header_button { float: right; clear: right; margin-top: 20px; background: #f5a48b; color: #FFF; font: 18px/24px antipastoregular; padding: 10px; text-decoration: none; } .header_button:hover { background: #FFF; color: #f5a48b; } .pn { background: #f5a48b; border: 1px solid #f05b68; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; color: #FFF; padding: 1px; margin: 1px 0px; display: inline-block; }