@import url(http://fonts.googleapis.com/css?family=Cinzel|Italianno|Ruluko|Open+Sans+Condensed:300);
html, body { margin: 0; padding: 0; background: #3C464A; font-size: 100%; font-family: Georgia, serif; }
.skull { margin: 8em; padding: 0; border: 0; width: 17.625em; height: 17.625em; }

h1 { color: #7BC1C7; }


/* ---- STANDARD DEFAULT POSITIONING
----------------------------------------------------------- */
h1, h2, h3, p, ul, li { margin: 0; }
#top { margin: 50px auto 0 auto; }
#main, #accounts { margin: 0 auto 0 auto; }
ul.accounts { margin: 10px auto; }
ul.accounts li { margin: 2px 7px 10px 7px; }
li.space { margin: 0 0 15px 40px; }

#top, h2, ul, ul.accounts li, li.space, li.space-down { padding: 0; }
#main { padding: 30px 0 40px 0; }
h1 { padding: 0 0 5px 0; }
h2 abbr { padding: 0 15px; top: 7px; }
h3, li, p.first { padding: 0 15px; }
p { padding: 0 15px 30px 15px; }


ul.accounts li { float: left; }
h1, h2, h2 abbr { position: relative; }




/* ---- DIV LAYERS
----------------------------------------------------------- */
#top, #main { width: 815px; }
#accounts { width: 490px; }
#accounts { height: 80px;  }

#main { clear: both; }




/* ---- LINKS
----------------------------------------------------------- */
A:link, A:active, A:visited { text-decoration: none; color: #7BC1C7; -webkit-transition: color 1s ease-in; -moz-transition: color 1s ease-in; -o-transition: color 1s ease-in; transition: color 1s ease-in; }
A:hover { color: #B3867D; }





/* ---- BORDERS AND SHADING
----------------------------------------------------------- */
#accounts, h2 { border-bottom: 1px dotted #666; }
h1 { text-shadow: 2px 2px 2px #333; }





/* ---- LISTS
----------------------------------------------------------- */
li { list-style: none; }
li.space { list-style: circle outside; }
ul.accounts { width: 500px; }
ul.accounts li { background: #4EB1BA; height: 40px; }





/* ---- FONT STYLES
----------------------------------------------------------- */
h1 { font: 1.9em 'Cinzel', serif; }
span.cursive { font: 2.0em 'Italianno', cursive; }
h2 { font: 0.7em 'Cinzel', serif; }
h3, p.first { font: 1em 'Ruluko', cursive; }
p, li { font: 0.95em 'Open Sans Condensed', sans-serif; }
span.emph { font: 1.05em 'Open Sans Condensed', sans-serif; }


h1, h2, p { font-weight: 400; }


h1 { line-height: 1em; }
span.cursive { line-height: 1.2em; }
p { line-height: 1.3em; }





/* ---- SPECIAL STYLES
----------------------------------------------------------- */
h2, span.emph { font-variant: small-caps; }
h2 { letter-spacing: 0.1em; }

h1, h2, p.first { text-align: center;  }





/* ---- IMAGES
----------------------------------------------------------- */
img.accounts { opacity: 0.6; filter: alpha(opacity=5); width: 40px; height: 40px; border: 0; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; transition: opacity 1s ease-in; }
img.accounts:hover { opacity: 1.0; filter:alpha(opacity=100);  }