/*--------------------------------------------------------------------------
SAKURAZUKAMORI - the Sakurazuka Seihsirou fanlisting
http://sakurazuka.org
version 2 - March 2007
---------------------------------------------------------------------------*/

body {margin:0; background: #3E3838 url(images/layout/bgnd.jpg) top center repeat-x scroll;}
#center {position:absolute; top:0px; left:50%; width:747px; margin-left:-373px;}

/*
Header
-----------------------------------------------------------------------------*/
#header {width:747px; height:200px; overflow:hidden;}
#sakurazuka {width:747px; height:70px; overflow:hidden;}
#sakurazuka img, #header img {border:0px;}
#title {height:55px; background:url(images/layout/title.jpg) top left no-repeat scroll; }
#title h1 {text-align:right; margin:0; padding: 20px 45px 0 0; font: italic 28px/28px Times New Roman, serif; color:#746482;}

/*
Main area, Sidebar, Main content
-----------------------------------------------------------------------------*/
#main {position:absolute; width:747px; z-index:2; background: url(images/layout/bg.jpg) top center repeat-y scroll;}

#sidebar {position:relative; top:-5px; float:left; padding-left:30px; width:120px; color:#FFF; text-align:right; text-transform:uppercase; font: bold 11px/18px trebuchet MS, arial, sans-serif;}
#sidebar ul {margin:0; padding:0; list-style-type: none;}
#sidebar .current {display:block; width:130px; border-bottom:2px solid #F6F4F7; padding:1px 10px 1px 0; color:#FFF; background: #91849D url(images/layout/arrow.gif) top left no-repeat scroll;}
#sidebar a {display:block; width:130px; background-color:#E0D6E1; border-bottom:2px solid #F6F4F7; text-decoration:none; padding:1px 10px 1px 0; color:#FFF;}
#sidebar a:hover {display:block; width:130px; background-color:#BCB3C5; border-bottom:2px solid #F6F4F7; text-decoration:none; padding:1px 10px 1px 0; color:#FFF;}

#maincontent p.first {margin-top:0;}
#maincontent {position:relative; top:0px; padding:0 0 20px 45px; font: 11px/18px trebuchet MS, arial, sans-serif; text-align:justify; color:#614C6B; width:500px; float:left;}
#maincontent a {color:#C2976C; text-decoration:none;}
#maincontent a:hover {color:#C2976C; text-decoration:underline;}
#maincontent h2 {color:#C39AAA; font: bold italic 16px/24px georgia, serif; text-transform:lowercase; margin:5px 0 5px 20px; border-bottom:1px dotted #D4B1BE; display:inline;}
#maincontent .date {text-transform:uppercase; font-weight:bold; color:#BCB3C5;}

code {margin:auto; display:block; width:200px; height:100px; overflow:auto; border:1px solid #E0D6E1;}

/*
Footer
-----------------------------------------------------------------------------*/
#footer {position:relative; background: url(images/layout/footer.jpg) top center no-repeat; width:747px; height:74px; overflow:hidden; clear:both;}
#footer p {margin:0; padding:20px 40px; text-align:center; color:#7F7F7F; font: 10px/15px trebuchet MS, arial, sans-serif;}
#footer a {text-decoration:none; color:#CCCCCC;}
#footer a:hover {text-decoration:none; color:#FFFFFF;}