/*  
Theme Name: Damai
Theme URI: http://blog.eches.net/themes
Description: A brief description on the name of this theme; Damai (in Malay) can be loosely translated as tranquility. This theme was designed and built by <a href="http://blog.eches.net/">eches</a> and is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. You can make any changes and use it for any purposes; just keep the footer link intact.
Version: 1.0
Author: eches
Author URI: http://blog.eches.net
*/

/*++++++++++++++++++++++++ Global Declaration ++++++++++++++++++++++++++++++++*/
body, h1, h2, h3, h4, h5, h6, blockquote, form {
    margin: 0;
    padding: 0;
   
}

img {margin: 12px 12px 10px 10px; 
             border: 2px solid #000000;


} 



 .h4 {
 color:#000000;
 decoration: underline;
 size-font: 16px;
 }

p {
    padding: 0px 0 0 0;
}

/*+++++++++++++++++++++++ Top: Header and Navigation ++++++++++++++++++++++++++*/
#top {
    width:100%;
    height:130px;

    background-color: #bc056d ;}

/*+++++++++++++++++++++++++++++++ Header ++++++++++++++++++++++++++++++++++++++*/
#header_top {
    width: 100%;
    height:90px;
    margin:0 auto;
    
}

#left_corner {
    float:left;
    height:66px;
    width:400px;
    padding:12px 0 5px 0;
}

#left_corner h1 a {
    color:#fff;
    font-size:28px;
    font-family:Sans-serif,Georgia,Verdana;
    padding-left:15px;
    text-decoration:none;
    font-weight:700;
    background:url(images/titulo.gif) no-repeat;}

.description {
    padding:10px 0 0 15px;
    color:#FFFFFF;
    font-size:12px;
    font-family:Sans-serif,Georgia,Verdana;
    font-weight:700;

}

#right_corner {
    float:right;
    height:60px;
    width:480px;

}



/*+++++++++++++++++++++++++++++ Top Navigation +++++++++++++++++++++++++++++++*/

#header_nav {
    width:100%;
    height:43px;
    margin:0 auto; 
    background:url(images/menu.jpg) repeat-x;
}

#nav {
    width:995px;  
    margin:0 auto; 
    padding:0; 
    overflow:hidden;
    height:31px; 
}

#menu {
    float:left;
    margin:5px;
    padding:3px;
    width:730px;
}

#menu li {
    display: inline;
    list-style: none;
    margin:0;
    padding:0;
}

#menu ul, #menu ol {
    display: inline;
    list-style: none;
    margin:0;
    padding:0 10px 0 0;
}
		
#menu a, #menu a:visited {
    margin:0;
    padding: 3px 10px 3px 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}		

#menu a:hover {
    background: #bc056d;
    text-decoration: none;
    border:1px solid #FFFFFF;
}

#subscribe {
    float: right;
    width:92px;
    height:32px;
    margin:4px 4px 3px 4px;
}

.rss { 
    float:right;
    margin:7px 10px 5px 0px;
    width:230px; 
}

.rss ul { 
    margin: 0; 
    padding: 0 2px;
}

.rss li { 
    margin: 0 2px 0 0; 
    padding: 3px 0 3px 20px; 
    list-style: none; 
    font-size: 12px; color:#c40d63; 
    display: inline; font-weight: bold;
    background: url(images/rss.gif) no-repeat 0 3px;
}

.rss li a {
    font-size: 12px; color:#fff; 
}

/*+++++++++++++++++ Wrapper: Left Sidebar & Right Container +++++++++++++++++++*/
#wrapper{
    margin: 0px auto 0 auto;
    width: 1000px;
    text-align: left;
}

/*++++++++++++++++++++++++++++ Left Sidebar +++++++++++++++++++++++++++++++++++*/
#lsidebar {
    float: left;
    width:212px;
    padding:0px;
    margin:0 0 5px 5px;


}

.top_lsidebar {
    width:210px;
    margin: 0px;
    border: 0px;
}

