/* 
    Document   : plumjava.css
    Created on : Aug 16, 2009, 10:49:57 AM
    Author     : Rowel Lirag
*/

/* top elements */
* { 
    margin: 0; padding: 0; outline: 0;
}

body {
    color: #777;
    background: url(http://plumjava.com/images/paper2.jpg) repeat;
}

#mainbox {
  margin: 20px auto auto;
  width:1040px;
}
/* links */
a, a:visited {
    text-decoration: none;
    background: inherit;
    color: #FB9233;
}
a:hover {
    text-decoration: underline;
    background: inherit;
    color: #93C600;
}

/* headers */
h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  }
h1 {
    font-size: 180%;
    font-weight: normal;
    color: #555;
}
h2 {
    font-size: 160%;
    color: #88ac0b;
    font-weight: normal;
}
h3 {
    font-size: 135%;
    color: #666666;
}
h1, h2, h3, p {
    margin: 10px 15px;
    padding: 0;
}
/* navigation */
#menu {
    clear: both;
    margin: 0 auto;
    padding: 0;
    font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    height: 40px;
    width: 100%;
    background: url("../images/menu2.jpg") repeat scroll 0 0 transparent;
}
#menu ul {
    float: left;
    list-style: none;
    margin:0; padding: 0 0 0 20px;
}
#menu ul li {
    display: inline;
}
#menu ul li a {
    display: block;
    float: left;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
}
#menu ul li a:hover {
    color: #3b5e0b;
}
#menu ul li#current a {
    color: #3b5e0b;
}

input {
    font: normal 12px "Trebuchet MS", Arial, Tahoma, Sans-serif;
}

/* main content */
#container {
    clear: both;
    margin: 10px auto 0;
    padding: 0;
    width: 100%;
    height: 600px;
    font: 90%/1.5em "Trebuchet MS", Verdana, Tahoma, arial, sans-serif;

}
.left {
    border: 0;
    width: 530px;
    height:600px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    color: black;
    background-color: white;

}

.middle {
    border-left: 1px solid blue;
    margin-left: 10px;
    width: 195px;
    height:600px;
    float: left;
    padding-left: 10px;
    padding-right: 0;
    color: black;
    background-color: white;
}

.right {
    width: 120px;
    height:600px;
    float: left;
    margin-left: 10px;
}

#googleads {
    width: 120px;
    float: left;
    margin-left: 10px;
}

/* Sidebar */
#sidebar {
    float: right;
    width: 195px;
    padding: 0;
    margin: 10px 0 0 0;
    color: #777;
}

#sidebar h2 {
    margin: 10px 5px 10px 5px;
    font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
    color: #555;
}
#sidebar p {
    margin-left: 5px;
}

#sidebar ul.sidemenu {
    list-style: none;
    text-align: left;
    margin: 7px 10px 8px 0; padding: 0;
    text-decoration: none;
    border-top: 1px solid #A9D4EF;
}
#sidebar ul.sidemenu li {
    list-style: none;
    padding: 4px 0 4px 5px;
    margin: 0 2px;
    color: #777;
    border-bottom: 1px solid #D2E8F7;
}
* html body #sidebar ul.sidemenu li {
    height: 1%;
}
#sidebar ul.sidemenu li a {
    text-decoration: none;
    color: #1773BC;
}
#sidebar ul.sidemenu li a:hover {
    color: #333;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }