/*
O'Keefe Creations Style Sheet for Website
This CSS Style sheet is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works
3.0 United States License. Some rights reserved.
*/
html {
    height: 100%;
}

body {
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-size: 12px;
    color: #fdff1b;
    background: #408040;
    margin: 0;
    padding: 0;
    height: 100%;
}

h1, h2, h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.25em;
}

p, ul, ol {
    text-align: justify;
    font-size: 1.0em;
    line-height: 1.3em;
    margin-bottom: 1.5em;
    padding-left: 0.5em;
}

.align_left {
	text-align: left;
}

.smaller {
    font-size: smaller;
}

.pad_left {
	margin-left: 1.5em;
	padding-left: 1.5em;
	clear: left;
}

.align_right {
	text-indent: 2em;
	text-align: right;
}

ul.plain {
    list-style-type: none;
}

.float_left {
    float: left;
    display: inline;
    margin-right: 0.5em;
}

.float_right {
    float: right;
    margin-left: 0.5em;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

.padr {
    margin-right: 0.5em;
}

.padl {
    margin-left: 0.5em;
}

a, img {
    vertical-align: middle;
}

a img {
    border-style: none;
}

#header h1 {
	float: right;
}

#logo {
    background: url(/media/pics/occ_logo.png) top left no-repeat;
    height: 128px;
    width: 303px;
}

a:link, a:visited {
    text-decoration: none;
    color: #507f19;
}

a:hover, a:active {
    text-decoration: underline;
    color: #507f19;
}

#container, #footer, #header {
    width: 820px;
}

#container {
    height: 100%;
    min-height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 20px auto 0px;
    position: relative;
}

#content {
    width: 100%;
	margin-bottom: 1ex;
    border-top: 4px double #c99910;
    border-bottom: 4px double #c99910;
	color: #333;
}

img {
	padding-bottom: 1ex;
}

#content ul {
    list-style-type: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    padding-left: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    margin-right: 0em;
}

#footer {
    font-size: 0.8em;
    clear: both;
}

#comic_link {
    background: url(/media/pics/bob_cat_footer.png) no-repeat 85%;
    height: 283px;
    font-size: 2em;
}