2
-------------------------------------------------------------------------------------------------------- */
4
Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com
6
// Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/
7
// - Free for use in both personal and commercial projects
8
// - Attribution requires leaving author name, author link, and the license info intact.
12
-------------------------------------------------------------------------------------------------------- */
14
Reset derived and adapted from
15
html5doctor.com Reset Stylesheet
18
Author: Richard Clark - http://richclarkdesign.com
21
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
22
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub,
23
sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
24
tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header,
25
hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; }
26
:focus /* remember to define focus styles! */ { outline: 0; }
27
body { line-height:1; }
28
article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; }
29
ol, ul { list-style-position: inside; }
30
nav ul { list-style:none; }
31
blockquote, q { quotes:none; }
32
blockquote:before, blockquote:after, q:before, q:after { content:''; }
33
a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; }
34
ins { background-color:#ff9; color:#000; text-decoration:none; }
35
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
36
del { text-decoration: line-through; }
37
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
38
table { border-collapse:collapse; border-spacing:0; }
39
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
40
input, select { vertical-align:middle; }
41
textarea { overflow:auto;}
42
/* ----------------------------------------------------------------------------------------------------- */
46
-------------------------------------------------------------------------------------------------------- */
48
body { font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; font-size:100%; line-height:1.5em;}
49
h1 { font-size:2.25em; /* 16x2.25 =36 */ }
50
h2 { font-size:1.5em; /* 16x1.5 =24 */ }
51
h3 { font-size:1.125em; /* 16x1.125=18 */ }
52
h4 { font-size:1.0em; /* 16x1.0 =16 */ }
53
h5 { font-size:0.875em; /* 16x0.75 =14 */ }
54
h6 { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ }
55
p { font-size:0.75em; line-height:1.5em; /* 16x0.75 =12 */ }
56
li { font-size:0.75em; line-height:1.5em; /* 16x0.75=12 */ }
57
strong { font-weight:bold;}
60
.showcase-text { font-size:0.875em; /* 16x0.875=14 */ }
61
.foot-note { font-size:0.75em; /* 16x0.75x0.75 =9 */ }
64
-------------------------------------------------------------------------------------------------------- */
67
.container { clear:both; margin:0 auto; padding:10px; position:relative; width:960px; }
68
#main-nav { display:inline; float:left; margin:5px 10px; padding:10px; width:600px; }
69
.main-nav-item { padding-right:10px;}
72
#top-logo { display:inline; float:right; margin:5px 10px; padding:10px; width:280px; }
73
#sub-nav { display:inline; float:left; margin:5px 10px; padding:10px; width:600px;}
74
.sub-nav-item { padding-right:10px;}
75
#searchbox { display:inline; float:right; margin:5px 10px; padding:10px; width:280px;}
76
.showcase-heading { display:inline; float:left; margin:5px 10px; padding:10px; width:440px;}
77
.showcase-text { display:inline; clear:left; float:left; margin:5px 10px; padding:10px; width:440px;}
78
.showcase-img { display:inline; float:right; margin:5px 10px; padding:10px; width:440px;}
79
#showcase-nav { display:inline; clear:both; margin:5px 10px; padding:10px; width:920px; }
80
.showcase-nav-item { padding-right:10px;}
81
.main-content { display:inline; clear:both; float:left; margin:5px 10px; padding:10px; width:920px; }
82
.minor-content { display:inline; float:left; margin:5px 10px; padding:10px; width:440px; }
83
.side-content { display:inline; float:left; margin:5px 10px; padding:10px; width:280px; }
84
.sub-content { display:inline; float:left; margin:5px 10px; padding:10px; width:120px; }
86
p { padding: 5px 0px 10px; }
88
.divide { display:inline; border:0px solid; clear:both; color:#efefef; font-size:0px; height:1px; margin:-1px 0px 0px; }
91
.footer-content { display:inline; float:left; margin:5px 10px; padding:10px; width:120px; }
92
.foot-note { display:inline; clear:both; margin:5px 10px; padding:10px; width:920px; }
95
-------------------------------------------------------------------------------------------------------- */
97
body { background-color:#afafaf; }
99
.container { background-color:#efefef; }
101
.main-content { background-color:#bcbcbc; }
102
.minor-content { background-color:#cecece; }
103
.side-content { background-color:#dfdfdf; }
104
.footer-content { background-color:#dfdfdf; }
105
.sub-content { background-color:#dfdfdf; }
108
p { background-color:#f0f0f0;}
112
.foot-note { background-color:#bcbcbc; }
119
#showcase-nav { background-color:#dfdfdf; }
122
/* KuZeKo web@kuzeko.com
123
-------------------------------------------------------------------------------------------------------- */