/* Fundamentals: Tags */

* {
margin: 0; padding: 0;
}

HTML {
font-size: 100%;
} 

BODY {
background-color: #282828;
margin: 0; padding: 0;
font-size: 62.5%;
line-height: 1.5;
font-family: Helvetica, Arial, sans;
text-align: left;
color: #999;
}

H1 {
margin: 0 0 1em 0;
font-size: 1.3em;
font-weight: bold;
color: #f60;
}

H2 {
margin: 0 0 1.0em 0; padding: 0;
font-size: 1.5em;
font-weight: normal;
line-height: 1.4;
color: #f60;
}

H3 {
margin: 0 0 0.4em 0;
font-size: 1.1em;
font-weight: bold;
line-height: 1.3;
color: white;
}

H4 {
margin: 0 0 .6em 0;
font-size: 1em;
line-height: 1.3;
font-weight: bold;
}

P {
margin: 0 0 .6em 0;
}

A {
color: white;
text-decoration: none;
}

A:hover {
color: #c30;
}

UL {
margin: 0 0 .6em 1.4em;
list-style-type: square;
}

OL {
margin: 1em 0 1em 1.6em;
}

IMG {
border: none;
}

IMG.right {
float: right;
margin: 0 0 0 10px;
}

FORM {
width: 40em;
padding: 2em;
background-color: #1f1f1f;
}

LABEL {
float: left;
width: 10.0em;
margin-left: -10.0em;
color: white;
}

INPUT {
margin: 0 0 1.0em 0;
background-color: #ccc;
}

.highlight {
font-weight: bold;
color: white;
}




/* Page Structure */

#container {
background: #282828 url(header.png) top left no-repeat;
padding: 100px 0 0 8.0em;
font-size: 1.2em;
}

#header {
float: left;
}

.intro {
width: 70.0em;
}

#inner {
width: 80em;
}

A#sitetitle {
display: block;
position: absolute;
top: 5.0em;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #999;
}

A#sitetitle:hover {
color: white;
}




/* Meta Bar */

#meta-nav  {
position: relative;
height: 3.0em;
background-color: #111;
padding: 0 2.0em 0 2.0em;
text-align: right;
font-size: 1.1em;
}

#meta-nav UL {
float: right;
position: absolute;
top: 30%;
right: 2em;
}

#meta-nav UL  LI {
list-style: none;
display: inline;
margin: 0 0 0 1.0em;
}

#meta-nav UL LI A {
font-size: 1.0em;
text-decoration: none;
color: #aaa;
}

#meta-nav UL LI A:hover {
color: white;
}




/* Categories */

.categories {
overflow: hidden;
width: 100%;
margin: 5.0em 0 0 -2.0em;
}

.category H3 {
xwidth: 16.0em; height: 2.0em;
margin: 0; padding: 0;
color: #f60;
font-size: 1.2em;
}

.category .item {
margin: 0 0 2.0em 0;
position: relative;
}

.category.products .item {
padding: 0 0 0 100px;
overflow: auto;
zoom: 1;
}

.category .item A {
color: #999;
}

.category .item H4 {
color: #ccc;
}

.category .item A:hover, 
.category .item A:hover H4 {
color: white;
}

.category .item IMG {
float: left;
margin: 0 0 0 -100px;
top: 10px;
}

.item SMALL {
display: block;
clear: left;
margin: -0.5em 0 0.5em 44px;
font-size: 1.0em;
font-style: italic;
}

A.download {
display: block;
margin: 0; padding: 10px 0 10px 44px;
font-weight: bold;
color: #bbb;
background-repeat: no-repeat;
background-position: 0 50%;
}
A.download:hover {
color: white;
}

A.download.save {
background-image: url(icon-kind-save.png);
}
A.download.win {
background-image: url(icon-kind-win.png);
}
A.download.osx {
background-image: url(icon-kind-osx.png);
}
A.download.pdf {
background-image: url(icon-kind-pdf.png);
}
A.download.word {
background-image: url(icon-kind-word.png);
}
A.download.save:hover {
background-image: url(icon-kind-save-on.png);
}
A.download.win:hover {
background-image: url(icon-kind-win-on.png);
}
A.download.osx:hover {
background-image: url(icon-kind-osx-on.png);
}
A.download.pdf:hover {
background-image: url(icon-kind-pdf-on.png);
}
A.download.word:hover {
background-image: url(icon-kind-word-on.png);
}




/* Home Page */

#home .category {
width: 18.0em; height: 40em;
background-color: #1f1f1f;
float: left;
margin: 0 1.0em  0 0; padding: 2.0em;
}

#home .category H3 {
margin: 0 0 2em 0;
}

#home .category.products {
width: 23em;
}




/* Product Page */

#product H2 {
margin: 0 0 0.5em 0;
}

#product H4 {
margin: 2em 0 0.5em 0;
color: white;
text-transform: uppercase;
}

#product .intro {
margin: 0 0 0 -2.0em; padding: 2.0em;
position: relative;
background-color: #1f1f1f;
xmin-height: 10em;
}

#product .intro IMG {
position: absolute;
right: 2.0em;
top: -15px;
}

#product .intro P.important {
color: white;
font-weight: bold;
}

#product .intro P {
width: 65%;
}

#product .categories {
width: 80.0em;
}

#product .category {
width: 42%;
float: left;
margin: 0 1.0em  0 2.0em; padding: 0;
}

#product .category SMALL {
font-size: 1.0em;
font-style: italic;
}

#product .item {
margin: 0; padding: 0;
overflow: hidden;
width: 100%;
}

#product .item .installer {
width:40%;
float: left;
}

#product .notes {
font-style: italic;
margin: 0.6em 0 0 0;
}

#product .categories P {
margin: 2.0em 0 0 0;
}




/* Addons and Extras */

.bigblocks H4 {
margin: 2em 0 0.5em 0;
color: white;
text-transform: uppercase;
}

.bigblocks .category {
margin: 2em 0; padding: 2em 20em 2em 2em;
background-color: #1f1f1f;
position: relative;
}

.bigblocks .category .item {
margin: 0;
}

.bigblocks .category H3 {
margin: 0 0 1.0em 0;
font-size: 1.3em;
font-weight: normal;
text-indent: 0;
color: #f60;
width: 100%;
}

.bigblocks .category IMG {
position: absolute;
right: 2em;
top: 2em;
}

.bigblocks .category .detail {
font-style: italic;
}

.bigblocks .category .description {
margin: 2em 0 0 0;
}

.bigblocks .category .instructions {
margin: 0 0 1em 0;
}



/* Login */

#login FORM {
margin: 5em 0 14em 0;
}

#login FORM .fields {
margin: 3em 0 0 0;
padding-left: 10em;
}

.error {
color: #f60;
}



/* Footer */

#footer {
margin: 3.0em 0;
font-size: 0.9em;
color: #555;
}



/* sIFR Decoy Styles */

.sIFR-hasFlash H1,
.sIFR-hasFlash H2,
.sIFR-hasFlash H3 {
visibility: hidden;
}

.sIFR-hasFlash H3 {
font-size: 0.9em !important;
}