* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font: normal 80%/1.5 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana; 
color: #3d6171;
}

a:link, a:visited {
color: #3d6171;
}

a:focus, a:hover, a:active {
color: #dd0067;
}

h1 {
font: normal 2.3em/1 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana; 
letter-spacing: -0.05em;
}

#info h1 {
color: white; /* simply hide it */
}

.phat {
font-weight: bold;
}

h2 {
font: normal 1.8em/1.2 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana; 
margin: 0.7em 0 0.2em 0;
}

#sidebar h2 {
margin: 4px 0 0.7em 0;
}

code {
font: normal 12px/1.3 monaco, "Courier New", courier, fixed;
color: #a27c57;
}

#content p {
margin: 0.6em 0;
}

#wrapper {
position: relative;
margin: 5px auto;
text-align: left;
width: 715px;
}

ol {
margin-left: 30px;
}

#logo {
background: #3d6171 url(../img/6_2_blue.gif) left top no-repeat;
width: 535px;
height: 175px;
position: absolute;
top: 90px;
left: 0;
}

#logo img {
padding: 50px 0 0 30px;
}

#subline {
background: #97b8be url(../img/3_1_lightblue.gif) left top no-repeat;
width: 215px;
height: 65px;
position: absolute;
top: 0px;
left: 0px;
padding: 20px 20px 0 30px;
}

#subline p {
font: normal 17px/1.2 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana; 
}

ul#navi {
width: 500px;
position: absolute;
top: 0px;
left: 270px;
}

#navi li {
list-style: none;
float: left;
height: 85px;
width: 85px;
background: #dd0067 url(../img/1_1_pinkhover.gif) top left no-repeat;
margin-right: 5px;
}

#navi li a {
display: block;
height: 25px;
width: 85px;
font: normal 15px/1 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana; 
letter-spacing: -0.05em;
color: white;
text-align: center;
padding: 60px 0 0 0;
}

#navi a:link,
#navi a:visited {
text-decoration: none;
background: #dd0067 url(../img/1_1_pink.gif) top left no-repeat;
}

#navi a:focus,
#navi a:hover,
#navi a:active {
text-decoration: none;
background: #dd0067 url(../img/1_1_pinkhover.gif) top left no-repeat;
}

#info #navinfo a,
#manual #navmanual a,
#download #navdownload a,
#forum #navforum a,
#donations #navdonations a {
background: #dd0067 url(../img/1_1_pinkborder.gif) top left no-repeat;
color: #dd0067;
}


#content {
position: absolute;
width: 715px;
top: 270px;
background: white url(../img/6_brownborder.gif) left top repeat-y;
overflow: auto;
}



.left {
float: left;
clear: both;
margin: 0 10px 5px 0;
}

.right {
clear: both;
float: right;
margin: 0 0 5px 10px;
}

a.screen img {
border: 1px solid #3d6171;
padding: 3px;
margin-top: 4px;
}

a.screen img:focus,
a.screen img:hover,
a.screen img:active {
border: 1px solid #dd0067;
}

.clearn {
clear: both;
}



#sidebar ul {
padding-left: 15px;
margin-bottom: 18px;
}

#sidebar ul ul {
padding-top: 0.5em;
margin-bottom: 0px;
}


#sidebar li {
border: none;
list-style: square;
margin: 0 0 4px 0;
line-height: 1.2;
}

#manual #sidebar a:link {
display: block;
color: white;
text-decoration: none;
}

#manual #sidebar a:visited {
display: block;
color: #ccc;
text-decoration: none;
}

#manual #sidebar a:focus,
#manual #sidebar a:hover,
#manual #sidebar a:active {
background: white;
display: block;
color: #3d6171;
text-decoration: none;
}




/* INFO */


#info #sidebar a:link,
#info #sidebar a:visited {
color: white;
}

#info #sidebar a:focus,
#info #sidebar a:hover,
#info #sidebar a:active {
color: white;
text-decoration: none;
}



#info #main {
width: 485px;
float: left;
background: url(../img/6_brownbordertop.gif) left top no-repeat;
padding: 12px 20px 30px 30px;
}


#info #sidebar {
margin-left: 540px;
width: 151px;
padding: 22px 12px 12px 12px;
font-size: 0.9em;
background: #a27c57 url(../img/2_browntop.gif) left top no-repeat;
color: white;
}

#info #sidebar ul {
padding: 0;
padding-bottom: 8px;
border-bottom: 1px dashed white;
}


#info #sidebar li {
border-top: 1px dashed white;
list-style: none;
margin-top: 8px;
padding-top: 8px;
line-height: 1.2;
}



#info .end2 {
float: right;
width: 175px;
height: 10px;
background: #a27c57 url(../img/2_brownbottom.gif) left bottom no-repeat;
border-bottom: 5px solid white;
}

#info .end1 {
height: 10px;
width: 535px;
background: #a27c57 url(../img/6_brownborderbottom.gif) left bottom no-repeat;
float: left;
border-bottom: 5px solid white;
}

#retro {
background: #3d6171 url(../img/2_2_blue.gif) left top no-repeat;
width: 175px;
height: 175px;
position: absolute;
top: 90px;
left: 540px;
}


/*   MANUAL STYLES    */


#manual #logo {
background: #97b8be url(../img/3_1_blue.gif) left top no-repeat;
width: 265px;
height: 85px;
position: absolute;
top: 0px;
left: 0px;
}

#manual #content ul, 
#manual #content ol {
margin-left: 1.3em;
}

#manual #logo img {
padding: 25px 0 0 23px;
}

