/* Basic */
html, body { height: 100%; }
body { margin: 0; padding:0; }
body { 
    background: #987D56;
    color: #000;
    font: 11px Arial,Helvetica,Clean,sans-serif;
    *font-size:small;
    *font:x-small;    
}
div,p,td,ul,li,h1,h2,h3{ margin:0; padding: 0 }
p { margin: 10px 0px!important; }

a { color: #555; font-size: 12px; text-decoration: none; }
a:hover { color: #eee;}
a img { border: none; }

ul { list-style: none; }

table, td { border: none; }

/* Layers */
#content {
    padding: 15px; 
    padding-top: 70px; 
}
#content:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Nav Menu */
#menu {
    color: white;
    font-weight:bold;
    text-transform: uppercase;
    position:absolute;  z-index:20;  
    top: 8px; left: 0px;
    width: 100%; min-width: 800px;
    background: url('/img/colorimage.php?color=000000&alpha=40');
}
#menu:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#menu li {
    display: block;
    float: left;
    padding-top: 12px;
    padding-bottom: 9px;
    padding-right: 40px;
    padding-left: 20px;
    color: #aaa;
}
#menu .menu-title {
    font-size: 12px; 
    padding-top: 10px;
    padding-bottom: 9px;
    padding-right: 70px;
    padding-left: 15px;
}
#menu a.jd_menu_hover_menubar {
    color: white;
}
#menu li a {
    color: #aaa;
    text-decoration: none;
    font-size: 11px;
    display: block;
}
#menu li a:hover {
    color: white;
}
#menu ul { 
    width: 100%;    
    position: absolute;
    z-index: 50;
    left: 0px !important; 
    top: 35px !important;
}
#menu ul li {
    padding: 0;
    clear: both;
    width: 100%;
}
#menu ul li a {
    font-size: 10px !important;    
    color: #ccc;
    padding: 5px;    
    padding-left: 15px;
    position: relative;
    background: transparent url('/img/colorimage.php?color=000000&alpha=40');
    margin-right: 1px;
    margin-top: 1px;
}

#menu table { 
    width: 100%; 
    border-spacing: 0px;
    border-collapse: collapse;
}
#menu table td {    
    width: 20%;   
}

.linux-menu-fix {
    width: 100%; height: 24px;
    position: absolute;
    left: 0px; bottom: 300px;
    z-index:2;
    background: transparent;
}

/* Other */
#collection-description {
    width: 30%; min-width: 240px;
    text-align: justify;
    margin-left: 4px;
    margin-right: 40px;
    margin-top: 20px;
    float: left;
}

#collection-images {
    margin-top: 20px; 
    margin-left: 30%;
    background: green !important;
}
#collection-images li {
    display: block;
    float: left;
    margin: 3px;
    width: 120px; height: 120px;
}

#collection-controls {
    margin-top: 10px;
    text-align: right;
}
#collection-controls a {
    padding-right: 10px;
}


#page-body {
    margin: 10px 4px;
    margin-right: 100px;
}

#post-list li {
    margin-bottom: 30px;
}
#post-list li span { 
    margin-left: 5px; 
}
#post-list li div {
    margin-left: 5px;
}

/* Helper Classes */

.float-right { float:right; }
.float-left { float:left; }
.clear { clear: both; }

.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.disabled { display: none; }