/*
Theme Name: HappyTrip by ocpuso
Theme URI: http://ocpuso.mysclass.com/
Description: HappyTrip WP theme 
Version: 0.1
Author: Octa Karsono
Author URI: http://ocpuso.mysclass.com/
Tags: ocpuso, mysclass, happytrip

	HappyTrip v0.1
	 http://ocpuso.mysclass.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body, div, p, input, option, select, td, span, li, a, textarea {
   font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Lucida, Arial, sans-serif;
   font-size: 9pt;
}

body {
   background-image: url('images/background.png');
   height: 100%;
}

div#page {
   position: absolute;
   margin:0;
   top:0;
   left:0;
   width:100%;
}

div#superTop {
   margin: auto auto;
   width: 800px;
   overflow:hidden;
}

div#innerSuperTop {
   text-align: right;
   padding-top:3px;
   padding-left: 25px;
   padding-right: 25px;
}

div#innerSuperTop li {
   display: inline;
   padding-left: 20px;
   padding-right: 15px;
   background: transparent url('images/vertical_divider.gif') center left no-repeat;
}

div#innerSuperTop li:first-child {
   display: inline;
   background: none;
}

div#innerSuperTop li a, div#innerSuperTop li a:visited {
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   letter-spacing: 3px;
   color: #618007;
   text-decoration: none;
   font-weight: bold;
}

div#innerSuperTop li a:hover {
   color: #AAE301;
}


div#header {
   margin: auto auto;
   width: 800px;
   display: table;
   height: 100px;
   overflow:hidden;
   background-color: #efefef;
   background-image: url("images/green_bg.gif");
   margin-top: 5px;
}
   

div#midHeader {
   display:table-cell;
   top: 50%;
   vertical-align: middle;
}

div#innerHeader {
   /*
   top: -50%;
   */
   text-align: left;
   vertical-align: center;
   padding-left: 25px;
   color: white;
   /*
   visibility:hidden;
   */
}

div#innerHeader a, div#innerHeader a:visited, div#innerHead a:hover {
   color: white;
   text-decoration:none;
}

div#headertitle, div#headertitle a {
   font-family: Tahoma, Arial, sans-serif;
   font-size: 35px;
}

div#subheadertitle {
}

div#main {
   /*
   margin-top: 150px;
   width: 100%;
   */
   margin:auto auto;
   margin-top:5px;
   width:800px;
}

div#innerMainTop {
   width:800px;
   height: 15px;
   background-image: url("images/white_round_top.gif");
   background-repeat: no-repeat;
   background-position: top left;
}


div#innerMain {
   /*
   padding-top:5px;
   * padding-top:15px;
   padding-bottom: 10px;
   */
   /*
   margin: 150px 45px 0px 45px;
   */
   width: 800px;
   color: #7A7A7A;
   background-color: white;
}

div#footer {
   /*
   margin: 0;
   width: 670px;
   border-top: #A88022 dashed 1px;
   */
   margin: auto auto;
   width: 800px;
   position: relative;
   /*
   padding-top: 1px;
   padding-bottom: 1px;
   * padding-top: 0px;
   * padding-bottom: 0px;
   */

}

div#innerFooter {
   /*
   margin: 10px 65px 10px 65px;
   */
   padding-left: 25px;
   color: #9A9A9A;
}

div#innerFooterBottom {
   height: 10px;
}

div#innerFooter {
   font-family: Tahoma, Arial, sans-serif;
   font-size: 0.8em;
}

div#innerFooter a, div#innerFooter a:visited {
   font-size: 1em;
}

div.pageNav a:hover,
div#innerFooter a:hover {
   color: #7A7A7A;
}

/*
 * for ARCHIVING
 */
ul.archiveList {
   position: relative;
}

/* 
 * NAVIGATION BAR
 */
ul {
   margin-left: 0px;
   padding-left: 15px;
}

ul li {
   margin-left: 0px;
}

div#navBar {
   width:800px;
   margin:auto auto;
   /*
   position: absolute;
   padding: 5px 5px 5px 5px;
   */
}

div#innerNavBarBottom {
   margin-top:-1px;
   width:800px;
   height: 15px;
   background-image: url("images/green_round_bottom.gif");
   background-repeat: no-repeat;
   background-position: bottom left;
}

div#innerNavBar {
   background-color: #90cc02;
   color: white;
   margin-bottom: -15px;
   padding-top:5px;
}

div#innerNavBarInliner ul.nobull {
   top:-10px;
   padding-top:-10px;
}


div#innerNavBarInliner ul.nobull > li {
   border-left: white dashed 1px;
   padding-bottom:20px;
   padding-left: 55px;
   width:210px;
   float:left;
}

div#innerNavBarInliner ul.nobull > li:first-child {
   border-left: none;
}

div#innerNavBarInlineCleaner {
   height:0px;
   clear: left;
   width:800px;
}


ul.nobull {
   margin-left: 0;
   padding-left: 0;
}

ul.nobull li {
   list-style: none;
   margin-left: 0;
}

ul.nobull li div.judul {
   text-align:left;
}

ul.withbull li {
   list-style-type: circle;
}

div#innerNavBar ul li div.judul {
   font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Lucida, Arial, sans-serif;
   font-size: 13pt;
   margin-top: 18px;
   margin-bottom: 6px;
   color: white;
}