#manual #headline {
position: absolute;
background: #97b8be url(../img/5_1_lightblue.gif) left top no-repeat;
width: 445px;
height: 85px;
top: 90px;
left: 270px;
z-index: 1;
}

#manual #content {
background: #a27c57 url(../img/5_brownborder.gif) right top repeat-y;
top: 90px;
z-index: 0;
}

#manual #headline h1 {
padding: 12px 15px 0 17px;
}

#manual #main {
margin-left: 270px;
border-top: 90px solid white;
background: url(../img/5_brownbordertop.gif) left top no-repeat;
padding: 20px;
width: 405px;
}

#manual #main h3 {
font: normal 1.4em/1.5 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana;
border-bottom: 1px dashed #a27c57;
margin: 1em 0 0.5em 0;
}

h4 {
font: normal 1.3em/1 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana;
margin: 1em 0 0 0;
padding: 0;
}


#manual #sidebar {
background: url(../img/3_browntop.gif) left top no-repeat;
float: left;
width: 241px;
padding: 12px;
font-size: 0.9em;
color: white;
}

#manual .end2 {
float: right;
width: 445px;
height: 10px;
background: #a27c57 url(../img/5_brownborderbottom.gif) left bottom no-repeat;
border-bottom: 5px solid white;
}

#manual .end1 {
height: 10px;

width: 265px;
background: #a27c57 url(../img/3_brownbottom.gif) left bottom no-repeat;
float: left;
border-bottom: 5px solid white;
}

#manual #sidebar h3 {
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 0.2em;
border-bottom: 1px dashed white;
margin-bottom: 12px;
}

#exzerpt {
font: normal 1.3em/1.1 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana;
border-top: 1px dashed #a27c57;
border-bottom: 1px dashed #a27c57;
padding: 5px 0;
margin: 0.5em 0 0.8em 0;
}

#exzerpt p {
margin: 0;
padding: 0;
}



/*   FORUM     */


#forum #logo {
background: #97b8be url(../img/3_1_blue.gif) left top no-repeat;
width: 265px;
height: 85px;
position: absolute;
top: 0px;
left: 0px;
}

html {
padding: 0;
}

body#forum {
padding: 0;
}

#forum #logo img {
padding: 25px 0 0 23px;
}

#punwrap {
position: absolute;
top: 90px;
width: 695px;
background: #3d6171 url(../img/8_bluetop.gif) no-repeat;
padding: 10px;
border-bottom: 5px solid white;
}


/* DOWNLOAD   */

#icon {
position: absolute;
z-index: 1000;
right: 22px;
top: 22px;
}

#icon a img {
border: 0;
}

.templatethumb {
clear: left;
float: left;
margin-right: 10px;
}

.templatethumb img {
border: 1px solid #3d6171;
padding: 3px;
}

#download #dl_templates p {
line-height: 1.2em;
margin-bottom: 5px;
}

#download h1#releases,
#donations h1#releases {
margin-bottom: 5px;
padding: 0;
}

#download h3
#donations h3 {
font-size: 1.4em;
font-weight: normal;
line-height: 1;
margin: 0;
padding: 0;
}

#singleplugin h3 {
border-top: 1px dashed #a27c57;
padding-top: 6px;
margin-top: 10px;
}

#download #logo,
#donations #logo {
background: #97b8be url(../img/3_1_blue.gif) left top no-repeat;
width: 265px;
height: 85px;
position: absolute;
top: 0px;
left: 0px;
}

#download #logo img,
#donations #logo img {
padding: 25px 0 0 23px;
}

#download #content,
#donations #content {
top: 90px;
overflow: auto;
background-image: url(../img/8_brownborder.gif);
}

#download h1,
#donations h1 {
font: normal 2em/1.2 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana;
margin: 0 0 15px 0;
}

#dl_loudblog {
background: #97b8be url(../img/8_2_lightblue.gif) left top no-repeat;
width: 685px;
height: 145px;
overflow: hidden;
border-bottom: 5px solid white;
padding: 15px;
}

#dl_loudblog ul {
margin-left: 20px;
}

.templatetrenner {
clear: left;
padding-top: 12px;
margin-bottom: 12px;
border-bottom: 1px dashed #a27c57;
}

#dl_templates {
width: 325px;
float: left;
background: url(../img/4_brownbordertop.gif) left top no-repeat;
padding: 15px;
}

p.rss {
position: absolute;
top: 172px;
background: #a27c57;
margin: 0;
padding: 0;
}

#dl_plugins p.rss {
right: 0px;
}

#dl_templates p.rss {
right: 360px;
}

p.rss a:link,
p.rss a:visited,
p.rss a:focus,
p.rss a:hover,
p.rss a:active {
font-size: 0.8em;
display: block;
height: 1.5em;
color: white;
padding: 0 0.7em;
text-decoration: none;
}


#dl_plugins {
width: 325px;
float: right;
background: url(../img/4_brownbordertop.gif) left top no-repeat;
padding: 15px;
}

#download .end1,
#donations .end1 {
float: right;
width: 355px;
height: 10px;
background: url(../img/4_brownborderbottom.gif) left bottom no-repeat;
border-bottom: 5px solid white;
}

#download .end2,
#donations .end2 {
height: 10px;
width: 355px;
background: url(../img/4_brownborderbottom.gif) left bottom no-repeat;
float: left;
border-bottom: 5px solid white;
}


#donations #content ol li {
margin-left: 1em;
}







#test {
width: 485px;
float: left;
background: url(../img/6_brownbordertop.gif) left top no-repeat;
padding: 12px 20px 30px 30px;
}