/* Eric Meyer explained this at An Event Apart and it really is more
useful than a blanket-reset */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, font, img, strong, sub, sup, var, li, ol, ul, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, body{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align:left;
}
a img, :link img, :visited img {
	border: 0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#040404 url(images/backGround.jpg) 0 0 repeat-x;
}
/* I know this seems a bit redundant - but fox throws a fit sans this bit */
strong {
font-weight:bold;
}
p {
line-height:1.7em;
font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h3, h4 {
font-size:20px;
font-weight:400;
}
h3 {
color:#D1FF1C;
}
h4 {
color:#f09;
}
a{
color:#81daff;
text-decoration:underline;
}
/*divs*/
#con {
width:85em;
margin:0 auto;
background:#444;
}
#feature{
padding:0;
margin:0;
width:100%;
background:#4f4f4f url(images/featureBack.jpg) 0 0 repeat-x;
}
#headerSwf {
display:block;
height:300px;
width:850px;
background:#444 url(../images/header.jpg) 0 0 no-repeat;
}
#content{
clear:both;
background:#191919 url(images/contentBackGround.jpg) 0 0 repeat-x;
}
#content h3{
padding:1em 1.2em 0 1.2em;
}
#content img.title {
float:right;
margin:1em 2em 2.5em 3.5em;
}
#content p{
padding:1.5em 2em;
color:#ccc;
}
#content p strong {
color:#fff;
}
#content p.date {
font-size:11px;
color:#555;
padding:0 2.3em;
}
#content a {
color:#81daff;
text-decoration:underline;
}
div.blogImage {
position:relative;
padding:1em 2em;
}
#content div.blogImage p{
float:right;
width:21em;
vertical-align:text-bottom;
color:#666;
background:#222 url(images/contentImageBackground.gif) .5em 21em no-repeat;
height:28.3em;
}
#content a:hover {
color:#fff;
}
#indexLeft h3, #indexRight h3 {
margin:1em 0;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:1.5em;
}
#indexLeft {
width:50em;
float:left;
}
#indexLeft p {
margin:.5em 0;
color:#666;
}
#indexLeft a {
text-decoration:none;
}
indexLeft a:hover {
text-decoration:underline;
}
#indexRight {
margin:0 -1.5em 0 0;
width:30em;
float:right;
background:url(images/neuf_deux.gif) 100% 0 no-repeat;
}
#indexRight ul {
list-style:none;
margin:1em 0 0 2.5em;
padding:0;
}
#indexRight ul li {
padding:.5em 0;
}
#indexRight ul li a {
font-size:12px;
text-decoration:none;
color:#666;
background:url(images/li_arrow.gif) 0 50% no-repeat;
padding: 0 1.2em;
}
#indexRight ul li a:hover {
color:#fff;
}
#tutorialContent {
margin:0;
padding:0 0 1.2em 0;
width:100%;
}
#tutorialLeft {
float:left;
width:32em;
}
#tutorialLeft h3 {
padding:1em 1em .5em 1em;
margin: 0;
}
#tutorialRight {
float:right;
width:51em;
padding: 0 2em 0 0;
}
#tutorialRight h3 {
margin:0;
padding:1em 0;
}
#tutorialRight a:hover {
text-decoration:underline;
color:#fff;
}
#tutorialRight p {
padding:0;
margin:0;
}
.sub {
padding:0;
font-size:10px;
color:#555;
}
div.tutorialItem {
display:block;
padding:1.8em 2.4em;
}
#content div.tutorialItem p {
padding:0;
}
div.tutorialItem a {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#81daff;
text-decoration:none;
}
#tutorialRight div.tutorialItem {
padding:2em 0;
border-top:1px #444 dotted;
}
#fireFoxHack {
clear:both;
width:100%;
}
#relatedLinks {
margin:0 2em;
padding:0 0 2em 0;
}
#relatedLinks h3 {
border-top:1px #444 dotted;
margin:0;
padding:.5em 0;
}
#relatedLinks ul {
list-style:none;
margin:0;
padding:0;
}
#relatedLinks ul li {
padding:.5em 0;
}
#relatedLinks ul li a {
font-size:12px;
text-decoration:none;
color:#666;
background:url(images/li_arrow.gif) 0 50% no-repeat;
padding: 0 1.2em;
}
#relatedLinks ul li a:hover {
color:#fff;
}
div.divider { 
clear:both;
padding:0 0 2em 0;
margin:.5em 2em 1em 2em;
border-bottom:#666 1px dotted;
}
div.divider p {
display:none;
}
#footer {
clear:both;
padding:2em 2em 3em 2em;
background:#222;
}
#footer a {
float: left;
margin: 0 1.5em 0 0;
padding: .3em 2em .3em 0;
color:#999;
text-decoration:none;
}
#footer a:hover {
color:#81daff;
text-decoration:underline;
}
#footer a.footerHome {
background:url(images/li_arrow.gif) 100% 50% no-repeat;
}
#footer a.footerLink {
border-right:#555 1px solid;
}
#siteMap {
padding:2em;
}
#siteMap h3, #siteMap p {
padding-left:0;
margin-left:0;
}
#siteMap ul {
list-style:none;
margin:0;
padding:0;
}
#siteMap ul li {
padding:.5em 0;
}
#siteMap ul li a {
font-size:12px;
text-decoration:none;
color:#666;
background:url(images/li_arrow.gif) 0 50% no-repeat;
padding: 0 1.2em;
}
#siteMap ul li a:hover {
color:#fff;
}
.ffHack {
clear:both;
}