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