/*
Theme Name: Merry
Theme URI: http://www.pondokmedia.com
Description: a clean and simple fixed width, 2-column layout with the sidebar on the left.
Author: Ofi
Author URI: http://www.pondokmedia.com
*/

body {

	background:url(images/bgBlogLeft.jpg) left top no-repeat fixed;
	font: 12px arial,verdana,sans-serif;
	margin:0;	
	height:100%;
	overflow-y: visible;
	overflow-x: hidden;
}

.logoText {
position:relative;
z-index:10000;
display:block;
width:700px;
height:130px;
margin-left:20px;
float:left;
background:url(images/logo_text.png) no-repeat left top;
}

#container {

	width:100%;
	margin: 0 auto;

	min-height:900px;
}
#wrap {	
	width: 100%;	
}
#content-container {

	float: left;
	width: 950px;
	padding:0px;
	margin-left:10px;
	position:relative;

	
}
#content {
	float: left;
	width: 995px;
	padding:0px;
/*	margin-top:8px; */
	position:relative;
	
}

#header {
	clear: both;
	height:100px;
	margin: 0 auto; 
	width: 950px; 
}
#header h1 
{
font:36px Arial;
color:#3C3928;
text-align:left;
padding-left:30px;
padding-top:10px;
}
#header h1, h1 a, h1 a:hover, h1 a:visited {
text-decoration: none;
margin:0;
color:#3C3928;
}
#subtitle {
	font:14px Arial;
	padding-left:140px;
	color: #3C3928;
	text-align:left;
	font-weight:normal;
}
#footer {	
	color:#000000;
	font: 12px arial,verdana,sans-serif;
	text-align:center;
	height:84px;
	float:left;
	width:950px;
	position:relative;
}


/* General Header Styles */
h2 {
	margin-top:0;
	font-size:16px;	
}
h3 {
	margin:0;
	font-size:14px;	
}


/* Post Related */
h2 a:hover, h2 a:visited, h2 a {
	text-decoration:none;
}
.post-container
{
	float:left; 
	width:800px; 
	margin-left:10px;
}
.post {
	width:750px;
	margin:0;
	padding-top:0;
	color:#756F6C;
	float:none;
	display:block;
/*	background:aqua url(images/post-bg.gif) repeat-y center; */
	border: 2px solid #99CC00;
	background-color:#FFFFFF;
	margin-bottom:20px;
	
}
.posttop {
	width:750px;
	height:100px;
	color:#767676;
	padding-top:10px;
	padding-bottom:15px;
	/* background:url(images/post-top.gif) no-repeat center top;*/
	
}
.post p {
	margin:0px;
}
.navigation a {
	color:#839927;
	text-decoration:none;
}
.navigation a:hover 
{
	color:#839927;
}

.posttop h2{
width:550px;   
}

.posttop h2 a 
{
	font:21px 'Arial';
	color:#669900;
	font-weight:bold;
	text-align:left;


}
.post a:hover {
	color:#40442E;
	text-decoration:none;
}
.postinfo
{
height:19px;
width:750px;
float:left;
color:#A0B739;
text-align:left;

font:11px arial;
background:#99CC00;
/*background:url(images/metadata.gif) no-repeat right bottom;*/
font-variant:small-caps;
}
.postinfo a
{
text-decoration:none;
text-align:left;

}
.metadata
{
	padding-left:13px;
	float:left;
	color:#000;
	font:14px arial;
	padding-top:0;
}
.metadata a
{
	color:#A0B739;
	
}
.metadata a:hover
{
text-decoration:underline;
color:#A0B739;
}
.metacomments
{
	padding-left:15px;
	float:left;
	font:13px arial;
	color:#000;

}
.metacomments a
{
	color: #FF0000;
}
.metacomments a:hover
{
	color: #0000FF;
}
.postbottom
{

margin:10px;
width:90%;
color: #FFF;
background-color:#99CC00;
font:10px arial;
text-align:center;
padding:10px; 
font-variant:small-caps;

}
.postbottom a
{
text-decoration:none;
color: #FFF;
text-align:left;
}
.postbottom a:hover
{
color:#009933;
}
.commentsinf
{
float:right;
margin-right:20px;
margin-top:5px;
}
.postunderinf
{
float:left;
margin-left:20px;
margin-top:5px;
}
/**/

