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

	HappySociety 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:  "Trebuchet MS", Arial, sans-serif;
   font-size: 10pt;
   color: #5d594e;
}

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: 1000px;
   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: 1000px;
   display: table;
   height: 250px;
   overflow:hidden;
   background-image: url("images/titlebg.jpg");
}
   
div#midHeader {
   display:table-cell;
   top: 50%;
   vertical-align: middle;
}

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

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

div#headertitle, div#headertitle a {
   /* the title of the Blog */
   font-size: 60px;
}

div#subheadertitle {
   /* the subtitle of the Blog */
   font-size: 20px;
   color: white;
}

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

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

div#splitTwo {
   width: 1000px;
}

div#splitTwoClearer {
   clear:both; 
}

div#leftMain {
   float:left;
   width:750px;
}

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

ul li {
   margin-left: 0px;
}

div#navBar {
   float:left;
   width:250px;
   /*
   margin:auto auto;
   position: absolute;
   */
}

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

div#innerNavBar {
   padding: 5px 5px 5px 5px;
   line-height:1.5em;
   /*
   color: white;
   margin-bottom: -15px;
   padding-top:5px;
   */
}

div#innerNavBar a, div#innerNavBar a:visited {
   color: #a07b21;
}

/*
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;
   background: url('images/nav_kuas.gif') bottom left no-repeat;
   padding-bottom: 10px;
   color: #5d594e;
   font-size: 1.3em;
}   

ul.withbull {
   margin-bottom: 30px;
}

ul.withbull li {
   margin-left: 10px;
   list-style-image: url('images/bullet.gif');
   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#noSplit {
   width: 100%;
}

div#footer {
   /*
   margin: 0;
   width: 670px;
   border-top: #A88022 dashed 1px;
   */
   margin: auto auto;
   width: 1000px;
   position: relative;
   text-align:right;
   /*
   padding-top: 1px;
   padding-bottom: 1px;
   * padding-top: 0px;
   * padding-bottom: 0px;
   */
   height:70px;
   display:table;
}

div#midFooter {
   text-align:right;
   height:70px;
   display:table-cell;
   vertical-align:middle;
   background: url('images/footerbg.gif') center right no-repeat;
   position: relative;
}

div#innerFooter {
   position:relative;
   top:-3px;
   margin-right: 35px;
   text-align:right;
   color: #9A9A9A;
   vertical-align:center;
}

div#innerFooter {
   /*
   */
   font-family: Tahoma, Arial, sans-serif;
   font-size: 0.75em;
   color: white;
}

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

div.pageNav a, div.pageNav a:hover, div.pageNav a:visited {
   color: #a07b21;
   text-decoration:none;
}

div#innerFooter a:hover {
   text-decoration:none;
}

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


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

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

/*
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#splitTwo div.metadata {
   padding-bottom:50px;
}

div.innerMetadata {
   /*
   background-color: #DBDBBE;
   text-align:right;
   background: url('images/metabg.jpg') center left no-repeat;
   */
   color: #ACAC6A;
   line-height: 1.5em;
}

div#splitTwo div.innerMetadata {
   padding: 20px 25px 15px 25px;
   background: url('images/metabg.jpg') center left no-repeat;
}

div#noSplit div.innerMetadata {
   padding: 25px 25px 35px 25px;
   background: url('images/metalongbg.jpg') center left no-repeat;
}

div.pageNav, div.pageNav a, div.pageNav a:visited {
}

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

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

div#splitTwo div.post div.subjudul {
   background: url('images/judul_kuas.gif') center center no-repeat;
   color: #a07b21;
   height: 25px;
}

div#noSplit div.post div.subjudul {
   color: #a07b21;
   height: 25px;
}

div.shareLinks {
   text-align:center;
}

div.shareLinks a, div.shareLinks a img {
   border: 0;
}

div#noSplit div.outerJudul {
   background: url('images/judul_pjg_kuas.gif') bottom center no-repeat;
   width: 100%;
   position:relative;
}

div.outerJudul div.alignleft {
   position:absolute;
   bottom: 0px;
   left: 0px;
}

div.outerJudul div.alignright {
   position:absolute;
   bottom: 0px;
   right: 0px;
}

div.alignleft a, div.alignleft a img,
div.alignright a, div.alignright a img {
   border: 0;
}

div.judul, div.judul a, div.judul a:visited, div.judul a:hover {
   font-size: 1.3em;
   text-decoration: none;
   /*
   text-transform: uppercase;
   */
   text-align:center;
   color: #5d594e;
}

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 {

}

/* this is the Facebook's LIKE panel */
div.facebookPanel {
   margin: 0px 25px 0px 25px;
}

div.facebookPanel span.fb_button_text {
   font-size: 1em;
}

/* this is the Audio Player plugin panel */
p.audioplayer_container {
   text-align:center;
}

div.commentArea {
}

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

div.commentLists {
}

div.commentItemOdd, div.commentItemEven {
   padding: 10px 25px 10px 25px;
   line-height: 1.5em;
}

div.commentTextArea {
   padding-left: 50px;
}

div.commentTextArea p {
   color: #a07b21;
}


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

div.commentMetaData {
   padding-bottom: 10px;
}

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 40px 25px;
   line-height: 2.5em;
   background: transparent url('images/commentbox_div.gif') bottom center no-repeat;
}

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: #83a97e solid 1px;
   background-color: #257c27;
   color: #bddc83;
}

div#searchForm form input[type=text], 
div#responseForm form input[type=text], 
div#responseForm form input[type=password], 
div#responseForm form textarea {
   border: #cecdca solid 1px;
   padding-left: 5px;
   padding-right: 3px;
}

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

div.oneRow {
   width: 100%;
   position: relative;
}

div.oneRow label {
   position: absolute;
   right: 750px;
   text-align:right;
}

div.oneRow input[type='text'] {
   position: relative;
   left: 220px;
   margin-top:5px;
   margin-bottom:5px;
}

div.oneRow textarea {
   position: relative;
   left: 220px;
   margin-top:5px;
}

div.oneRow input[type='button'],
div.oneRow input[type='submit'] {
   position: relative;
   left: 220px;
}


span.requiredMarker {
   color: red;
}

textarea#commentTxtArea {
   width: 600px;
   border: #cecdca solid 1px;
}

div.pageNav {
   height: 30px;
   width: 100%;
}

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 {
   width: 100%;
   /*
   background-color: #AAE301;
   background-image: url('images/green_shaded_panel.png');
   position: absolute;
   right: 25px;
   top: 0px;
   */
}

/* 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;
}