/* CSS Document */
html, body { height: 100%; margin: 0; padding: 0; width:100%;}
body {
margin: 0;
background-color: #000000;
color: #000000;
height:100%;
}
#globalWrapper {
position:absolute;
left:0;
right:0;
width:100%;
height:100%;
background-color: #8C0001;
}
* html #globalWrapper {
height:100%
}
#headerPanel {
position:relative;
height:11%;
width:100%;
border-bottom:#FFFFFF medium solid;
min-height: 54px;
}

#topNav {
position: absolute;
right: 0px;
width:98%;
background-color:#000000;
height:100%;
}
#topNav img {
padding-top:15px;
padding-left:4px;
}
#leftPanel {
height:82%;
float:left;
width:14%;
background-color: #FFCC66;
border-right:#FFFFFF 4px solid;
overflow: auto;
}
#leftPadder {
float:left;
margin-top: 65px;
}
/* this is for the left panel menu */
#menu dl, dt {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dd, ul, li {
list-style-type: none;
margin: 0;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 2px;
background-color: #FFCC66;
}
#menu {
position: relative; 
top: 0;
left: 0;
font: 75% verdana, arial, sans-serif;
width: 100%;
}
#menu dt {
cursor: pointer;
margin: 0 0;
line-height: 20px;
font-weight: bold;
background: #FFCC66;
border-bottom: medium solid white;
text-indent: 12px;
width: 100%;
}
#menu dd ul li {
background-color: #FFCC66;
border-left: medium solid #FFFFFF;
}
#menu dd {
text-indent: 10px;
}
#menu dd li a:hover {
font-weight: bold;
}
#menu li {
background: #fff;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a:hover {
background-image: url(http://reynolds-buckley.com/Images/menu_bg1.jpg);
background-repeat: repeat-y;
color: #FFCC66;
background-color: #FFFFFF;
font-weight: bold;
}
#menu li a:hover, {
background: #FFCC66;
color: #FFFFFF;
}
/* end left panel menu */

/* start right panel menu */
#randomquotes {
color: #000;
padding:0 5px 0 5px;
letter-spacing: 110%;
}
.top {
}
.bottom {
}

#blogPanel {
font: 75% verdana, arial, sans-serif;
margin: 50px 0 0 0;
color: #000;
background-color: #FFCC66;
}
#blogPanel h1 {
font-size: 100%;
text-align: center;
}
#blogPanel h2 {
font-size: 90%;
text-align: center;
padding-top: 27px;
}
#blogPanel form {
text-align: center;
}
#blogPanel li a {
color: #FFFFFF;
text-decoration: none;
border: 0 none;
}
#blogPanel a:hover {
color: #FFCC66;
background-color: #FFFFFF;
}
#commentlist {
margin-left: 0;
padding-left: 0;
}

/* end right panel menu */

#centerPanel {
float:left;
width: 69%;
height:82%;
}
#centerBody {
background-color: #FFFFFF;
margin: 10px 0px 10px 9px;
height:95%;
overflow-x: hidden;
overflow-y: scroll; 
padding:6px 13px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
}
#centerBody h1, h2 {
text-align: center;
}
#centerBody h1 {
font-size: 24px;
}
#centerBody h2 {
font-size: 20px;
}
#centerBody li, #centerBody ol, #centerBody ul {
background-color: #FFF;
}
#centerBody a, #centerBody a:link, #centerBody a:visited {
color: #8C0001;
text-decoration: underline;
font-weight: 300;
}
#centerBody a:hover {
color: #FFCC66;
text-decoration: underline;
font-weight: 300;
}
#blogBody {
padding: 0 0 30px 10px;
}
.leftHeader {
text-align: left;
}
#rightPanel {
height:82%;
float:right;
width:16%;
background-color: #FFCC66;
margin-right:0px;
border-left:#FFFFFF medium solid;
overflow: auto;
}
#rightPadder {
margin: 21px 8px 0px 8px;
background-color: #FFCC66;
}
#footerPanel {
position: absolute;
bottom: 0;
margin-top:-9px;
height:6%;
clear:both;
background-color:#000000;
width: 100%;
border-top:#FFFFFF medium solid;
}
#copyright {
padding-top:7px;
color: #FFFFFF;
text-align: center;
font-size: x-small;
}
/* Begin IE6 Hacks... */
* html #centerPanel {
float:left;
width:67%;
height:79%;
}
* html #centerBody {
margin: 12px 0px 9px 10px;
height:95%;
overflow-x: hidden;
overflow-y: scroll; 
padding:6px 12px 0px 0px;
}
* html #rightPadder {
margin: 5px 8px 0 13px;
}
* html #blogPanel h1 {
margin-bottom: -5px;
}
* html #blogPanel h2 {
margin-bottom:0px;
margin-top: 1px;
}
* html #blogPanel form {
margin-bottom:0px;
margin-top: 10px;
}
* html #blogPanel ul li {
line-height: 1em;
}
* html #centerBody h1, #centerBody h2 {
padding-top: 5px;
}
* html #footerPanel {
margin-top: -8px;
height:7%;
}
* html #menu dd ul li {
background-color: #FFCC66;
border-left: none;
}
/* End IE6 Hacks! */

/* Begin IE7 Hacks... */
/* IE7 Only Hacks*/
*:first-child+html #centerPanel {
height:80%;
width: 69%;
margin-left: -2px;
}
*:first-child+html #blogPanel ul li {
line-height: 1em;
}
*:first-child+html #blogPanel h1 {
margin-bottom: -5px;
}
*:first-child+html #blogPanel h2 {
margin-bottom:0px;
margin-top: 3px;
}
*:first-child+html #blogPanel form {
margin-bottom:0px;
margin-top: 10px;
}
*:first-child+html #menu {
display: block;
width: 150px;
}
*:first-child+html #footerPanel {
height:7%;
}
*:first-child+html #centerBody h1, #centerBody h2 {
padding-top: 10px;
}
.input {
color: #8C0001;
text-align: center;
}
.textarea {
color: #8C0001;
}