/****** ******* GLOBAL VILLAGE MAIN STYLES ******* © 2005 ****************************************************/ /****** global reset and body ****************************************************/ * { margin: 0; padding: 0; border: 0; } body { background-color: #ccc; text-align: center; font: 100%/1.0em verdana, arial, sans-serif; color: #333; margin: 2px 0; } /****** structure divs ****************************************************/ img.right { float: right; margin: 0 0 10px 20px; } img.left { float: left; margin: 0 20px 10px 0; } div.article_image {display: inline;} /****** structure divs ****************************************************/ #header { position: relative; background: transparent url(/design/gv/images/new/banner.gif) no-repeat center left; height: 123px; width: 770px; background-color: white; } #wrapper { position: relative; text-align: left; width: 770px; margin: 0 auto; border: 1px black solid; background-color: #fff; } #main { min-height: 370px; } #main_wrapper { width: 615px; float: left; } #content { width: 460px; float: right; padding-top:5px; padding-bottom: 20px; } #content_about { width: 460px; float: right; padding-top:5px; padding-bottom: 20px; } #leftnav { width: 140px; float: left; padding-left: 5px; } #leftnav-dynamic { width: 140px; float: left; padding-left: 5px; } #outerright { width: 140px; float: right; padding-right: 5px; } #outerright_about { width: 0px; float: right; padding-right: 0px; } #page_heading { width: 770px; float: left; } #language_selector { position: absolute; width: 600px; text-align: right; top: 0px; right: 0px; background-color: white; } #header_photo { float: right; margin: 10px 0 0 0; } p.right { float: right; margin: 15px 15px 0 0; font-size: 11px; } p.left { float: left; margin: 15px 15px 0 0; font-size: 11px; } /****** homepage specific layout ******* apply via ****************************************************/ #homepage #content { float: left; width: 530px; } #homepage #content p, #homepage #content h2, #homepage #content h3, #homepage #content h4 { margin: 0 15px 0 0; } #homepage #outerright { float: right; width: 200px; } #homepage #main_wrapper { margin-left: 5px; width: 540px; vertical-align: top; } /****** forms ****************************************************/ form { margin: 0; padding: 0; } legend { font-size: 0.72em; font-weight: bold; background-color: #f4f4f4; padding: 0 0.6em; } fieldset { margin: 0.4em 0 !important; padding: 0.6em 0.2em; border: 1px solid #f2f2f2; } * html legend { margin-left:-8px; margin-bottom:8px; } input, textarea, select, label { font-size:0.7em; margin: 0 0 0 10px; color: black; } html>body input, html>body select, html>body label { font-size: 0.7em; } input.text, textarea, input.box, input.halfbox { background-color: #fcfcfc; border: 1px solid #ccc; border-color:#ccc #f2f2f2 #f2f2f2 #ccc; margin: 3px 10px; padding: 2px; color: #555; } input.disabled { color: #777; background-color: #f0f0f0; } textarea { font-size: 0.9em; } div.content-action { margin: 10px; } div.content-action input { margin: 0 5px 0 0; } div.class-feedback-form h1 { margin: 0 0 0.5em; } input.submit { clear: both; padding: 3px 10px !important; padding: 2px 6px; margin: 10px 0 0 15px; border:1px solid; border-color: #f2f2f2 #ccc #ccc #f2f2f2; background-color: #fff; } input.submit:hover, input.submit:active { border: 1px solid #f60; } input:focus, textarea:focus { background-color: white; border-color: #888; color: #222; } /*** Do Something About - Search form ***/ #do_search_form div { float: left; } #do_search_form div label { float: left; } select { float: left; clear: left; border-style: solid; border-width: 2px 1px 1px 2px; border-color: #888 #ccc #ccc #888; } #do_search_form input { margin: 10px; border: 1px solid #888; } /*** Registration Form ***/ #gvregform input.text { margin: 3px 10px; border: 1px solid #ccc; background-color: #fcfcfc; color: #555; } #gvregform input:focus { border-color: #888; background-color: white; color: #222; } #gvregform input.button, input.button, input.defaultbutton, select.buttonalign { margin: 10px; border: 1px solid #888; } /****** div classes ****************************************************/ .rightwide { width: 470px; background-color: #f00; float: right; } /****** plain typography ****************************************************/ #header h1 { position: relative; text-indent: -10000px; } h2 { position: relative; color: #777; font: normal 1em/1em verdana, sans-serif; padding: 0.5em 0; } #page_heading h2 { position: relative; font: bold 2em/1em verdana, sans-serif; padding: 0.3em 0; } h3 { font-size: 0.9em; color: #000; padding: 0.5em 0; } h4 { font-size: 0.85em; margin: 0.5em 0; } h5 { font-size: 0.8em; margin: 0.4em 0; } #content h2, #content h3, #content h4, #content h5, #content dl { margin: 0 5px; padding-left: 5px; padding-right: 5px; background-color: transparent; } #content h1 { /* hack because so many default templates use h1 */ font-size: 0.9em; color: black; padding: 0.5em 10px; line-height: 1.2; } #content p { margin: 0; padding: 0 10px 15px; } #content p.breadcrumb { padding: 10px; margin: 0; } #content dl, #content ul { background-color:transparent; } #content ul { margin-left: 2em; } /****** standard links colouring ****************************************************/ a:link { text-decoration: none; color: #f00; } a:visited { text-decoration: none; color: #f00; } a:active { text-decoration: none; color: #f00; } a:hover { text-decoration: underline; color: #f00; } /****** leftnav h4 specific backgrounds ****************************************************/ h4#do_menu { background: transparent url(/design/gv/images/new/domenu.jpg) no-repeat top left; text-indent: -10000px; } h4#share_menu { background: transparent url(/design/gv/images/new/sharemenu.jpg) no-repeat top left; text-indent: -10000px; } h4#find_out_menu { background: transparent url(/design/gv/images/new/findoutmenu.jpg) no-repeat top left; text-indent: -10000px; } h4#about_menu { background: transparent url(/design/gv/images/new/findoutmenu.jpg) no-repeat top left; text-indent: -10000px; } /****** paragraphs ****************************************************/ p { margin-bottom: 0.8em; font-size: 0.75em; } /* ---- text size in IE/WIN --------------- */ /* \*/ * html body p { font-size: 0.78em; } /* */ p.hideme { margin: 0 auto; display: none; width: 770px; height: 10px; background: transparent url() repeat-x; text-indent: -10000px; } #language_selector p { padding: 2px 0; font-size: 0.7em; font-weight: normal; color: #000; } #language_selector p a { text-decoration: none; color: #f00; } /****** strong, emphasis, acronym and abbreviation ****************************************************/ strong { font-weight: bold; } em { font-style: italic; } acronym, abbr { cursor: help; border-bottom: 1px solid #ddd; padding-bottom: 0.3em; } .u { text-decoration: underline; } /****** horizontal top

small floated thumbnail links ****************************************************/ p#thumbnails { display: block; } #thumbnails a { float:left; display:block; margin:0 6px 0 0; padding:0.2em 0.6em; text-decoration: none; border:4px solid #E23621; } #thumbnails img { display:block; } #thumbnails a:hover { border-color: #E8C5B1; } /****** unordered lists ****************************************************/ #leftnav ul, #outerright ul { background-color: #fff; list-style: none; margin: 0 0 1.5em 0; padding: 0.3em 0 0 0; } #leftnav ul li { font-size: 0.7em; line-height: 2em; } #outerright p { font-size: 0.7em; margin-top: 0.5em; line-height: 1.5em; } #outerright ul { font-size: 0.7em; margin-top: 0.5em; line-height: 1.5em; padding-right: 0.5em; } #outerright li { margin-bottom: .7em; } #leftnav ul li a, #outerright ul li a { display: block; color: #999; background-color: #fff; width: 140px; border-bottom: 1px solid #f2f2f2; text-decoration: none; } #leftnav ul li a:visited, #outerright ul li a:visited { background: #fff url(images/visited.gif) center right no-repeat; } #leftnav ul li a:hover, #leftnav ul li a.here, #outerright ul li a:hover, #outerright ul li a.here { color: #f00; background: #fff url(images/active.gif) center right no-repeat; } #leftnav ul li a:active, #outerright ul li a:active { background: #fff url(images/active.gif) center left no-repeat; } #leftnav-dynamic ul { background-color: #fff; list-style: none; margin: 0 0 1.5em 0; padding: 0.3em 0 0 0; } #leftnav-dynamic ul li { font-size: 0.7em; line-height: 2em; } #leftnav-dynamic ul li a { display: block; color: #999; background-color: #fff; width: 140px; border-bottom: 1px solid #f2f2f2; text-decoration: none; } #leftnav-dynamic ul li a:visited { background: url(images/visited.gif) center right no-repeat; } #leftnav-dynamic ul li a:hover, #leftnav-dynamic ul li a.here { color: #f00; background: url(images/active.gif) center right no-repeat; } #leftnav-dynamic ul li a:active { background: url(images/active.gif) center left no-repeat; } ul#admin { background-color: #f4f4f4; padding: 0.7em 0.2em; } #admin li a { padding: 0 15px; margin: 0 0.2em; } /****** definition lists ****************************************************/ dl { background-color: #fff; padding: 0 10px 20px 0; margin: 0; } dt { margin: 0 0 0.3em 0; } dt a { color: #7F99B3; font-size: 0.8em; font-weight: normal; text-decoration: none; } dt a span { color: #848482; font-weight: normal; } dt a:hover { color: #f00; } dt a:hover span { color: #545452; } dd { font-size: 0.8em; line-height: 1.4em; margin: 0 0 0 128px; padding-bottom: 15px; } dd a:after { /* content: " \00BB";*/ } dd.clear { clear: both; margin: 0 0 20px 0; } dt a img { padding: 3px; border:1px solid #fff; float: left; margin-right: 20px; } dt a:hover img { border: 1px solid #f00; } /****** centre boxes ****************************************************/ .centre_box_l { float: left; clear: left; font-size: 0.72em; line-height: 1.4em; padding: 0px 5px 0px 2px; margin: 5px 5px 5px 10px!important; width: 200px; border: 1px black solid; } .centre_box_r { float: right; clear: right; line-height: 1.4em; font-size: 0.72em; padding: 0px 5px 0px 2px; margin: 5px 10px 5px 5px ; width: 200px; border: 1px black solid; } .centre_box_r a:after, .centre_box_l a:after { /* content: " \00BB"; */ color: #E23621; } .centre_box_l img, .centre_box_r img { margin: 0px 5px -1px -2px; padding: 0px 0px; border-right: 1px solid black; border-bottom: 1px solid black ; } /* //.centre_box_l img {border:0px 1px 1px 0px solid black;} //.centre_box_r img {border 0px 1px 1px 0px solid black;} */ /****** news specific definition lists ****************************************************/ dl#news { /* margin: 0 0 20px 10px; */ padding: 1em 0; font-size: 0.8em; background: transparent url(images/back.gif) repeat top left; } #news dt { margin: 0 0 0.3em; padding: 0 1em; background: url(images/visited.gif) left 8px no-repeat; font-weight: normal; } #news dd { margin: 0 0 1.0em; padding: 0 0 1em 1em; background: transparent url(images/dot.gif) left bottom repeat-x; } #news span.date { color: #f00; padding-right: 0.8em; } #news a { color: #E23621; } /****** content formatting (added by meinhard for 1/jan) ****************************************************/ #content ul, #content_about ul { font-size: 0.8em; padding: 0 1em 1.5em; } #content li, #content_about li { margin-bottom: 0.4em; line-height: 1.3em; } /****** blockquotes ****************************************************/ blockquote { background: transparent url(/design/gv/images/left-quote-black.gif) no-repeat top left; font-size: 0.9em; padding: 0 0 0 30px; margin: 1em 5px; font-style: italic; } blockquote div { padding: 0 30px 0 0; background: transparent url(/design/gv/images/right-quote-black.gif) no-repeat bottom right; } blockquote p { } /****** homepage specific definition lists ****************************************************/ #homepage dl#headings { margin: 0 20px 0 0; padding: 0; } #homepage #headings dt { font-weight: normal; } #homepage #headings dd.h, .festival-heading { padding: 0 0 0.5em 0; font: bold 1.1em verdana, helvetica, arial, sans-serif; letter-spacing: -1px; background: transparent url(images/dot.gif) left bottom repeat-x; } #outerright .festival-heading { padding: 10px 0 0; } #homepage #headings span.date { color: #f00; padding-right: 0.8em; } #homepage #headings dd.c { clear: both; margin: 0 0 15px 0; } #homepage #headings dd.e { font: normal .75em verdana, helvetica, arial, sans-serif; /* letter-spacing: 0.75px*/ } #homepage #headings a { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.8em; color: #f00; } #homepage #headings dt a img { padding: 3px; border:1px solid #ccc; float: left; margin: 0 20px 15px 0; } #homepage #headings dt a:hover img { border: 1px solid #f00; } /****** footer stuff ****************************************************/ #footer { padding:8px 3px; margin: 0; font-size: 0.65em; text-transform: uppercase; text-align:center; background-color: white; border-top: 1px solid black; line-height:1.6em; clear:both; } /****** miscellaneous classes ****************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .right div.article_image img { margin: 5px 5px 10px 10px; } /****** forums ****************************************************/ #content div.class-forum { padding: 0; margin: 0; } #content div.class-forum table.forum { margin: 0; padding: 0; border-bottom: 1px solid #dde; border-top: 1px solid #dde; width: 100%; } #content div.class-forum table.forum td { border-top: 1px solid #dde; vertical-align: top; padding: 5px 0; } #content div.class-forum table.forum tr.first td { border-top: none; } #content div.class-forum table.forum td p { margin: 0 10px 5px; padding: 0; } #content div.class-forum table.forum td.author { border-right: 1px solid white; } #content div.class-forum table.forum td.author img { margin: 5px 10px; border: 1px solid #dde; } #content div.class-forum table.forum tr.bgdark { background-color: #e5e5f6; } #content div.class-forum table.forum tr.bglight { background-color: #f4f4ff; } #content div.class-forum table.forum p.author { font-weight: bold; margin: 0 10px; } #content div.class-forum table.forum h4 { font-size: 0.75em; font-weight: bold; margin: 0 10px; padding: 0; } #content div.class-forum table.forum p.date, #content div.class-forum table.forum p.authororg, #content div.class-forum table.forum p.author-signature { font-size: 0.6em; color: #777; } #content div.class-forum table.forum p.authororg { margin: 0 10px; padding: 0; } #content div.class-forum table.forum p.date { margin: 0 10px 10px; padding: 0; } #content div.class-forum table.forum p.author-signature { line-height: 1.2; border-top: 1px dashed #bbb; margin: 15px 10px 10px; padding: 5px 0 0; } #content div.class-forum table.forum input.button { float: right; margin: 0 5px; } #content div.class-forum table.forum th { font-size: 0.75em; font-weight: bold; margin: 0; padding: 3px 10px; } /****** file lists *************************/ #content table.filelist { margin: 0; border: 0; padding: 0; } #content table.filelist td { font-size: 0.75em; margin: 0; padding: 3px 5px; } #content table.filelist th { font-size: 0.75em; margin: 0; padding: 1px 5px; font-weight: bold; } #content div.attribute-image { margin: 0 10px; } /****** village selection dropdown ***************************************/ #villageswitcher { margin: 0 padding: 0 } #villageswitcher select { margin: 15px 0; padding: 0; width: 100%; } /****** festival pages ***************************/ div.newsfeed-wrap { /* float: right;*/ } div.newsfeed-item { padding: 3px 0; clear: right; } p.festival-more { font-size: 1em; padding: 8px 0; text-align: right; } p.radio-link { font-size: 1.3em; font-weight: bold; text-align: center; } dd.e p { font-size: 1em; } div#festival-home-about { /* border: 1px solid #ddd;*/ /* padding: 3px;*/ margin-top: 10px; } /****** hacks ****************************************************/ * html #main { height: 370px; } /* min height for ie */ /* ---- IE-Win footer containment bug fix - hidden from IE5-Mac \*/ * html #footer p { height:1%; } /* Resume IE5-Mac */ /* ---- border buggers up \*/ #nav a { padding:0.4em 1em; border:solid #ddd; border-width:0 1px 0 0; } /* Resume IE5-Mac */ /****** more hacks :) ****************************************************/ .indent-10px { margin-left: 10px; } /****** newspaper issue ****************************************************/ .newspaper_issue_line .article_image img { border: 1px solid; border-color: #cccccc #444444 #444444 #cccccc; }