/**************************************************************

	Daniels Mini Photo Album
	1.0

**************************************************************/


/* base */

body {
background: #444;
color: #444;
font-family: luxi serif,georgia,times new roman,times,serif;
margin: 0;
padding: 0;
}

a:link, a:visited, a:active, a:hover {
color: #dc1e61;
}

.bold {
font-weight: bold;
}

/* top */

#top {
background: #444 url(../.images/bg_top.gif) repeat-x bottom;
}

/* title */

#title {
width: 708px;
margin: 0 auto;
font-size: 160%;
color: #95f11d;
padding-top: 10px;
}

/* subtitle */

#subtitle {
width: 708px;
margin: 0 auto;
font-size: 70%;
color: #AAA;
padding-bottom: 15px;
}

/* middle */

#middle {
background: #EEE;
border-bottom: 3px #f6a820 solid;
border-top: 3px #f6a820 solid;
padding-bottom: 30px;
}

/* main */

#main {
width: 708px;
margin: 0 auto;
}

/* path */

#path {
border:1px #C0C0C0 solid;
padding: 3px 8px 3px 30px;
background: #FFF url(../.images/home.gif) no-repeat;
background-position: 8px 4px;
color: #888;
margin-top: 15px;
margin-bottom: 15px;
}

#path img{
position: relative;
top: 1px;
padding-right: 2px;
}

/* directories */

#dirs {
margin-left: 5px;
margin-bottom: 20px;
}

#dirs img {
border: 0;
text-weight: bold;
}

#dirs ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#dirs ul li {
padding: 5px 0;
}

#dirs ul li a{
padding: 2px 0 2px 25px;
}

.dir {
background: url(../.images/folder.gif) no-repeat left;
}

.back{
background: url(../.images/back.gif) no-repeat left;
}

/* images */

#images {
line-height: 0;
}

#images img {
margin: 5px;
border: 1px #C0C0C0 solid;
padding: 3px;
background: #FFF url(../.images/monkey.gif) no-repeat;
background-position: 40px 40px;
height: 100px;
width: 100px;
}

#images a:link {
color: #FFF;
}

#images a:visited {
color: #FFF;
}

#images a:active {
color: #FFF;
}

#images a:hover {
color: #FFF;
}

/* infobox */

#info {
width: 500px;
margin: 0 auto;
background: url(../.images/speech.gif) no-repeat bottom;
padding-bottom: 10px;
}

#info p {
border:1px #C0C0C0 solid;
border-bottom: none;
background-color: #FFF;
text-align: center;
padding: 5px 0;
margin: 0;
}

#mr_monkey {
margin: 0 auto;
display: block;
}

/* bottom */

#bottom {
background: #444 url(../.images/bg_bottom.gif) repeat-x top;
height: 75px;
color: #888;
font-size: 70%;
}

#bottom p {
padding: 5px 0 0 0;
margin: 0 auto;
width: 708px;
text-align: right;
}