body { background-position: top left; background-repeat: repeat-x; background-color: #FFFFFF; margin: 0; padding: 0; text-align: left; font-family: "Trebuchet MS", Arial, Verdana; font-size: 0.74em; color: #555555; } #container { width: 720px; margin: 0 auto; } #header { height: 105px; } #header h1 { margin: 0; padding: 0; text-align: left; font-weight: normal; font-size: 360%; color: #FFFFFF; } #header h2 { margin: 0; padding: 0; text-align: left; font-weight: normal; font-size: 120%; color: #FFFFFF; } #navigation { height: 25px; padding: 5px 0px 0px 0px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; font-size: 11px; color: #ffffff; width: 100%; display: block; } #navigation ul { margin: 0; padding: 0; } #navigation ul li { list-style: none; float: left; } #navigation ul li a { height: 20px; width: 100px; padding: 5px 0px 0px 0px; margin-right: 10px; text-decoration: none; text-align: center; color: #000000; display: block; } #navigation ul li a:hover { background-position: top left; background-repeat: repeat-x; color: #555555; } #centre { margin: 0; padding: 0; } #content { width: 460px; float: left; } #content h1 { border-bottom: 1px solid #E4E4E4; margin: 5px 0px 10px 0px; padding: 0px 0px 5px 0px; font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #3333FF; } #content h2 { margin: 5px 0px; font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 20px; text-transform: uppercase; text-align: left; color: #3333FF; } #content h3 { margin: 5px 0px; font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 14px; text-transform: uppercase; text-align: left; color: #3333FF; } #content a { color: #3333FF; text-decoration: underline; } #content a:hover { color: #4F5F34; text-decoration: none; } #breadcrumb { height: 10px; padding: 10px 0px; margin-bottom: 20px; } #breadcrumb a { color: #4F5F34; text-decoration: underline; } #breadcrumb a:hover { color: #4F5F34; text-decoration: none; } #subcontent { width: 200px; margin: 5px 0px; float: right; } #subcontent h1 { margin: 5px 0px; padding: 0px; font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 20px; text-align: left; color: #382E1F; } #subcontent h2 { margin: 5px 0px; padding: 0px; font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 20px; text-transform: uppercase; text-align: left; color: #382E1F; } #subcontent h3 { margin: 5px 0px; padding: 0px; font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 20px; text-transform: uppercase; text-align: left; color: #382E1F; } #subcontent ul { margin: 0; padding: 0; } #subcontent ul li { list-style: none; } #subcontent ul li a { padding: 5px 0px 0px 0px; text-decoration: underline; color: #6C534A; display: block; } #subcontent ul li a:hover { text-decoration: none; color: #BB6F02; } #calender { margin: 0px 0px 10px 0px; } #calender table { background-color: #F4F4EC; border: 1px solid #C0C57F; width: 100%; height: 150px; text-align: center; } #calender table td { width: 14%; padding: 3px 0px; } #calender table .controls { background-color: #C0C57F; font-weight: bold; color: #FFFFFF; } #calender table .controls a { color: #FFFFFF; text-decoration: underline; } #calender table .controls a:hover { color: #FFFFFF; text-decoration: none; } #calender table .title { background-color: #CBD6AD; } #calender table .days td { background-color: #DEE6CC; } #calender table .days a { color: #728C40; text-decoration: underline; } #calender table .days a:hover { color: #728C40; text-decoration: none; } #calender table td.empty { background-color: #E4E4E4; } #calender table td.event { background-color: #669900; } #calender table td.event a { color: #FFFFFF; text-decoration: underline; } #calender table td.event a:hover { color: #FFFFFF; text-decoration: none; } #pages { background-image: url(Common/Sub-Background.jpg); background-position: top left; background-repeat: repeat-y; background-color: #F4F4EC; margin-bottom: 10px; padding: 0px; } #pages h1 { background-image: url(Common/Subheader-Background.jpg); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 5px 10px; } #pages ul { background-image: url(Common/Sublist-Background.jpg); background-position: bottom left; background-repeat: no-repeat; padding: 0px 10px 10px 10px; } #categories { background-image: url(Common/Sub-Background.jpg); background-position: top left; background-repeat: repeat-y; background-color: #F4F4EC; margin-bottom: 10px; padding: 0px; } #categories h1 { background-image: url(Common/Subheader-Background.jpg); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 5px 10px; } #categories ul { background-image: url(Common/Sublist-Background.jpg); background-position: bottom left; background-repeat: no-repeat; padding: 0px 10px 10px 10px; } #archives { width: 140px; overflow: hidden; float: left; clear: left; } #archives h1 { color: #3333FF; } #archives ul { margin-bottom: 10px; } #archives ul li a { background-image: url(Icons/Archive.gif); background-position: 0px 7px; background-repeat: no-repeat; padding-left: 20px; } #links { width: 140px; overflow: hidden; float: left; clear: left; } #links h1 { color: #BB6F02; } #links ul { margin-bottom: 10px; } #links ul li a { background-image: url(Icons/Link.gif); background-position: 0px 7px; background-repeat: no-repeat; padding-left: 20px; } #feeds { width: 160px; overflow: hidden; float: right; clear: right; } #feeds h1 { color: #BB6F02; } #feeds ul { margin-bottom: 10px; } #feeds ul li a { background-image: url(Icons/Feed.gif); background-position: 0px 7px; background-repeat: no-repeat; padding-left: 20px; } #login { width: 140px; overflow: hidden; float: left; clear: left; } #login h1 { color: #BB6F02; } #login ul { margin-bottom: 10px; } #login ul li a { background-image: url(Icons/Site.gif); background-position: 0px 7px; background-repeat: no-repeat; padding-left: 20px; } #notification { background-color: #FFFDFB; height: 100%; padding: 15% 10%; text-align: center; } #notification h1 { margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728c40; text-transform: uppercase; } #notification a { color: #4F5F34; text-decoration: underline; } #notification a:hover { color: #4F5F34; text-decoration: none; } #screenshot { background-image:url(Common/Screenshot-Background.gif); background-position: top left; background-repeat: repeat-x; margin: 0px auto; padding: 5px; text-align: center; text-align: center; color: #FFFFFF; overflow: visible; } #screenshot img { background-color: #EFEFD6; border: 1px solid #542700; margin: 6px; padding: 3px; } #footer { border-top: 1px solid #555555; height: 40px; padding: 10px 5px 0px 0px; margin: 10px 0px 0px 0px; text-align: right; } #footer a { color: #4F5F34; text-decoration: underline; } #footer a:hover { color: #4F5F34; text-decoration: none; } #copyright { visibility: visible; } .article { } .article .details { margin: 0; padding: 0; list-style: none; } .article .details li { margin: 0px 5px 10px 0px; display: inline; } .article .introduction { border-bottom: 1px solid #E4E4E4; line-height: 20px; font-size: 115%; } .article .link { font-size: 110%; text-align: right; } .article .gallery { } .article .gallery img { border: 1px solid #EEEEEE; padding: 3px; margin: 3px; } #comments { margin-bottom: 20px; } #comments .details { margin-bottom: 10px; } #comments .details dt { background-image: url(Icons/Avatar.jpg); background-position: top left; background-repeat: no-repeat; float: left; height: 55px; width: 55px; margin-right: 5px; } #comments .details dd { margin: 0; } .comment { padding: 5px 0px; clear: both; } .whisper { background-color: #E4E4E4; padding: 5px 5px; clear: both; } form { margin: 0; padding: 0; } form #comment { width: 100%; height: 125px; } form #whisper { margin-left: 0px; } form #search { float: right; margin-right: 5px; } form #keywords { width: 32%; } form #date { width: 32%; } form #category { width: 32%; } #paging { text-align: right; } #paging a { padding: 0px 5px; } .event { } .event h1 { } .event h2 { } .event h3 { } .event .details { margin: 0; padding: 0; } .event .details li { margin-right: 5px; list-style: none; display: inline; } .clear { clear: both; } img { border: none; }