/* end of NAVIGATION BAR */

div.fullwidth {
   width: 800px;
}

div.halfwidth {
   width: 399px;
   float:left;
   border-top: #AAE301 dashed 1px;
   height: 290px;
   max-height: 290px;
   overflow: hidden;
}

div.clearfloat {
   clear: left;
   height:1px;
}

div.leftcell {
   border-right: #AAE301 dashed 1px;
}

div.post {
   /*
   background-color: #E2D9B1;
   padding: 0px 10px 0px 10px;
   */
}

div.innerPost {
   margin: 10px 25px 10px 25px;
   line-height: 1.8em;
}

/*
div.innerPost a, div.innerPost a:visited,
div.innerCommentArea a, div.innerCommentArea a:visited, 
div#responseForm a, div#responseForm a:visited, 
*/
div#innerNavBar a, div#innerNavBar a:visited
/*
, div.commentLists a, div.commentLists a:visited
*/
{
   /*
   color: #219a01;
   */
   text-decoration: none;
}

div.metadata {
}

div.innerMetadata {
   /*
   background-color: #DBDBBE;
   */
   padding: 25px 25px 25px 25px;
   color: #ACAC6A;
   line-height: 2em;
   text-align:right;
}


div.pageNav, div.pageNav a, div.pageNav a:visited,
div.innerMetadata a, div.innerMetadata a:visited {
   /*
   color: #6E872F;
   text-decoration: none;
   */
}

div.innerMetadata a img, div.innerMetadata a:visited img {
   border: 0;
}

div.judul, div.judul a, div.judul a:visited, div.judul a:hover {
   font-size: 12pt;
   text-decoration: none;
   /*
   text-transform: uppercase;
   */
   text-align:center;
   color: #666666;
}

div.subjudul, div.subjudul a, div.subjudul a:visited, div.subjudul a:hover {
   font-size: 0.8em;
   text-align:center;
   color: #AAE301;
   font-family: Tahoma, Arial, sans-serif;
}

span.smallDate {
   font-size: 0.8em;
   font-family: Tahoma, Arial, sans-serif;
}

ul.archiveList li div.listEntry {

}

div.commentArea {
}

div.innerCommentArea {
   background-color: #AAE301;
   color: white;
   padding: 5px 25px 5px 25px;
}

div.commentLists {
}

div.commentItemOdd, div.commentItemEven {
   border-bottom: dashed #AAE301 1px;
   padding: 10px 25px 10px 25px;
   background: url('images/comment_bg.png');
   background-repeat: no-repeat;
   background-position: top left;
}

div.commentItemOdd p, div.commentItemEven p {
   margin-top:0px;
}

div.commentItemOdd {
}

div.commentItemEven {
}

div.commentMetaData {
   text-align:right;
   font-size: 0.8em;
   color: #AAE301;
   font-family: Tahoma, Arial, sans-serif;
}

div.commentMetaData a, div.commentMetaData a:visited {
   font-size: 1em;
   /*
   color: #6E872F;
   text-decoration: none;
   */
}

div.commentMetaData a img {
   border:0;
}

div#responseForm form {
   margin-top: 0px;
   margin-left: 0px;
}

div#responseForm {
   padding: 5px 25px 10px 25px;
   line-height: 3em;
   background-color: #E7FFC6;
}

div#responseForm form input[type=button], 
div#responseForm form input[type=submit], 
div#responseForm form input[type=reset],
div#searchForm form input[type=submit] {
   border: white solid 1px;
   background-color: #77A700;
   color: white;
}

div#responseForm form input[type=text], 
div#responseForm form input[type=password], 
div#responseForm form textarea {
   border: #AAE301 solid 1px;
   color: #7A7A7A;
}

div.innerResponseForm {
   background-color: white;
   padding: 5px 5px 5px 5px;
}

textarea#commentTxtArea {
   width: 95%;
   border: silver solid 1px;
}

div.pageNav {
   height: 30px;
   width: 100%;
   background-color: #e8ffd4;
}

div.innerPageNav {
   position: relative;
   padding: 7px 20px 0px 20px;
}

div.innerPageNav div.alignleft {
   position: absolute;
   left: 0px;
   padding: 0px 20px 0px 20px;
}

div.innerPageNav div.alignright {
   position: absolute;
   right: 0px;
   padding: 0px 20px 0px 20px;
}

/* SEARCH FORM */
div#searchForm {
   background-color: #AAE301;
   background-image: url('images/green_shaded_panel.png');
   width: 220px;
   height: 30px;
   text-align: center;
   position: absolute;
   right: 25px;
   top: 0px;
   padding-top: 8px;
}

/* end of SEARCH FORM */


/* CALENDAR on NAVBAR ! */

table#wp-calendar {
   background-color:white;
   border: #DBDBBE solid 1px;
}

table#wp-calendar td {
   border: #EAEAD9 solid 1px;
}

table#wp-calendar th {
   background-color: #EAEAD9;
}

table#wp-calendar td.pad, table#wp-calendar tfoot td {
   border: 0;
}

table#wp-calendar td {
   text-align: right;
}

table#wp-calendar tfoot td#prev {
   text-align: left;
}

table#wp-calendar tfoot td#next {
   text-align: right;
}

/* END OF CALENDAR ON NAVBAR ! */


a, a:visited {
   color: #219a01;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}