/**
* @file
* HTML Element Styling
*
* Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
* is the place where you should set (not reset) the default styling for all
* HTML elements.
*
* @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
* @see http://snook.ca/archives/html_and_css/no_css_reset/
*/
/*
* Colours
darkblue: #0b052c;
demos: #336699;
babyblue: #3E7DBB;
orange: #ff7f00;
gray: #58585a;
*/
body {
font-size: 100%;
}
#skip-link,
#page {
/*
* To use a 12px font size on the page, delete the 14px declarations.
* to use a 14px font size on the page, delete the 12px declarations.
*/
/* Use a 12px base font size with a 16px line height */
font-size: 0.75em; /* 16px x .75 = 12px */
line-height: 1.333em; /* 12px x 1.333 = 16px */
/* Use a 14px base font size with a 18px line height */
font-size: 0.875em; /* 16px x .875 = 14px */
line-height: 1.286em; /* 14px x 1.286 = 18px */
}
body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
/* The following font family declarations are based on the Microsoft core web
* fonts which are common fonts available on most computer systems. The DejaVu
* fonts are commonly available on Linux systems where the MS fonts are less
* common. Tahoma and Helvetica are also widely available.
*
* A user's web browser will look at the comma-separated list and will
* attempt to use each font in turn until it finds one that is available
* on the user's computer. The final "generic" font (sans-serif or serif)
* hints at what type of font to use if the web browser doesn't find any
* of the fonts in the list.
Gesta:
font-family: gesta, Helvetica, Arial, sans-serif;
Chaparral Pro:
font-family: chaparral-pro, "Times New Roman", Times, serif;
Tahoma:
font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
*/
font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
color: #58585a;
}
pre, code { font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif; }
/* @group Headings - General */
h1 {
color: #3E7DBB;
font-family: gesta, Helvetica, Arial, sans-serif;
font-size: 30px;
letter-spacing: 2px;
line-height: 1em;
margin: 0;
padding-top: 39px;
text-transform: uppercase;
}
h2 {
margin: 0;
font-size: 23px;
line-height: 1em;
color: #0b052c;
}
h3 {
margin: 0;
font-size: 14px;
line-height: 20px;
color: #336699;
}
h4 {
margin: 0;
font-size: 18px;
line-height: 16px;
color: #0b052c;
}
h5,
h6 {
font-size: 1.1em;
line-height: 1.3em;
margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
margin-bottom: 0.909em;
}
h1 a,
h2 a,
h3 a,
h4 a {
color: #0b052c;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
color: #336699;
}
/* @end */
/* @group Headings - Pages */
#content .section h1.title {
color: #0b052c;
font-family: gesta, Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
letter-spacing: 0;
line-height: 1em;
margin-bottom: 0.2em;
text-transform: none;
}
#content-area .node .content h1 {
color: #58585A;
font-family: Tahoma,Verdana,"DejaVu Sans",sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 0;
line-height: 20px;
margin: 0 0 1em 0;
padding: 0;
text-transform: none;
}
#content-area .node .content h2 {
color: #0b052c;
font-family: gesta, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
margin: 0;
padding: 0;
}
#content-area .node .content h3,
#content-area .node .content h4,
#content-area .node .content h5,
#content-area .node .content h6 {
color: #58585A;
line-height: 1.2em;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}
#content-area .node .content h4,
#content-area .node .content h6 {
color: #0b052c;
}
#content-area .node .content h5,
#content-area .node .content h6 {
font-style: italic;
}
#content-area .node .content blockquote {
color: #0b052c;
float: right;
font-family: gesta, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 1.2em;
margin: 10px 15px 10px 15px;
padding: 0;
text-align: left;
width: 200px;
}
#content-area .node .content blockquote p {
margin: 0;
padding: 0;
}
/* @end */
/* @group Typography */
p,
q,
ul,
ol,
dl,
pre,
table,
fieldset {
margin: 0 0 1em;
}
q {
display: block;
font-style: italic;
}
ul,
ol {
margin-left: 0;
padding-left: 2em; /* LTR */
}
.block ul,
.item-list ul /* Drupal overrides */ {
margin: 1em 0;
padding: 0 0 0 2em; /* LTR */
}
ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
margin: 0;
}
li {
margin: 0;
padding: 0;
}
.item-list ul li /* Drupal override */ {
margin: 0;
padding: 0;
list-style: inherit;
}
ul.menu li,
li.expanded,
li.collapsed,
li.leaf /* Drupal override */ {
margin: 0;
padding: 0;
}
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: decimal; }
dt {
margin: 0;
padding: 0;
}
dd {
margin: 0 0 0 2em;
padding: 0;
}
/* @end */
/* @group Links */
a {
color: #0b052c;
text-decoration: none !important;
}
a:link {
}
a:visited {
}
a:hover,
a:focus {
color: #336699;
}
a:active {
}
/* @end */
/* @group Other */
table { border-collapse: collapse; }
th,
thead th,
tbody th {
text-align: left;
padding: 0;
border-bottom: none;
}
tbody {
border-top: none;
}
abbr {
border-bottom: 1px dotted #666;
cursor: help;
white-space: nowrap;
}
abbr.created {
border: none;
cursor: auto;
white-space: normal;
}
img {
border: 0;
}
hr {
height: 1px;
border: 1px solid #666;
}
/* @end */
/* @group Forms */
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 1em 0;
padding: 0.5em;
}
/* @end */
.node-type-blog #content-area .content blockquote {
color: #7C7C7C;
float: none;
font-family: gesta, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1.2em;
margin: .5em 3em 1.5em 3em;
padding: 0;
text-align: left;
width: auto;
}