/*
Theme Name: Time Jungle theme
Theme URI: http://www.timejungle.com
Description: The theme for timejungle.com
Version: 1.0
Author: Johannes B
*/

body, html {
    margin:0;
    padding:0;
}

body {
    font-size:62.5%;
    background-color:#ffe0ab;
}

div {border:0px solid #000;} /*remove me*/

#wrapper {
    width:900px;

}

#header {
    position:relative;
    z-index:1;
    width:920px;
    height:150px;
}

#headerimg-topleft {
    position:absolute;
    top:0px;
    left:0px;
    margin:0;
}

#headerimg-topright {
    position:absolute;
    top:0px;
    left:700px;
    margin:0;
    z-index:2;
}

#headerimg-bottom {
    position:absolute;
    top:150px;
    left:0px;
    margin:0;
    clear:left;
}

#mainmenu {
    margin:5px 0 10px 10px;
    width:890px;
    height:60px;
    background-color:#b9b24e;
}

#content {
    margin-left:100px;
    padding:20px 0px 20px 0px;
    margin-bottom:20px;
    width:800px;
    min-height:510px;
}

#contentheader {
    border:0;
    width:780;
    padding:0;
}

#content.double #contentheader {
    margin-left:60px;
}

#content.single #contentheader {
    margin-left:120px;
}

#singlecolumn {
    position:relative;
    padding:20px 120px;
}

#leftcolumn {
    position:relative;
    padding:0;
    margin-left:60px;
    width:320px;
    float:left;
    display:inline; /*stop ie double margin bug*/
}

#rightcolumn {
    position:relative;
    padding:0;
    margin-right:40px;
    width:320px;
    margin-left:420px;
}

#welcome {
    border: 1px solid #ffe0ab;
    border-width: 2px 1px 1px 2px;
    padding:10px;
}

.foldcomments {
    border: 1px solid #ffe0ab;
    border-width: 2px 1px 1px 2px;
    padding:10px;
}

.winframe {
    position:absolute;
    top:0px;
    left:-20px;
    z-index:2;
    width:341px;
    height:225px;

}

.winimg {
    z-index:1;
    margin:0px;
}
/*
.contentfooter {
    font-family:Verdana, helvetica, arial, sans-serif;
    margin-top:20px;
    padding-top:0.5em;
    border-top: 1px dashed #2c0c0c;
    font-size:1em;
}
*/
#footer {
    margin:0;
    width:65px;
    background-color:#b9b24e;
    height:550px; /*min-height?*/
    text-align:center;
} 

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6, p, li, small, label, input, body {
    font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
    color:#0c0c0c;
}

h2 {
    font-size:1.8em;
    color:#2c0c0c;
}

h3 {
    font-size:1.5em;
    color:#2c0c0c;
    border-bottom:1px solid #2c0c0c;
}

#leftcolumn h3 {
    text-align:right;
}

#rightcolumn h3 {
    text-align:left;
}

p {
    font-size:1.4em;
    text-align:justify;
}
#content p {
    color:#2c0c0c;
    margin-top:0px;
    margin-bottom:1em;
}

a {
    text-decoration:none;
}

#content a:hover {
    text-decoration:underline;
}

a, a:active {
    color:#aa4411;
}

a:visited {
    color:#cc6633
}

a:hover {
    color:#ff6699;
}

a img {
    border:0;
}

li {
    font-size:1.4em;
}

pre {
    font-family:Bitstream Vera Sans Mono, Andale Mono, Courier;
    font-size:1.3em;
}

/* LISTS */

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

ul#linkslist li {
margin:0;
padding:0;
font-size:1.6em;
font-weight:bold;
}

ul#linkslist .desc {
font-weight:normal;
}

#mainmenu img {
}

#mainmenu a {
    height:50px;
}
#mainmenu ul {
    z-index:3;
    padding:0;
    margin:0 0 0 90px;
    list-style-type:none;
    position:relative;
    padding: 2px 0;
    margin-bottom: 2em;
    width:500px;
}
#mainmenu li {
    display:inline;
}

#mainmenu li { margin: 0 7px 0px; padding:0;}

#mainmenu p a, #mainmenu p a:visited, #mainmenu p a:active {
    color:#0c0c0c;
    /*border:1px solid #575E3F;*/
    border-width: 1px 0px 0px 2px;
    font-weight:bold;
letter-spacing:0.01em;
} 

#mainmenu p a:hover, #mainmenu p a.selected {
    color:#D8552B;
}

#mainmenu ul p
{
font-family: Helvetica, Arial, Sans-serif;
position: absolute;
top:37px;
left:25px;
margin:4px 0 0;
font-size: 1.0em;
width: 100%;
border-top: none;
display:none;
}

#mainmenu ul p.active {
    display:block;
}

#tabs ul {
    list-style-type:none;
    position:relative;
    margin:0px;
    padding:0px;
}

#tabs ul li {
    font-weight:bold;
    list-style-type:none;
    position:relative;
    margin:0px;
    padding:0px;
}

#tabs li a, #tabs li a:visited {
    color: #0c0c0c;
}
    

#tabs ul li.selected a, #tabs ul li a:hover {
    color:#D8552B;
}

.commentlist cite {
    font-style:normal;
}

.commentlist p {
    font-size:1.0em;
}

ul.filelist {
    margin:0px;
    padding:0px;
}

.filelist ul {
    margin:0px;
    padding-left:10px;
}

.filelist li {
    font-size:1.6em;
    list-style:none;
    font-weight:bold;
}
.filelist li li {
    font-size:1em;
    font-weight:normal;
}

/* FORM */

input, textarea {
    font-family: helvetica, arial, sans-serif;
    font-size:0.9em;
    background-color:#ffe0ab;
    border-top: 2px solid #b9b24e; 
    border-left: 2px solid #b9b24e; 
    border-right: 2px solid #ffe0ab; 
    border-bottom: 2px solid #ffe0ab; 
}

textarea {
    width:280px;
}

.sbutton, #contactsubmit {
    border-top: 2px solid #ffe0ab; 
    border-left: 2px solid #ffe0ab; 
    border-right: 2px solid #b9b24e; 
    border-bottom: 2px solid #b9b24e; 
}


/* MISC */

.smp3Player {
	margin:2px 0 5px 0px;
}

#currentpage {
    position:relative;
    margin: 4em 0 0;
    text-align:center;
}

#flowers1 {
    position:absolute;
    top:223px;
    left:470px;
    z-index:6;
}

#flowers2 {
    position:absolute;
    top:193px;
    left:20px;
    z-index:6;
}

#flowers3 {
    position:absolute;
    top:735px;
    left:35px;
    z-index:6;
}

.addborder {
    position:relative;
    top:-3px;
    left:-3px;
    border:1px solid #999;
}

.border {
    position:relative;
    padding:0;
    border:0px solid #999;
}

#login {
    position:absolute;
    top:0px;
    right:0px;
    z-index:10;
}

ul#login, #login li {
    list-style-type:none;
    margin:0;
    padding:0;
}

#login a {
    color:#fff;
}

.contactform {
    font-size:1.2em;
    margin-left:-40px;
}

.credit {
    margin: 0 0 -30px 0;
    padding:0;
}
.credit p {
    padding:5px 5px; 
    text-align:center;
    font-family:Verdana, helvetica, arial, sans-serif;
    color:#aaa;
    font-size:9px;
}

#content.gallery {
    padding-top:0;
}

p.gallery-presslink {
    padding:10px 0 0 20px;
}