.bottom_lsidebar {
    width:210px;
    height:9px;
    background:url(images/b_sidebar.jpg) no-repeat;
}

.content_lsidebar{
    width:210px;
    background:url(images/c_sidebar.jpg) repeat-y;
}

.content_lsidebar a:link, .content_lsidebar a:visited {
    color:#000000;
    text-decoration:none;
    font-weight:700;
}

.content_lsidebar ul{
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0 0 10px;
    
}

.content_lsidebar ul li{
    padding: 0 0px 5px 0px;
    background: #fbcfe8;
    margin-right: 10px;

}

.content_lsidebar ul li h2 {
    font-family: Arial,Verdana,Georgia, Sans-serif;
    padding-left:6px;
    margin-bottom:8px;
    font-size: 14px;
    line-height:1.6em;
    text-transform:uppercase;
    background:url(images/h2.gif) repeat-x;
}

h2 {
	color:#FFFFFF;

}



.content_lsidebar ul ul li{
    font-size:11px;
    margin-top: 3px;
    line-height: 1.0em;
    background:url(images/c.gif) no-repeat;
    padding-left:12px;
    font-size: 12px;
}

.content_lsidebar ul ul ul li {
    line-height: 9px;
    text-decoration:none;
    background-image:none;
    padding-left:0; 
}

.content_lsidebar ul ul ul {
    margin-top: 9px;
    line-height: 11px;
    text-decoration:none;
    background-image:none; 
}

/*+++++++++++++ Right Container: Posts, Right Sidebar & TopBox +++++++++++++++*/
#container_right {
    float: right;
    width: 776px;
}

#inner_container{
    float: left;
    width: 548px;
    text-align:justify;
}

/*++++++++++++++++++++++++++++++++ Posts +++++++++++++++++++++++++++++++++++++*/
.post{
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    width: 740px;
    background:#ed85d3;
    margin: 10px 0 10px 5px;
    border-top:3px solid #000000;
    border-left:3px solid #000000;
    border-right:3px solid #000000;
    border-bottom: 3px solid #000000;
    font-size: 14px;
}

.post h2{
    font-family: Arial, Georgia, Sans-serif;
    font-size: 18px;
    text-transform:uppercase;
    padding:1px 0 0 5px;
    border-top:2px dotted #000000;
    border-left:2px dotted #000000;
    border-right:2px dotted #000000;
    width: 725px;
    background: #bc056d ;
    margin: 0 5px 0 0
    
}

.post h2 a:link, .post h2 a:visited {
    text-decoration:none;
    color:#000000;
}

.postdata {
    border-bottom:2px dotted #000000;
    border-left:2px dotted #000000;
    border-right:2px dotted #000000; 
    padding:0 0 2px 5px;
    font-size:11px;
    width: 725px;
    background: #bc056d;
    margin: 0 5px 0 0
}


.postdata a:link,.postdata a:visited {
    color:#FFFFFF;
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
}

.entry{
    line-height: 18px;
}

p.postmetadata {
    margin: 10px 0 0 0;
   
}

/*++++++++++++++++++++++++++++ Right Sidebar +++++++++++++++++++++++++++++++++*/
.rsidebar{
    float:right;
    width:220px;
    margin:4px 0 5px 6px;
}

.top_rsidebar {
    width:210px;height:9px;
}

.bottom_rsidebar {
    width:210px;height:9px;
    background:url(images/b_sidebar.jpg) no-repeat;
}

.content_rsidebar {
    width:220px;
    background:url(images/c_sidebar.jpg) repeat-y;
}


.content_rsidebar a:link, .content_rsidebar a:visited {
    color:#187cb6;
    text-decoration:none;
    font-weight:700;
}

.content_rsidebar ul{
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
}

.content_rsidebar ul li{
    padding: 0 13px 5px 3px;
}

.content_rsidebar ul li h2{
    padding-left:6px;
    margin-bottom:8px;
    font-family: Arial,Verdana,Georgia, Sans-serif;
    font-size: 14px;
    line-height:1.6em;
    text-transform:uppercase;
    background:#cfe990;

}

