1 /********************************************
3 WEBSITE: http://www.styleshout.com/
7 *******************************************/
9 /********************************************
11 ********************************************/
14 * { margin: 0; padding: 0; outline: 0 }
17 background: #f7f0e3 url
(bg.jpg) repeat-x
;
18 font: 70%/1.6em Verdana
, Tahoma
, Arial
, Geneva
, sans-serif
;
28 text-decoration: none
;
33 text-decoration: underline
;
38 font-family: 'Trebuchet MS', Tahoma
, Sans-serif
;
70 border: 1px solid
#dcdcdc;
74 margin: 5px 0px 10px 10px;
77 margin: 5px 10px 10px 0px;
86 font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace
;
87 /* white-space: pre; */
88 border: 1px solid
#F4F3EC;
93 border-bottom: 1px dashed
#777;
98 border: 1px solid
#F4F3EC;
99 background: #FAFAE7 url
(quote.jpg) no-repeat
7px 10px;
100 font: bold
1.3em/1.5em 'Trebuchet MS', Tahoma
, Sans-serif
;
106 border-collapse: collapse
;
113 background: #93BC0C url
(nav.jpg) repeat-x
;
119 border-left: 1px solid
#B6D59A;
120 border-bottom: solid
2px #fff;
128 border-left: 1px solid
#fff;
129 border-bottom: 1px solid
#fff;
144 margin:10px; padding: 0 5px;
145 border: 1px solid
#f1f1f1;
146 background-color: #f5f5f5;
155 border:1px solid
#eee;
156 font: normal
1em Verdana
, sans-serif
;
162 font: normal
1em Verdana
, sans-serif
;
163 border:1px solid
#eee;
169 font: bold
12px Arial
, Sans-serif
;
174 background: #8EB50C url
(nav.jpg) repeat-x
0 0;
175 border: 1px solid
#88AD0C;
180 background-color: transparent
;
182 margin: 0; padding: 5px 0 15px 0;
185 .searchform p { margin: 0; padding: 0; }
186 .searchform input.textbox {
191 border: 1px solid
#E5E5E5;
194 .searchform input.button {
201 /********************************************
203 ********************************************/
206 background: #fff url
(wrap-bg
.jpg
) repeat-y
;
208 margin: 50px auto
0 auto
;
213 background: #fff url
(content-bg
.jpg
) repeat-x
;
220 border-top: 5px solid
#fff;
221 border-bottom: 1px solid
#e5e5e5;
222 border-left: 1px solid
#fff;
223 border-right: 1px solid
#fff;
227 background: #fff url
(header-bg
.jpg
) repeat-x
;
233 #header h1#logo-text a
{
235 margin: 0; padding: 0;
236 font: normal
42px Georgia
, "Times New Roman", Times
, serif
;
237 letter-spacing: -1.5px;
239 text-transform: none
;
240 text-decoration: none
;
242 /* change the values of top and left to adjust the position of the logo*/
243 top: 22px; left: 20px;
247 margin: 0; padding: 0;
248 font: normal
12px Georgia
, "Times New Roman", Times
, serif
;
249 text-transform: none
;
252 /* change the values of top and left to adjust the position of the slogan*/
253 top: 67px; left: 25px;
257 #header #header-links
{
259 top: 25px; right: 10px;
261 font: normal
11px Georgia
, "Times New Roman", Times
, serif
;
262 text-transform: uppercase
;
264 #header #header-links a
{
266 text-decoration: none
;
270 #header #header-links
a:hover
{
285 margin: 0; padding: 0;
291 margin: 0; padding: 0;
297 background: url
(nav.jpg) repeat-x
;
300 text-transform: uppercase
;
307 margin: 0; padding: 0;
315 border-right: 1px solid
#899D00;
316 border-left: 1px solid
#A7D101;
317 font: bold
14px/45px "Century Gothic", "Trebuchet MS", Helvetica
, Arial
, Geneva
, sans-serif
;
318 text-transform: uppercase
;
319 text-decoration: none
;
324 #nav ul li
a:active
{
325 background: url
(nav-hover
.jpg
) repeat-x
;
327 #nav ul li#current a
{
328 background: url
(nav-current
.jpg
) repeat-x
;
335 padding: 15px 0 0 0; margin: 0 0 0 10px;
341 font: normal
2.3em 'Trebuchet MS', Tahoma
, Sans-serif
;
343 letter-spacing: -1px;
344 text-transform: none
;
348 text-decoration: none
;
351 list-style-image: url
(bullet.gif);
358 padding: 25px 0 0 0; margin: 0;
363 font: normal
1.6em 'Trebuchet MS', Tahoma
, Sans-serif
;
366 #sidebar ul
.sidemenu
{
368 margin: 7px 10px 8px 0px; padding: 0;
369 text-decoration: none
;
370 border-top: 1px solid
#EBEBEB;
372 #sidebar ul
.sidemenu li
{
374 border-bottom: 1px solid
#EBEBEB;
375 padding: 5px 0 5px 5px;
378 * html body #sidebar ul
.sidemenu li
{
381 #sidebar ul
.sidemenu li a
{
382 text-decoration: none
;
383 background-image: none
;
386 #sidebar ul
.sidemenu li
a:hover
{
389 #sidebar ul
.sidemenu ul
{ margin: 0 0 0 5px; padding: 0; }
390 #sidebar ul
.sidemenu ul li
{ border: none
; }
399 border-bottom: 15px solid
#fff;
400 border-top: 1px solid
#fff;
402 #footer-wrap a:hover
{
409 text-transform: uppercase
;
420 text-decoration: none
;
428 border-top: 1px solid
#e5e5e5;
431 border-bottom: 1px solid
#e5e5e5;
433 #footer-columns li a
{
436 padding: 5px 0 5px 10px;
439 #footer-columns .col3
, .col3-center
{
443 #footer-columns .col3-center
{
462 padding: 5px; margin: 20px 10px 15px 10px;
465 border: 1px solid
#EAE7DB;
468 .postmeta .date{ margin: 0 10px 0 5px; }
469 .postmeta a.comments { margin: 0 10px 0 5px; }
470 .postmeta a.readmore { margin: 0 10px 0 5px; }
472 .post-info { font-size: .95em; padding-top: 0; margin-left: 5px; }
474 /* alignment classes */
475 .float-left { float: left
; }
476 .float-right { float: right
; }
477 .align-left { text-align: left
; }
478 .align-right { text-align: right
; }
480 /* display and additional classes */
481 .clear { clear: both
; }