/*-------------------------------------------------- Stylesheet: www.chilternscatering.com.au Version: 1.01 Author: Benjamin Nicoll Application: Static HTML / CSS Basecode CSS: Blueprint CSS Framework 0.9 --------------------------------------------------*/ /*--global----------------------------------------*/ body { -x-system-font: none; background: #5f554b ; color: #545454; font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 18px; } a:link { color: #0281CA; text-decoration: none; } a:visited { color: #0281CA; text-decoration: none; } a:hover { color: #0281CA; text-decoration: underline; } a:active { color: #202020; } h1 { margin: .6em 0 .4em; font-size: 1.5em; } h2 { margin: 1em 0 .4em; font-size: 1.25em; } h3 { margin: 0em 0 1em 0; font-size: 1.1em; } p { margin: .2em 0 1em; } p + p { margin-top: 0; text-indent: 0; } ul, ol { margin: .2em 0 1em 0; } ul li, ol li { margin-bottom: 0em; } ul li { list-style: none; } ol li { list-style-type: decimal; } /*--misc------------------------------------------*/ .sep { margin: 0 .5em; } .hide { display: none; } /*--clearfix--------------------------------------*/ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix { display: inline-block; } .clear { clear: both; } /*--forms-----------------------------------------*/ fieldset { border: none; } legend { color: #222222; font-size: 28px; font-weight: bold; letter-spacing: -1px; margin-bottom: 25px; margin-top: 0; } label { display: inline-block; width: 100px; padding: 10px 0; vertical-align: top; } .form-row { margin: 0 0 1em; overflow: hidden; } .form-row .form-label { float: left; width: 220px; padding-top: .3em; } .form-row .form-field, .form-row .form-comment, .form-help { margin-left: 240px; } .form-row .form-comment { color: #7E7E7E; font-size: .9em; } .form-row .form-comment p { margin: 0; } .form-row label { font-weight: normal; } .form-help p { color: #7E7E7E; } .form-submit { margin: 0 0 20px 240px; overflow: hidden; } input.textbox { text-align: left; padding: 5px; font-size: 14px; color: #09C; background: #eaeaea; } input.button { background-color: #203058; border: medium none; color: #FFFFFF; cursor: pointer; display: block; float: right; margin-top: 8px; padding: 5px; } textarea.textbox { font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif; text-align: left; padding: 5px; font-size: 14px; color: #09C; background: #eaeaea; width: 404px; } #search input[type="text"], input.text, input.title, textarea, select { } /*--error-handling--------------------------------*/ .error { } .error .form-label { padding-top: 1em !important; color: #B00; } .error .form-field { padding: 5px; background-color: #FDF2F3; } .error .form-comment { padding: 0 5px 7px; background-color: #FDF2F3; color: #966; } .message-error { margin: 0 0 40px; border: 2px solid #DE001D; padding: 10px 18px; background-color: #FEF7F8; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .message-error h3 { margin: .4em 0 .75em; color: #B00; font-size: 1.2em; } .message-error p { margin-bottom: .7em; } /*--error-handling--------------------------------*/ /*--thickbox-images-------------------------------*/ #TB_overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 300; background: #202020; } #TB_window { display: none; position: absolute; z-index: 302; } #TB_window a { border: 0 !important;} #TB_window img { display: block; margin: 28px 0 0 13px; padding: 11px; border: 0 !important; background: transparent url('../files/images/core/thickbox/windowBg.png') no-repeat; } #TB_caption { display: none; } #TB_next { position: absolute; right: 24px; top: 260px; } #TB_prev { position: absolute; left: 12px; top: 260px; } #TB_next a, #TB_prev a { display: block; cursor: pointer; width: 29px; height: 29px; background: transparent url('../files/images/core/thickbox/slideshowNext.png') no-repeat; text-indent: -9999px; text-decoration: none; font-weight: 700; text-align: right; border: 0 !important; } #TB_prev a { background: transparent url('../files/images/core/thickbox/slideshowPrev.png') no-repeat; } #TB_prev a span, #TB_next a span { display: none; } #TB_closeWindowButton { text-align: left; position: absolute; display: block; left: 10px; top: 26px; height: 30px; width: 30px; background: transparent url('../files/images/core/thickbox/close.png') no-repeat; border: 0 !important; z-index: 300; } #TB_closeWindow span { display: none; } #TB_load { display: block; left: 0; overflow: visible; position: absolute; text-align: center; top: 50%; visibility: visible; width: 100%; z-index: 301; } #TB_loadContent { height: 32px; width: 32px; left: 50%; position: absolute; margin-left: -16px; margin-top: -16px; padding: 6px; visibility: visible; background: url('../files/images/core/thickbox/loadingWhiteBg.png') no-repeat; } #TB_SecondLine, #TB_ImageDIV { clear: both; } /* Specific Styles ============================== */ /*--top-section-----------------------------------*/ #top { margin: 0 auto; height: 250px; overflow: hidden; } /* logotype */ #top h1 { position: relative; float: left; background: url('../files/images/logos/logo-magnuso.jpg') no-repeat 0 0; width: 240px; height: 250px; margin: 0; line-height: 1; font-size: 1.3em; overflow: hidden; } #top h1 a { } #top h1 span { display: none; } /*--navigation------------------------------------*/ #container { background: #e7dacb; } #navigation { } #navigation ul { } #navigation li { background: #999999; } #navigation li a { display: block; color: #FFFFFF; list-style-image: none; letter-spacing: 1px; list-style-type: none; margin: 0 0 1px 0px; padding: 7px 0 7px 20px; text-transform: uppercase; } #navigation li a:hover { background: #FF125B; text-decoration: none; } /*--hero------------------------------------------*/ #hero { background: #ff0000; height: 250px; } #information h3 { font-size: 12px; color: #CCCCCC; font-weight: bold; } #information p { font-size: 11px; color: #666666; } #hero-home { height: 375px; border-bottom: 1px solid #CCCCCC; } #hero-blog { height: 75px; border-bottom: 1px solid #CCCCCC; } #hero-blog h2 { padding-top: 25px; color: #222222; font-size: 24px; } #slider { } #slider ul, #slider li { margin: 0; padding: 0; list-style: none; } #slider li { width: 950px; height: 375px; overflow: hidden; } #prevBtn, #nextBtn { background: #CCCCCC; display: block; width: 30px; height: 30px; position: absolute; left: 100px; top: 100px; z-index: 9999; } #nextBtn { left: 10px; } #prevBtn a, #nextBtn a { background: #CCCCCC; display: block; width: 30px; height: 30px; background: url(images/btn_prev.gif) no-repeat 0 0; } #nextBtn a { background: url(images/btn_next.gif) no-repeat 0 0; } /*--content---------------------------------------*/ #main { } #maincontent { background: #e6e0d5; padding: 0; position: relative; margin-top: 20px; } #maincontent h2 { color: #0281CA; font-size: 24px; margin-bottom: 5px; margin-top: 0; } #maincontent h3 { color: #0281CA; font-size: 16px; } #maincontent h4 { color: #222222; font-size: 16px; margin-bottom: 0; margin-top: 25px; } #maincontent p { } #maincontent p.small { font-size: 9px; color: #888888; margin-bottom: 0; } #maincontent .showcase { border: 1px solid #CCCCCC; padding: 1px; } /*--sitewide-typography---------------------------*/ .description { font-size: 10px; color: #888888; } .intro { font-size: 18px; color: #888888; line-height: 1.7; } .intro strong { color: #239AD2; font-weight: normal; } /*--sidebar---------------------------------------*/ #sidebar { background: #ffffff; font-size: 10px; } #sidebar .box { background: #F1F1F1 none repeat scroll 0 0; margin: 5px 0 25px 0; padding: 0 5px 5px; } #sidebar h4 { background: #E2E2E2 none repeat scroll 0 0; margin: 0 -5px 5px -5px; padding: 5px; font-size: 10px; font-weight: bold; line-height: 18px; } #sidebar a { color: #0088CC; } #sidebar ul { padding: 10px 0 0 0; } #sidebar li { line-height: 1.5em; list-style-image: url(''); margin-bottom: 5px; margin-left: 16px; padding: 0; } .cat-item li { line-height: 1.5em; list-style-image: url(''); margin-bottom: 5px; margin-left: 16px; padding: 0; list-style: none; } /*--footer----------------------------------------*/ #footer { padding-left: 25px; margin-top: 50px; padding-top: 20px; padding-bottom: 50px; font-size: 10px; border-top: 1px solid #CCCCCC; color: #84715d; } #footer h2 { font-size: 12px; font-weight: bold; color: #84715d; margin-top: 0; } #footer strong { font-weight: normal; color: #84715d; line-height: 1.6; } #footer a { color: #84715d; text-decoration: none; } #footer a:link, #footer a:visited { } #footer a:hover { color: #84715d; text-decoration: underline; }