/* --------------------- 01. General 02. Global Classes 03. Structure 04. Homepage 05. Subpages 06. Bios 07. 08. 09. 10. Search 11. ------------------------ ---------------------------------------------------------- 01. GENERAL ---------------------------------------------------------- */ @import url("reset.css"); @import url("nav.css"); @import url("jquery.fancybox-1.3.1.css"); /* STICKY FOOTER */ * {margin:0; padding:0;} html, body { height:100%; } #wrapper { margin:0 auto; padding:30px 0 0; position:relative; min-height:100%; text-align:center; width:950px; } #content { width:950px; text-align:left; padding-bottom:70px; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ } a:link { color:#572600; text-decoration:none } a:visited { color:#572600; text-decoration:none } a:hover { color:#787777; } a:active { color:#000;} blockquote cite { font-style:normal; } body#home { background:#fbf8f5 url(../images/pagebkgd.jpg) repeat-x; color:#4d4a4b; font:14px Arial, Helvetica, Verdana, sans-serif; line-height: 21px; padding:0; } body#sub { background:#fbf8f5 url(../images/subpagebkgd.jpg) repeat-x; color:#4d4a4b; font:13px Arial, Helvetica, Verdana, sans-serif; line-height: 21px; padding:0; } h1 { font:32px "Times New Roman", Times, serif; line-height:36px; padding:45px 0 15px 0; } h2 { font-size:21px; line-height:24px; margin:-3px 0 6px 0; font-weight: 400; } h2.blue { color:#57b7df; } h2.green { color:#a9c618; } h2.orange { color:#ff8d50; } h3 { font:18px "Times New Roman", Times, serif; line-height:24px; padding: 0 0 5px 0; border-bottom: 1px solid #b59c7e; } h4 { color:#a78462; font-size:14px; font-weight:600; margin: 20px 0 5px 0;} hr { border:0; clear:both; color:#D7D0D0; background:#D7D0D0; height:1px; margin:1em 0 } p { margin-bottom:20px;} /* DEPRECATED TAGS & INLINE STYLE OVERRIDES */ font { color:inherit !important; font-family:inherit !important; font-weight:normal !important } #content span[style]{ font-weight:normal !important; color: #000 !important } /* override inline styles */ table[style], th[style], td[style], form[style] { border-width:inherit !important } /* override wysiwyg table styles */ p[align] { text-align:left !important} pre { white-space:normal;} /* ---------------------------------------------------------- 02. GLOBAL CLASSES ---------------------------------------------------------- */ .clear { clear:both } .icons, a[href $='.pdf'], #nav-carousel a, .nivo-controlNav a, div.article li { background-image:url(../images/icons.png); background-repeat:no-repeat; } .replace { text-indent:-9999px;} .clickable { cursor:pointer; } /* INLINE ELEMENTS */ div.inline { display:inline; float:left; } ul.inline { overflow:hidden; } ul.inline li { display:inline; float:left; } #fancybox-left, #fancybox-right { display:none; } /* ---------------------------------------------------------- 03. STRUCTURE ---------------------------------------------------------- */ #content { text-align:left; margin-bottom:50px; } #two-col { width:950px; } #two-col #rcol { float:right; padding:10px; width:270px; } #two-col #lcol { padding:15px 35px 15px 15px; width:610px; } #three-col { width:950px; } #three-col #rcol { float:right; padding:10px; width:270px; } #three-col #midcol { float:left; padding:48px 25px 13px 20px; width:410px; } #three-col #lcol { float:left; padding:50px 10px 0 0; width:195px; } #three-col-inner { width:610px; padding: 20px 0; border-top: 1px solid #d6d4d2; border-bottom: 1px solid #d6d4d2; position:relative; overflow:hidden; font:13px Arial, Helvetica, Verdana, sans-serif; line-height: 18px; } #three-col-inner #column { float:left; width:190px; margin-right: 20px; } #three-col-inner #column.last { margin-right: 0; } #footercontainer { background:#e8e8e8; height:165px; margin-top:-105px; clear:both; } #footercontainer #footer { margin:0 auto; position:relative; text-align:left; width:950px; padding: 20px 0 0 20px; font:10px Arial, Helvetica, Verdana, sans-serif; line-height: 15px; } /* ---------------------------------------------------------- 04. HOMEPAGE ---------------------------------------------------------- */ #homeimage { position:absolute; z-index:-1; } #home #logo { clear:left; position:relative; padding:110px 0 80px 15px; } #home .scrollable { height:86px; margin-bottom:3em; /*margin-bottom:10px;*/ overflow:hidden; position:relative; width:610px; } /* required settings */ #home .scrollable .items { clear:both; height:86px; position:absolute; width:2000em; } #home .scrollable .items div { cursor:pointer; float:left; height:84px; margin-right:4px; width:610px; } #home .scrollable .active { position:relative; z-index:9999; } /* POPULAR LINKS */ .linkcallout { width:270px; height:290px; overflow:hidden; background:url(../images/linksbkgd.png) no-repeat; font:12px Arial, Helvetica, Verdana, sans-serif; line-height:15px; color:#434244; font-weight:900; } .linkcallout .linktitle { font:18px "Times New Roman", Times, serif; line-height: 21px; color:#434244; padding:25px 30px 0 30px; } .linkcallout li { color:#a78462; margin:8px 30px 0 30px; border-top:1px solid #b59c7e; line-height:18px; padding-left:1px; } .linkcallout li ul li { color:#434244; margin:0 5px 0 10px; border:0; line-height:15px; } .linkcallout li ul li.first { margin-top:5px; } /* NEWS/VIDEO CALLOUT */ .newscallout { font:12px Arial, Helvetica, Verdana, sans-serif; line-height:15px; color:#434244; font-weight:900; } .videocallout { width: 270px; height: 170px; overflow: hidden; background: url(../images/avusconnect-video-callout-bg.jpg) no-repeat; } /* CALLOUT COLUMNS */ #column a { font-weight:900; line-height:20px; text-decoration:none; } #column a:hover { text-decoration:underline; } #column a:active { text-decoration:none; } #column a.orange { color:#ff8d50; } /* FEATURE */ #feature { font:12px Arial, Helvetica, sans-serif; line-height:15px; padding:0 0 20px 0; } #home #feature li { padding:5px 0 6px 0; border-bottom:1px solid #d6d4d2; width:610px; } #controls { float:right; margin-top:20px; font:11px Arial, Helvetica, sans-serif; color:#a78462; } #controls a { padding:0 5px; color:#a78462; text-decoration:underline; } #controls a:hover { text-decoration:none; } #controls a:active { color:#572600; text-decoration:none; } /* ---------------------------------------------------------- 05. SUBPAGES ---------------------------------------------------------- */ #subimage { position:absolute; z-index:-1; } #sub #logo { clear:left; position:relative; padding:90px 0 0 15px; } #sub h1 { font:32px "Times New Roman", Times, serif; height:72px; line-height:34px; padding:0 120px 70px 0; color:#646465; margin-top:-120px;} #sub h2 { font:18px Arial, Helvetica, sans-serif; line-height:21px; color:#434244; padding:2px 30px 2px 0; } #sub #midcol h2 { border-bottom:1px dotted #b59c7e; } #sub #midcol.staff h2 { border-top:1px dotted #b59c7e; border-bottom:0; padding-top:22px; } #sub h3 { font:15px Arial, Helvetica, sans-serif; color:#572600; line-height:18px; padding: 10px 0 5px 0; border:0; } /* THE RESIDENCES */ #residenceimage { z-index:-1; height:362px; } /*#title { margin:0 auto; width:100%; height:5px; background:#686a66; background-size:cover; position:absolute; top:392px; text-align:center; padding-top:0; }*/ #residenceCallout { background:url(/assets/images/WhereCaringLives.jpg) no-repeat; width:950px; height:265px; position:relative; margin-top:150px; } .resCalloutDetails { width:400px; padding:0 40px 40px; margin:0 0 0 470px; } .resCalloutDetails h1 { padding-top:20px; } .resCalloutDetails p { margin-bottom:15px; } #residencesideBar { height:174px; margin-bottom:20px; } #sideCallout { border:5px solid #d4c4af; padding:15px 20px; margin-bottom:20px; } #sideCallout p { font-size:12px; line-height:15px; color:#918d8c; margin-bottom:10px; } .callout1 .link { color:#c9681d; font-weight:bold; } .callout1 .link a { font-size:12px; color:#c9681d; } .callout2 .link { color:#356415; font-weight:bold; } .callout2 .link a { font-size:12px; color:#356415; } h1.smaller { font-size:24px; line-height:28px; padding:15px 0 5px; } h1.smallest { font-size:18px; line-height:21px; padding:5px 0 10px; color:#6f6862; } /* LEFT COLUMN CALLOUTS */ #lcol #callout.orange { background:url(../images/lcolcallout_orange-bkgd.jpg) repeat-y; margin-top:17px; } #lcol #callout.orange #top { height:15px; background:url(../images/lcolcallout_orange-top.jpg) no-repeat; } #lcol #callout.orange #btm { height:20px; background:url(../images/lcolcallout_orange-btm.jpg) no-repeat; } #lcol #callout.orange #mid .link { background:#ff8d50; } #lcol #callout.blue { background:url(../images/lcolcallout_blue-bkgd.jpg) repeat-y; margin-top:17px; } #lcol #callout.blue #top { height:15px; background:url(../images/lcolcallout_blue-top.jpg) no-repeat; } #lcol #callout.blue #btm { height:20px; background:url(../images/lcolcallout_blue-btm.jpg) no-repeat; } #lcol #callout.blue #mid .link { background:#5bb8dc; } #lcol #callout.green { background:url(../images/lcolcallout_green-bkgd.jpg) repeat-y; margin-top:17px; } #lcol #callout.green #top { height:15px; background:url(../images/lcolcallout_green-top.jpg) no-repeat; } #lcol #callout.green #btm { height:20px; background:url(../images/lcolcallout_green-btm.jpg) no-repeat; } #lcol #callout.green #mid .link { background:#a9c618; } #lcol #callout #mid { padding:0 15px; } #lcol #callout #mid .headline { font: 15px Arial, Helvetica, sans-serif; font-weight:900; line-height:15px; color:#FFF; margin-bottom:12px; } #lcol #callout #mid .bodytext { font: 12px Arial, Helvetica, sans-serif; line-height:15px; } #lcol #callout #mid .link { font: 14px Arial, Helvetica, sans-serif; font-weight:600; line-height:15px; margin-top:12px; } #lcol #callout #mid .link a { font-size: 11px; color:#FFF; text-decoration:none; } #lcol #callout #mid .link a:hover { color:#434244; text-decoration:none; } #lcol #callout.orange #mid .link a { color:#434244; text-decoration:none; } #lcol #callout.orange #mid .link a:hover { color:#fff; text-decoration:none; } /* MIDDLE COLUMN */ #sub #midcol ul, .residences #lcol ul { list-style: disc; margin: 0 0 15px 15px; } #sub #midcol ul li, .residences #lcol ul li { font-size:13px; line-height:18px; padding-bottom: 5px; } #sub #midcol ul li ul, .residences #lcol ul li ul { list-style: circle; margin: 5px 0 0 15px; } #sub #midcol strong { font-weight:600; } #sub #midcol a { color:#57b7df; text-decoration:underline; } #sub #midcol a:hover { color:#787777; text-decoration:none; } #sub #midcol .list { border-top:3px solid #b59c7e; border-bottom:2px solid #b59c7e; margin:0 0 8px; } #sub #midcol .list a { color:#572600; text-decoration:underline; } #sub #midcol .list a:hover { color:#787777; text-decoration:none; } #sub #midcol ul#bodycallout { list-style:none; margin:0; width:410px; padding-top:15px; } #sub #midcol ul#bodycallout li { height:80px; padding:10px 60px 10px 15px; } #sub #midcol ul#bodycallout li.orange { background:url(../images/arrowbox_orange.png) no-repeat; } #sub #midcol ul#bodycallout li.blue { background:url(../images/arrowbox_blue.png) no-repeat; } #sub #midcol ul#bodycallout li.green { background:url(../images/arrowbox_green.png) no-repeat; } #sub #midcol ul#bodycallout li div { font:16px Arial, Helvetica, sans-serif; font-weight:900; line-height:21px; color:#FFF; text-transform:uppercase; } #sub #midcol ul#bodycallout li a { color:#434244; } #sub #midcol .small { font:11px Arial, Helvetica, sans-serif; color:#666; line-height:14px; padding:0 30px 25px 15px; } #sub #midcol .small2 { font:11px Arial, Helvetica, sans-serif; color:#666; line-height:14px; padding:0 30px 0 5px; } #sub blockquote { font-size:12px; line-height:15px; font-style:italic; margin:20px; } #sub blockquote p.cite { font-size:11px; font-style:normal; } /* FEATURE ALTERATION */ #sub #feature { font:12px Arial, Helvetica, sans-serif; line-height:15px; padding:0; } #sub ul#feature { list-style:none; margin:0; } #sub #feature li { padding:8px 12px 6px 8px; background:#f2ebe1; border-bottom:1px solid #d6d4d2; } #sub #feature li b { color:#572600; font-size:10px; text-transform:uppercase; } #sub #feature li.alt { background:#fbf8f5; } #sub #feature .photo { float:right; margin:0; padding:0; } #sub .list #feature li { font-size:12px; } /* EVENT ALTERATION */ #sub #events { clear:both; margin-top:-10px; } #sub #events h2 { background:url(../images/icon_Calendar.jpg) no-repeat top left; padding:3px 30px 2px 36px; margin-left:-10px; color:#57b7df; border:0; } #sub #events .link { font-size:14px; line-height:14px; font-weight:600; color:#ff8d4f; padding:6px 2px; } #sub #events .link a { font-size:10px; font-weight:800; color:#ff8d4f; text-decoration:none; } #sub #events .link a:hover { color:#ff8d4f; text-decoration:underline; } #sub #events .link a:active { color:#4d4a4b; text-decoration:none; } #sub #news { clear:both; margin-top: -10px; } #sub #news h2 { background:url(../images/icon_news.jpg) no-repeat top left; padding:3px 30px 2px 42px; margin-left:-10px; color:#57b7df; border:0; } #sub #news .link { font-size:14px; line-height:14px; font-weight:600; color:#ff8d4f; padding:6px 2px; } #sub #news .link a { font-size:10px; font-weight:800; color:#ff8d4f; text-decoration:none; } #sub #news .link a:hover { color:#ff8d4f; text-decoration:underline; } #sub #news .link a:active { color:#4d4a4b; text-decoration:none; } #sub #flickr { clear:both; margin-top:-10px; overflow:hidden; } #sub #flickr h2 { background:url(../images/icon_flickr.jpg) no-repeat top left; padding:5px 30px 0 36px; color:#57b7df; border:0; } #sub #flickr .link { clear:both; font-size:14px; line-height:14px; font-weight:600; color:#ff8d4f; padding:6px 2px; } #sub #flickr .link a { font-size:10px; font-weight:800; color:#ff8d4f; text-decoration:none; } #sub #flickr .link a:hover { color:#ff8d4f; text-decoration:underline; } #sub #flickr .link a:active { color:#4d4a4b; text-decoration:none; } #sub #flickr .list #feature { width:410px; display:block; overflow:hidden; background:#fbf8f5; } #sub #flickr .list #feature li { float:left; padding:5px 3px 0 4px; } #sub #youtube { clear:both; margin-top:-10px; } #sub #youtube h2 { background:url(../images/icon_youtube.jpg) no-repeat top left; padding:5px 30px 0 36px; color:#57b7df; border:0; } #sub #youtube .link { clear:both; font-size:14px; line-height:14px; font-weight:600; color:#ff8d4f; padding:6px 2px; } #sub #youtube .link a { font-size:10px; font-weight:800; color:#ff8d4f; text-decoration:none; } #sub #youtube .link a:hover { color:#ff8d4f; text-decoration:underline; } #sub #youtube .link a:active { color:#4d4a4b; text-decoration:none; } #sub #youtube .list #feature { width:410px; display:block; overflow:hidden; background:#fbf8f5; } #sub #youtube .list #feature li { width: 92px; float:left; padding:5px 5px 0 5px; } /* POPULAR LINKS ALTERATION */ #sub .linkcallout { width:270px; height:170px; overflow:hidden; background:url(../images/sublinksbkgd.png) no-repeat; font:12px Arial, Helvetica, Verdana, sans-serif; line-height:15px; color:#434244; font-weight:900; } /* SERVICES */ #sub #midcol #services { border-top:3px solid #b59c7e; border-bottom:2px solid #b59c7e; overflow:hidden; width:410px; margin-bottom:30px; } #sub #midcol #services h3 { border-bottom:1px solid #d6d4d2; font-size:13px; font-weight:normal; margin:0; } #sub #midcol #services h3 a { background:url(../images/icon_open.png) no-repeat 8px 8px; color:#572600; text-decoration:none; display:block; font-weight:normal; padding:8px 10px 8px 32px; } #sub #midcol #services h3 a:hover { background-color:#f2ebe1; border:0; color:#333; text-decoration:none;} #sub #midcol #services h3.active a { background:#f2ebe1 url(../images/icon_close.png) no-repeat 8px 8px; color:#572600; } #sub #midcol #services h3.parent { padding:0; /*padding:8px 10px 8px 30px; */ } #sub #midcol #services ul { list-style:none; border-bottom:1px solid #d6d4d2; margin:0; padding:5px 10px 15px 10px; width:390px;} #sub #midcol #services li { font-size:12px; padding:3px 0;} #sub #midcol #services li p { margin-bottom:8px; } #sub #midcol #services div.paypal { display:block; width:360px; text-align:center; margin: 20px 40px 20px 0;} #sub #midcol #services div.last { margin-left: 10px;} #sub #midcol #services div.paypal form { width:170px; display:inline; padding-left: 15px; } #sub #midcol #services div.paypal span { display:block; clear: left; } /* TESTIMONIALS */ #sub .testimonials { margin:0 auto; position:relative; width:210px; text-align:left; padding-top: 20px; } #sub .testimonials h2 { background:url(../images/icon_Testimonials.jpg) no-repeat top left; padding:3px 30px 2px 36px; margin-left:-12px; color:#ff8d4f; border:0; } #sub .testimonials .quote { font-size:15px; font-weight:400; line-height:18px; color:#572600; border-top:1px solid #b59c7e; border-bottom:1px solid #b59c7e; padding:6px 4px; } #sub .testimonials .quote div { font-size:12px; line-height:14px; font-weight:400; color:#6f6c6d; margin:6px 0 0 0; } #sub .testimonials .link { font-size:14px; line-height:14px; font-weight:600; color:#ff8d4f; padding:6px 2px; } #sub .testimonials .link a { font-size:10px; font-weight:800; color:#ff8d4f; text-decoration:none; } #sub .testimonials .link a:hover { color:#ff8d4f; text-decoration:underline; } #sub .testimonials .link a:active { color:#4d4a4b; text-decoration:none; } #sub blockquote.testimonials { background:url(../images/icons.png) no-repeat 0 -100px; margin:-0.5em 0 2.5em -1em; padding:1em 0 0 1em; width:410px; } #sub blockquote.testimonials p { font-size:15px; font-weight:400; line-height:18px; color:#572600; } #sub blockquote.testimonials p br { margin:0 0 6px; } #sub blockquote.testimonials p cite { font-size:12px; line-height:12px; font-weight:400; color:#6f6c6d; } /* DONATE & VOLUNTEER */ #sub #giving, .residences #giving { padding: 40px 20px 20px 20px; } #sub #giving h2.donate, .residences #giving h2.donate { background:url(../images/icon_Donate.jpg) no-repeat top left; padding:3px 6px 12px 28px; margin-left:-8px; font-size:14px; line-height:18px; font-weight:600; color:#a9c618; } #sub #giving h2.volunteer, .residences #giving h2.volunteer { background:url(../images/icon_Volunteer.jpg) no-repeat top left; padding:3px 6px 12px 28px; margin-left:-8px; font-size:14px; line-height:18px; font-weight:600; color:#a9c618; } #sub #giving h2.sponsor, .residences #giving h2.sponsor { background:url(../images/icon_Sponsor.jpg) no-repeat top left; padding:0 6px 18px 32px; margin-left:-10px; margin-top:3px; font-size:14px; line-height:18px; font-weight:600; color:#a9c618; } #sub #giving h2 a, .residences #giving h2 a { font:15px "Times New Roman", Times, serif; line-height: 18px; color:#434244; text-decoration:none; } #sub #giving h2 a:hover, .residences #giving h2 a:hover { color:#434244; text-decoration:underline; } #sub #giving h2 a:active, .residences #giving h2 a:active { color:#a9c618; text-decoration:none; } .residences #giving h2, .residences #giving h2 a { font-size:18px !important; } /* PAGINATION */ #sub #midcol div.pagination { font-size:11px; overflow:hidden; position:relative;} #sub #midcol div.pagination p { color:#666; display:inline; float:left; margin:0; padding:2px 0; width:350px;} #sub #midcol div.pagination ul { position:absolute; right:-4px; } #sub #midcol div.pagination li { background:none; margin:0 4px 0 0; padding:0; } #sub #midcol div.pagination li a { border:1px solid #f2ebe1; display:block; padding:0 4px; font-size:11px; text-decoration:none; } #sub #midcol div.pagination li a:hover { background:#f2ebe1;} #sub #midcol div.pagination li a.active { background:#b59c7e; border:1px solid #b59c7e; color:#fff;} #sub #feature li { padding:8px 12px 6px 8px; background:#f2ebe1; border-bottom:1px solid #d6d4d2; } #sub #feature li b { color:#572600; } #sub #feature li.alt { background:#fbf8f5; } /* RESOURCES */ div.resources {padding:8px 12px 6px 8px; border-bottom:1px solid #d6d4d2; background:#f2ebe1;} div.alter { background:#fbf8f5; } div.resources div.photo { height:75px; width:75px;} div.resources div.photo img { width:75px;} div.resources div.photo { float:left; margin:0 30px 0px 0;} /* NEWS */ div.wide h1 + div.wide div.news { padding-top:5em;} div.wide div.news { border-top:1px dotted #D8D3D0; } div.wide div.news div.nophoto { width:620px; } div.wide div.news h2 { font-size:15px; line-height:1.2em;} div.wide div.news h3 { font-size:13px;} div.wide div.news h2 + h3 { margin:-0.2em 0 0;} div.wide div.news p { color:#666; margin-top:1em;} div.wide div.news p.type { color:#999; font-size:11px; font-weight:bold; margin:0 0 0.2em; text-transform:uppercase;} div.summary { clear:both; overflow:hidden; padding:1em 0; } div.summary div { display:inline; float:left; width:400px;} div.summary div.photo { border:1px solid #eee; height:110px; margin-right:20px; width:110px; float:left;} div.summary h2 + h3 { margin:-0.4em 0 0.75em;} /* EVENT PHOTO GALLERY */ /* Easy Slider */ #slider { margin:0 auto; padding:0; text-align:center; } #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:410px; height:340px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; top:470px; z-index:1000; } #nextBtn, #slider1next{ left:606px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.png) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(../images/btn_next.png) no-repeat 0 0; } #slider li p { font-size:11px; line-height:14px; padding:10px; float:right; text-align:center; width:389px; height: 40px; margin:0 0 0 -410px; overflow:hidden; } #slider li div { background:#ccc; height:280px; overflow:hidden; } #slider li img { width:100%; } /* SEARCH RESULTS */ div.wide div.search div.photo { border:0; float:left;} div.wide div.search div.float_left { float:left; width:250px;} div.wide div.search div {margin:0px; padding:0px; border:0px;} div.wide div.search div h3 a{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:16px;} div.wide div.search div h3 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:16px;} div.wide div.search div {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } div.wide div.search div.type {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#AAAAAA; font-size:11px;} /* NEWS ITEMS */ div.wide h1 + div.wide div.news { padding-top:5em;} div.wide div.news { border-top:1px dotted #D8D3D0; } div.wide div.news div.nophoto { width:620px; } div.wide div.news h2 { font-size:15px; line-height:1.2em;} div.wide div.news h3 { font-size:13px;} div.wide div.news h2 + h3 { margin:-0.2em 0 0;} div.wide div.news p { color:#666; margin-top:1em;} div.wide div.news p.type { color:#999; font-size:11px; font-weight:bold; margin:0 0 0.2em; text-transform:uppercase;} div.wide div.search div.nophoto { clear:left; width:410px;} /* RESULTS FILTERING */ #list-filter { background:#ddccb0; border:2px solid #fff; clear:both; margin:0 0 1em; padding:15px; color:#434244;} #list-filter div { margin-right:13px;} #list-filter div.submit { margin-right:0; padding-top:0px;} #list-filter div.submit input { padding:0;} #list-filter select { width:150px;} #list-filter input.textfield { padding:2px; width:180px;} #press #list-filter select { width:250px;} #press #list-filter input.textfield { width:250px;} /* ---------------------------------------------------------- 06. BIOS ---------------------------------------------------------- */ #sub ul#bios { list-style:none; margin:0; } #sub ul#bios li { float:left; width:195px; font-size:12px; line-height:14px; font-weight:600; margin:0 10px 10px 0; border-bottom:1px dotted #ccc; } #sub ul#bios li a { text-decoration:none; } #sub ul#bios li div { font-size:11px; line-height:14px; font-weight:200; color:#666; } #sub ul#bios img { float:left; border:1px solid #ccc; margin: 0 10px 5px 0; } #sub .photo { margin: 0 30px 20px 0; } #sub #midcol h2 div { font-size:14px; line-height:16px; } /* /* ---------------------------------------------------------- 10. SEARCH ---------------------------------------------------------- */ .searchcallout { width:270px; height:140px; overflow:hidden; background:url(../images/searchbkgd.png) no-repeat; } .searchcallout p { padding:30px; } .searchcallout .searchtitle { font-size:12px; font-weight:900; line-height:18px; color:#a78462; } .searchcallout input { float:left; font-size:12px; font-weight:900; color:#aea5a5; margin:3px 0 9px 0; } .searchcallout input#searchbox { width:170px; } /* ---------------------------------------------------------- 11. GENERAL FORM STYLES ---------------------------------------------------------- */ form { margin-left:5px; } #formcell { background:#f3e9d9; margin-right:10px; padding:10px 10px 7px 10px; overflow:hidden; } #formcell.alt { margin-right:10px; padding:0 10px 5px 20px; } #formcell.alt div { float:left; width:160px; } #formcell.alt div.alt { float:left; width: 320px; } #formcell.alt2 { padding:10px 10px 5px 10px; } #formcell.alt2 div { float:left; width:190px; } #formcell p.alt { margin:15px 0 5px 0; line-height:15px; } #formcell p.alt2 { margin:0; line-height:15px; } .label { font-size:12px; line-height:14px; margin: 2px 0 0 6px; } .label b { font-size:13px; } #formcell input#radio { margin:5px 0 0 20px; } #formcell .txtlabel { clear:both; float:left; width:120px; } #formcell .left { float:left; padding-bottom:3px; } input.button { margin:30px 0 0 0; } #sub #midcol form .small { font:11px Arial, Helvetica, sans-serif; color:#666; line-height:14px; margin-top:10px; padding-bottom:0px; } #sub #midcol form#paypal-gc { text-align: center; margin-top:20px; } #sub #midcol form#paypal-gc label { margin-right: 20px; font-weight:bold;} #sub #midcol form#paypal-gc input { margin-bottom: 40px;} #sub #form-healthaide h3 { width: 97%; } #form-healthaide #formcell .txtlabel { float: none; width: 100%; } #form-healthaide #formcell .left { float: none; width: 97%; } #form-healthaide input[type="text"] { width: 100%; padding: 3px; } #form-healthaide #formcell p { margin: 5px 0 15px 0; } #form-healthaide th { font-size: 0.75em; } #form-healthaide table { width: 100%; }