body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #747474; background-image:url('/images/freshideas/bg.jpg'); background-position:top; background-repeat:repeat-x; background-color: #1d2c15; margin:0 20px; padding: 0 } #wrapper { width: 980px; margin: 0 auto } :focus { outline:none } #masthead { padding: 0; margin: 0 } #masthead .content { padding: 0; margin: 0; font-size: .8em } #center { width: 980px; padding: 0; margin: 0 } #center #wrap { padding: 0; margin: 0 38px 0 39px; background-color:#f4f3f1; width: 900px; min-height: 400px; height: auto; _height: 400px } #center #wrap .content { padding: 0 14px 0px; margin: 0; font-size: 0.8em; line-height: 1.3em; background-color:#f4f3f1; width: 872px } #center #wrap .maincontent { padding: 6px 0 0px 0; margin: 0 0 0 0; font-size: 0.8em; line-height: 1.2em; background-color:#f4f3f1; width: 897px } #center a:link { color: #3d6529; text-decoration:none; font-weight:bold; font-size:96% } #center a:visited { color: #3d6529; text-decoration:none; font-weight:bold; font-size:96% } #center a:hover { color: #3d6529; text-decoration:underline; font-weight:bold; font-size:96% } #footer a:link { color: #747474 } #footer a:visited { color: #747474 } #footer a:hover { color: #747474 } #footer { padding: 0; margin: 0 } #footer .content { padding: 0; margin: 0; font-size: 0.8em } #footer .contentNav { padding: 0; margin: 15px 0 0 55px; font-size: 0.70em; letter-spacing:0.02em; width:870px; background-image:url('/images/freshideas/bg-logo.gif'); background-position:top right; background-repeat:no-repeat; height:100px } #introLeft { float:left; padding: 12px 0 0 18px; width:340px; height:165px; color:#333; line-height:1.1em } #introPictlink { float:left; padding: 12px 0 0 18px; margin:40px 0 0 10px; width:155px; color:#333 } #intro { padding: 12px 0 0 18px; width:340px; color:#333; line-height:1.1em } #menuWrap { display:block; width:400px; float:right } #topboxLeft { float:left; margin:40px 20px 0 0; padding:5px 0; width:160px } #topboxRight { float:left; margin:40px 0 0; padding:5px 0; width:160px } #contact { padding:10px 0 15px 0; margin:0 } #article { padding:2px 0 15px 0; margin:0; border-bottom: 1px dashed #ccc; min-height:350px; height:350px; height:auto !important } #rotatingPict { width:872px; padding:0; margin:0 0 0 15px; height:182px } #container { width:900px; padding:0; margin:0 0 0 39px; background-color:#f4f3f1; height:182px } /** Boxes **/ #boxLeft { float: left; padding: 10px 0 10px 0; margin: 20px 1% 20px 0; border-top: 1px dashed #ccc; width: 520px; voice-family: "\"}\""; voice-family:inherit } html>body #boxLeft { width: 520px } #boxRight { float: right; text-align:right; padding: 10px 0 10px 0; margin: 20px 0 20px 1%; width: 320px; voice-family: "\"}\""; voice-family:inherit } html>body #boxRight { width: 320px } #boxLeftv2 { float: left; padding: 0 0 10px 0; margin: 20px 0 20px 0; width: 340px; voice-family: "\"}\""; voice-family:inherit } html>body #boxLeftv2 { width: 340px } #boxRightv2 { float: right; text-align:left; padding: 10px 0 10px 0; border-top: 1px dashed #ccc; margin: 20px 0 20px 1%; width: 490px; voice-family: "\"}\""; voice-family:inherit } html>body #boxRightv2 { width: 490px } #boxLeftv3 { float: left; padding: 1px 0 2px 15px; margin: 0; width: 330px; voice-family: "\"}\""; voice-family:inherit } html>body #boxLeftv3 { width: 330px } #boxRightv3 { float: right; text-align:left; padding: 1px 0 2px 0; margin: 0 0 0 1%; width: 543px; voice-family: "\"}\""; voice-family:inherit } html>body #boxRightv3 { width: 543px } #boxLeftv4 { float: left; padding: 10px 0 10px 0; margin: 0 5px 20px 0; width: 510px; voice-family: "\"}\""; voice-family:inherit } html>body #boxLeftv4 { width: 510px } #boxRightv4 { float: right; padding: 0 0 10px 0; margin: 0 0 20px 5px; width: 343px; voice-family: "\"}\""; voice-family:inherit; text-align:right } html>body #boxRightv4 { width: 343px } #boxRightv5 { float: right; text-align:right; padding: 0 0 10px 0; margin: 20px 0 20px 2px; width: 320px; voice-family: "\"}\""; voice-family:inherit } html>body #boxRightv5 { width: 330px } .advert { text-align:left; padding:10px 20px 15px; margin:0 0 10px 0; background-color:#f0eec7; background-image:url('/images/freshideas/corner.gif'); background-position:bottom right; background-repeat:no-repeat; min-height:50px; height:50px; height:auto !important } .advert ul { list-style:none; margin:0; padding:0} .advert ul li { color:#3D6529 !important; font-weight:bold } .advert ul li a { color:#A0BB5A !important ; font-weight:normal} .event { text-align:left; padding:10px 20px 15px; margin:0 0 10px 0; background-color:#f0eec7; background-image:url('/images/freshideas/corner.gif'); background-position:bottom right; background-repeat:no-repeat; min-height:50px; height:50px; height:auto !important } .event h2 { font-size: 1.35em; padding:0; margin: 0 0 5px 0; padding:0; color:#9E9514; border-bottom: 1px dashed #ccc; line-height:1.2em} #box1, #box2 { float:left; margin:10px 15px 0 0; padding:5px 0; width:150px; border-top:1px dashed #5d6a58; border-bottom:1px dashed #5d6a58 } #box3 { float:left; margin:10px 0 0; padding:0; width:220px; border:1px dashed #5d6a58 } #box4 { float:left; margin:10px 0 0; height:69px; padding:0; width:130px; border-top:1px dashed #5d6a58; border-right:1px dashed #5d6a58; border-bottom:1px dashed #5d6a58 } #boxLeft table { border-collapse:collapse } #article table { width:100%} #article table td { border-bottom:1px dashed #ccc } #article table td.none { border-bottom:0px dashed #ccc } #box1 .list, #box2 .list { padding: 0; margin: 0; width: 160px } #box1 .list li, #box2 .list li { list-style: none; margin: 0; padding: 0 } #box1 .list li a, #box2 .list li a { text-decoration: none; color:#7f8d38 !important } #topboxLeft .topmenu, #topboxRight .topmenu { padding: 0; margin: 0; width: 165px; line-height:1.1em } #topboxLeft .topmenu li, #topboxRight .topmenu li { list-style: none; margin: 0; padding: 0 } #topboxLeft .topmenu li a { text-decoration: none; color:#7f8d38 !important } #topboxRight .topmenu li a { text-decoration: none; color:#747474 !important } #topboxLeft .topmenu li a.selected, #topboxRight .topmenu li a.selected { text-decoration: none; font-weight:bold; font-size:95%; color:#c00465 !important } .bg1 { background-image:url('/images/freshideas/about-us.jpg'); background-repeat:no-repeat } .bg2 { background-image:url('/images/freshideas/community.jpg'); background-repeat:no-repeat } .bg3 { background-image:url('/images/freshideas/adverts.jpg'); background-repeat:no-repeat } .bg4 { background-image:url('/images/freshideas/eventhead.jpg'); background-repeat:no-repeat } h1 { font-size: 1.8em; padding:0; margin: 1px 0 5px; line-height:1.1em; color:#A0BB5A; font-weight:normal } h2 { font-size: 1.4em; padding:0; margin: 5px 0 5px 0; line-height:1.2em; color:#A0BB5A; font-weight:normal } /* h3 { font-size: 2.3em; background:transparent; margin:0; padding:0 0 5px; color:#fff; font-family: Helvetica, Arial, sans-serif} */ h3 { font-size: 2.2em; background:transparent; margin:0; padding:5px 0 10px; color:#fff; font-family: Helvetica, Arial, sans-serif; font-weight:normal; line-height:1em} h4 { font-size: 1.4em; padding:0; margin: 1px 0 5px; color:#000; line-height:1.6em; font-weight:normal } h5 { font-size: 1.2em; padding:0; margin: 1px 0 5px; color:#fff; line-height:1em } h6 { font-size: 1.35em; padding:0; margin: 0 0 5px 0; padding:0; color:#3fb2df; border-bottom: 1px dashed #ccc; line-height:1.2em} img.floatright { float: right; margin: 0 0 10px 10px; padding: 2px } h5 {padding:0; margin:0 0 18px; font-size:1.3em; line-height:1.1em} h5 span {color:#a1bd56} h5 a { color:#fff !important } h5 a:hover { text-decoration:none !important } .topBg { padding: 0; margin: 0; background-image:url('/images/freshideas/top.jpg'); background-repeat:no-repeat; height:192px } .flash-replaced .alt{ display: block; height: 0; position: absolute; overflow: hidden; width: 0 } .nomargintop { margin-top: 0 } .content p { margin: 0 0 12px; line-height:1.2em } .clear { clear:both } .greenText { color:#639a34 !important } .greenLight { color:#7f8d38 !important } .greenDark { color:#73826b !important } .greenLight2 { color:#a1bd56 !important } /* nav template v2 **/ #navcontainer ul { margin: 0; padding: 10px 0 0 30px; list-style-type: none; width:255px } #navcontainer li { margin: 0 0 3px 0; } #navcontainer a { display: block; padding: 2px 2px 2px 24px; border-bottom: 1px dashed #ccc; width: 255px; background-image: url('/images/freshideas/arrow-green.gif'); background-repeat:no-repeat; background-position:0 3px } #navcontainer a:link, #navlist a:visited { color: #747474; text-decoration: none } #navcontainer a:hover { background-image: url('/images/freshideas/selected-bg.gif'); color: #747474 } #active a:link, #active a:hover, #active a:visited, a#current { border-bottom: 1px dashed #ccc; background-image: url('/images/freshideas/selected-bg.gif'); color: #747474 } #navcontainer a { font-weight:bold; font-size:95% } #navcontainer a span { font-weight:normal !important } #projectboxOpen { background-image:url('/images/freshideas/project-bg-long.gif'); background-position:top; background-repeat:repeat-x; width:339px; min-height:400px; height:400px; height:auto !important } #projectboxClose { background-image:url('/images/freshideas/project-bg-long.gif'); background-position:bottom; background-repeat:no-repeat; width:339px; height:70px } #formBox { padding:90px 0 20px 30px; margin:0 } .HeaderTitle { padding:0 0 10px 0; margin:0 0 10px; border-bottom: 1px dashed #ccc; background-image:url('/images/freshideas/icon-bg1.jpg'); background-position:right top; background-repeat:no-repeat } .HeaderTitleContact { padding:0 0 5px 0; margin:0 0 10px; border-bottom: 1px dashed #ccc; background-image:url('/images/freshideas/contact.jpg'); background-position:left top; background-repeat:no-repeat } .HeaderTitleContact #picture { float:left; width:165px; margin:0; padding:0} .HeaderTitleContact #contact { float:left; width:330px; margin:0 0 0 10px; padding:0 } .menuGallery { margin: 0; padding: 0; list-style: none } .menuGallery li { float: left; margin: 0; padding: 0; background: none } .menuGallery li a { display: block; margin: 0 7px 7px 0; padding: 0 } .menuGallery li a.simple { margin: 0 7px 0 0; ; padding: 0 } .menuGallery li a:hover { } .menuGallery li.active a { } /* home page **/ #containerHome { width:900px; padding:0; margin:0 0 0 39px; background-color:#f4f3f1 } #mainpict { float:left; width:522px; margin:0; padding:0 0 0 15px; height:266px } #menuPict { float:right; width:355px; padding:0 ; margin:0; height:266px } #li-box { color:#333; background-image:url('/images/freshideas/li.jpg'); background-repeat:repeat-y; margin:0; padding:0; min-height:270px; height:270px; height:auto !important } #b1 { float:left; width:152px; margin:0 8px 0 2px; padding:155px 0 5px 20px } #b2 { float:left; width:152px; margin:0 8px 0 0; padding:155px 0 5px 20px } #b3 { float:left; width:152px; margin:0; padding:155px 0 5px 15px } #li-box-bottom { padding:10px 0 0 8px; margin:5px 0 0 0; background-image:url('/images/freshideas/tel.jpg'); background-repeat:no-repeat; background-position:top right; min-height:108px } .boxSmall { width:360px; margin:0; padding:0 } .bigtext { font-size:1.4em; line-height:1.1em } .boxSmall a { text-decoration:underline; color:#3d6529 !important } /** Quotes **/ blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em } .pquote { float: right; width: 8em; background: url('/images/freshideas/icons/openquote.gif') top left no-repeat; color: #030; font-size: 1.4em; line-height: 0.9em; font-style: italic; padding: 0.5em; margin: 0 } .pquote p:first-letter { font-size: 1.5em; font-weight: bold } /************************************************** CSS accessibility form **************************************************/ /* rob amended this to include form id reference (to distinuguish from admin area forms) */ form#form { margin: 0; padding: 0; width: 100% } form#form fieldset { border-color: #ccc; border-width: 1px; border-style: solid; padding: 10px; margin: 0 } form#form fieldset legend { font-size:1.1em } form#form label { display: block; float: left; width: 100px; padding: 0; margin: 5px 0 0; text-align: right } form#form label.none { width: 60px; padding:0 15px 0 0; margin: 5px 0 0; text-align: left; color:#a19e69; font-weight:bold } form#form fieldset label:first-letter { text-decoration:underline } form#form input[type=text], form#form textarea, form select { width:200px; margin:5px 0 0 10px; padding:3px; border:1px solid #ccc } form#form input#reset { margin-left:0px } form#form textarea { overflow: auto } form#form small { display: block; margin: 0 0 5px 160px; padding: 1px 3px; font-size: 88% } form#form .required { font-weight:bold } form#form br { clear:left } form#form input[type=submit], form#form input[type=reset] { color:#747474; margin:10px; padding:3px 5px; font-weight:bold; text-transform:uppercase; font-size:9px; background-color:#f8fafc; border:2px solid #b5d4fe } form#form input[type=submit]:hover, form#form input[type=submit].over, form#form input[type=reset]:hover, form#form input[type=reset].over { background-color:#b5d4fe; border:2px solid #b5d4fe; color:#fff } /* rob duped and altered this next bit (dropped pixel width specification for admin area forms) */ form#adminform { margin: 0; padding: 0; width: 100% } form#adminform fieldset { border-color: #ccc; border-width: 1px; border-style: solid; padding: 10px; margin: 0 } form#adminform fieldset legend { font-size:1.1em } form#adminform label { display: block; float: left; width: 100px; padding: 0; margin: 5px 0 0; text-align: right } form#adminform label.none { width: 60px; padding:0 15px 0 0; margin: 5px 0 0; text-align: left; color:#a19e69; font-weight:bold } form#adminform fieldset label:first-letter { text-decoration:underline } form#adminform input[type=text], form#adminform textarea, form#adminform select { margin:5px 0 0 10px; padding:3px; border:1px solid #ccc } form#adminform input#reset { margin-left:0px } form#adminform textarea { overflow: auto } form#adminform small { display: block; margin: 0 0 5px 160px; padding: 1px 3px; font-size: 88% } form#adminform .required { font-weight:bold } form#adminform br { clear:left } form#adminform input[type=submit], form#adminform input[type=reset] { color:#747474; margin:10px; padding:3px 5px; font-weight:bold; text-transform:uppercase; font-size:9px; background-color:#f8fafc; border:2px solid #b5d4fe } form#adminform input[type=submit]:hover, form#adminform input[type=submit].over, form#adminform input[type=reset]:hover, form#adminform input[type=reset].over { background-color:#b5d4fe; border:2px solid #b5d4fe; color:#fff } /************************************************** CSS Based Messages **************************************************/ .error { background: #ffe1da url('/images/freshideas/icons/icon_error.png') 13px 50% no-repeat; border: 2px solid #f34f4f; color: #be0b0b; padding: 10px 11px 8px 36px } .info { background: #f8fafc url('/images/freshideas/icons/icon_information.png') 13px 50% no-repeat; border: 2px solid #b5d4fe; color: #406299; padding: 10px 11px 8px 36px } .success { background: #e2f9e3 url('/images/freshideas/icons/icon_success.png') 13px 50% no-repeat; border: 2px solid #9c9; color: #080; padding: 10px 11px 8px 38px } .warning { background: #fff8bf url('/images/freshideas/icons/icon_warning.png') 13px 50% no-repeat; border: 2px solid #ffd324; color: #eb830c; padding: 10px 11px 8px 38px } /************************************************** Community Food Projects navigation **************************************************/ ul#foodprojects {font-weight:normal;list-style:none} ul#foodprojects li.bold {list-style:none; text-decoration:underline; font-weight:normal} input.data, textarea.data, select.data { margin:5px 0 0 10px; padding:3px; border:1px solid #ccc }