/* setup */

* {
    margin: 0px;
    padding: 0px;
}

body 
{
    font-family: Arial;
    font-size: 13px;
    color: #eee;
    background: #000;
}

a img 
{
    border: 0px;
}

a
{
    color: #dfdfc6;
    text-decoration: underline;
}

a:hover
{
    color: #dfdfc6;
    text-decoration: none;
}

ul
{
    margin: 5px 0px 0px 20px;
}

ul.galleries li
{
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    list-style-type: none;
    
}

ul.galleries li ul li
{
    font-weight: normal;
    font-size: 16px;
    list-style-type: lower-roman;
    
}

ul.galleries li ul li ul li
{
    font-weight: normal;
    font-size: 12px;
    list-style-type: disc;
    
}

li span
{
    color: #da1;
}

h2
{
    color: #ec6;
    font-size: 14px;
}

/* layout */

.layout
{
    width: 960px;
    margin: 0px auto 0px auto;
}

.header, .content, .footer
{
    width: 100%;
}

.header
{
    margin: 20px 0px 20px 0px;
    height: 60px;
}

.footer
{
    margin: 20px 0px 00px 0px;
    height: 40px;
}

.logo 
{
    float: left;
    width: 400px;
    height: 50px;
}

.logo a
{
    float: left;
    background: url('/images/design/logo.png') no-repeat 0px 0px;
    width: 400px;
    height: 50px;
}

.logo a:hover
{
    background: url('/images/design/logo.on.png') no-repeat 0px 0px;
}

 
.logo a img
{
    width: 400px;
    height: 50px;
}

.title
{
    margin-bottom: 20px;
}

/* menu */

.menu ul
{
    float: right;
}

.menu ul li
{
    float: left;
    list-style-type: none;
}

.menu ul li a
{
    float: left;
    width: 100px;
    height: 50px;
    border: 0px solid #fff;
}

.menu ul li a span
{
    display: none;
}

.menu ul li #a1
{
    background: url('/images/design/menu.about.png') no-repeat 0px 0px;
}

.menu ul li #a2
{
    background: url('/images/design/menu.gallery.png') no-repeat 0px 0px;
}

.menu ul li #a3
{
    background: url('/images/design/menu.poetry.png') no-repeat 0px 0px;
}

.menu ul li #a4
{
    background: url('/images/design/menu.videos.png') no-repeat 0px 0px;
}

.menu ul li #a5
{
    background: url('/images/design/menu.alpine.png') no-repeat 0px 0px;
}

.menu ul li #a1:hover
{
    background: url('/images/design/menu.about.on.png') no-repeat 0px 0px;
}

.menu ul li #a2:hover
{
    background: url('/images/design/menu.gallery.on.png') no-repeat 0px 0px;
}

.menu ul li #a3:hover
{
    background: url('/images/design/menu.poetry.on.png') no-repeat 0px 0px;
}

.menu ul li #a4:hover
{
    background: url('/images/design/menu.videos.on.png') no-repeat 0px 0px;
}

.menu ul li #a5:hover
{
    background: url('/images/design/menu.alpine.on.png') no-repeat 0px 0px;
}


/* individual pages */

#home, #about
{
    width: 930px;
    margin: 60px 0px 80px 0px;
}

#home a
{
    float: left;
    width: 150px;
    height: 200px;
    margin-right: 5px;
}

#home a span
{
    display: none;
}

#home #a1
{
    background: url('/images/design/home.1.png') no-repeat 0px 0px;
}

#home #a1:hover

{
    background: url('/images/design/home.1.on.png') no-repeat 0px 0px;
}

#home #a2
{
    background: url('/images/design/home.2.png') no-repeat 0px 0px;
}

#home #a2:hover

{
    background: url('/images/design/home.2.on.png') no-repeat 0px 0px;
}

#home #a3
{
    background: url('/images/design/home.3.png') no-repeat 0px 0px;
}

#home #a3:hover

{
    background: url('/images/design/home.3.on.png') no-repeat 0px 0px;
}

#home #a4
{
    background: url('/images/design/home.4.png') no-repeat 0px 0px;
}

#home #a4:hover

{
    background: url('/images/design/home.4.on.png') no-repeat 0px 0px;
}

#home #a5
{
    background: url('/images/design/home.5.png') no-repeat 0px 0px;
}

#home #a5:hover

{
    background: url('/images/design/home.5.on.png') no-repeat 0px 0px;
}

#home #a6
{
    background: url('/images/design/home.6.png') no-repeat 0px 0px;
}

#home #a6:hover

{
    background: url('/images/design/home.6.on.png') no-repeat 0px 0px;
}

#grandtripmap
{
    width: 840px; 
    height: 300px; 
    background: url('/images/design/map.grand.trip.2.jpg');
    text-align: left;
}

#grandtripmap a
{
    position: absolute;
    background: #000;
    padding: 2px;
    color: #fff;
    text-decoration: none;
    font-size: 10px;
}

#grandtripmap a:hover
{
    position: absolute;
    background: #000;
    padding: 2px;
    color: #f2f1b4;
    text-decoration: none;
    font-size: 10px;
}

.poemlist
{
    float: left;
    width: 300px;
    padding: 0px 100px 0px 100px;
}

.poemlist a
{
    display: block;
}

.poemlist span
{
    display: block;
    margin: 20px 0px 20px 0px;
    font-weight: bold;
}

.poemlist span:first-child
{
    margin-top: 0px;
}

.poem
{
    position: relative;
    float: left;
    padding: 40px 0px 0px 20px;
    width: 400px;
}

.alpinelog th, .alpinelog td
{
    padding: 5px;
    text-align: left;
    border: 1px solid #fff;
    vertical-align: top'
}

a.gallery
{ 
    float: left; 
    margin: 5px; 
    border: 2px solid #666; 
    padding: 2px;
    width: 60px;
	height: 45px;
	text-align: center;
}

a.gallery img
{
    width: 60px;
	height: 45px;
}

a.gallery:hover
{ 
    border: 2px solid #fff; 
}

div.gallery a
{ 
    float: left; 
    margin: 5px; 
    border: 2px solid #666; 
    padding: 2px;
    width: 100px;
	height: 75px;
	text-align: center;
}

div.gallery a img
{
    width: 100px;
	height: 75px;
}

div.gallery a:hover
{ 
    border: 2px solid #fff; 
}


/* tree control */

.navmenu
{
    text-align: left;
}

.root_node
{
    display: none;
}

/* inline replacers */

.center
{
    text-align: center;
}

.central
{
    margin-left: auto;
    margin-right: auto;
}

.left
{
    text-align: left;
}

.clear
{
    clear: both;
}

.hidden
{
    display: none;
}