/*-----------------------------------------------
Name:     Days at the Lake - Gecko Lounge Blog
Designer: Design by Reese
URL:      www.designbyreese.com
Modified:     27 Feb 2008
----------------------------------------------- */

body {
background: #272527 url(http://www.kingofthemonkeybutlers.com/graphics/bgtile.gif) repeat-y 50% 0;
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', Tahoma, Verdana, helvetica, sans-serif;
font-size: small;
color: #e6d8b7;
}

a:link {
  color:#e5842f;
  text-decoration:none;
  }
a:visited {
  color:#e5842f;
  text-decoration:none;
  }
a:hover {
  color:#e5842f;
  text-decoration:underline;
  }
a img {border-width:0;}

input, option, textarea, select, submit {
border: 1px solid #fff;;
font-family: 'Trebuchet MS', Tahoma, Verdana, helvetica, 
margin-bottom: 5px;
background-color: #945c28;
}

.submit {
margin-top: 10px;
border: 1px solid #fff;
border-bottom: 1px solid #382c40;
border-right: 1px solid #382c40;
font-family: 'Trebuchet MS', Tahoma, Verdana, helvetica, 
}

.emailinput {
border: 1px solid #fff;
border-top: 1px solid #382c40;
border-left: 1px solid #382c40;
}

/* Layout
----------------------------------------------- */
#container {
position: relative;
width: 769px;
margin: 0 auto;
background: transparent url(http://www.kingofthemonkeybutlers.com/graphics/contentcontainer.jpg) repeat-y top right;
}

#header {
float: left;
background: transparent url(http://www.kingofthemonkeybutlers.com/graphics/header.jpg) no-repeat top center;
width: 769px;
height: 323px;
}

#middle {
float: left;
width: 769px;
background: transparent url(http://www.kingofthemonkeybutlers.com/graphics/middle.jpg) no-repeat top center;
}

#primaryContent {
float: right;
margin: 0;
padding: 60px 30px 30px 0;
width: 505px;
color: #e6d8b7;
}

.posts {
height: 600px;
overflow: auto;
}

#navigation {
position: absolute;
left: 265px;
top: 240px;
background: transparent;
}

.topmenu {
float: left;
margin: 0;
padding: 0 30px 0 0;
}

#secondaryContent {
float: left;
width: 166px;
margin: 145px 0 0 0;
padding: 0 0 0 20px;
text-align: right;
}

#extraSide {
float: left;
width: 165px;
clear: left;
padding-top: 60px;
}

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

#extraside li {
margin: 0 0 5px 0;
padding: 0;
}

#footer {
clear: both;
}


/* Text Styling
----------------------------------------------- */
h2 {
font-size: 160%;
background: transparent url(http://www.kingofthemonkeybutlers.com/graphics/entryswoosh.gif) no-repeat 0 50%;
color: #e6d8b7;
padding: 0 0 1px 37px;
border-bottom: 1px solid #e5842f;
margin: 0 0 8px 0;
font-weight: normal;
}

#secondaryContent h2 {
margin-top: 20px;
}

h3 {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 90%;
color: #aed9dd;
text-transform: uppercase;
}

h3 span {
color: #000;
font-weight: bold;
}

p.posted {
font-weight: bold;
font-size: 90%;
color: #e5842f;
margin: 0 0 40px 0;
padding: 0;
}

.profile-img {
border:2px solid #222;
margin:0 0 0 0;
}

p.profile-text {
font-size: 11px;
line-height: 13px;
margin: 0;
padding: 0;
}

.comment-body {
background-color: #B8D8B7;
color: #000;
padding: 7px 10px;
margin-bottom: 10px;
border: 2px solid #E8A434;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
}

.comment-body p {
margin: 0 0 5px 0;
padding: 0;
}

p.comment-posted {
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 10px;
}

.commentform {
margin-top: 20px;
}

.commentform p {
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
}

 /* common styling */
.menu {
font-family: verdana, sans-serif; 
width:505px; 
position:relative; 
padding-bottom:250px;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:140px; 
height:3em; 
color:#fff; 
border-width:1px 1px 0 0; 
background-color: transparent;
padding-left:10px; 
line-height:3em;
}
* html .menu ul li a, .menu ul li a:visited {
width:150px;
w\idth:150px;
}
.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff; 
background:#481808;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:3em;
margin-top:1px;
left:0; 
width:150px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; 
background:#7bb6b9; 
color:#000; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:129px
}
.menu ul li:hover ul li a:hover {
background:#b8e5e9; 
color:#000;
}
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:150px; 
top:0;
width:150px;
}
.menu ul li:hover ul li:hover ul.left {left:-150px;}