Created a website for Flash Strobe on Maemo Garage
[flashstrobe] / www / style.css
1 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */\r
2 \r
3 /**************** Body and tag styles ****************/\r
4 \r
5 *{margin:0; padding:0;}\r
6 \r
7 body{\r
8 font:76% Verdana,Tahoma,Arial,sans-serif;\r
9 color:#303030;\r
10 background:#FFFFFF;\r
11 }\r
12 \r
13 a{\r
14 color:#2C72C7;\r
15 font-weight:bold;\r
16 text-decoration:none;\r
17 background-color:inherit;\r
18 }\r
19 \r
20 a:hover{color:#2C72C7; text-decoration:none; background-color:inherit;}\r
21 a img{border:none;}\r
22 \r
23 p{padding:0 0 1.6em 0;}\r
24 p form{margin-top:0; margin-bottom:20px;}\r
25 \r
26 img.left,img.center,img.right{padding:2px;}\r
27 img.left{float:left; margin:0 5px 0 0;}\r
28 img.center{display:block; margin:0 auto 5px auto;}\r
29 img.right{float:right; margin:0 0 5px 12px;}\r
30 \r
31 /**************** Header and navigation styles ****************/\r
32 \r
33 #container{\r
34 /* width:1024px; */\r
35 margin:20px;\r
36 padding:1px 0;\r
37 background:#ffffff;\r
38 color:#303030;\r
39 border:2px solid #a0a0a0;\r
40 }\r
41 \r
42 #header{\r
43 height:100px;\r
44 line-height:1.4em;\r
45 margin:0 1px 1px 1px;\r
46 background:url(img/header.png);\r
47 background-repeat:repeat;\r
48 }\r
49 \r
50 #header h1{\r
51 padding:35px 0 0 20px;\r
52 font-size:2.6em;\r
53 background-color:inherit;\r
54 color:#ffffff;\r
55 letter-spacing:-2px;\r
56 font-weight:normal;\r
57 }\r
58 \r
59 #header h2{\r
60 margin:10px 0 0 40px;\r
61 font-size:1.6em;\r
62 background-color:inherit;\r
63 color:#f0f2f4;\r
64 letter-spacing:-1px;\r
65 font-weight:normal;\r
66 }\r
67 \r
68 #href2 {\r
69 color:#ffffff;\r
70 font-weight:bold;\r
71 text-decoration:none;\r
72 background-color:inherit;\r
73 }\r
74 \r
75 #navigation{\r
76 height:2.4em;\r
77 line-height:2.4em;\r
78 margin:0 1px;\r
79 background:#2C72C7;\r
80 color:#ffffff;\r
81 }\r
82 \r
83 #navigation li{\r
84 float:left;\r
85 list-style-type:none;\r
86 border-right:1px solid #ffffff;\r
87 white-space:nowrap;\r
88 }\r
89 \r
90 #navigation li a{\r
91 display:block;\r
92 padding:0 10px;\r
93 font-size:1.0em;\r
94 font-weight:normal;\r
95 text-transform:uppercase;\r
96 text-decoration:none;\r
97 background-color:inherit;\r
98 color: #ffffff;\r
99 }\r
100 \r
101 * html #navigation a {width:1%;}\r
102 \r
103 #navigation .selected,#navigation a:hover{\r
104 background:#A4C0E4;\r
105 color:#2E3436;\r
106 text-decoration:none;\r
107 }\r
108 \r
109 /**************** Content styles ****************/\r
110 \r
111 #content{\r
112 float:left;\r
113 font-size:1.1em;\r
114 padding:20px 20px 0px 20px;\r
115 }\r
116 \r
117 #content h2{\r
118 display:block;\r
119 margin:0 0 16px 0;\r
120 font-size:1.9em;\r
121 font-weight:normal;\r
122 letter-spacing:-1px;\r
123 color:#505050;\r
124 background-color:inherit;\r
125 }\r
126 \r
127 #content h2 a{font-weight:normal;}\r
128 #content h3{margin:0 0 5px 0; font-size:1.5em; letter-spacing:-1px;}\r
129 #content a:hover,#subcontent a:hover{text-decoration:underline;}\r
130 #content ul,#content ol{margin:0 5px 16px 35px;}\r
131 #content dl{margin:0 5px 10px 25px;}\r
132 #content dt{font-weight:bold; margin-bottom:5px;}\r
133 #content dd{margin:0 0 10px 15px;}\r
134 \r
135 /**************** Footer styles ****************/\r
136 \r
137 #footer{\r
138 clear:both;\r
139 /* width:1022px; */\r
140 padding:5px 0;\r
141 margin:0 1px;\r
142 font-size:1.1em;\r
143 color:#FFFFFF;\r
144 background:#2C72C7;\r
145 }\r
146 \r
147 #footer p{padding:0; margin:0; text-align:center;}\r
148 #footer a{color:#000000; background-color:inherit; font-weight:bold;}\r
149 #footer a:hover{color:#000000; background-color:inherit; text-decoration: underline;}