/* WEBSITE STYLES - ALL FORMATING STYLES DEFINIED and LINKED TO YOUR WEBSITE CONTENT */ /* WEBSITE GENERAL STYLE PREFERENCES, GENERAL, DEFAULT AND GENERAL STRUCTURE SETTINGS ----------------*/ html, body, h1, h2, h3, h4, form { font-family: "Times New Roman", Times, serif; margin: 0px; padding: 0px; list-style: none; text-align:left} body {margin-top: 3px; margin-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; /* general default font size */ background-color: white; /* background colour around website */ color: #CCCCCC; /* general default font colour */ } td { vertical-align:top} object { display:block; border:0px; } img {border:0px; } p { margin-top:10px; margin-bottom:10px; line-height: 140%; text-align: left } /* paragraph styles */ /* general PROPERTIES FOR LINKS */ a {text-decoration:none;} a:link { color: orange; } a:visited { color: orange; } a:hover { text-decoration: underline} a:active { color: orange; } #website-wrapper {margin:auto; position:relative; width: 960px; background-color: #3a0f0f;} /* website area wrapper, bg colour etc. */ li { line-height: 120%; font-size: 11px} /* ------------------------------------------ WEBSITE TOP SECTION STYLES --------------------------*/ #header-box {height: 120px;text-align:center; background-image:url(images/bg-funky-top.jpg); background-repeat:no-repeat; background-position:center top; border-bottom:2px solid orange} #top-left-menu { position:absolute; word-spacing:3px; letter-spacing:1px; left:25px; top:5px; width:487px; height:32px; text-align:left; z-index:2; font-size:14px; color: orange; font-family:"Times New Roman", Times, serif} #top-left-menu a { color: orange;} #top-right-menu { position:absolute; left:445px; top:5px; width:487px; height:32px; text-align:right; z-index:3; font-size:11px} #top-right-menu a { color: #CCCCCC;} #heading { position:absolute;left:23px;top:31px;width:716px;height:32px; z-index:1;color: #777777;font-size:20px;} /* ------------------------------------------ WEBSITE MAIN CONTENT SECTION STYLES -----------------------------------------------*/ #main-content-box {padding-left:25px; padding-right:25px; padding-top:10px; position:relative; background-image:url(images/bg_funkydoor_star.jpg); background-position:top right; background-repeat:no-repeat} /* 960px - 50px(left and right margins) = 910px wide content area*/ #main-content-box img { border:1px solid black} h1 { color: #999999; font-size:23px; font-weight:normal; letter-spacing:1px; margin-bottom:10px} /* H1 HEADING STYLE TOP TITLE*/ .page-title {color: #6699CC; letter-spacing:4px; font-size:18px} h2 {color: white; font-size:22px; letter-spacing:1px; font-weight:normal; margin-top: 3px; padding: 0px; margin-bottom:10px} /* H2 HEADING STYLE FOR TITLES on Home Page */ h3 { margin-top:10px; margin-bottom:10px; color: #6699CC; font-size:16px; letter-spacing:1px; word-spacing: 2px } h4 { margin-top:5px; margin-bottom:5px; color: #6699CC; font-size:13px; } .block-pair-img-and-text { float: left; width:435px; margin-bottom:20px;} /* container for Home Page (each Img and Text) pair */ .block-left {width:206px; float:left; margin-right:20px;} .block-right {width:206px; float:right; } .block-pair-img-and-text p {font-size:10px; line-height:130%; margin-top:0px; margin-bottom:0px} .block-pair-img-and-text img {border: 1px solid #800000; padding:7px;} .horizontal-line {border-top:2px solid orange; margin: 5px -25px 5px -25px} .menu_product_range { text-align:right; width: 200px; position:absolute; top:70px; right:25px} /* absolute posiotioning in relation to #main-content-box */ .menu_product_range a { display:block; margin-bottom: 10px} /* --------------------- HOME PAGE IMAGE GALLERY MENU -----------------------------------------------*/ #image-gallery-box {padding-left:25px; padding-right:25px; margin-top:10px;} /* Image Gallery Home Page section Box - Container with 6 Categories */ .image-category-block { width: 131px; float: left; margin-right:24.5px} /* Image category block - container for each category */ .image-category-block h2 a:first-letter{color: #6699CC; font-weight: bold;} /* no space before bracket - IE6fix to underline hover links*/ .image-category-block h2 a, .image-category-block h2 a:visited {display:block; color: #777777; font-size:22px; margin-bottom:5px; letter-spacing:1px} .image-category-block h2 a:hover{color: #6699CC; text-decoration:none} .image-category-block img {border: 1px solid #800000; padding:7px;} .image-category-block .subtitle {color:#6699CC; display:block; font-size:10px; font-weight:bold; margin-top:2px; margin-bottom:2px} .image-category-block .sublinks a {color: #666666; font-size:10px;} #photo-gallery-menu { width:100%; margin-top:10px} .home_page_capital_letter #image-gallery-box h1 { text-transform: capitalize} /* just to make first letter of 'Image' on home page Capital */ /* --------------------- IMAGE GALLERY PAGE STYLES -----------------------------------------------*/ /* menu with image categories on the right side */ #menu_gallery_categories { text-align:right; } /* absolute posiotioning in relation to #main-content-box */ #menu_gallery_categories a { display:block; margin-bottom: 10px; vertical-align:middle} #gallery-thumbnails { height:135px; width: 907px; overflow: auto; border: solid 1px gray;} #gallery-thumbnails table.thumbs-row {width:890px} /* single row table style, each row of thumbnails is element */ #gallery-thumbnails img { border:1px solid black} #gallery-thumbnails img:hover { border:1px solid #800000} .title_of_category {color: #6699CC; letter-spacing: 4px; margin-top: 5px} .title_of_category span { color:#666666} .title_of_photo { font-size:18px;} /* WEBSITE FOOTER BOTTOM SECTION STYLES -----------------------------------------------*/ #footer-box {height: 30px; border-top: solid 2px orange; text-align:center; background-image:url(images/bg-bottom.jpg); background-repeat:no-repeat; background-position:center bottom; font-size: 11px; line-height: 30px; clear: both;} #main-menu { font-size:14px; margin-top:10px; font-variant:small-caps; font-weight:normal} #main-menu a { font-weight:bold; color: #999999; letter-spacing:1px; margin:5px; line-height:160%} #main-menu a:hover { font-weight:bold; color: red; text-decoration: none} /* CONTACT PAGE FORM STYLES -----------------------------------------------*/ .form_contact textarea {height:130px; width:320px; background: #CCCCCC} table.contact {margin-top:0px; margin-bottom:0px} table.contact td {border:0px; padding:2px} .wklesle { border-top: 1px inset #000000; border-right: 1px inset #666666; border-bottom: 1px inset #666666; border-left: 1px inset #000000; background:#fff8de; }