1 /********************************************
\r
2 AUTHOR: Erwin Aligam
\r
3 WEBSITE: http://www.styleshout.com/
\r
4 TEMPLATE NAME: CoolWater
\r
5 TEMPLATE CODE: S-0019
\r
7 DATE: November-07-2007
\r
8 *******************************************/
\r
10 /********************************************
\r
12 ********************************************/
\r
15 * { margin: 0; padding: 0; outline: 0; }
\r
18 background: #caced1;
\r
19 font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
\r
27 text-decoration: none;
\r
28 background: inherit;
\r
32 text-decoration: underline;
\r
33 background: inherit;
\r
38 h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; }
\r
41 font-weight: normal;
\r
47 font-weight: normal;
\r
57 border: 1px solid #E5E5E5;
\r
60 img.float-right { margin: 5px 0px 10px 10px; }
\r
61 img.float-left { margin: 5px 10px 10px 0px; }
\r
78 font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
\r
79 /* white-space: pre; */
\r
80 border: 1px solid #E5F0FB;
\r
81 background: #F4F8FD;
\r
85 border-bottom: 1px dotted #777;
\r
89 padding: 0 0 0 25px;
\r
90 font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif;
\r
92 border: 1px solid #E5F0FB;
\r
93 background: #F4F8FD url(/images/quote.jpg) no-repeat 8px 6px;
\r
98 border-collapse: collapse;
\r
105 background: #306bc1 url(/images/button-bg.jpg) repeat-x 0 0;
\r
107 padding-left: 12px;
\r
108 padding-right: 12px;
\r
111 border: 1px solid #306bc1;
\r
112 border-bottom-width: 2px;
\r
119 padding-left: 12px;
\r
120 padding-right: 12px;
\r
121 border: 1px solid #E5F0FB;
\r
125 /* form elements */
\r
129 border: 1px solid #E5F0FB;
\r
130 background: #F4F8FD;
\r
133 margin: 0; padding: 0;
\r
146 border: 1px solid #E5F0FB;
\r
147 font: normal 1em Verdana, sans-serif;
\r
153 font: normal 1em Verdana, sans-serif;
\r
154 border: 1px solid #E5F0FB;
\r
160 font: bold 12px Arial, Sans-serif;
\r
165 background: #306bc1 url(/images/button-bg.jpg) repeat-x 0 0;
\r
166 border: 1px solid #306bc1;
\r
171 background-color: transparent;
\r
174 padding: 5px 0 5px 0;
\r
177 .searchform p { margin: 0; padding: 0; }
\r
178 .searchform input.textbox {
\r
183 border: 1px solid #D2E8F7;
\r
184 vertical-align: top;
\r
186 .searchform input.button {
\r
190 vertical-align: top;
\r
193 /********************************************
\r
195 ********************************************/
\r
198 background: #CCC url(/images/content.jpg) repeat-y center top;
\r
209 position: relative;
\r
211 background: #caced1 url(/images/header.jpg) no-repeat center top;
\r
215 #header h1#logo-text a {
\r
216 position: absolute;
\r
217 margin: 0; padding: 0;
\r
218 font: bolder 55px 'Trebuchet MS', Arial, Sans-serif;
\r
219 letter-spacing: -3px;
\r
221 text-transform: none;
\r
222 text-decoration: none;
\r
223 background: transparent;
\r
225 /* change the values of top and left to adjust the position of the logo*/
\r
226 top: 18px; left: 35px;
\r
229 position: absolute;
\r
230 margin: 0; padding: 0;
\r
231 font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
\r
232 text-transform: none;
\r
235 /* change the values of top and left to adjust the position of the slogan*/
\r
236 top: 80px; left: 50px;
\r
240 #header #header-links {
\r
241 position: absolute;
\r
243 font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
\r
244 top: 20px; right: 20px;
\r
246 #header #header-links a {
\r
248 text-decoration: none;
\r
250 #header #header-links a:hover {
\r
257 margin: 0 auto; padding: 0;
\r
258 background: #81C524 url(/images/menu.jpg) no-repeat;
\r
259 font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
\r
266 margin:0; padding: 0 0 0 20px;
\r
276 text-decoration: none;
\r
277 background: url(/images/sep.jpg) no-repeat 100% 100%;
\r
279 #menu ul li a:hover {
\r
282 #menu ul li#current a {
\r
290 margin: 0; padding: 20px 0 0 0;
\r
292 background: url(/images/box.jpg) no-repeat;
\r
295 font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
\r
302 text-decoration: none;
\r
305 #main p, #main h1, #main h2, #main h3, #main ol, #main ul,
\r
306 #main blockquote, #main table, #main form {
\r
308 margin-right: 25px;
\r
311 list-style-image: url(/images/bullet.gif);
\r
318 padding: 0; margin: 10px 0 0 0;
\r
322 margin: 15px 5px 10px 5px;
\r
323 font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
\r
330 #sidebar ul.sidemenu {
\r
333 margin: 7px 10px 8px 0; padding: 0;
\r
334 text-decoration: none;
\r
335 border-top: 1px solid #A9D4EF;
\r
337 #sidebar ul.sidemenu li {
\r
339 padding: 4px 0 4px 5px;
\r
342 border-bottom: 1px solid #D2E8F7;
\r
344 * html body #sidebar ul.sidemenu li {
\r
347 #sidebar ul.sidemenu li a {
\r
348 text-decoration: none;
\r
351 #sidebar ul.sidemenu li a:hover {
\r
354 #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
\r
355 #sidebar ul.sidemenu ul li { border: none; }
\r
360 background: #caced1 url(/images/footer.jpg) no-repeat center top;
\r
364 text-align: center;
\r
373 text-decoration: none;
\r
378 background: #F4F8FD;
\r
379 padding: 5px; margin: 20px 25px 0 25px;
\r
380 border: 1px solid #E5F0FB;
\r
383 .post-footer .date { padding-left: 0px; margin: 0 5px; }
\r
384 .post-footer .comments { padding-left: 0px; margin: 0 5px; }
\r
385 .post-footer .readmore { padding-left: 0px; margin: 0 5px; }
\r
387 .post-by { font-size: .95em; margin-top: 0; }
\r
389 /* alignment classes */
\r
390 .float-left { float: left; }
\r
391 .float-right { float: right; }
\r
392 .align-left { text-align: left; }
\r
393 .align-right { text-align: right; }
\r
395 /* display and additional classes */
\r
396 .clear { clear: both; }
\r