.content_rsidebar ul ul li{
    font-size:11px;
    margin-top: 3px;
    line-height: 1.0em;
    background:url(images/c.gif) no-repeat 0 0;
    padding-left:12px;
}

.content_rsidebar ul ul ul li {
    line-height: 9px;
    text-decoration:none;
    background-image:none;
    padding-left:0; 
}


.content_rsidebar ul ul ul {
    margin-top: 9px;
    line-height: 11px;
    text-decoration:none;
    background-image:none; 
}

.metadata_center {
    height:18px;
    width:530px;
    margin:0 auto;
    padding: 2px 0 0 3px;
    background:#fbcfe8;
    border:2px solid #bc056d;
}

.metadata_center a:link, a:visited {
    text-decoration:none;
    color:#000000;
    font-weight: bold;
}

/*+++++++++++++++ TopBox: Recent Posts, About Me and Search +++++++++++++++++++*/
#topbox {
    width:770px;
    margin:0;
    padding:0 0 0 10px;
}

#topbox_left {
    float:left;
    width:9px;
    height:222px;
    background:url(images/hleft.jpg) no-repeat;
}

#topbox_center {
    float:left;
    width:744px;height:222px;
    background:url(images/hcenter.jpg) repeat-x;
}

#topbox_right {
    float:left;
    width:9px;height:222px;
    background:url(images/hright.jpg) no-repeat;
}

/*++++++++++++++++++++++++ Recent Posts: Structure ++++++++++++++++++++++++++++*/
#recent_post {
    margin:10px 0 7px 0px;
    float:left;
    height:207px;
    background:url(images/bcenter.jpg) repeat-x;
}

#recent_left {
    float:left;
    width:10px;
    height:207px;
    background:url(images/bleft.jpg) no-repeat;
}

#recent_center {
    float:left;
    width:470px;
    height:207px;
    background:url(images/bcenter.jpg) repeat-x;
}

#recent_right {
    float:left;
    width:10px;
    height:207px;
    background:url(images/bright.jpg) no-repeat;
}

/*+++++++++++++++++++++++++ Recent Posts: Content +++++++++++++++++++++++++++++*/
#recent_title {
    font-size:15px;
    font-family:Arial,Verdana;
    color:#ffffff;
    font-weight:800;
    padding:8px 0 0 155px;
    text-transform:uppercase;
    border-bottom:2px dotted #FFFFFF;
}

#recent_content {
    overflow:hidden;
    height:155px;
    font-weight:700;
}

#recent_content a:link, #recent_content a:visited {
    font-size:12px;
    font-family:Arial,Verdana;
    color:#FFFFFF;
    text-decoration:none;
}

#recent_content a:hover {
    font-size:12px;
    font-family:Arial,Verdana;
    color:#95ce0c;
}

#recent_content ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 0 2px;
    float:left;
}

#recent_content li {
    background:url(images/camarita.gif) no-repeat;
    list-style:none;
    line-height:30px;
    padding-left:30px;
    float:left;
    width:390px;
    overflow:hidden;
}

/*++++++++++++++++++++++++++++++++ About Me ++++++++++++++++++++++++++++++++++*/
#aboutme {
    float:right;
    margin:10px auto 0;
    padding:3px;
    font-family:Arial;
    color:#000;
    height:160px;width:240px;
    text-align:justify;
    line-height:1.3em;
    font-size:12px;
    overflow:hidden;
    font-weight: bold;
}

#aboutme p{
    padding-top:5px;
}

#aboutme h2 {
    font-size:16px;
    color:#000;
    border-bottom:2px dotted #fff;
    padding:3px 5px 6px 0;
    text-transform:uppercase;
}

/*+++++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++++*/
#search { 
    height:20px;
    float:right;
    margin:8px 4px 0 0;
}

#search #s { 
    font-size:8pt;
    width:230px;
    padding-left:3px;
    font-family:Arial;
    height:16px;
}

