Initial add of defaria.com
[clearscm.git] / defaria.com / blogs / styles / TypePadThin.css
1 body {
2     margin: 0 0 10px 10;
3     background-color: #6699CC;
4 }
5
6 a {
7     text-decoration: underline;
8 }
9
10 a:link {
11     color: #003366;
12 }
13
14 a:visited {
15     color: #003366;
16 }
17
18 a:active {
19     color: #003366;
20 }
21
22 a:hover {
23     color: #003366;
24 }
25
26 h1, h2, h3 {
27     margin: 0px;
28     padding: 0px;
29     font-weight: normal;
30 }
31
32 #container {
33     background-color: #FFFFFF;
34     text-align: left;
35     padding: 5px;
36     width: 750px;
37 }
38
39 #banner {
40     background-color: #99CC66;
41     border-bottom: 1px dotted #6699CC;
42     color: #FFFFFF;
43     font-family: 'Trebuchet MS', Verdana, sans-serif;
44     height: 42px;
45     padding: 15px;
46     text-align: left;
47     width: 730px;
48 }
49
50 #banner-commentspop {
51     background-color: #99CC66;
52     border-bottom: 1px dotted #6699CC;
53     color: #fff;
54     font-family: 'Trebuchet MS', Verdana, sans-serif;
55     font-size: x-large;
56     font-weight: bold;
57     padding: 15px;
58     text-align: left;
59 }
60
61 #banner a {
62     color: #FFFFFF;
63     text-decoration: none;
64 }
65
66 #banner h1 {
67     font-size: xx-large;
68     font-weight: bold;
69 }
70
71 #banner .description {
72     font-size: small;
73 }
74
75 #content {
76     background-color: #FFFFFF;
77     color: #333333;
78     float: left;
79     font-family: 'Trebuchet MS', Verdana, sans-serif;
80     font-size: small;
81     overflow: hidden;
82     padding: 5px 5px 5px 5px;
83     width: 550px;
84 }
85
86 #menu {
87     background :#FFF;                                                   
88     font-family: 'Trebuchet MS', Verdana, sans-serif;
89     margin-bottom :15px;
90 }       
91
92 .blog {
93     background-color: #fff;
94     padding: 8px;
95 }
96
97 .blog p {
98     color: #333333;
99     font-family: 'Trebuchet MS', Verdana, sans-serif;
100     font-size: small;
101     font-weight: normal;
102     line-height: 150%;
103     text-align: left;
104     margin-bottom: 10px;
105 }
106
107 .blog blockquote {
108     line-height: 150%;
109 }
110
111 .blog li {
112     line-height: 150%;
113     font-size: small;
114 }
115
116 .blog h2 {
117     color: #333333;
118     font-family: 'Trebuchet MS', Verdana, sans-serif;
119     font-size: medium;
120     border-bottom: 1px solid #333333;
121     text-align: left;
122     font-weight: bold;
123
124
125     margin-bottom: 10px;
126     padding: 3px;
127 }
128
129 .blog h3 {
130     color: #000000;
131     font-family: 'Trebuchet MS', Verdana, sans-serif;
132     font-size: large;
133     text-align: left;
134     font-weight: bold;
135     margin-bottom: 10px;
136
137 }
138
139 .blog .blogbody {
140     margin-bottom: 25px;
141 }
142
143 .blog .posted {
144     border-top: 1px dotted #999999;
145     color: #999999;
146     display: block;
147     font-family: 'Trebuchet MS', Verdana, sans-serif;
148     font-size: small;
149     font-weight: bold;
150     line-height: normal;
151     padding: 3px;
152     text-align: left;
153 }
154
155 #links {
156     background-color: #FFFFFF;
157     float: left;
158     overflow: hidden;
159     width: 200px;
160 }
161
162 .side, .syndicate, .powered {
163     font-family: 'Trebuchet MS', Verdana, sans-serif;
164     font-size: small;
165     padding: 3px 15px 10px 15px;
166     text-align: left;
167 }
168
169 .side a {
170     text-decoration: none;
171 }
172
173 .side a:link {
174     color: #;
175 }
176
177 .side a:visited {
178     color: #;
179 }
180
181 .side a:active {
182     color: #;
183 }
184
185 .side a:hover {
186     color: #;
187 }
188
189
190 .calendar {
191     line-height: 140%;
192     color: #333333;
193     font-family: 'Trebuchet MS', Verdana, sans-serif;
194     font-size: small;
195     padding: 2px;
196     text-align: center;
197     margin-bottom: 30px;
198 }
199
200 .calendar table {
201     padding: 2px;
202     border-collapse: collapse;
203     border: 0px;
204     width: 100%;
205 }
206
207 .calendar caption {
208     color: #666666;
209     font-family: 'Trebuchet MS', Verdana, sans-serif;
210     font-size: small;
211     border-bottom: 1px solid #999999;
212     text-align: left;
213     font-weight: bold;
214
215     text-transform: uppercase;
216     padding: 3px;
217     letter-spacing: .3em;
218 }
219
220 .calendar th {
221     text-align: center;
222     font-weight: normal;
223 }
224
225 .calendar td {
226     text-align: center;
227 }
228
229 .sidetitle {
230     border-bottom: 1px solid #999999;
231     color: #666666;
232     font-family: 'Trebuchet MS', Verdana, sans-serif;
233     font-size: small;
234     font-weight: bold;
235     letter-spacing: .3em;
236     margin: 3px;
237     text-align: left;
238     text-transform: uppercase;
239 }
240
241 .side ul {
242     padding-left: 0px;
243     margin: 0px;
244     margin-bottom: 30px;
245 }
246
247 .side li {
248     color: #333333;
249     text-align: left;
250     line-height: 150%;
251
252
253
254     margin-top: 10px;
255     list-style-type: none;
256 }
257
258 .side img {
259     border: 5px solid #EEEEEE;
260 }
261
262 .photo {
263     text-align: left;
264     margin-bottom: 20px;
265 }
266
267 .link-note {
268     font-family: 'Trebuchet MS', Verdana, sans-serif;
269     font-size: small;
270     line-height: 150%;
271     text-align: left;
272     padding: 2px;
273     margin-bottom: 15px;
274 }
275
276 .comments-head  { 
277     border-bottom: 1px solid #333333;
278     color: #333333;
279     font-family: 'Trebuchet MS', Verdana, sans-serif;
280     font-size: medium;
281     font-weight: bold;
282     margin-bottom: 10px;
283     padding: 3px;
284     text-align: left;
285 }
286
287 .comments-body {
288     color: #333333;
289     font-family: 'Trebuchet MS', Verdana, sans-serif;
290     font-size: small;
291     font-weight: normal;
292     line-height: 120%;
293     text-align: left;
294     margin-bottom: 10px;
295 }
296
297 .comments-body textarea {
298     width: 75%;
299 }
300
301 .comments-post { 
302     border-top: 1px dotted #999999;
303     color: #999999;
304     display: block;
305     font-family: 'Trebuchet MS', Verdana, sans-serif;
306     font-size: small;
307     font-weight: bold;
308     line-height: normal;
309     padding: 3px;
310     text-align: left;
311 }
312
313 .extended {
314     font-size: small;
315     font-style: italic;
316     margin-bottom: 1ex;
317 }
318
319 /* Code */
320 .code {
321   border:               2px solid #336699;
322   padding:              5px;
323   margin-top:           20px;
324   background:           #ffffea;
325   color:                black;
326   font-size:            14px;
327   font-family:          courier;
328   -moz-border-radius:   10px;
329 }
330 .note {
331   padding:              5px;
332   background-color:     #ffffea;
333   color:                rgb(165, 42, 42);
334   font-size:            8pt;
335   margin-bottom:        5px;
336   margin-left:          auto;
337   margin-right:         auto;
338   border-top:           4px solid #804000;
339   border-left:          1px solid #804000;
340   border-bottom:        1px solid #aca899;
341   border-right:         1px solid #aca899;
342   width:                75%;
343   text-align:           center;
344   -moz-border-radius:   7px;
345 }
346
347 pre {
348   white-space:          pre-wrap;       /* css-3 */
349   white-space:          -moz-pre-wrap;  /* Mozilla, since 1999 */
350   white-space:          -pre-wrap;      /* Opera 4-6 */
351   white-space:          -o-pre-wrap;    /* Opera 7 */
352   word-wrap:            break-word;     /* Internet Explorer 5.5+ */
353 }