/* Theme Name: Elegant Venues Author: LHM Media Copyright: David Martin ©2009 http://www.lhmmedia.com */ /* =layout */ * { margin: 0; padding: 0; } fieldset, img { border: none; margin: 0; padding: 0; } em, cite { font-style: normal;} a { color: #7d0856; } a:hover { color : #000; } /* =main structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ html { } body { font: 12px/1.6 arial, verdana, helvetica, sans-serif; background: #ebebeb url(img/bg-html.jpg) 50% 0 no-repeat; } #body { width: 960px; margin: 0 auto; border-left: 2px solid #fff; border-right: 2px solid #fff; background: #fff url(img/bg-content.gif) 0 129px no-repeat;; padding-bottom: 20px;} /*body.home1 #body { width: 960px; margin: 0 auto; border-left: 2px solid #fff; border-right: 2px solid #fff; background: #fff url(img/bg-content-home1.jpg) 0 129px no-repeat; padding-bottom: 20px;} body.home2 #body { width: 960px; margin: 0 auto; border-left: 2px solid #fff; border-right: 2px solid #fff; background: #fff url(img/bg-content-home1.jpg) 0 129px no-repeat; padding-bottom: 20px;} body.home3 #body { width: 960px; margin: 0 auto; border-left: 2px solid #fff; border-right: 2px solid #fff; background: #fff url(img/bg-content-home1.jpg) 0 129px no-repeat; padding-bottom: 20px;} body.home4 #body { width: 960px; margin: 0 auto; border-left: 2px solid #fff; border-right: 2px solid #fff; background: #fff url(img/bg-content-home1.jpg) 0 129px no-repeat; padding-bottom: 20px;} body.home5 #body { width: 960px; margin: 0 auto; border-left: 2px solid #fff; border-right: 2px solid #fff; background: #fff url(img/bg-content-home1.jpg) 0 129px no-repeat; padding-bottom: 20px;}*/ #branding { background:url(img/bg-branding.jpg) no-repeat; padding: 0 40px; overflow: hidden; } #content { overflow: hidden; height: 1%; position:relative; } #content-1 { width: 200px; float: left; margin: 35px 0 0 42px; } #content-2 { width: 602px; float: right; margin: 35px 42px 40px 0; padding-left: 53px; background: url(img/bg-content-div.png) no-repeat; } #content-3 { width: 560px; float: left; margin: 35px 0 30px 42px; padding-right: 65px; } #content-4 { width: 210px; float: right; margin: 35px 42px 40px 0; padding-left: 35px; background: url(img/bg-content-div.png) no-repeat; } #content-4 img { margin-bottom: 5px; } #content-5 { padding: 35px 42px 0 42px; } #footer { background:url(img/bg-footer.gif) no-repeat; padding-top: 20px; text-align: center; border-top: 1px solid #e3e3e3; background-color:#fff } /* =Sub structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #content-3sec { width: 290px; float: left; margin-bottom: 20px;} #content-3ter { width: 230px; float: left; margin-bottom: 20px;} .content-3qui { width: 285px; float: left; margin: 30px 0 20px 15px;} #content-3qua { width: 230px; float: right; margin: 30px 0 20px 0;} /* =Headers, Paragraphs, Block Quotes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;} /*h1*/ #branding h1 { float: left; padding: 15px 0 15px 0; } #branding h1 a span { display: none; } #branding h1 a { display: block; width: 131px; height: 82px; background:url(img/bg-branding-h1.gif) repeat-x; } /*h2*/ h2 { color: #55123e; font-size: 22px; margin-bottom: 15px; } #branding h2 { float: right; margin-top: 65px; width: 330px; height: 21px; background:url(img/bg-branding-h2.gif) repeat-x; } #branding h2 span { display: none; } #content-4 h2 { margin-bottom: 5px; } /*h3*/ h3 { color: #55123e; font-size: 18px; margin-bottom: 15px; } #content-3 h3 { color: #555;} #content-4 h3 { margin-bottom: 5px; } /*h4*/ h4 { color: #666666; font-size: 13px; margin-bottom: 0; font-weight: normal;} /*h5*/ /*h6*/ /*p*/ p { margin-bottom: 20px; color: #555;} #footer p { color: #848484; } #footer p a { color: #848484; } #footer p em { display: block; color: #666; font-size: 11px; padding-top: 6px; } #footer p em a { color: #666; } /*p buttons*/ p.bt-getintouch span { display: none; } p.bt-getintouch a { background:url(img/bt-getintouch.gif) no-repeat; width: 90px; height: 22px; display: block; } p.bt-getintouch a:hover { background-position: 0 -22px; } p.bt-moredetail span { display: none; } p.bt-moredetail a { background:url(img/bt-moreinfo.gif) no-repeat; width: 90px; height: 22px; display: block; } p.bt-moredetail a:hover { background-position: 0 -22px; } /*blockquote*/ #h-content-1 { width: 484px; background:url(img/bg-h-content-1.png) no-repeat; margin: 250px 0 0 35px; padding: 25px 25px 35px 25px; color: #fff; font: 25px Georgia, "Times New Roman", Times, serif; } #h-content-1 em { color: #cfb7c7; font-size: 16px; display: block; margin-top: 10px; font-style:italic;} #content-2 blockquote { color: #666; font: 22px/1.4 Georgia, "Times New Roman", Times, serif; margin-bottom: 20px;} #content-3 blockquote { color: #666; font: 22px/1.4 Georgia, "Times New Roman", Times, serif; margin-bottom: 20px;} /* =ul ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #branding ul { clear: both;background: #fff url(img/bg-branding-navi.gif) 0 100% repeat-x; overflow: hidden; height: auto; border: 1px solid #cfcecf; } #branding ul li { float: left; list-style: none; border-right: 1px solid #cfcecf; font-size: 12px;} #branding ul li.end { border-right: 0; } #branding ul li a { display: block; padding: 8px 26px; color: #45002e; text-decoration: none; } #branding ul li a:hover { background: #dacdd5 url(img/bg-branding-navi-hover.gif) 0 100% repeat-x; } #branding ul li.active a { background: #dacdd5 url(img/bg-branding-navi-hover.gif) 0 100% repeat-x; } #branding ul li.current_page_ancestor a { background: #dacdd5 url(img/bg-branding-navi-hover.gif) 0 100% repeat-x; } #branding ul li.current_page_parent a { background: #dacdd5 url(img/bg-branding-navi-hover.gif) 0 100% repeat-x; } ul#h-content-2 { background:url(img/bg-h-content-2.png) no-repeat; padding: 50px 0 0 40px; margin: -45px 0 0 20px; overflow: hidden; height: 209px; } ul#h-content-2 li { float: left; width: 260px; list-style: none; background:url(img/bg-h-content-2-div.png) 240px 0 no-repeat; } ul#h-content-2 li.end { width: 320px; background: none; } ul#h-content-2 li h2 { color: #55123e; font-size: 17px; margin: 0;} ul#h-content-2 li p { color: #935e81; margin-bottom: 7px; } #content-1 ul { margin-right: 25px;} #content-1 ul li { list-style: none; border-bottom: 1px solid #e3e3e3; margin-bottom: 6px;} #content-1 ul li a { display: block; color: #555; padding: 5px 8px 5px 8px; text-decoration: none;} #content-1 ul li a:hover { color: #7f1a5e; } #content-1 ul li:hover { border-bottom: 2px solid #e6d1df; margin-bottom: 5px;} #content-1 ul li h3 { font: 13px Arial, Helvetica, sans-serif; color: #555; padding: 5px 8px 5px 8px; margin: 0;} #content-1 ul li.active a { color: #7f1a5e; } #content-1 ul li.active { border-bottom: 2px solid #e6d1df; margin-bottom: 5px;} #content-1 ul li ul { margin-bottom: 10px;} #content-1 ul li ul li { background: url(/wp-content/themes/ElegantVenues/img/ico-arrow.gif) 8px 11px no-repeat; border-bottom: 0; margin-bottom: 0; padding: 0px 8px 0px 12px;} #content-1 ul li ul li:hover { border-bottom: 0; margin-bottom: 0;} ul#content-2pri { } ul#content-2pri li { border-bottom: 1px solid #e3e3e3; margin-bottom: 6px; list-style: none;} ul#content-2pri li h3 em { color: #999; display: block; font: 12px Arial, Helvetica, sans-serif } ul#content-2sec { } ul#content-2sec li { margin-bottom: 20px; list-style: none;} ul#content-2sec li img { float: left;} ul#content-2sec li h3 { margin-left: 175px; } ul#content-2sec li h3 em { color: #999; } ul#content-2sec li p { margin-left: 175px; } ul#content-2sec li blockquote { border-bottom: 1px solid #e3e3e3; padding-bottom: 30px; margin-left: 175px; } ul#content-2ter { } ul#content-2ter li { list-style: none; border-bottom: 1px solid #ddd; margin-bottom: 15px;} ul#content-2ter li h3 { } ul#content-2ter li h3 em { font: 13px normal Arial, Helvetica, sans-serif; color: #999; display: block; } ul.content-2pagination { overflow: hidden; background: #f8f2f8; padding: 7px 11px; margin-bottom: 30px; } ul.content-2pagination li { float: right; margin-left: 15px; list-style: none; color: #767476; } ul.content-2pagination li.first { float: left; margin: 0;} ul.content-2pagination li a { color: #be7ebb; text-decoration: none; } ul.content-2pagination li a:hover { color: #000; } ul#content-3pri { } ul#content-3pri li { list-style: none; border-bottom: 1px solid #ddd; margin-bottom: 20px; } ul#content-3pri h3 em { color: #999; font : 13px Arial, Helvetica, sans-serif; display: block; margin-bottom: 3px; } ul.content-3pri-1 { overflow: hidden; } #content-3 ul.content-3pri-1 li { float: left; margin-right: 5px; list-style: none; border: 0;} ul.content-3pri-1 li a span { display: none; } ul.content-3pri-1 li a { display: block; width: 22px; height: 22px; background:url(img/ico-social-1.gif) no-repeat; text-decoration: none;border: 0; } ul.content-3pri-1 li a:hover { background-position: 0 -22px; } ul.content-3pri-1 li.item0 a { background:url(img/ico-comments.gif) no-repeat; width: 39px; height: 23px; text-align: center; color: #fff; padding-top: 4px; margin-right: 10px; } ul.content-3pri-1 li.item2 a { background-image: url(img/ico-social-2.gif); } ul.content-3pri-1 li.item3 a { background-image: url(img/ico-social-3.gif); } ul.content-3pri-1 li.item4 a { background-image: url(img/ico-social-4.gif); } ul.content-3pri-1 li.item5 a { background-image: url(img/ico-social-5.gif); } ul.content-3pri-1 li.item6 a { background-image: url(img/ico-social-6.gif); } ul.content-3pri-1 li.item6 { margin-right: 0; } ul#content-3sec { width:575px; } ul#content-3sec li { list-style: none; border-bottom: 1px solid #ddd; margin-bottom: 25px;} ul#content-3sec li.end { margin-bottom: 0;} ul#content-3sec li ul li { border-bottom: 0; margin-bottom: 0;} ul#content-3sec li h3 { } ul#content-3sec li h3 em { font: 13px normal Arial, Helvetica, sans-serif; color: #999; display: block; margin-bottom: 3px; } ul#content-3subnav { position: absolute; top: 400px; left: 42px; width: 621px; background: #fff url(/wp-content/themes/ElegantVenues/img/bg-venues-subnavi.gif) repeat-x; margin-bottom: 30px; overflow: hidden; } ul#content-3subnav li { float: left; list-style: none; margin-bottom: -1px;} ul#content-3subnav li a { display: block; padding: 10px 20px; border: 1px solid #d9d9d9; color: #828282; text-decoration: none; height: 18px; } ul#content-3subnav li.end a { border-left: none; } ul#content-3subnav li a:hover { border-bottom: none; background: #fff; } ul#content-3subnav li.active a { border-bottom: none; background: #fff; } ul.content-3features { margin-bottom: 20px; } ul.content-3features li { color: #555; list-style: none; background:url(/wp-content/themes/ElegantVenues/img/ico-tick.jpg) 0 5px no-repeat; padding-left: 12px; margin-bottom: 5px;} #content-3 ul.inset { margin-bottom: 20px} #content-3 ul.inset li { margin-bottom: 15px; font-size: 12px; list-style: disc; margin-bottom:10px; margin-left:15px; } ul.content-4pri { margin-bottom: 30px;} ul.content-4pri li { list-style: none; } ul.content-4pri li a { display: block; color: #555; padding: 4px 0; text-decoration: none;} ul.content-4pri li a:hover { color: #7f1a5e; } ul#content-4sec { overflow:hidden; padding-top: 10px; } ul#content-4sec li { float:left; margin: 0 10px 2px 0; list-style: none;} ul#content-4sec li.end { margin: 0;} ul#content-5pri { border-top: 1px solid #d9d9d9; padding-top: 20px; margin: 0;} ul#content-5pri li { overflow: hidden; border-bottom: 1px solid #d9d9d9; margin-bottom: 25px;} ul#content-5pri li img { float:left; margin-bottom: 20px;} ul#content-5pri li h3 { margin: 0 0 5px 240px;} ul#content-5pri li h3 a { text-decoration: none;} ul#content-5pri li div { float: right; } ul#content-5pri li p { margin: 0 0 5px 0; } ul#content-5pri ul { margin-left: 240px; border: 0; padding: 0; } ul#content-5pri ul li { overflow: visible; margin: 0; border: 0; } ul#content-5pri ul li img { float:none; } ul.content-socalbookmarks { overflow: hidden; height: 24px; padding-bottom: 30px; } ul.content-socalbookmarks li { float: left; margin-right: 5px; list-style: none; } ul.content-socalbookmarks li a span { display: none; } ul.content-socalbookmarks li a { display: block; width: 22px; height: 22px; background:url(img/ico-social-1.gif) no-repeat; text-decoration: none; } ul.content-socalbookmarks li a:hover { background-position: 0 -22px; } ul.content-socalbookmarks li.item1 { background-image: url(img/ico-comments.gif); width: 39px; padding: 2px 0; text-align:center; color: #fff; } ul.content-socalbookmarks li.item1 a { color: #fff; } ul.content-socalbookmarks li.item2 a { background-image: url(img/ico-social-2.gif); } ul.content-socalbookmarks li.item3 a { background-image: url(img/ico-social-3.gif); } ul.content-socalbookmarks li.item4 a { background-image: url(img/ico-social-4.gif); } ul.content-socalbookmarks li.item5 a { background-image: url(img/ico-social-5.gif); } ul.content-socalbookmarks li.item6 a { background-image: url(img/ico-social-6.gif); } ul.content-socalbookmarks li.item6 { margin-right: 0; } ul.content-1pagination { overflow: hidden; } ul.content-1pagination li { float: left; list-style: none; } #footer ul { overflow: hidden; width: 157px; margin: 0 auto 20px auto;} #footer ul li { float: left; margin-right: 5px; list-style: none; } #footer ul li a span { display: none; } #footer ul li a { display: block; width: 22px; height: 22px; background:url(img/ico-social-1.gif) no-repeat; } #footer ul li a:hover { background-position: 0 -22px; } #footer ul li.item2 a { background-image: url(img/ico-social-2.gif); } #footer ul li.item3 a { background-image: url(img/ico-social-3.gif); } #footer ul li.item4 a { background-image: url(img/ico-social-4.gif); } #footer ul li.item5 a { background-image: url(img/ico-social-5.gif); } #footer ul li.item6 a { background-image: url(img/ico-social-6.gif); } #footer ul li.item6 { margin-right: 0; } /* =ol ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ol.commentlist { margin-bottom: 20px; } ol.commentlist li { border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; color: #999999;} ol.commentlist li h3 { margin-bottom: 5px; } ol.commentlist li h3 em { display: block; margin-top:-3px;} ol.commentlist li h3 em a { font: 12px Arial, Helvetica, sans-serif; color:#999999; text-decoration: none; cursor:auto; } ol.commentlist li p { background: #e2d7df; padding: 15px; } /* =dl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* =forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul#h-content-2 ul li { color: #af8ea4; overflow: hidden; margin-bottom: 8px; background: none; width: 300px;} ul#h-content-2 ul li label { color: #af8ea4; float: left; width: 50px; margin: 2px 0 0 0; } ul#h-content-2 ul li input[type*="text"] { border: 1px solid #d1afc5; padding: 2px; width: 242px} ul#h-content-2 ul li input[type*="button"] { float: right; background: url(img/bt-h-submit.gif) no-repeat; width: 71px; height: 32px; border: 0; font-size: 0; text-indent: -99999px; cursor: pointer; padding-top: 32px;} ul#h-content-2 ul li input[type*="button"]:hover { background-position: 0 -32px;} ul#h-content-2 ul li input[type*="submit"] { float: right; background: url(img/bt-h-submit.gif) no-repeat; width: 71px; height: 32px; border: 0; font-size: 0; text-indent: -99999px; cursor: pointer; padding-top: 32px;} ul#h-content-2 ul li input[type*="submit"]:hover { background-position: 0 -32px;} ul#h-content-2 ul li p { padding: 0 0 0 50px; float: left; } ul#h-content-2 ul li p a { color: #8c4d77; } ul#h-content-2 ul li p a:hover { color: #000; } ul#content-form { clear: both;} ul#content-form li { list-style: none; margin-bottom: 15px; overflow: hidden; height: 1%;} ul#content-form li label { display: block; color: #555; margin-bottom: 2px;} ul#content-form li label.radio { float: left; margin-right: 20px;} ul#content-form li label.radio input { margin-right: 5px;} ul#content-form li input[type*="text"] { border: 1px solid #ddd; width: 543px; padding: 4px 7px;} ul#content-form li input[type*="checkbox"] { margin-right: 5px; } ul#content-form li select[name*="Venue"] { border: 1px solid #ddd; width: 572px; padding: 4px 7px;} ul#content-form li p { margin-bottom: 8px;} ul#content-form li p.completed { float: right; color: #818080;} ul#content-form li input[type*="submit"] { border: 0; background: url(/wp-content/themes/ElegantVenues/img/bt-send.gif) no-repeat; width: 63px; height: 25px; font-size: 0; text-align:right; cursor: pointer;} ul#content-form li input[type*="submit"]:hover { background-position: 0 -25px;} #content-3sec label, #content-3ter label { display: block; margin-bottom: 2px; } #content-3sec label input, #content-3ter label input { margin-right: 8px; } ul#content-form li p.error { color: #fff; background: #660033; margin-right: 3px; padding: 3px 6px} p.errors { color: #fff; background: #660033; margin-right: 3px; padding: 3px 6px} #content-3 textarea { width: 575px; } form.content-5sec { margin-bottom: 20px;} form.content-5sec label { color: #55123e; font: 18px Georgia, "Times New Roman", Times, serif; font-weight: normal; } form.content-5sec select { border: 3px solid #e7e7e7; padding: 2px; margin-left: 8px; color: #868686;} /* =tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* =other ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* supalink ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .supalink { cursor: pointer;}