/*----------------------------------------------------------------------------------------------------------------------------------------------------
initial.css
Description: Initial-styles (resets, browser-corrections, defaults)
Project: YouTube Video Wall
Version: 1.0
Last change: 2008-11-15
Author: Dirk Sidney Jansen [http://sidisinsane.com]
-----------------------------------------------------------------------------------------------------------------------------------------------------
TOC (Table of contents)
I. General settings (resets, browser-corrections, defaults)
----------------------------------------------------------------------------------------------------------------------------------------------------- STYLEGUIDE
Fonts:
Default font-family Arial, "Helvetica Neue", Helvetica, sans-serif
Decorative font-family "baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;
Colors:
Default link-color inherit
Default text-color inherit
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
I. General settings (resets, browser-corrections, defaults)
------------------------------------------------------------------------------------------------------*/
html {
font-size: 100.01%; /* Correct font related browserbugs in IE, Opera and Safari. */
}
body {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
}
/* Neutralize vertical margin styling. */
html,body,
h1,h2,h3,h4,h5,h6,p,
blockquote,address,
dl,dd,dt,
form,fieldset,table,hr,
object {
padding: 0;
margin: 0;
}
/* Reset borders. */
img,fieldset,table {
border: none;
}
/* Typography */
h1,h2,h3,h4 {
letter-spacing: -0.01em;
font-weight: 700;
}
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:0.875em; /* 16x0.875=14 */}
p {
font-size: 1em; /* 16x1=16 */
line-height: 1.4;
}
/* Links */
a {
text-decoration: none;
cursor: pointer;
color: inherit;
}
a:hover {
text-decoration: none;
}
/* Remove dotted links */
a:focus {
outline: none;
}
/*
Zero code fix for explorer by Dean Edwards (http://dean.edwards.name/my/abbr-cadabra.html)
1. identify the html namespace
2. prefixing the tag with the "html" namespace prefix forces
explorer to "recognise" the tag
3. explorer still does not know what an tag is but it will
now treat it as a proper node in the dom tree
4. once recognised we can associate style settings, we also (handily)
get the "title" attribute
Usage:
...
abbr
*/
html\:abbr,abbr,acronym {
text-transform: lowercase;
font-variant: small-caps;
letter-spacing: .05em;
border: none;
cursor: help;
}
/* Sexy symbols */
html\:abbr.symbol,abbr.symbol {
font-family: "baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;
font-style: italic;
}
/* Miscellaneous conveniences: */
label,button,input[type="submit"],input[type="reset"] {
cursor: pointer;
}