/* A CSS Framework by Mike Stenhouse of Content with Style */ | |
/* SITE SPECIFIC LAYOUT */ | |
body { | |
margin: 0; | |
padding: 0; | |
background: white; | |
text-align: center; | |
} | |
div#page { | |
width: 780px; | |
margin: 0 auto; | |
padding: 0; | |
background: white; | |
text-align: center; | |
} | |
/* HEADER */ | |
div#header { | |
margin: 0 0 5em 0; | |
padding: 40px 20px; | |
color: white; | |
background: black; | |
text-align: left; | |
} | |
div#branding { | |
float: left; | |
width: 40%; | |
margin: 0; | |
padding: 10px 0 10px 20px; | |
text-align: left; | |
} | |
div#search { | |
float: right; | |
width: 49%; | |
margin: 0; | |
padding: 16px 20px 0 0; | |
text-align: right; | |
} | |
/* END HEADER */ | |
/* CONTENT */ | |
div#content { | |
} | |
/* MAIN */ | |
div#main { | |
} | |
/* END MAIN */ | |
/* SUB */ | |
div#sub { | |
} | |
/* END SUB */ | |
/* END CONTENT */ | |
/* FOOTER */ | |
div#footer { | |
color: white; | |
background-color: black; | |
} | |
div#footer p { | |
font-size: 0.8em; | |
margin: 0; | |
padding: 15px; | |
} | |
/* END FOOTER */ | |
/* END LAYOUT */ | |
/* UL.SUBNAV */ | |
ul.subnav { | |
margin: 0; | |
padding: 0; | |
font-size: 0.8em; | |
list-style: none; | |
} | |
ul.subnav li { | |
margin: 0 0 1em 0; | |
padding: 0; | |
list-style: none; | |
} | |
ul.subnav li a, | |
ul.subnav li a:link, | |
ul.subnav li a:visited, | |
ul.subnav li a:active { | |
text-decoration: none; | |
font-weight: bold; | |
color: black; | |
} | |
ul.subnav li a:hover { | |
text-decoration: underline; | |
} | |
ul.subnav li strong { | |
padding: 0 0 0 12px; | |
background: url("../i/subnav-highlight.gif") left top no-repeat transparent; | |
} | |
ul.subnav li strong a, | |
ul.subnav li strong a:link, | |
ul.subnav li strong a:visited, | |
ul.subnav li strong a:active { | |
color: white; | |
background-color: black; | |
} | |
/* END UL.SUBNAV */ |