/*
Stylesheet for The Naked Emperor website
*/

body {margin: 0; padding: 0; font-family: Georgia, Times New Roman, Times, serif; text-align: center; color: #fff; background: #bbb; font-size: 13px; line-height: 22px;}

#frame {width: 800px; text-align: center; margin: auto; background: #000; position: relative; clear: both;}
#header {width: 530px; padding: 40px 0 10px 0; margin: auto;}
#date {position: absolute; top: 15px; right: 0px;}
#years {width: 800px; background: #000; border-bottom: solid 1px #666;}
#years a, div.text {float: left; display: block; padding: 2px 10px 2px 10px; color: #C3A954;}

/* content */
#content {width: 563px; text-align: left; margin: 0;}
#content_top {background: url(images/frame_top.png) no-repeat; width: 563px; height: 18px;}
#content_middle {background: url(images/frame_middle.png) repeat-y; width: 563px; position: relative;}
#content_bottom {background: url(images/frame_bottom.png) no-repeat; width: 563px; height: 18px;}
#content .padding {padding: 0 20px 0 20px;}

/* footer */
#footer {clear: both; padding: 10px 0 10px 0; font-size: 11px; color: #666;}
#baby {position: absolute; left: 60px; bottom: 30px;}

/* general */
p {margin: 0 0 15px 0; padding: 0;}
ul {margin: 0; padding: 0; list-style: none;}
a {color: #C3A954;}
a:hover {color: #AE9464;}
hr {color: #666; background-color: #666; height: 1px;}
h2 {font-size: 1.2em; padding: 0; margin: 0 0 15px 0;}