hows them apples
[gitmo/moose-website.git] / lib / Moose / Website / Resource / WebFiles / css / style.css
1
2 BODY {
3     font-family : Ariel, Helvetica, sans-serif;
4     font-size   : 10pt;
5     margin      : 0px;
6     color       : #333333;
7 }
8
9 a {
10     color : #666666;
11 }
12
13 h1 {
14     font-family    : Arial Black;
15     font-size      : 54pt;
16     margin         : 0px;
17     line-height    : 0.8em;
18     background     : #307AA7;
19     color          : #ffffff;
20     padding-left   : 70px;
21     padding-top    : 15px;
22     letter-spacing : -7px;
23     text-shadow    : -3px 0 4px #333333;
24 }
25
26 h1.home {
27     font-size      : 110pt;
28     padding-top    : 80px;
29     padding-left   : 62px;
30     letter-spacing : -15px;
31     background     : #ffffff;
32     background     : url('../images/header_bg.jpg') no-repeat;
33 }
34
35 h2 {
36     font-size      : 14pt;
37     margin         : 0px;
38     line-height    : 1em;
39     color          : #ffffff;
40     background     : #307AA7;
41     padding-left   : 75px;
42     padding-top    : 20px;
43     padding-bottom : 15px;
44 }
45
46 .home_nav {
47     border-bottom  : 1px dotted #C22E24;
48     border-top     : 10px solid #C22E24;
49 }
50
51 .nav {
52     border-bottom  : 1px dotted #C22E24;
53     border-top     : 10px solid #C22E24;
54     background     : #F2E6AA;
55 }
56
57 ul.menu {
58     padding-left : 70px;
59     margin-top   : 0px;
60 }
61
62 ul.menu > li {
63     list-style-type : none;
64     float           : left;
65     padding-left    : 12px;
66     padding-right   : 12px;
67     padding-top     : 10px;
68     padding-bottom  : 10px;
69     font-size       : 1.2em;
70 }
71
72 ul.menu > li.active {
73     color      : #ffffff;
74     background : #C22E24;
75 }
76
77 ul.menu > li.inactive {
78     color      : #C22E24;
79 }
80
81 ul.menu > li a {
82     color           : #C22E24;
83     text-decoration : none;
84 }
85
86 ul.menu > li a:hover {
87     color           : #C22E24;
88     text-decoration : underline;
89 }
90
91 .content {
92     position     : relative;
93     left         : 75px;
94     padding-top  : 20px;
95     width        : 500px;
96 }
97
98 .content h2 {
99     font-size     : 16pt;
100     line-height   : 1em;
101     color         : #C22E24;
102     padding       : 0px;
103     margin-bottom : 10px;
104     background    : #ffffff;
105 }
106
107 .content h3 {
108     font-size     : 12pt;
109     margin        : 0px;
110     color         : #C22E24;
111     line-height   : 1em;
112 }
113
114 .home_content {
115     padding-left : 75px;
116     padding-top  : 10px;
117     font-size    : 1.2em;
118     background   : url('../images/bg.gif') repeat-x;
119 }
120
121 .home_content p {
122     width : 500px;
123 }
124
125 pre {
126     font-family : Monaco, Courier;
127     font-size   : 9pt;
128     padding     : 10px;
129     border      : 1px dotted #aaaaaa;
130     color       : #333333;
131 }
132
133 .home_footer {
134     position       : relative;
135     left           : 75px;
136     color          : #aaaaaa;
137     font-size      : 0.8em;
138     width          : 500px;
139     border-top     : 1px solid #aaaaaa;
140     padding-bottom : 40px;
141 }
142
143 .footer {
144     margin-top     : 20px;
145     border-top     : 1px solid #aaaaaa;
146     padding-left   : 75px;
147     color          : #aaaaaa;
148     font-size      : 0.8em;
149     padding-bottom : 40px;
150 }
151
152 .clearfix {
153     clear: both;
154 }
155
156