.navigation {
	text-align:right;
	font-size:12px;
}
img.centered {
	display: block;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
.navigation .alignright {
	margin-bottom:10px;
}
.navigation .alignleft {
	margin-bottom:10px;
}	
.posttop h2 {
	font: bold 28px arial,verdana,sans-serif;
	margin-top:0;	
	margin-bottom:15px;
	text-align:left;
	margin-right:15px;
	overflow:visible;
	height:35px;
	
}
.pagetitle{
	font: bold 28px arial,verdana,sans-serif;
	margin-top:0;	
	margin-bottom:5px;
	text-align:left;
	color:#839927;
	margin-right:15px;
	overflow:visible
}
#date
{
background:url(images/calendar.gif) no-repeat;
float:left;
height:56px;
width:61px;
margin:1px 10px 0 10px;
}
.month
{
	text-align:center;
	font:12px arial;
	margin:0;	
	height:15px;
	color:#2E3220;
	

}
.day
{
text-align:center;
font:30px arial;
color:#000000;
height:37px;
}
blockquote {
	font: 11px arial,verdana,sans-serif;
	margin:5px;
}
a img {
	border:0;
}
.entry {
	font: 12px arial,verdana,sans-serif;
	padding-right:30px;
	padding-left:30px;
	text-align:justify;
	color:#000000;
	/*background:url(images/post-bottom.gif) no-repeat bottom;*/
}
.entry p {

margin-top:5px;
line-height:18px;
}

.entry img {
max-width:700px;
height:auto;
}

.entrytext .postmetadata {
	font: 12px arial,verdana,sans-serif;
}
.more-link {
	font: 10px arial,verdana,sans-serif;
}


/* Sidebar Related */
#sidebar {
	width:170px;
	margin-left:10px;
	float:left;
	border: solid #99CC33 2px;
	background-color:#FFFFFF;
}

#sidebar ul {
	width:170px;
	padding:0;
	margin:0;
	
	
}
#sidebar ul h2 {

	/*color:#A0B739;*/
	color:#000000;
	text-align:left;
	padding:10px 0 0 5px;
	margin:0;
	border:none;
        font-weight:bold;
        font-family:arial;
        color:#99cc33; 

	
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	padding:5px 5px 5px 5px;
	
}

#sidebar ul li h2 a{
font-size:11px;	
}



#sidebar ul li ul h2{
padding:10px;
}

#sidebar ul li ul ul li  {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:5px 0 5px 5px;
	background:none;
}

#sidebar ul li ul ul li ul li {

	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:5px 0 5px 5px;
	background:none;
}

.bottom_sidebar {
	background:url(images/menubottom.gif) no-repeat top	;
	margin: 0px;
	padding: 0px;
	clear:both;
	float: left;
	height: 26px;
	width: 170px;
	display:block;
	position:relative;
	}
#sidebar ul li ul li {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:5px 0 5px 5px;
	background:none;
	font: 10px arial,verdana,sans-serif;
		
}
#sidebar ul li ul {
	margin: 0;
	padding:0;
	font: 10px arial,verdana,sans-serif;	
	
}
#sidebar ul ul li {
	list-style-type: none;
	margin-left:5px;
	list-style-image: none;
	color:#000;
	padding:5px 0 5px 10px;
	border-top:1px solid #E7E3B8;
	width:150px;
	font: 10px arial,verdana,sans-serif;
}
#sidebar ul ul ul li {
	list-style-type: disc;
	padding:0;
	margin-left:5px;
	color:#000;	
	font: 10px arial,verdana,sans-serif;
}
#sidebar p {
	margin:0;
	font: 10px arial,verdana,sans-serif;
	
}
#sidebar a {
	color: #FF0000;
        font-weight:bold;
	text-decoration:none;	
}
#sidebar a:hover {
	text-decoration:underline;	
}



/* User Comment Specific */
#comment
{
border:1px solid #483F2E;
color:#000;
}
#respond
{
	padding-left:10px;
}
#commentform
{
	padding:10px;

}
#commentform input
{
border:1px solid #483F2E;
color:#000;
}

