garrettgrayracing/styles/core.css

/*
  Type Selectors
*/

body, td {
font-family: georgia, times, serif;
font-size: 16px;
margin: 0em;
padding: 0em;
}
body {
padding: 0.25em;
background-color: #fff;
text-align: center;     /* IE5 <div> centering hack part 1 */
}

abbr, .help {
font-style: normal;
padding-bottom: 1px;
border-bottom: 1px dotted #999;
cursor: help;
}

a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin: 0em;
padding: 0.25em 0em;
}

h1 {
font-size: 1.3125em;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1.0625em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 0.75em;
}
h6 {
font-size: 0.6875em;
}

p {
text-align: justify;
line-height: 1.3125em;
margin: 0em 0.375em 0.25em 0.125em;
padding: 0em;
}

p + p,
p + div.photoleft + p,
p + div.photoright + p {
text-indent: 0.5em;
}

p.notice {
font-size: 0.8125em;
font-style: italic;
text-align: center;
padding: 3em 0em;
}

dl {
text-align: justify;
line-height: normal;
font-size: 0.8125em;
margin: 0em;
padding: 0em;
width: 99%;
}
dt {
font-weight: bold;
margin-left: 0.25em;
}
dd {
margin: 0.25em 1.5em;
padding: 0em;
}
dl.news dd {
margin: 0.25em 0em 0.25em 2em;
padding: 0.25em;
}
dl.headlines dd {
padding: 0.5em;
font-style: italic;
margin: 0.5em 1.5em;
}

/*
  Layout ID Selectors
*/

#layout {
position: relative;
margin: 0em auto;
padding: 0.25em;
background-color: #fff;
text-align: left;       /* IE5 <div> centering hack part 2        */
width: 47.5em;          /* erroneous value to satisfy IE5/Win     */
voice-family: "\"}\"";  /* Tantek's boxmodel hack see more at     */
voice-family: inherit;  /* http://www.tantek.com/                 */
width: 47em;            /* correct for compliant browsers wo/css2 */
}
body>#layout {
width: 47em;            /* correct for compliant browsers w/css2  */
}

#siteheader {
margin: 0em;
padding: 0em;
}

#panel {
float: left;
margin: 0.25em 0em;
padding: 0em;
width: 10.25em;
}

#content {
float: right;
margin: 0.25em 0em;
padding: 0em;
width: 36.75em;
}

#footer {
clear: both;
margin: 0.5em 0em;
padding: 0em;
}

#footer p {
font-size: 0.6875em;
font-style: italic;
text-align: center;
margin: 0em 0em;
padding: 0.125em 0em;
}

/*
  Class Selectors
*/

div.photo p,
div.leftphoto p,
div.rightphoto p,
div.centerphoto p {
font-size: 0.75em;
font-style: italic;
text-align: center;
margin: 0em 5%;
padding: 0em;
}

div.weathermagnet {
width: 16.875em;
height: 10.9375em;
}

img.thumb {
width: 15em;
height: 11em;
}

div.centerphoto {
margin-bottom: 0.5em;
}

div.row div.photo {
margin-bottom: 0.5em;
width: 12em;
}
div.row div.left {
clear: both;
}
div.row img.thumb {
width: 12em;
height: 9em;
}

.boiler {
clear: both;
color: #666;
font-size: 0.5625em;
text-align: center;
margin: 0em;
padding: 0em;
}

.boxed {
border: solid 1px #999;
margin: 0.25em 1em;
}
.fullbox {
border: solid 1px #999;
margin: 0em 0em 0.5em 0em;
}
.titlebox {
border: solid 1px #999;
background: inherit;
margin-bottom: 0.5em;
}

.centered {
text-align: center;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.headroom {
margin-top: 0.75em;
}
.legroom {
margin-bottom: 0.75em;
}

.middle {
float: left;
margin: 0em;
padding: 0em;
}
.left {
float: left;
padding: 0em;
margin-right: 0.375em;
}
.right {
float: right;
padding: 0em;
margin-left: 0.375em;
}

div.leftphoto {
float: left;
padding: 0em;
margin-right: 0.375em;
width: 15em;
}
div.rightphoto {
float: right;
padding: 0em;
margin-left: 0.375em;
width: 15em;
}