/* CSS Document */ /* General ---------------------------------------*/ html { min-height:100%; margin-bottom:1px; } body, ul, li, h1, h2, h3, p { margin:0px; padding:0px; } body, input, td, th, textarea { font-family: Arial, Helvetica, sans-serif; } /* Font sizes */ body { font-size:62%; } #content { font-size:1.2em; } #footer, #nav { font-size:1.1em; } textarea { font-size:1.1em; } a { text-decoration:none; color:#996699 } a:hover { text-decoration:underline; } ul, li { list-style-type:none } img { border:0px; } td, th { vertical-align:top; text-align:left } p { margin-bottom:1.3em; } p, dt, dd, li { line-height:1.4em } table, ul, dl, h2, h3 { margin-bottom:1.1em; } h1 { font-size:1.5em; line-height:1.2em; font-weight:normal; margin-bottom:16px; color:#663366; font-family:Georgia, "Times New Roman", Times, serif } h2 { font-size:1.2em; margin-bottom:16px; color:#996699; text-transform:uppercase } h3 { font-size:1em; color:#663366; margin-bottom:0; } h4 { font-size:1.1em; color:#663366; margin-bottom:6px; } a.plain { text-decoration:none } a.plain:hover { text-decoration:underline } p.opening, .intro p { color:#996699; font-size:1.2em; } p.hidden { display:none } p.notice { background-color:#996699; font-weight:bold; color:#fff; padding:4px; width:70%; } /* Structure ---------------------------------------*/ body { background:#663366 /*BD8BBE*/ url(../images/generic/background_02.gif) top left repeat-x; color:#fff; text-align:center; } #wrapper { margin:0 auto; text-align:left; width:880px; } #header { height:23px; margin-top:47px; padding-bottom:28px; text-align:center; border-bottom:2px solid #B59EB8; } #content { float:left; width:100%; padding-top:30px; padding-bottom:1px; background-color:#e0d6e0; color:#333; background-position:top right; background-repeat:no-repeat } #content, #main, #sidebar, #extra { float:left; display:inline; } #main, #sidebar { padding-bottom:28px; } #main { width:435px; margin-left:35px; } #sidebar { width:140px; margin-left:30px; } #extra { width:855px; margin-left:30px; } #content { min-height: 440px; height: auto; } * html #content { height: 440px; } #navigation { float:left; width:100%; margin:20px 0; text-align:center } #navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none } #navigation ul { float:left; width:100%; } #navigation li { display:inline; float:left; margin:0 16px; } #navigation a { display:block; float:left; line-height:11px; text-indent:-9999px; text-decoration:none; color:#fff; font-weight:bold; } #navigation li a { background-repeat:no-repeat; background-position:top left; } #navigation li.home { margin-left:30px; } li.home, li.home a { width:47px; background-image:url(../images/generic/nav_1.gif); } li.profile, li.profile a { width:63px; background-image:url(../images/generic/nav_2.gif); } li.commercial, li.commercial a { width:83px; background-image:url(../images/generic/nav_3.gif); } li.recent, li.recent a { width:111px; background-image:url(../images/generic/nav_4.gif); } li.clients, li.clients a { width:63px; background-image:url(../images/generic/nav_5.gif); } li.press, li.press a { width:43px; background-image:url(../images/generic/nav_6.gif); } li.weddings, li.weddings a { width:84px; background-image:url(../images/generic/nav_7.gif); } li.contact, li.contact a { width:73px; background-image:url(../images/generic/nav_8.gif); } #navigation li.home a:hover { background-image:url(../images/generic/nav_1r.gif); } #navigation li.profile a:hover { background-image:url(../images/generic/nav_2r.gif); } #navigation li.commercial a:hover { background-image:url(../images/generic/nav_3r.gif); } #navigation li.recent a:hover { background-image:url(../images/generic/nav_4r.gif); } #navigation li.clients a:hover { background-image:url(../images/generic/nav_5r.gif); } #navigation li.press a:hover { background-image:url(../images/generic/nav_6r.gif); } #navigation li.weddings a:hover { background-image:url(../images/generic/nav_7r.gif); } #navigation li.contact a:hover { background-image:url(../images/generic/nav_8r.gif); } #sidebar .subnav a { color:#663366; } #sidebar .subnav li { margin-bottom:10px; text-transform:lowercase; line-height:1.1em; font-size:1.1em } #sidebar .subnav li.current a { font-weight:bold; } #sidebar .subnav li a:hover { text-decoration:none; font-weight:bold; } #footer { background:#855C86; line-height:22px; clear:both; font-size:11px; } #copyright { float:left; text-align:left; display:inline; width:160px; margin-left:30px; color:#fff; } #copyright a { color:#FCCAFD; } #sitelinks a { color:#fff; margin-left:10px; margin-right:10px; font-size:11px; } #author { float:right; display:inline; text-align:right; width:100px; margin-right:40px; margin-top:7px; } #author a { color:#DEC5E2; font-size:10px; } #footer a { text-decoration:none } #footer a:hover { text-decoration:underline } ul.inline, ul.inline li { margin:0; padding:0; list-style-type:none } ul.inline li { margin-left:18px; display:inline; } /* Weddings Section ---------------------------------------*/ .weddings-section { background:#cc99cc url(../images/weddings/background_03.gif) top left repeat-x; } .weddings-section #header { border-bottom-color:#fff; } .weddings-section #content { background-color:#f5ebf5 } .weddings-section #sidebar a { color:#602E61 } .weddings-section ul#features img { border-color:#DBC1DC; } .weddings-section ul#features li { margin-right:60px; } .weddings-section #footer { background:#D6ADD7 none repeat scroll 0 0; } .weddings-section #copyright { color:#663366 } .weddings-section #sitelinks, .weddings-section #sitelinks a { color:#666 } .weddings-section li.home, .weddings-section li.home a { background-image:url(../images/weddings/nav_1.gif); } .weddings-section li.profile, .weddings-section li.profile a { background-image:url(../images/weddings/nav_2.gif); } .weddings-section li.commercial, .weddings-section li.commercial a { background-image:url(../images/weddings/nav_3.gif); } .weddings-section li.recent, .weddings-section li.recent a { background-image:url(../images/weddings/nav_4.gif); } .weddings-section li.clients, .weddings-section li.clients a { background-image:url(../images/weddings/nav_5.gif); } .weddings-section li.press, .weddings-section li.press a { background-image:url(../images/weddings/nav_6.gif); } .weddings-section li.weddings, .weddings-section li.weddings a { background-image:url(../images/weddings/nav_7.gif); } .weddings-section li.contact, .weddings-section li.contact a { background-image:url(../images/weddings/nav_8.gif); } .weddings-section #navigation li.home a:hover { background-image:url(../images/weddings/nav_1r.gif); } .weddings-section #navigation li.profile a:hover { background-image:url(../images/weddings/nav_2r.gif); } .weddings-section #navigation li.commercial a:hover { background-image:url(../images/weddings/nav_3r.gif); } .weddings-section #navigation li.recent a:hover { background-image:url(../images/weddings/nav_4r.gif); } .weddings-section #navigation li.clients a:hover { background-image:url(../images/weddings/nav_5r.gif); } .weddings-section #navigation li.press a:hover { background-image:url(../images/weddings/nav_6r.gif); } .weddings-section #navigation li.weddings a:hover { background-image:url(../images/weddings/nav_7r.gif); } .weddings-section #navigation li.contact a:hover { background-image:url(../images/weddings/nav_8r.gif); } /* Custom Pages ---------------------------------------*/ /* Homepage for Makeup and Weddings sections */ #homepage-makeup { background:#BD8BBE url(../images/generic/background_01.gif) top left repeat-x; } #homepage-makeup #main { width:760px; float:left; margin-left:100px; } #homepage-weddings #main { width:760px; float:left; margin-left:10px; } #homepage-weddings #sidebar { margin-left:30px; width:80px; margin-top:30px; } #homepage-makeup #content, #homepage-weddings #content { background:none; color:#fff; padding-top:0; } #homepage-makeup #footer, #homepage-weddings #footer { background:none; line-height:auto; border-top:1px solid #DBC5DA; padding-top:5px; font-size:12px; } #homepage-makeup #copyright, #homepage-weddings #copyright { font-weight:normal; width:auto; width:700px; margin:0;} #homepage-makeup #copyright, #homepage-makeup #copyright a, #homepage-weddings #copyright, #homepage-weddings #copyright a { color:#FCCAFD } #homepage-weddings #intro, #homepage-weddings #quicklinks, #homepage-makeup #intro, #homepage-makeup #showreel { float:left; display:inline; width:300px; margin-right:80px; } #homepage-makeup #intro { clear:left; } #homepage-weddings #intro { margin-right:60px; } #homepage-weddings #quicklinks { width:320px; } #quicklinks h3, #quicklinks li { margin-bottom:15px; } #quicklinks a { color:#602E61 } #quicklinks a:hover { text-decoration:none; font-weight:bold; } /* Profile */ #sidebar ul.feature-clients { margin-top:35px; } #sidebar .feature-clients li { color:#996699; text-transform:lowercase; font-size:15px; line-height:22px; margin-bottom:0; } #sidebar a.more { color:#996699; font-weight:bold; } /* Commercial Listings page */ #commercial #main { width:530px; } #textpage #main { width:540px; } /* Nav Highlighting ---------------------------------------*/ .makeup #navigation li.home a { background-image:url(../images/generic/nav_1r.gif); } .weddings-section #navigation li.weddings a { background-image:url(../images/weddings/nav_7r.gif); } #profile #navigation li.profile a { background-image:url(../images/generic/nav_2r.gif); } #commercial #navigation li.commercial a { background-image:url(../images/generic/nav_3r.gif); } #recent #navigation li.recent a { background-image:url(../images/generic/nav_4r.gif); } #clients #navigation li.clients a { background-image:url(../images/generic/nav_5r.gif); } #press #navigation li.press a { background-image:url(../images/generic/nav_6r.gif); } #contact #navigation li.contact a { background-image:url(../images/generic/nav_8r.gif); } /* Right sidebar background photos ---------------------------------------*/ #clients #content { background-image:url(../images/sidebar_photos/image_clients.jpg); } #recent #content { background-image:url(../images/sidebar_photos/image_recent.jpg); } #contact #content { background-image:url(../images/sidebar_photos/image_contact.jpg); } #enquiry #content { background-image:url(../images/sidebar_photos/image_enquiry.jpg); } #guestbook #content { background-image:url(../images/sidebar_photos/image_guestbook.jpg); } #process #content { background-image:url(../images/sidebar_photos/image_process.jpg); } #profile #content { background-image:url(../images/sidebar_photos/image_profile.jpg); } #lashes #content {background-image:url(../images/sidebar_photos/image_lashes.jpg);} #links #content {background-image:url(../images/sidebar_photos/image_links.jpg);} /* Specific Elements ---------------------------------------*/ .column, .column-first { width:190px; float:left; display:inline; margin-left:35px; } .column-first { margin-left:0; } ul#gallery, #gallery li { margin:0; padding:0; list-style-type:none} #gallery li { margin-right:15px; padding-bottom:15px; display:inline; float:left; line-height:1em } #gallery li.row { clear:both; } ul#features, ul#features li { margin:0; padding:0; list-style-type:none } ul#features li { margin-right:80px; margin-bottom:20px; list-style-type:none; display:inline; text-align:left; float:left; width:300px; } ul#features img { border:10px solid #C2A8C3; } #showreel { border-top:1px solid #D7BFD5; border-bottom:1px solid #D7BFD5; background:url(../images/home/showreel_bg.jpg) top left repeat-y; padding:9px 0; color:#663366;} #showreel img.icon { margin-left:9px; float:left; display:inline; } #showreel p { float:right; display:inline; width:130px; } #showreel a { color:#663366; font-weight:bold; } form p { margin-bottom:15px; clear:both; } form label { width:60px; display:inline; float:left; font-weight:bold; color:#663366; padding-bottom:3px; } form label em { font-weight:normal; font-style:normal } form label.wide { width:100%;} form input.text { width:180px; } #button { font-weight:bold; color:#333; border:1px solid #996699; background-color:#CC99CC; padding:3px; } #button:hover { color:#fff; } .press-item { padding-bottom:20px; border-bottom:1px solid #c9c; clear:both; margin-bottom:20px; } .press-item ul, .press-item li { margin:0; padding:0; list-style-type:none } .press-item ul li { display:inline; float:left; margin-right:15px; margin-bottom:10px; } .press-item ul li.last { margin-right:0; } .press-item h3 { clear:both; font-weight:normal; font-size:0.9em; margin-left:10px; line-height:auto; margin-bottom:0; } .press-item p.photos { margin-bottom:0; } .press-item .photos a img { margin-right:15px; } .press-item .photos a.last img { margin:0; } #guestbook-comments { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px; } /* Hacks ---------------------------------------*/ .clear { clear:both; height:0; }