html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
margin-left: auto;
margin-right: auto;
width: 1020px;
}
body {
font-size: 15px;
font-family: altima_light, "Altima Light", 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: normal;
color: #333333;
line-height: 1.4em;
}
a:focus {
outline: 1px dotted;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li {
margin-left: 30px;
}
p,
dl,
hr,
/*h1,
h2,
h3,
h4,
h5,
h6,*/
ol,
ul,
pre,
table,
address,
fieldset {
margin-bottom: 10px;
}
/* `* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
font-family: "Altima Semi Extended","Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;
}
h1 { font-size: 28px; line-height: 28px; margin-bottom: 10px;margin-top:6px;}
h2 { font-size: 24px; line-height: 21px; margin-bottom: 10px; margin-top:6px;}
h3 { font-size: 21px; line-height: 20px; margin-bottom: 7px; margin-top:6px; }
h4 {
font-size: 19px;
line-height: 18px;
margin-bottom: 7px;
margin-top: 12px;
font-weight: normal;
}
h5 { font-size: 16px; line-height: 18px; margin-bottom: 7px;margin-top:6px; }
h6 { font-size: 15px; line-height: 15px;margin-bottom: 7px;margin-top:6px; }
.subheader { color: #777; }
p { margin: 0 0 20px 0; }
/* `Headings
----------------------------------------------------------------------------------------------------*/
.subheader { color: #777; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #333333; }
em { font-style: italic; }
strong {
font-weight: bold;
color: #333333;}
small { font-size: 80%; }
/* Blockquotes */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
/*h1 {
font-size: 25px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}*/
/* `Spacing
----------------------------------------------------------------------------------------------------*/
/*
942px grid system ~ Core CSS.
6 Columns ~ Margin left: 0px ~ Margin right: 0px
Based on the 960.gs grid system - http://960.gs/
by Nathan Smith
Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.
Note: IE6 works fine without this fix.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_6
{
margin-left: auto;
margin-right: auto;
width: 942px;
background-color: #FFF;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_1p,
.grid_2p,
.grid_3p,
.grid_4p,
.grid_5p,
.grid_6p ,
.grid_3s
{
display: inline;
float: left;
margin-left: 0px;
margin-right: 0px;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.margin_top_10 {
margin-top: 10px;
}
.margin_bottom_10 {
margin-bottom; 10px;
}/* =Grid >> 6 Columns
--------------------------------------------------------------------------------*/
.container_6 .grid_1 {width: 157px;}
.container_6 .grid_2 {width: 314px;}
.container_6 .grid_3 {width: 471px;}
.container_6 .grid_4 {width: 628px;}
.container_6 .grid_5 {width: 785px;}
.container_6 .grid_6 {width: 942px;}
.container_6 .grid_1p {width: 147px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;}
.container_6 .grid_2p {width: 304px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;}
.container_6 .grid_3p {
width: 450px;
padding: 5px;
margin-right: 10px;
}
.container_6 .grid_4p {width: 618px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;}
.container_6 .grid_5p {width: 775px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;}
.container_6 .grid_6p {
width: 932px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
zoom: 1;
}