/*  
Theme Name: Damai
Theme URI: 
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  and is licensed under You can make any changes and use it for any purposes; just keep the footer link intact.
Version: 1.0
Author: eches
Author URI: 
*/

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

body {
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
}

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

p {
    padding: 10px 0 0 0;
}

/*+++++++++++++++++++++++ Top: Header and Navigation ++++++++++++++++++++++++++*/
#top {
    width:100%;
    height:144px;
    background:url(images/header.jpg) repeat-x;
}

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

#left_corner {
    float:left;
    height:43px;
    width:400px;
    padding:15px 0 5px 0;
}

#left_corner h1 a {
    color:#fff;
    font-size:30px;
    font-family:Sans-serif,Georgia,Verdana;
    padding-left:150px;
    text-decoration:none;
    font-weight:700;
}

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

}

#right_corner {
    float:right;
    height:84px;
    width:344px;
    background:url(images/right_corner.jpg) no-repeat;
}

/*+++++++++++++++++++++++++++++ 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: #80b409;
    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:43px 0 5px 5px;
}

.top_lsidebar {
    width:210px;
}

.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:#187cb6;
    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 13px 5px 3px;
}

.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:#7191FE;
}

.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;
}

.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 3px 10px 4px;
}

.post h2{
    font-family: Arial, Georgia, Sans-serif;
    font-size: 18px;
    text-transform:uppercase;
    padding-top:1px;
    border-top:2px dotted #187cb6;
}

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

.postdata {
    border-bottom:2px dotted #187cb6;
    padding-bottom:2px;
    font-size:11px;

}


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

.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:#7191FE;

}

.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:#cbe488;
    border:2px solid #85aa43;
}

.metadata_center a:link, a:visited {
    text-decoration:none;
    color:#0000ee;
}

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

#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:8px 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:#000000;
    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:#187CB6;
    text-decoration:none;
}

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

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

#recent_content li {
    background:url(images/tag_green.gif) no-repeat 0 3px;
    list-style:none;
    line-height:25px;
    padding-left:20px;
    float:left;
    width:200px;
    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:11px;
    overflow:hidden;
}

#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 #c5d864;
    background:#fcfcfc;
}

/*++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++*/
#footer{
    clear: both;
    width: 100%;
    text-align:center;
    padding: 10px 0 8px 0;
    background:url(images/footer.jpg) repeat-x;
}

#footer p{
    font-size:11px;
    padding:3px 3px;
    margin:2px 5px 0 5px;
    background:url(images/damai_footer.jpg) no-repeat 35% 0;
}

#footer p a:link,#footer p a:visited {
    color:#f7f9f3;
    font-weight:700;
}

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

#error_page a:link, #error_page a:visited {
    color:#2c88bc;
    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:#52525b;  
    background: #e4f7b5; 
    border:1px dashed #79b32b;    
}

blockquote blockquote {
    margin:5px 10px;
    padding:4px 7px 10px 7px;
    font-size:11px;
    color:#52525b;  
    background: #e4f7b5; 
    border:1px dashed #79b32b;     
}

/*++++++++++++++++++++++++++ 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 #187cb6;
}

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

#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 #809f51;
    background:#def0ba;
    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;
}