input#s { 
    color:#000;
    border:3px solid #000000;
    background:#fbcfe8;
}

/*++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++*/
#footer{
    clear: both;
    width: 100%;
    text-align:center;
    padding: 10px 0 8px 0;
    background:#bc056d;
    height: auto;
    
}

#footer p{
    font-size:12px;
    padding:3px 3px;
    margin:2px 5px 10px 5px;
    font-weight:bold;
    
    

}
#footer ul {
	padding:0 0px 10px 255px;
        
        
        
}

#footer li {
	list-style: none;
        float: left; 
        padding-right: 20px;
        margin-bottom: 10px;
        color: #FFFFFF;
}

#footer li a {
	color:#FFFFFF;
        font-weight: bold;   
}

 
#footer1{
    clear: both;
    width: 100%;
    text-align:center;
    padding: 10px 0 20px 0;
    background:#bc056d;
    margin-bottom: 15px;
    height: 40px;
    
    
}

#footer1 p{
    font-size:12px;
    padding:3px 3px;
    margin:2px 5px 10px 5px;
    font-weight:bold;

}
#footer1 ul {
	padding:0px 50px 0px 50px;

        
        
        
}

#footer1 li {
	list-style: none;
        float: left; 
        padding-right: 20px;
        margin-bottom: 10px;
        color: #FFFFFF;
}

#footer1 li a {
	color:#FFFFFF;
        font-weight: bold;   
}


/*+++++++++++++++++++++++++++++++++ Misc +++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++ Error Page +++++++++++++++++++++++++++++++++*/
#error_page {
    padding-left:3px;
    margin-top:4px;
    width:530px;
}

#error_page a:link, #error_page a:visited {
    color:#000000;
    font-weight:700;
}

/*+++++++++++++++++++++++++++++++ Calendar +++++++++++++++++++++++++++++++++++*/
table#wp-calendar {
    width:90%;
    margin:0 3px;

}

/*+++++++++++++++++++++++++++++++ Blockquote +++++++++++++++++++++++++++++++++*/
blockquote {
    margin:5px 0;
    padding:4px 7px 10px 7px;
    font-size:11px;
    color:#000000;  
    background: #000000; 
    border:1px dashed #000000;    
}

blockquote blockquote {
    margin:5px 10px;
    padding:4px 7px 10px 7px;
    font-size:11px;
    color:#000000;  
    background: #000000; 
    border:1px dashed #000000;     
}

/*++++++++++++++++++++++++++ PageTitle (archives.php) +++++++++++++++++++++++++*/
.pagetitle {
	margin:5px 0 0 3px; 
	color:#6c2f4b;
	text-transform:uppercase;       
}

/*+++++++++++++++++++++ Navigation: Previous & Next +++++++++++++++++++++++++++*/
#navigation{
    padding:10px 0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom:10px;
    height:20px;
}

.alignleft {
    float:left;
}

.alignright {
    float:right;
}
.alignleft a:link,.alignleft a:visited,.alignright a:link,.alignright a:visited {
    color:#187cb6;
    text-decoration:none;
}

/*+++++++++++++++++++++++++++ Comment component +++++++++++++++++++++++++++++++*/
#commentsbox { 
    padding: 0 0 0 5px; 
    margin: 0 0 4px 3px; 
    width: 538px; 
    font-size:11px;
    border-top:2px dotted #bc056d;
}

#commentsbox a:link, #commentsbox a:visited {
    text-decoration: none;
    color: #000000;
}

#comments h2 { 
    margin:5px 0 0 0; 
    padding:0 7px; 
    color:#ff5c00; 
    font-size:16px; 
    font-weight:normal;
}

#comments {
    margin:5px 0 0 0; 
}

#respond  {
    margin:10px 0 0 0;
    padding-top:3px; 
    font-size:14px; 
    font-weight:bold;
}

.boxcomments { 
    margin-bottom:20px;
    width:520px;
}
#commentform { 
    margin:0;
    padding:15px 15px 1px;
}

#commentform label { 
    display:block;
    margin:0;
}

