1 /**************************************************************
\r
2 AUTHOR: Pat Heard (fullahead.org)
\r
4 PURPOSE: Controls the layout of the site and styles
\r
6 **************************************************************/
\r
10 /**************************************************************
\r
11 #wrapper & #content: wrapper positions and sets the width
\r
12 on the content. The background is then applied to #content.
\r
13 **************************************************************/
\r
30 background: url(../img/bg/content.gif) repeat-y top center;
\r
36 background: url(../img/bg/content.png) repeat-y top center;
\r
42 /**************************************************************
\r
43 #header: Holds the site title and header images
\r
44 **************************************************************/
\r
47 padding: 60px 0 2em 49px;
\r
48 background: url(../img/bg/header.jpg) no-repeat top center;
\r
51 /* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/
\r
55 /* End hide from IE-mac */
\r
67 font-family: georgia;
\r
68 letter-spacing: -3px;
\r
75 /**************************************************************
\r
76 #menu: The top level site menu
\r
77 **************************************************************/
\r
82 padding: 0 !important;
\r
83 padding: 0 0 0 10px;
\r
95 padding: 15px 0 5px 0;
\r
97 font: 400 1.54em georgia, serif;
\r
99 text-decoration: none;
\r
102 border-bottom: 1px solid #D3F1B6;
\r
105 ul#menu li a:visited {
\r
106 background-color: #FFF;
\r
109 ul#menu li a:hover {
\r
111 background: url(../img/bg/menu.gif) repeat-x bottom left;
\r
114 ul#menu li a.here {
\r
116 background: url(../img/bg/menu.gif) repeat-x bottom left;
\r
119 /* helper classes to control width of links in topbar */
\r
136 /**************************************************************
\r
137 #page: Holds the main page content.
\r
138 **************************************************************/
\r
143 width: 491px !important;
\r
146 padding: 2em 49px;
\r
152 /**************************************************************
\r
153 .footer: Site footer
\r
154 **************************************************************/
\r
164 /**************************************************************
\r
165 .bigLinks: Large, clickable links
\r
166 **************************************************************/
\r
183 ul.bigLinks li a:visited {
\r
189 text-decoration: none;
\r
190 background-color: #FFF;
\r
194 ul.bigLinks li a:hover {
\r
195 padding-bottom: 2px;
\r
196 background-color: #F1FFE3;
\r
197 border-bottom: 1px solid #B8E78B;
\r
200 ul.bigLinks li a span.title {
\r
202 border-bottom: 1px solid #B8E78B;
\r
205 ul.bigLinks li a:hover span.title {
\r
207 border-bottom: 1px solid #4A6E35;
\r
210 ul.bigLinks li a span.desc {
\r
215 ul.bigLinks li a:hover span.desc {
\r
221 /**************************************************************
\r
222 Width classes used by the site columns
\r
223 **************************************************************/
\r
251 /**************************************************************
\r
253 **************************************************************/
\r
273 /**************************************************************
\r
274 Generic display classes
\r
275 **************************************************************/
\r
290 font-size: 0.85em;
\r
298 font-style: italic;
\r
316 background-color: #F1FFE3;
\r
317 border-bottom: 1px solid #B8E78B;
\r
322 background: #D9F5EC;
\r
323 border-top: 1px solid #BDEDDE;
\r