/*
David Jacobs Web Development - CSS Screen
*/

html {
background-color: #19222a;
}

body {
font-size: 62.5%;
}

strong {
font-weight: bold;
}

/*
Layout
*/

#wrapper {
margin: 0 auto;
padding: 0;
width: 100em;
background: url(../img/bkgd.png) no-repeat;
position: relative;
}

#header {
width: 100em;
height: 21em;
}

#content {
width: 100em;
}

#left {
width: 47em;
float: left;
}

#right {
width: 49em;
padding-right: .2em;
float: left;
}

#footer {
text-align: center;
width: 25em;
padding: 2em 35em 0em 35em;
clear: both;
}

#intro {
margin: 0 auto;
padding: 0;
width: 80em;
height: 60em;
}

#order {
float: right;
padding: .5em 0em 0em 3em;
}

#shirt_desc {
width: 30em;
float: left;
padding: 0em 0em 0em 0em;
position: relative;
}

ul {
position: absolute;
top: 8.3em;
left: 47em;
}

ul.shirt_colors {
position: relative;
top: 0em;
left: 0em;
float: left;
padding-bottom: 3em;
width: 29em;
}

ul.swatch_pics {
position: relative;
top: .0em;
left: 0em;
float: left;
width: 29em;
}

/*
li {
display: inline;
font-family: Georgia, Times, serif;
font-size: 1.8em;
color: #fc3;
padding-right: 2.2em;
}
*/

li {
display: inline;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.8em;
color: #fc3;
padding-right: 2.2em;
}

li.shirt_colors {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;
color: #999;
float: left;
height: 1.7em;
width: 4.2em;
padding-right: .3em;
}

li.swatch_pics {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;
color: #999;
float: left;
height: 4.2em;
width: 4.2em;
padding-right: .3em;
}

/*
li.last {
display: inline;
font-family: Georgia, Times, serif;
font-size: 1.8em;
color: #fc3;
padding-right: 0em;
}
*/

li.last {
display: inline;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.8em;
color: #fc3;
padding-right: 0em;
}

li a.selected {
color: #999;
}

img.swatch {
border: .1em solid #999;
}

/*
Type
*/

li a {
text-decoration: none;
color: #fc3;
}

li a:hover {
color: #999;
}

/*
p {
color: #fc3;
font-family: Georgia, Times, serif;
font-size: 1.6em;
line-height: 1.45;
margin-bottom: 1em;
}
*/

p {
color: #fc3;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
line-height: 1.45;
margin-bottom: 1em;
}

p.body {
color: #fc3;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.5;
margin-bottom: 1em;
}

p.variations {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;
color: #999;
}

p.logo {
position: absolute;
top: 3.45em;
left: 3em;
}

p.faces_row {
position: absolute;
top: 7.5em;
left: 29.25em;
}

p.main_photo {
padding: .35em 0em 0em 3em;
}

p.flash_faces {
padding: 1em 0em 1em 3em;
clear: both;
}

p.foot {
padding-top: .5em;
font-family: Helvetica, Arial, sans-serif;
font-size: .8em;
color: #999;
border-top: .2em solid;
text-align: center;
}

h3 {
font-size: 1.75em;
padding: .25em;
font-family: Georgia, Times, serif;
color: #19222a;
}

h4 {
font-size: 1.25em;
padding: .25em;
font-family: Georgia, Times, serif;
color: #19222a;
}

select {
font-size: 1em;
font-family: Georgia, Times, serif;
color: #19222a;
}

/*
option {
font-size: 1em;
font-family: Georgia, Times, serif;
color: #19222a;
}
*/

option {
font-size: 1em;
font-family: Helvetica, Arial, sans-serif;
color: #19222a;
}