#commentform input { 
    width:170px;
    margin:0 5px 10px 0;
    padding:1px;
}

#commentform textarea { 
    width:400px;margin:0 0 10px;
    padding:0;
}

#commentform #submit { 
    margin:0 0 20px;
}

#commentform p { 
    margin:5px 0; 
}

ol.commentlist { 
    margin:0 0 1px;
    padding:0;
}

ol.commentlist li { 
    margin:7px 7px;
    padding:6px 15px 12px 15px; 
    border:1px dashed #bc056d;
    background:#fbcfe8;
    display:block;
    list-style:none;
}

ol.commentlist li.mycomment { 
    margin:7px 0;
    padding:5px 15px 1px;
    border-bottom:20px solid #fff; 
    display:block;
    list-style:none;
    background:#f3fdff;
}

ol.commentlist li.commenthead { 
    display:block;
    list-style:none;
    margin:0;padding:5px 15px;
}

ol.tblist { 
    list-style:none;
    margin:0 0 1px;
    padding:0;
}
ol.tblist li { 
    display:block;
    list-style:none;
    padding:10px 5px 10px 5px;
    margin:0 0 5px; 
    border:1px dashed #ccc;
}

input#url,input#author,input#email,textarea { 
    color:#666;
    width:40%;
    border:1px solid #cbcbcb;
    margin-bottom:0.6em;
    margin-top:2px;
    padding:3px;
    background:#fcfcfc;
}

.n{display:none;} 
h1.logo a{
	background:transparent url(../images/logo.png) no-repeat scroll 0 0;
	display:block;
	font-size:14px;
	height:89px;
	width:475px;
} 



.tags a:hover{
	color: #FFFFFF;
}
.tags {
	font-size: 14px;
}

#pie {
	background: #ed85d3;
        font-size: 12px;
        padding: 10px 0px 0px 50px;
        width: 500px;
        height: auto;
}

 
a:link, a:visited {
    text-decoration: none;
    color: #FFFFFF;
}


a.iframe:link {
 color:#00f;
 font-size: 24px;
 text-decoration: none;
 margin: 20px 0px 20px 0px;
 }
 
 
a.iframe:visited {
 color:#00f;
 font-size: 24px;
 text-decoration: none;
 margin: 20px 0px 20px 0px;
 }
 
a.iframe:hover {
 color: #ffffff;
 text-decoration: underline;
 font-size: 24px;
 margin: 20px 0px 20px 0px;
 }
 
.tags a{
	color: #000000;
        font-size: 14px;
}

.f a{
	font-size: 14px;
        color: blue;
}


h3  {  color:#FFFFFF;
       float:left;
       padding: 25px 0px 10px 10px;

 }
 
body {
    font-family: Arial;
    font-size: 12px;
    background: #fbcfe8;
    color: #000000;
}

.post h3  {  color:#000000;
       float:left;
       padding: 25px 0px 10px 0px;
       border: 0px;
       width: 725px;
       font-size:16px;
 }
 
 #iframe {
 height: 100%;
 width: 100%;
 padding: 50px 0px 25px 0px;
 clear: both;
 float:center;
}

#link {
width: 100%;
height:100%;
padding: 30px 0px 30px 0px;
text-align: center
}

#feed {
margin: 20px 0px 0px 0px;
}

#feed li{
    font-size:18px;
    margin-top: 0px;
    line-height: 0.5em;
    background:url(images/c.gif) no-repeat;
    padding: 0px 0px 20px 12px;
    font-size: 18px;
    list-style: none;
}

#feed a:link {
 color:#00f;
 font-size: 18px;
 text-decoration: none;
 margin: 20px 0px 20px 0px;
 }
 
 
#feed a:visited {
 color:#00f;
 font-size: 18px;
 text-decoration: none;
 margin: 20px 0px 20px 0px;
 }
 
#feed a:hover {
 color: #ffffff;
 text-decoration: underline;
 font-size: 18px;
 margin: 20px 0px 20px 0px;
 }