ol.commentlist {
	margin-left:25px;
	padding:0;
}
ol.commentlist li.alt {
	width:500px;
	padding:5px;
}
ol.commentlist a {
	color:#839927;	
}
ol.commentlist p {
	margin-top:3px;
	margin-bottom:10px;
}
small.commentmetadata {
	font: 10px arial,verdana,sans-serif;
}
small.commentmetadata a {
	text-decoration:none;
}
#submit {
	height: 25px;
	background-color: #637B13;
	margin: 0 10px;
	color:#ffffff;
	font-size: 1.2em;

}

/************************/
/*     Search Design    */
/************************/
#menu_search_box{
	
font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:14px;
	font-variant:small-caps;
	width:850px;
}

#menu_search_box input.s{

	width:190px;
	font-size:10px;
}

#menu_search_box span{
	position:relative;
	top:-1px;
}
/*-------------Other------------------*/
hr {
	display: none;
}
a 
{
	color:#839927;
}
#wp-calendar
{
width:205px;
color:#B6B17E;	
margin-left:10px;
text-align:center;
}
#calendar
{

}
td
{
color:#B6B17E;
}

/* tes */


.headerBlog {
margin-left:200px;
display:block;

height:100px;

}


.headerBlog ul li{

font-family:Arial, Arial, Helvetica, sans-serif;
font-size:18px;
color:#c9fc2c;
float:left;
list-style:none;
}

.headerBlog ul li a{
text-decoration:none;
color:#c9fc2c;
}

.headerBlog ul li a:hover{
color:#FFFF00;
}

.ddsmoothmenu{
font: bold 12px Verdana;
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
padding: 8px 10px;
color:#c9fc2c;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;

}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#7ebd00;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#7ebd00;
}


.ddsmoothmenu ul.parrent li a{
ccolor:#7ebd00;
}

.ddsmoothmenu ul.child li a{
color:black;
}

.ddsmoothmenu ul.parrent li a:hover{
color: #597600;
}

.ddsmoothmenu ul.child li a:hover{
background: #597600 ; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{

position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
background-color: #d0e985;
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{

font: normal 13px Arial;
width: 150px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #314100;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
ul.child li.tes1 {
border-top:#314100 3px solid;
}

.logo {
margin-left:20px;
width:600px;
height:50px;
background:url(images/logo_text.png) no-repeat left top;
}

/* tab sidebar */

.tabs {
	display: block;
	margin-bottom: 0px;
}
.tabs a {
margin-left:2px;
	float: left;
	display: block;
	padding: 2px;
	margin-right: 2px;
	border: 1px solid #DDDDDD;	
	background-color:#99CC00;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
	cursor:pointer;
}
.tabs a.selected {
	color:#99CC00;
	background-color:#FFF;
	border-bottom: 1px solid #fff;
	padding: 2px;
	z-index: 3;
}
.tab_page {
	border-top: 1px solid #DDDDDD;
	display: inline-block;
	padding: 2px;        
	display: block;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
	margin-right: 5px;
}


/* end tab sidebar */

.clear {
clear:both;
}

.thumb {
margin-left:10px;
}

/* image caption */

/* IMAGE CAPTION
/* ----------------------------------------------*/

.wp-caption {
      border: 1px solid #ddd;
      text-align: center;
      background-color: #f3f3f3;
      padding-top: 4px;
      margin: 10px;
      /* For rounded corner */
      -moz-border-radius: 3px;
      -khtml-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      }

.wp-caption img {
      margin-bottom: 5px;
      padding: 0;
      border: 0 none;
      }

.wp-caption p.wp-caption-text {
      font-size: 11px;
      line-height: 17px;
      padding: 0 4px 5px;
      margin: 0;
      }

/* IMAGE POSITIONING
/* ----------------------------------------------*/

.aligncenter, div.aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto;
      }

.alignright {
      float: right;
      }

.alignleft {
      float: left;
      }


.ico {
float:left;
padding:5px;
}

.ico img {
float:left;
padding-right:5px;
margin-left:10px;
}

.pbcenter {  
margin-left:auto;
margin-right:auto;
width:600px;
}

.share {
position:absolute;
right:55px;
top:10px;
}