/* Theme Name:WEDDING Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author:Candid Author URI: http://binarybonsai.com/ Tags: blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } html { height: 100%; margin-bottom: 1px; } form { margin: 0; padding: 0; } #component-contact table td { padding: 2px 0; } /* new css wedding-museum */ /* CSS Document */ /* Begin Form Elements */ body{ background: #713A65 url(../images/body-bg.jpg) repeat-x; margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #A93C76;} /*-----------Global Styles Starts-----------------------*/ a{ color: #A30044; text-decoration: none;} a:hover{ color: #383434; text-decoration: underline;} .clear{ clear: both;} ul, h1, h2, h3, h4, h5, h6, p, form{ margin: 0; padding: 0;} p{ padding:0 0 10px 0;} h1{ font-size: 20px; line-height:32px;} h3{ font-size: 16px; margin:5px 0 10px;} /*-----------Global Styles Ends-----------------------*/ /*---------------Structure Classes Starts------------------------*/ #wrapper{ width: 998px; margin: 0 auto;} #header{ background: #FFFFFF; width: 998; padding: 0px 10px 0;} #header-content{ height: 114px;} .header-bottom{ background: url(http://www.weddingmuseum.com/images/header-bottom.jpg) no-repeat top; height: 9px; line-height: 9px; margin: 5px 0 0 0; .header-bottom{ background: url(../images/header-bottom.gif) no-repeat bottom; height: 7px; line-height: 7px;} #logo{ float: left; text-align: center; width: 280px;} #logo .slogan{ font-style: italic; color: #232222; letter-spacing: 2px; font-weight: bold; font-size: 14px; height: 15px; display: block;} .header-add{ width: 500px; float: left; text-align: left; height: 78px;} .header-right{ width: 180px; float: right; text-align: right; height: 78px;} ul.header-menu{ margin: 25px 0 0 0;} ul.header-menu li{ display: inline;} /* ---------- Drop Down Starts --------- */ #main-menu{ background: #A93C76 url(../images/menu-left.gif) no-repeat left; width: 795px; float: left; height: 34px;} #mainlevel{list-style:none;font-weight:bold;margin:0 0 0 6px; text-transform: uppercase;} #mainlevel li {float:left;text-align:center;position:relative; border-right: 1px solid #7F1A50;} #mainlevel li.last {float:left;text-align:center;position:relative; border-right: none;} #mainlevel li:hover {background:#7F1A50;border-bottom:0;z-index:1; /* shadow above adjacent li */} #mainlevel li.selected {background:#7F1A50;border-bottom:0;z-index:1; /* shadow above adjacent li */} #mainlevel a {color:#ffffff;outline:0;text-decoration:none;display:block;padding: 9px 10px 9px 10px;} #mainlevel a:hover {background:#7F1A50;} /* ----------- Hide/Show Div ---------- */ #mega a {color:#ffffff;outline:0;text-decoration:none;display:block;padding: 9px 13px 9px 13px;} #mega a:hover {background:#7F1A50;} #mega div {position:absolute;left:-999em;margin-top:0;width:350px;padding:0 10px 10px;border:1px solid #DE9EAE;border-top:0;font-weight:normal;text-align:left;background:#F7F3F0;} #mega li:hover div {left:-1px;top:auto;} #mega li.dif:hover div {left:-221px;} /* --------- Within Div Styles --------- */ #mega div h2 {background:#999;font-size:1em;padding:0 10px;margin:10px 0 5px 0;clear:both;float:left;width:330px;position:relative; /* makes above drop shadow */} #mega div p {float:left;width:106px;padding-left:10px;position:relative; /* makes above drop shadow */} #mega div p a {text-decoration:underline;float:left;clear:left;width:100%; /* For IE6/7 */line-height:1.4; color: #A93C76; text-transform: capitalize;} #mega div a:hover, #mega div a:focus, #mega div a:active {text-decoration:none;} /* ---------- Drop Down Ends --------- */ #google-search-box{ width: 183px; background: #A93C76 url(../images/menu-right.gif) no-repeat right; float: right; height: 26px; padding: 8px 0 0 0;} #google-search-box .text-box{margin:0;padding:0; width: 120px; height: 15px; border: 1px solid #CDCDCD;background:url("http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif") no-repeat scroll 0 0 transparent;} #google-search-box .submit-button{ width: 21px; height: 19px; background: url(../images/submit-button.gif) no-repeat; border: none;} .top-rounded-corner{ background: url(../images/top-round.gif) no-repeat bottom; height: 10px; line-height: 10px; margin: 5px 0 0 0;} .bottom-rounded-corner{ background: url(../images/bottom-round.gif) no-repeat bottom; height: 10px; line-height: 10px;} #main-container{ background: #FFFFFF; width: 976px; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; padding: 0 10px 0;} #main-left{ width: 699px; float: left; background: url(../images/left-top-bg.jpg) no-repeat;} #main-left .banner{ height: 210px;} #main-left .featured{ width: 140px; float: left; padding: 20px 0 0 190px;} #main-left .featured-vendors{ width: 180px; float: left; padding: 100px 0 0 160px;} #main-left .heading{ font-size: 16px; font-weight: bold;display:block;padding-bottom:10px;} #main-left .heading-italic{ font-size: 19px; font-style: italic; color: #A93C76;} #main-left .read-more{ float: right; font-size: 11px; font-weight: bold; color: #A93C76;} #main-left .tab-search-box{ background: url(../images/green-bg.jpg) repeat-x;} #main-left .tab-search-box h1{ margin: 0 0 0 10px;} #main-left .tab-search{ display: block; border-left: 1px solid #D2D2D2;} #main-left .tab-search ul li{ display: block; width: 150px; height: 33px; background: url(../images/search-tab-bg.gif) repeat-x; float: left; list-style-type: none; font-size: 14px; font-weight: bold; text-align:center;} #main-left .tab-search ul li a{ display: block; width: 150px; height: 25px; padding: 8px 0 0 0; border-top: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2;color:#A93C76;} #main-left .tab-search ul li a:hover{ text-decoration: none;} #main-left .tab-search ul li a.active{ background: #FFFFFF;color:#A93C76;} #main-left .tab-search-content{ clear: both;background: #FFFFFF url(../images/flower-bg.jpg) no-repeat bottom; padding: 0 0 50px 0;} .tab-search-content .search-list{padding: 15px 0px 0 20px; border: 1px solid #D2D2D2; border-bottom: none; margin: 0 0 0 0;} .tab-search-content .search-list ul li{ list-style-type: none; line-height: 18px; width: 135px; float: left;} .tab-search-content .search-list ul li ul{ margin: 0; padding: 0;} .tab-search-content .search-list ul li ul li{ background: url(../images/search-arrow.gif) no-repeat left; padding: 0 0 0 15px; width: 120px; margin: 0;} #main-left .bottom-box{background: #ffffff url(../images/box-bottom.gif) no-repeat top; height: 6px; clear:both; line-height: 6px;} #main-left .planning-top{background: #ffffff url(../images/planning-top-bg.gif) no-repeat top; height: 9px; line-height: 9px;} #main-left .planning-box{background: #ffffff url(../images/pink-bottom.gif) no-repeat bottom; padding: 0 0 30px 0;} #main-left .planning-content{background: url(../images/planning-bg.gif) repeat-y;} #main-left .planning-tool{ width: 320px; float: left; border-right: 1px dotted #D2D2D2; padding: 0 10px 0 10px;} #main-left .space-planning-box{height: 0px; background: #ffffff; line-height:0px;} #main-left h3{ font-size: 14px; padding: 10px 0;} #main-left .planning-tool ul{ margin: 0 0 0 30px;} #main-left .wedding-ideas{ width: 330px; float: left; padding: 0 0 0 10px;} #main-left .wedding-ideas ul{ margin: 0 0 0 30px;} #main-left .white-spacer{ background: #FFFFFF; height: 5px; line-height: 5px;} #main-right{ width: 272px; float: right;} #main-right .search-box-head{ height: 30px; background: url(../images/search-head.gif) no-repeat; font-size: 15px; font-weight: bold; padding: 10px 0 0 15px;} #main-right .search-form{ background: url(../images/search-bg.gif) repeat-y; padding: 15px;} #main-right .search-form .select-field{ height: 24px; width: 223px; background: url(../images/select-bg.gif) no-repeat; border: none; padding: 2px 0;} #main-right .search-form .select-field option{ background: #FFFFFF;} #main-right .search-form .form-label{ display: block; font-weight: bold; padding: 5px 0;} #main-right .search-bottom{ background: url(../images/search-bottom.gif) no-repeat; height: 9px; line-height: 9px;clear:both;} #main-right .submit-button1{ width: 120px; height: 25px; background:url(../images/submit-button1.gif); float: right; margin: 20px 20px 0 0; border: none; font-weight: bold;} #main-left .srchbutton{ width: 80px; height: 22px; background:url(../images/submit-button1.gif); float: left; margin: 10px 20px 0 0; border: none; font-weight: bold;} #main-left .inputsearch{ width:120px;} #main-right .more-button{ display: block; float: right; font-size: 11px; font-weight: bold; color: #A93C76; background:url(../images/button-bg.gif) no-repeat; height: 16px; width: 81px; text-align:center; padding: 1px 0 0 0;} #main-right .top-song-head{ height: 43px; background: url(../images/tab-bg-head.gif) no-repeat; margin: 10px 0 0 0;} #main-right h2{ font-size: 17px; margin: 10px 0 0 0;} #main-right .top-song{ background: url(../images/top-song-bg.gif) repeat-y; padding: 5px 15px 15px 35px;} #main-right .top-song ul li{ background: url(../images/arrow1.gif) no-repeat 0 5px; line-height: 22px; list-style-type: none; padding: 0 0 0 15px;} #main-right .top-song ul li a{ text-decoration: underline; font-weight: bold;color:#A93C76;} #main-right .top-song ul li a:hover{ text-decoration: none;} #main-right .tab-top-song{ background: url(../images/search-tab-bg.gif) repeat-x; height: 33px;border: 1px solid #D2D2D2; border-bottom: none; border-right: none; width: 270px;} #main-right .tab-top-song ul li{ display: inline; float: left; height: 33px;} #main-right .tab-top-song ul li a{color:#A93C76; display: block; float: left; width: 66px; padding: 10px 0px 8px 0px; font-weight: bold;border-right: 1px solid #ffffff; border-bottom: none; text-align:center;} #main-right .tab-top-song ul li a:hover{ text-decoration: none; background: #FFFFFF;border-right: 1px solid #ffffff; border-bottom: none;} #main-right .tab-top-song ul li a.active{ color:#A93C76;text-decoration: none; background: #FFFFFF; border-right: 1px solid #ffffff; border-bottom: none;color:#383434;} #main-right .tab-top-song ul li a.last{border-right: none; width: 68px; border-right: none} #main-right .top-song-bottom{ background: url(../images/song-bottom.gif) no-repeat; height: 6px; line-height: 6px;} #main-right .meuseum-store-head{ height: 35px; background: url(../images/museum.gif) no-repeat; margin: 5px 0 0 0; font-size: 15px; font-weight: bold; padding: 12px 0 0 15px;} #main-right .meuseum-store{background: url(../images/store-bg.gif) repeat-y;padding: 15px;height:210px;} #main-right .meuseum-store .product1{ width: 115px; float: left;} #main-right .meuseum-store .product2{ width: 110px; float: left; border-left: 1px solid #D2D2D2; padding: 0 0 0 10px;} #main-right .meuseum-store-bottom{background: url(../images/store-bottom.gif) no-repeat; height: 10px; line-height: 10px;clear:both;} .footer-top{ background: url(http://www.weddingmuseum.com/images/footer-top.jpg) no-repeat bottom; height: 9px; line-height: 9px; margin: 5px 0 0 0;} #footer{ background: #fbeafc; width: 998; padding: 10px 10px 0;}} #footer .link-box{ /*width: 240px;*/ width: 195px;float: left;} #footer .link-box .footer-head{ font-size: 13px; font-weight: bold; color: #A93C76; display: block;} #footer .link-box ul{ margin: 0;} #footer .link-box ul li{ background: url(../images/footer-arrow.gif) no-repeat 0 7px; line-height: 18px; list-style-type: none; padding: 0 0 0 10px;} #footer .link-box ul li a{ color:#A93C76;} #footer p{ font-size: 11px;} .footer-bottom{ background: url(../images/footer-bottom.gif) no-repeat bottom; height: 9px; line-height: 9px;} /*---------------Structure Classes Ends------------------------*/ /*---------------Wedding Website Classes Starts------------------------*/ #main-container-inner{ background: #FFFFFF url(../images/inner-main-bg.gif) no-repeat top; width: 956px; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; padding: 10px 20px 10px 20px;} #main-inner-left{ width: 185px; float: left;} #main-inner-left .left-inner-head{ width: 185px; height: 17px; background: url(../images/left-top-head.gif); font-size: 13px; font-weight: bold; padding: 8px 0; text-align:center;} #main-inner-left .left-inner-bottom{ width: 185px; height: 10px; background: url(../images/left-inner-bottom.gif) no-repeat;} #main-inner-left .left-inner{ width: 183px; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB;} #main-inner-left .websample{ width: 165px; margin: 0 auto;} #main-inner-left .websample img{ border: 1px solid #BBBBBB; margin: 10px 0 0 0;} #main-inner-left .websample img.no-border{ border: none; margin: 10px 0 0 0;} .order-button{background:url(../images/submit-button1.gif) repeat-x; border: none; font-weight: bold; text-align: center; padding: 5px 10px; margin: 10px auto 0; border: 1px solid #B7B7B7; display: block;} #main-inner-left .websample ul li{ line-height: 24px; border-bottom: 1px solid #EAEAEA; list-style-type: none;} #main-inner-left .websample ul li a{ color:#A93C76} #main-inner-right{ width: 736px; float: right;} .breadcrumb{ color: #A93C76; font-weight: bold; padding: 5px 0 10px;margin-bottom:10px; border-bottom: 1px solid #BBBBBB;height:15px;} .breadcrumb a{ color: #A93C76; font-weight: normal;} #main-inner-right #content h1{ margin:0 0 10px 0;} #main-inner-right #content .featured-website{ width: 243px; float: left;} h2{ font-size: 17px; margin:5px 0 10px 0} #main-inner-right #content .wedding-feature-box{ float: left; width: 360px;} #main-inner-right #content ul{ margin: 0px 0 0px 30px;} #main-inner-right #content ul.features li{ list-style-image: url(../images/search-arrow.gif); padding:0 0 6px 0; } #main-inner-right #content ul.features li a{ text-decoration:underline; font-size:13px} #main-inner-right #content ul.features li a:hover{ text-decoration:none;font-size:13px} #main-inner-right #content ul.features li ul li{list-style-image: url(../images/search-arrow.gif); } #main-inner-right #content ul li{ line-height: 18px;} #main-inner-right #content .wedding-website-box{ float: right; width: 370px; background: url(../images/wedding-website.jpg); border: 1px solid #bbbbbb; height: 296px; margin: 20px 0 0;} #main-inner-right #content .wedding-feature-box{ float: left; width: 350px; margin: 10px 0 0 0;} #main-inner-right #content .wedding-website-text{ width: 150px; text-align: center; margin: 0 0 0 5px; font-size: 13px; font-weight: normal; padding: 67px 0 0 0;} #main-inner-right #content .big-font{ font-size: 18px;} .purple-link{ color: #A93C76; font-weight: bold;} .purple-link-normal{ color: #A93C76; font-weight: normal;} /*---------------Wedding Website Classes Ends------------------------*/ /*---------------Wedding Song Classes Starts------------------------*/ #main-inner-right #content ul.songlist li{ list-style-image: url(../images/arrow2.gif); } h4.big{ font-size: 13px;} #main-inner-right #content .partner{ background: #FFF49B; border: 1px solid #BBBBBB; padding: 15px; margin: 5px 0 0;} /*---------------Wedding Song Classes Ends------------------------*/ /*---------------Wedding Shopping Classes Starts------------------------*/ .category-search .input-text{ width: 161px; margin:8px 0;} .category-search .select-box{ width: 165px; margin: 8px 0;} .search-button{background:url(../images/submit-button1.gif) repeat-x; border: none; font-weight: bold; text-align: center; margin: 10px 0; border: 1px solid #B7B7B7; display: block; width: 70px; float: right;} .cart{ float: right; line-height: 35px; color:#7F1A50; font-weight: bold; width: 120px;} .cart a{ float: right; line-height: 35px; color:#A93C76; font-weight: bold;} #shopping-product{ background: url(../images/shopping-col.gif) repeat-y; margin: 10px 0 0 0;} #shopping-product .product-row{ border-bottom: 1px solid #EEEDED;} #shopping-product .product-box{ width: 243px; float: left; text-align:center; padding: 10px 0 20px 0;} #shopping-product .image-box{ width: 150px; height: 130px; text-align: center; margin: 0 auto;} #shopping-product .product-caption{ width: 150px;text-align:left; margin: 10px auto; font-weight: bold; color: #A93C76;} #shopping-product .product-caption a{ color: #A93C76; font-weight: normal; text-decoration: underline;} #shopping-product .product-caption a:hover{ text-decoration: none;} .pagination{ border-bottom: 1px solid #EEEDED; text-align: center; padding: 10px 0; font-weight: bold;} .pagination a{padding: 5px 5px; color: #A93C76; text-decoration: underline;} .pagination a.selected-page{color: #A93C76;} .pagination a:hover{ text-decoration: none;} .pagination .black-link{ color: #A93C76;} /*---------------Wedding Shopping Classes Ends------------------------*/ .contentpaneopen ul{padding-left:10px;} .menutitle{margin-top:20px;} .height{line-height:1px;} .height2{line-height:10px;} .innerh{text-align:center;} .innerh h1{ font-size: 2.7em; margin: .37em 0;color:#A93C76; } .innerh h2{ font-size: 1.5em; margin: .75em 0;color:#A93C76; } .innerh h3{ font-size: 1.76em; margin: .33em 0 ;color:#A93C76;} #main-song-right{ width: 185px;background:#F6F1ED;} #main-song-right .left-inner-head{ width: 185px; height: 17px; background: url(../images/left-top-head.gif); font-size: 13px; font-weight: bold; padding: 6px 0; text-align:center;} #main-song-right .left-inner-bottom{ width: 185px; height: 10px; background: url(../images/song-inner-bottom.gif) no-repeat;} #main-song-right .left-inner{ width: 183px; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB;} #main-song-right .websample{ width: 165px; margin: 0 auto;} #main-song-right .websample img{ border: 1px solid #BBBBBB; margin: 10px 0 0 0;} #main-song-right .websample img.no-border{ border: none; margin: 10px 0 0 0;} #main-song-right .websample ul li{ line-height: 24px; border-bottom: 1px solid grey; list-style-type: none;} .bottomheight{height:6px;} .songbottom-rounded-corner{background:url("../images/song-inner-bottom.gif") no-repeat scroll center bottom transparent;height:6px;line-height:6px;} .partner-link{ text-align:right;} .f-right{ float:right;display:block;width:110px;} .footer-nav{ margin-bottom:6px; padding-bottom:4px; border-bottom:1px solid #D2D2D2;height:16px;} .footer-nav ul li{ list-style-type:none; margin:0 0 0 0px; color:#A93C76; font-weight:bold; font-size:13px; float:left;} .footer-nav ul li.first{ width:100px;} .footer-nav ul li a{ color:#A93C76; font-weight:normal; font-size:12px; border-right:1px solid #333333;padding:0 15px} .footer-nav ul li a.last{ border:none;} .main-block{border:1px solid #ccc;padding:10px;margin:5px;} .main-block img.left {margin-right:10px;} .main-block img.right {margin-left:20px;} #main-left .featured-vendors .block ul li { list-style-type:none;/*padding-left:10px;*/height:40px;} #main-left .featured-vendors .block ul li a{padding-left:30px;display:block;} /*New Classes July 09, 2010*/ .left-img-space{ margin: 0 20px 0 0;} .heading_0{margin: 0; padding:0;} .resultdiv{width:950px;} #main-left .newsrchbutton{ width: 130px; height: 22px; background:url(../images/submit-button1.gif);margin: 10px 20px 0 0; border: none; font-weight: bold;} #main-right .songsrchbutton{ width: 105px; height: 22px; background:url(../images/submit-button1.gif);margin: 10px 20px 0 0; border: none; font-weight: bold;} ul#mainmenu_menu li ,ul#top-menu_menu li{padding-left:15px;list-style-type:none;} /*----------Blog Classes Start Here ----------*/ #blog-box{float:left; width:754px; padding:0 10px 0 0;} #blog-box h1{ font-size:22px; margin-bottom:15px; padding:0 0 3px 0; border-bottom:1px solid #474747;} .date-box{float:right;} .entry{float:left; margin-top:5px; padding-left:5px;text-align:justify;} .entry p{ padding:0 0 10px 0;} .entry ul {padding-left:20px;} .btm-sep{float:right;width:745px; margin:5px 0; padding:5px 0; border-top:1px solid #474747;} .top{float:right;} #blog_left_box{ float:right; width:212px;} .twitter-box{ margin:10px 0px; text-align:center} .side-box{width:212px; float:left; margin-bottom:10px; background:#F6F1ED } .side-box-head{width:200px; height:26px; color:#1D1916; font-weight:bold; font-size:16px; padding:10px 0 0 12px; background:url(images/side-box-top.jpg) no-repeat bottom;} .side-box-btm{width:212px; height:6px; float:left; background:url(images/side-box-btm.jpg) no-repeat top} .side-box-content{width:190px; padding:0px 10px 5px 10px; border-left:1px solid #D2D2D2; border-right:1px solid #D2D2D2; } .side-box ul{ margin:0; padding:0;width:190px; padding:0px 10px 5px 10px; border-left:1px solid #D2D2D2; border-right:1px solid #D2D2D2;} .side-box ul li{ margin:0; padding:6px 0 4px 10px; font-size:12px; background:url(images/arrow.gif) no-repeat left center; list-style-type:none; border-bottom:1px solid #474747;} .side-box ul li a{ color:#A93C76;text-decoration:none;} .side-box ul li a:hover{ color:#A93C76;text-decoration:underline;} .side-box ul li.last{border-bottom:0px;} /*----------Blog End Here ----------*/ #respond p{margin: 10px 0px;} .search-side{padding-left:20px;} #searchsubmit{margin:10px 0px;} .navigation{padding:0px 0px 10px 0px;} .seacrhmid{padding:20px;} /*--------Navigation css----------*/ .navigation { color: #A93C76; font-size: 13px; line-height: 18px; font-weight:bold; overflow: hidden; } .navigation a:link, .navigation a:visited { color: #A93C76; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #A93C76; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } .sociable li { display:inline; }