/*Theme Name: gum
Theme URI: http://www.francey.org
Description: Chewing Gum
Author: Francey
Author URI: http://www.francey.org
provided under these terms and conditions: http://www.francey.org/terms/ 
*/
body{ background-color: #CCC;
margin: 0px;
padding: 0px;
color: #333;
font-family: verdana, sans-serif;
font-size: 0.7em;}

h1#lyrics1{ color: #888;
position: absolute;
left: 400px;
top: 50px;
z-index: 6;}

h1#lyrics2{ color: #888;
position: absolute;
left: 240px;
top: 100px;
z-index: 6;}

.gum{ font-size: 800px;
font-family: serif;}

#img1{ color: #FCC;
position: absolute;
top: -115px;
left: -50px;
z-index: 3;}

#img2{ color: #FF9999;
position: absolute;
top: -55px;
left: -10px;
z-index:4;}

#img3{ color: #FCF;
position: absolute;
top: 25px;
left: -50px;
z-index: 4;}

#img4{ color: #FCF;
position: absolute;
top: -115px;
left: 100px;
z-index: 5;}

#img5{ color: #F99;
position: absolute;
top: -105px;
left: 200px;
z-index: 3;}

#img6{ color: #FFF;
position: absolute;
top: 100px;
left: 0px;
z-index: 4;}

#img7{ color: #FCC;
position: absolute;
top: 175px;
left: -65px;
z-index: 5;}

#img8{ color: #FCC;
position: absolute;
top: -145px;
left: 285px;
z-index: 2;}

#main{ position: absolute;
top: 150px;
left: 150px;
width: 600px;
background-color: #fff;
z-index: 6;
padding: 0px 0px 20px 0px;}

#posts{ float: left;
width: 420px;
padding: 10px;
margin: 0px;}

#nav{ float: right;
width: 120px;
padding: 20px 10px 10px 10px;
margin: 0px;}

#nav ul{ margin: 0px;
padding: 0px;
list-style-type: none;}

#nav p{margin: 3px 0px 3px 0px;
padding: 0px;}

h1{ color: #333;
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 0.2em;}

h2{ text-transform: uppercase;
color: #F99;
letter-spacing: 0.2em;
font-size: 1em;
font-weight: normal;
margin-bottom: 0px;}

h3{ color: #888;
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
margin-top: 0px;
letter-spacing: 0.2em;
border-bottom: 1px dotted #FCC;}

h4{ color: #C66;
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
margin-bottom: 0px;
letter-spacing: 0.2em;
border-bottom: 1px dotted #FCC;}

h5{ color: #C66;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 1em;
font-weight: normal;}

h6{ font-size: 8px;
color: #333;
font-weight: normal;
font-family: silkscreen, courier, monospace;}

p.div, p.info{ text-align: right;
font-size: 0.9em;}

p.info{ margin-bottom: 0px;
border-top: 1px dotted #FCC;}

p.div{ margin-top: 0px;}

strong, em, i, b{ color: #C66;}

u{ color: #888;
text-transform: uppercase;
letter-spacing: 0.2em;
text-decoration: none;
border-bottom: 1px dotted #FCC;
font-size: 0.9em;}

blockquote{ background-color: #FCC;
padding: 5px;}

pre, cite, code{ background-color: #FCC;
font-size: 1em;}

dt{ font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #777;}

dd{ background-color: #FCC;
padding: 5px;
margin: 0px;}

input, textarea{ background-color: #FCC;
font-family: verdana, sans-serif;
font-size: 1em;}

p.div a{ text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.2em;}

#nav ul li a{ color: #333;
text-decoration: none;}

#nav ul li a:hover{ color: #F99;}

#nav ul li{ margin: 3px 0px 3px 0px;}

a{ color: #C66;}
a:hover{ color: #F99;}

