/* THEME NAME: Edible BC theme THEME URI: http://www.edible-britishcolumbia.com DESCRIPTION: Edible BC website and blog theme VERSION: 2.0 AUTHOR: Ballistic Arts Media Studios Inc. AUTHOR URI: http://www.ballisticarts.com */ @charset "utf-8"; /* CSS Document */ /* 1.0 BODY ======================================================================================================================================================================== */ body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;} p {margin:0 0 10px; padding:0; font-size:13px; color:#666666; line-height:15px;} h1, h2, h3, h4, h5, h6 {font-weight:bold;} h1 {font-size:22px; color:#7DA325; padding:0 0 6px; margin:0 0 10px; border-bottom:1px #7DA325 solid;} h2 {font-size:14px; line-height:18px; margin:0 0 10px; padding:0; font-weight:normal;} h3 {color:#FFFFFF; font-size:18px; padding:6px 10px; margin:0 0 10px; display:block; background:#5E802F;} a:link, a:visited { color:#5E802F; text-decoration:none; } a:link { color: #5E802F; } a:hover, a:active { color:#3B5109; text-decoration:underline; } img {border:none;} .clear { clear:both; } .right { float:right; padding:0 0 0 20px;} .left { float:left; padding:0 20px 0 0; margin-left: 15px; } .alignleft { margin:10px 10px 10px 0; display:block; float:left; } .aligncenter { margin:10px 5px 10px 5px; display:block; float:none; text-align:center; } .alignright { margin:10px 0 10px 10px; display:block; float:right; } .wp-caption-text { color:#666666; } #wp-caption p.wp-caption-text { color:#666666; } #container { width:967px; margin:0; padding:0; overflow:hidden; text-align:left; } #home {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;} #events {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;} #store {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;} #blog {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;} #calendar {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;} #home a:link, #home a:visited {color:#7DA325;} #events a:link, #events a:visited {color:#7DA325;} #store a:link, #store a:visited {color:#91A412;} #blog a:link, #blog a:visited {color:#7DA325;} #home a:hover {color:#3B5109;} #events a:hover {color:#3B5109;} #store a:hover {color:#3B5109;} #blog a:hover {color:#3B5109;} /* 2.0 HEADER ======================================================================================================================================================================== */ #pageheader {width:967px; height:125px; margin:0; padding:0; float:left; background:url(images/main/bg-ediblebc-header-tastebuds.gif) no-repeat top left;} #ediblebclogo {width:300px; height:125px; margin:0; padding:0; float:left;} #ediblebclogo a {width:300px; height:125px; display:block; overflow:hidden; text-indent:-99999px; font-size:0;} #topmenu {width:640px; height:115px; padding:10px 10px 0; margin:0; float:right; overflow:hidden; font-size:13px;} #topmenu ul {padding:0; margin:0; list-style:none; float:right;} #topmenu li {padding:0 10px; margin:0; list-style:none; float:left;} #topmenu li.menusel {padding:5px 10px; color:#FFFFFF; font-weight:bold;} #topmenu li.menusel a {color:#FFFFFF; padding:0 3px;} #topmenu li.rsslink {padding:5px 10px; color:#FFFFFF; font-weight:bold; } #topmenu li.rsslink a {background:url(images/main/rss-feed.gif) no-repeat top left; padding:0 20px; display:block; color:#FFFFFF;} #topmenu .searchbutton { background:#8E5115; color:#FFFFFF; font-weight:bold; padding:2px 5px; margin:0 6px; font-size:13px; border:none;} #endheader {width:967px; height:30px; padding:0; margin:0; float:left; background:url(images/main/bg-header-end.gif) no-repeat top left;} /* 3.0 NAVIGATION ======================================================================================================================================================================== */ #navmain {width:967px; height:40px; padding:0; margin:0; background:#FFFFFF; float:left; overflow:hidden;} #navmain {_padding:12px 0 0; _height:25px; *padding:12px 0 0; *height:25px;} .menudivider {background:url(images/main/menudivider.gif) top right no-repeat;} #nav ul {margin:0; padding:0; list-style:none; float:right;} #nav li {margin:0; padding:0 10px; list-style:none; float: left;} #nav li a {padding:0 5px 7px 0; margin:0; color:#7DA325; text-decoration:none; display: block; font-size:14px; text-align:left;} #nav li a:hover {text-decoration:none; display:block; color:#3B5109;} #nav li ul { position: absolute; height: auto; padding: 0px; list-style: none; margin: -1px 0 0; text-align: left; border:1px solid #7DA325; background:#FFFFFF; display: none; text-indent:0px; z-index:1; font-size:13px; } #nav li ul li { margin: 0; padding:0; float: none; height:auto;} #nav li ul li a { font-size:12px; float: none; height: auto; padding:5px 25px 5px 5px; color: #7DA325 !important; background: #FFFFFF; border-bottom: 1px solid #7DA325; _height: 20px; _line-height: 15px; } #nav li ul li a:hover { background: #FFFFFF; color: #3B5109; text-decoration:none; _height: 20px; _line-height: 15px; _float:none; } #nav li:hover ul { display: block; } #nav li.iehover ul { display: block; _width:200px; } /* 4.0 FOOTER ======================================================================================================================================================================== */ #sitemaparea {width:947px; padding:20px 10px; margin:20px 0 0; background:#7dA325; float:left; color:#FFFFFF;} #sitemaparea a {color:#FFFFFF;} #sitemaparea li a {color:#FFFFFF;} #sitemaparea li a:hover {color:#FFFFFF; text-decoration:none;} #sitemaparea ul {padding:0; margin:0; list-style:none;} #sitemaparea li {padding:0 0 6px; margin:0; list-style:none;} #sitemaparea #linkcolumn1 {width:75px; padding:0 10px; float:left;} #sitemaparea #linkcolumn2 {width:85px; padding:0 10px; float:left;} #sitemaparea #linkcolumn3 {width:170px; padding:0 10px; float:left;} #sitemaparea #linkcolumn4 {width:170px; padding:0 10px; float:left;} #sitemaparea #linkcolumn5 {width:170px; padding:0 10px; float:left;} #sitemaparea #linkcolumn6 {width:150px; padding:0 10px; float:left;} #sitemaparea #linkcolumn6 .social_icon { width: 32px; float: left; margin: 0; padding:0 5px 0 0;} #sitemaparea #linkcolumn1 a, #sitemaparea #linkcolumn2 a, #sitemaparea #linkcolumn3 a, #sitemaparea #linkcolumn4 a, #sitemaparea #linkcolumn5 a, #sitemaparea #linkcolumn6 a {color:#FFFFFF;} #pagefooter {width:967px; padding:10px 0; margin:0; color:#999999; font-size:11px; float:left; overflow:hidden; line-height:14px;} #pagefooter a {color:#999999;} #pagecopyright {width:645px; float:left;} #pagecredit {widows:310px; float:right; text-align:right;} /* 5.0 CONTENT ======================================================================================================================================================================== */ #pagearea {width:967px; padding:0; margin:0; float:left; overflow:hidden;} #home h1, #events h1 {font-weight:normal; font-size:22px; color:#7DA325; padding:0 0 6px; margin:0 0 10px; border-bottom:1px #7DA325 solid;} #store h1 {font-weight:normal; font-size:22px; color:#91A412; padding:0 0 6px; margin:0 0 10px; border-bottom:1px #91A412 solid;} #blog h1 {font-weight:normal; font-size:22px; color:#0072BC; padding:0 0 6px; margin:0 0 10px; border-bottom:1px #0072BC solid;} #contentbox {width: 610px; padding:0; margin:0; float:left; overflow: hidden;} #postbox {width: 610px; padding:0; margin:0; float:left; text-align:left; overflow: hidden;} #postbox h1 {font-weight:normal; font-size:22px; color:#7DA325; padding:0 0 6px; margin:0 0 10px; border-bottom:1px #7DA325 solid;} #postbox .info {width:100%; float:left;} #postbox .cleartop { clear:both; height:20px; } #postbox .date {color:#A7B3CD; font-size:11px; padding: 0 10px 0 0; margin:0; border-right:1px #666 solid; } #postbox .author {color:#A7B3CD; font-size:11px; padding: 0 10px; margin:0; border-right:1px #666 solid; } #postbox .author a {color:#A7B3CD; text-decoration:none; } #postbox .comment {color:#A7B3CD; font-size:11px; padding: 0 10px; margin:0; } #postbox .printer {color:#A7B3CD; font-size:11px; padding: 0 10px; margin:0; float:right; } #postbox .printer a {color:#A7B3CD; text-decoration:none; } #postbox .catblock, #postbox .tagblock {color:#A7B3CD; font-size:11px; padding:0; margin:0; } #postbox .catblock a, #postbox .tagblock a {color:#0072BC; text-decoration:none; } .postdividing {width:610px; height:20px; border-top:1px #CCFFFF dashed; float:left;} #pageleftcolumn { width: 200px; padding: 0px; margin: 0px; float: left; overflow: hidden; } #pagecolumnads {padding: 0px; margin: 10px; overflow:hidden;} #adscolumn { width: 140px; float:right; padding:0; margin:0 0 0 5px; overflow:hidden;} #adscolumn img, #adscolumn img a { border: none; } #subcontact { width:182px; float:left; margin:20px 8px 0 0; padding:18px 0px; font-size:13px; line-height:14px; color:#7DA325; } #rsslist {} /* 6.0 HOMEPAGE ======================================================================================================================================================================== */ #home {} #welcometext {width:967px; padding:5px 0 0; margin:0; float:left;} #welcometext p {text-align:center; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:22px; color:#7dA325; margin:0 0 20px; padding:0;} #featurearea {width:967px; padding:0; margin:0; float:left;} #home #homepagecolumn1 {width:313px; height:320px; padding:0; margin:0; float:left; overflow:hidden;} #home #homepagecolumn2 {width:313px; height:320px; padding:0 0 0 15px; float:left; overflow:hidden;} #home #homepagecolumn3 {width:313px; height:320px; padding:0; float:right; overflow:hidden;} #home #homepagecolumn1 h2, #home #homepagecolumn2 h2, #home #homepagecolumn3 h2 {font-size:14px; line-height:18px; padding:0; margin:0 0 2px;} #home #homepagecolumn1 p, #home #homepagecolumn2 p, #home #homepagecolumn3 p {font-size:13px; line-height:15px; padding:0; margin:0 0 8px;} #home #homepagecolumn1 a {color:#7DA325;} #home #homepagecolumn2 a {color:#91A412;} #home #homepagecolumn3 a {color:#0072BC;} #home #homepagecolumn1 a:hover {color:#3B5109;} #home #homepagecolumn2 a:hover {color:#3B5109;} #home #homepagecolumn3 a:hover {color:#000099;} .featuretop {width:313px; height:150px; float:left; overflow:hidden; padding:0; margin:0 0 2px; } .eventsheader, .storeheader, .blogheader, .featureheader, .publicheader, .privateheader {width:313px; height:32px; float:left; overflow:hidden; padding:0; margin:0; display:block;} .eventsheader {background:url(images/home/header-events.gif) no-repeat top left;} .storeheader {background:url(images/home/header-store.gif) no-repeat top left;} .blogheader {background:url(images/home/header-blog.gif) no-repeat top left;} .featureheader {background:url(images/home/header-feature.gif) no-repeat top left;} .publicheader {background:url(images/home/header-public.gif) no-repeat top left;} .privateheader {background:url(images/home/header-private.gif) no-repeat top left;} .featuretext {width:313px; padding:10px 0 0; margin:0; float:left;} #homedivider {width:967px; height:25px; border-top:1px #7dA325 solid; float:left;} #homecontent {width:927px; padding:0 20px 10px; margin:0px; float:left;} #homecontent p {font-size:15px; line-height:17px;} #homecontent h1 {font-size:15px; line-height:17px; margin:0; padding:0; border-bottom:none;} #homepagecolumn1 #slider, #homepagecolumn1 #slider ul { width: 313px; /* important to be same as image width */ height: 320px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ padding: 0px; margin: 0px; } #homepagecolumn1 #slider li, #homepagecolumn1 #slider ul{padding:0; margin:0;} #homepagecolumn1 #slider ul { position: absolute;} #homepagecolumn1 .slide {float: left; position: relative; display: none;} #homepagecolumn1 #slider .slide span { position: absolute; left: 0; width: 313px; opacity: 0.8; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/ background-color: #96AEBE; color: #fff; font: 10px 15px Arial, Helvetica, sans-serif; bottom: 0;/*remove this and it will be on top*/ } #banner #sliderContent { width: 935px; /* important to be same as image width or wider */ position: absolute; top: 0; left: 0; margin-left: 0; } #banner .sliderImage { float: left; position: relative; display: none; } #banner .sliderImageLeft { float: left; width: 577px; height: 301px; position: relative; top: 0; left: 0; overflow: hidden; } #banner .sliderImageRight { float: left; width: 353px; height: 138px; padding: 0px 0px 0px 5px; position: relative; top: 0; left: 0; overflow: hidden; } #banner .sliderImageLower { float: left; width: 190px; height: 158px; padding: 5px 0px 0px 5px; position: relative; top: 0; left: 0; overflow: hidden; } #banner .sliderImageTitle { float: left; width: 158px; height: 158px; padding: 0px 0px; position: relative; top: 0; left: 0; background: url(img/mn/bg_bannerright.gif) no-repeat top left; border-top: 5px solid #FFF; border-left: 5px solid #FFF; text-align: center; overflow: hidden; } /* 7.0 EVENT PAGES ======================================================================================================================================================================== */ #events {} #events #subnavpages { width:142px; float:left; background:#7DA325; margin:0 8px 0 0; padding:18px 20px; } #events #subnavpages h3 {font-size:14px; color:#C3CB23; font-weight:normal; background:none;} #events #subnavpages ul {padding:0; margin:0; list-style:none;} #events #subnavpages li {padding:3px 0; margin:0; list-style:none; border-bottom:1px #FFFFFF dashed;} #events #subnavpages li ul li {padding:3px 5px; margin:0; list-style:none; border-top:1px #FFFFFF dashed; border-bottom:none;} #events #subnavpages li a {color:#FFFFFF;} #events #subnavpages li a:hover {color:#C3CB23; text-decoration:none;} #events #subnavevents { width:142px; float:left; background:#7DA325; margin:20px 8px 0 0; padding:18px 20px; } #events #subnavevents h3 {font-size:14px; color:#C3CB23; font-weight:normal; background:none;} #events #subnavevents ul {padding:0; margin:0; list-style:none;} #events #subnavevents li {padding:3px 0; margin:0; list-style:none; border-bottom:1px #FFFFFF dashed;} #events #subnavevents li a {color:#FFFFFF;} #events #subnavevents li a:hover {color:#C3CB23; text-decoration:none;} #events #titleareaevents { width: 589px; padding: 15px 15px 5px 10px; margin: 0px; float: left; display: block; overflow: hidden; } #events #postbox img, #events #postbox img a { border: none; } #events #postbox #postheader {width:610px; margin:10px 0; padding:0; float:left; overflow:hidden;} #events #postbox #bookingengine { width:260px; float:left; margin:5px; padding:5px; overflow:hidden;} #events #postbox #postgallery { width:315px; padding:10px 5px; margin:0; float:right; overflow:hidden; } #events #postbox #postgallery2 { width:600px; padding:10px 5px; margin:0; float:left; overflow:hidden; } #events #postbox #posttext {width:590px; padding:0 10px; margin:0; float:left; overflow:hidden;} #events #postbox #posttext #columnholder {width: 590px; padding: 10px 0px; margin: 0px; float: left; overflow:hidden;} #events #postbox #posttext #columnholder #leftcol { width: 200px; padding: 0px 20px 0px 0px; margin: 0px; float: left; border-right: 1px #7D8045 solid; } #events #postbox #posttext #columnholder #rightcol { width: 340px; padding: 0px; margin: 0px; float: right; } #events #postbox #posttext #testimonials { width: 555px; padding: 10px; margin: 0px; float: left; border: #996600 1px solid; background: #FFFFFF; } #events #postbox #posttext #subnav { width: 555px; padding: 10px 5px; margin: 10px 0px; float: left; overflow: hidden; border: #996600 1px solid; background: #FFFFFF; } #events #postbox #posttext #subnav ul { margin: 0px; padding: 0px; float: left; list-style-type: none; } #events #postbox #posttext #subnav ul li { margin: 0px; padding: 0px 10px; float: left; list-style-type: none; } #events #postbox #posttext #subnav ul li a { font-size: 12px; } #events #infodivider {width:610px; height:10px; float:left; padding:10px 0 0; border:1px #7DA325 solid;} #events h2 {font-size:14px; display:inline; font-weight:bold;} /* DIRECTORIES */ #eventtop {width:610px; padding:0; margin:0; float:left;} #events #eventtopcontent {width:280px; padding:0; margin:0; float:left; overflow:hidden;} #events #eventtopfeature {width:313px; padding:0; float:right; overflow:hidden;} #postbox #postdir {width:100%; padding:0; margin:0; float:left;} #postbox .postlisting {width:590px; padding:0 10px; margin:0; float:left;} #postbox .postlistingimage {width: 145px; padding: 5px 0px; margin: 0px; float: left;} #postbox .postlistingtext {width: 434px; padding: 0px; margin: 0px; float: right;} #postbox .postlisting .clear {clear:both;} #postbox .postlink {width:590px; height:25px; padding:10px 0 0; margin:0 0 20px; float:left; display:block; border-top:1px #7DA325 dashed; text-align:right;} /* 8.0 STORE PAGES ======================================================================================================================================================================== */ /* 9.0 BLOG PAGES ======================================================================================================================================================================== */ #blog #editorcredit {width:142px; float:left; background:#7BA539; margin:0 8px 0 0; padding:18px 20px;} #blog #editorcredit a {color:#FFFFFF;} #blog #editorcredit a:hover {color:#FFFFFF;} #blog #postbox h2 {font-size:16px; font-weight:bold;} #blog #subnavcats { width:142px; float:left; background:#7BA539; margin:0 8px 0 0; padding:18px 20px; } #blog #subnavcats h3 {font-size:14px; color:#FFFFFF; font-weight:normal; background:none;} #blog #subnavcats ul {padding:0; margin:0; list-style:none;} #blog #subnavcats li {padding:3px 0; margin:0; list-style:none; border-bottom:1px #FFFFFF dashed;} #blog #subnavcats li a {color:#FFFFFF;} #blog #subnavcats li a:hover {color:#C8E9F7; text-decoration:none;} #blog #subnavarchives { width:142px; float:left; background:#7BA539; margin:20px 8px 0 0; padding:18px 20px; } #blog #subnavarchives h3 {font-size:14px; color:#FFFFFF; font-weight:normal; background:none;} #blog #subnavarchives ul {padding:0; margin:0; list-style:none;} #blog #subnavarchives li {padding:3px 0; margin:0; list-style:none; border-bottom:1px #FFFFFF dashed;} #blog #subnavarchives li a {color:#FFFFFF;} #blog #subnavarchives li a:hover {color:#C8E9F7; text-decoration:none;} #blog #infodivider {width:610px; height:10px; float:left; padding:10px 0 0; border:1px #82C3DD solid;} #searchdivider {width:610px; height:10px; float:left; padding:10px 0 0; border:1px #666666 solid;} #navigation { width: 610px; float: left; padding: 10px 0px; margin: 10px 0px; } #navigation .previous {} #navigation .next {} #navigation #leftside { width: 250px; float: left; } #navigation #rightside { width: 250px; float: right; text-align: right; } /* 10.0 CALENDAR ======================================================================================================================================================================== */ #calendar #contentbox {width: 750px; padding:0; margin:0; float:left; } #calendar #postbox {width: 750px; padding:0; margin:0; float:left; text-align:left; } #calendar #subnavpages { width:142px; float:left; background:#7DA325; margin:0 8px 0 0; padding:18px 20px; } #calendar #subnavpages h3 {font-size:14px; color:#C3CB23; font-weight:normal; background:none;} #calendar #subnavpages ul {padding:0; margin:0; list-style:none;} #calendar #subnavpages li {padding:3px 0; margin:0; list-style:none; border-bottom:1px #FFFFFF dashed;} #calendar #subnavpages li a {color:#FFFFFF;} #calendar #subnavpages li a:hover {color:#C3CB23; text-decoration:none;} #calendar #contentbox {width: 765px; padding:0px; margin:0px; float:left; overflow: hidden;} #calendar #postbox {width: 765px; padding:0px; margin:0px; float:left; text-align:left;} #calendar #postbox #graphictitle {width: 760px; height: 85px; padding: 10px 5px; margin: 0px; float: left;} #calendar #postbox #postcontent {width: 721px; padding: 0px 32px 0px 12px; margin: 0px; float: left; background:#B2B729; } #calendar #postbox img, #events #postbox img a { border: none; } #calendar #postbox p {padding: 0px; margin: 5px 0px;} #calendar #postbox #posttext {width: 711px; padding: 0px 12px; margin: 0px; float: left;} #calendar #postbox #posttext #columnholder {width: 711px; padding: 10px 0px; margin: 0px; float: left;} #calendar #postbox #posttext #columnholder #leftcol {width: 200px; padding: 0px 20px 0px 0px; margin: 0px; float: left; border-right: 1px #793AD33 solid;} #calendar #postbox #posttext #columnholder #rightcol {width: 510px; padding: 0px; margin: 0px; float: right; } #calendar #postbox #postfooter {width:765px; height:31px; padding:0; margin:0; float:left; background:#B2B729} .calnk a:hover {background-position:0 0; text-decoration:none; color:#000000; border-bottom:1px dotted #000000;} .calnk a:visited {text-decoration:none; color:#000000;} .calnk a {text-decoration:none; color:#000000; padding:0 0 10px;} .calnk a span {display:none;} .calnk a:hover span { color:#333333; display:block; position:absolute; margin-top:1px; padding:5px; width:150px; z-index:100; background:#B2B729; border: 1px solid #666666; } .calendar-table {border:none; width:100%;} .calendar-heading {height:25px; text-align:center; border:1px solid #D6DED5; background:#E4EBE3;} .calendar-next {width:25%; text-align:center;} .calendar-prev {width:25%; text-align:center;} .calendar-month {width:50%; text-align:center; font-weight:bold;} .normal-day-heading {color:#FFFFFF; text-align:center; width:25px; height:25px; font-size:0.8em; border:1px solid #793AD33; background:#B2B729; } .weekend-heading { text-align:center; width:25px; height:25px; font-size: 11px; border:1px solid #793AD33; background:#93AD33; color:#FFFFFF; } .day-with-date, .day-without-date, .current-day { padding: 5px; } .day-with-date {vertical-align:text-top; text-align:left; width:60px; height:240px; border:1px solid #793AD33;} .no-events {} .day-without-date {width:60px; height:120px; border:1px solid #793AD33;} span.weekend {color:#993300;} .current-day {vertical-align:text-top; text-align:left; width:60px; height:120px; border:1px solid #BFBFBF; background-color:#E4EBE3;} span.event {font-size: 11px;} .kjo-link {font-size: 8px; text-align:center;} .event-title {text-align:center;font-weight:bold;font-size: 11px;} .event-title-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000000; } .event-content-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000000; } .calendar-date-switcher {height:25px; text-align:center; border:1px solid #D6DED5; background-color:#E4EBE3;} .calendar-date-switcher form {margin:0; padding:0;} .calendar-date-switcher input {border:1px #D6DED5 solid;} .calendar-date-switcher select {border:1px #D6DED5 solid;} .cat-key {width:100%; margin-top:10px; padding:5px; border:1px solid #D6DED5;} /* 11.0 FORMS ======================================================================================================================================================================== */ .fields { font-size: 11px; } .button { display: block; padding: 5px; margin: 0px; color: #FFFFFF; background: #CC3300; } /* 12.0 SURVEY FORM ======================================================================================================================================================================== */ #formlayout {padding: 10px; width: 480px;} #surveytop {width: 480px; border:1px solid #993300; float:left; background:#FFFFFF;} #questiontop {width:200px; float:left; padding:5px; font-weight:bold; color: #FFFFFF; text-decoration: none; background:#CC9966;} #answertop { width: 240px; float: left; padding: 3px; background-color: #FFFFFF; } #surveybottom { width: 480px; border: 1px solid #993300; float: left; } #surveybottomdiv { padding: 0px; float: left; width: 480px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-top-color: #993300; border-right-color: #993300; border-bottom-color: #993300; border-left-color: #993300; } #questionbottom { padding: 5px; width: 200px; float: left; font-size: 11px; } #radio1 { padding: 5px; width: 30px; float: right; text-align: center; font-size: 10px; } #radio2 { padding: 5px; width: 30px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: dashed; border-top-color: #CC9933; border-right-color: #CC9933; border-bottom-color: #CC9933; border-left-color: #CC9933; float: right; text-align: center; font-size: 10px; } #boxarea1 { padding: 0px; float: left; color: #FFFFFF; }