/*  
Theme Name: garden
Theme URI: http://garden.indiekool.com
Description: <p>3column rainbow garden vector theme. Beautiful and elegant theme for your blog.</p>
Version: 1.0
Author: kokoka
Author URI: http://www.hobbitskull.com

*/


/* ---------- @ HTML Elements -----------*/

*{
margin:0px;
padding:0px;

}
body, html {
    color:#666;
    min-height:101%;
    font-size: 13px;
    background-color:#CAFA94;
    background-image: url(images/main_body.jpg);
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    font-family:Unikurd Web, Tahoma, Arial;
font-size: 13px;
direction: rtl;
}

p {
    margin: 15px 0;
}
.post img{
margin-right:10px;

}

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

a:hover, a:active {
    color:#000000;
    text-decoration: underline;
}

*:focus {
    outline: none
}

/* ---------- @ Page Structure -----------*/

.header {
    height: 250px;
    width: 950px;
    position:relative;
    top:50px;
}

#header {
    
    padding:10px;
    

}


#header h1 a {
    font-size: 13px;
    font-weight:bold;
    color:#336600;
    font-family: Unikurd Web, Tahoma, Arial;
    position: absolute;
    top:35px;
    left:280px;
    
    
}

#header .description{
    position: absolute;
    top:75px;
    left:285px;
    font-weight:bold;
    color:#336600;

}
#header .box{
    position: absolute;
    top:80px;
    right:47px;
    font-weight:bold;
    color:#336600;
    text-align:center;
    font-size: 13px;

}
#header .box h3{
color:#336600;
    

}




.mid{
    position: relative;
    z-index:2;
    left:10px;
    top:10px;
    
    

}


/* ---------- @ Headings -----------*/

h2 {
    font-size: 13px;
    margin:0px;
    padding:0px;

    
    }
    
.content h2 a,
.content h2 a:visited
{
    font-size: 13px;
    margin:0px;
    padding:0px;
    color:#336600;

    
    }

h3 {
    font-size: 13px;
    }

h4 {
    font-size: 13px;
    }
    

/* menu */
#menu{
    position: relative;
    top:10px;
    width:900px;
    z-index:5;
    background-image: url(images/topmenu_bg.jpg);
    background-repeat: no-repeat;
    height: 44px;
    
}

#menu ul{
    list-style: none;
    list-style-type: none;
    font-size: 13px;
    padding:0px;
    font-weight:bold;
    padding-top:15px;
    text-align:center;
    width:900px;
    
    
    
}

#menu ul li{
    
    margin: 0 0 0 1px;
    display:inline;
    border-right:1px solid #ccc;

    
}

#menu ul li a{
    
    padding: 5px 10px 5px;
    text-decoration: none;
    color: #336600;

}

#menu ul li a:hover{
    text-decoration: underline;

    
}

#menu ul li.current_page_item{
background-color:#336600;

}

#menu ul li.current_page_item a{
    color: #336600;
    
}

/* ---------- @ content Area -----------*/

/*Home*/
.padding{
padding:10px;

}
.content {
font-size: 13px;
line-height:20px;
margin-right:10px;
margin-top:10px;
position: relative;
top:-80px;
color:#000000;

}


.content .post, .navigation, .pagetitle, .searc_results {

    padding:10px 20px 10px 20px;
}

.post{
    
    background-position: right top;
    

}
/*sidebar left*/

.sidebar_left {
    float:right;
    margin:0;
    border-right:#FFFFFF 0px solid;
    font-size: 13px;
     padding: 0 10px 0 0px;
}    


.sidebar_mid ul
{
    margin:0;
    padding:0;
    list-style:none;
    
    


}

.sidebar_left h2{
    
    background-repeat: no-repeat;
    height:20px;
    color:#336600;
    padding:10px 0px 0px 10px;
}    

.h2bg_bot{

    background-repeat: no-repeat;
    background-position: bottom;
    height:20px;
}


.sidebar_left  ul ul, .sidebar_left  p, .sidebar_left  form, .sidebar_left  .textwidget
{
    margin:0px 0 0 0px;
}
.sidebar_left li 
{
    margin:0;
    padding:0.3em 0;
    border-bottom:0px solid #dedede;
    list-style:none;
    
    
}

.sidebar_left li ul li ul li a 
{
color:#336600;
    
}
 
.sidebar_left  li li
{
    margin:0;
    padding:0;
    border-bottom:0px;
    line-height:20px;
    border-top:none;
    padding-left:10px;
}

.sidebar_left  li ul li a,
.sidebar_left  li ul li a:visited
{

    border-top:none;
    color:#336600;
    
}
.sidebar_left  li li ul li,
.sidebar_left  li li ul ul

{
    color: #336600;
    border:none;
    

}




/*sidebar right*/


.sidebar_right {
    float:right;
    margin:0;
    font-size: 13px;
}
.sidebar_right h2 {
color:#336600;
    
}

.sidebar_right  ul 
{
    margin:0;
padding:10px;

margin-bottom:10px;
    list-style:none;
    

}
.sidebar_right  ul .box 
{

padding:10px;

margin-bottom:10px;

}
.sidebar_right  ul .box li
{

padding:2px;

}
.sidebar_left li 
{
    margin:0;
    padding:0.3em 0;
    border-bottom:0px solid #336600;
    list-style:none;
    
    
}






/*comments*/
.post .user {
    background-image: url(images/user.gif);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.post .user a{
    padding-left:15px;
}
.post .edit {
    background-image: url(images/edit.gif);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}
.post .edit a {
    padding-left:15px;
}
.post .comment {
    background-image: url(images/comment.gif);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}
.post .comment a {
padding-left:15px;
    
}

/* Comments starts here*/

ol{
margin:0px;
padding:0px;


}
ol li{
display:block;
border-bottom:1px solid #222;
list-style:none;
background-color:#111;
padding:10px;




}

#commentform .textarea{




}

#commentform .textarea{
width:98%;
border:1px solid #dedede;

}
/*Interior Pages*/

.bullets {
    padding:15px 15px 15px 30px;
    }

.bullets li {
    background:url(/images/bullet.gif) no-repeat;
    list-style:none;
    padding-left: 11px;
    margin-bottom: 5px;
    }

/* ---------- @ Forms -----------*/

.button {
    background: #000 ! important;
    border:#F7ECD4 1px solid;
    padding: 2px;
    margin: 0 2px 0 0;
    color:#FFF;
}

.button:focus {
    padding:2px;
    background: #000 ! important;
}

.button:hover {
    background: #CCC ! important;
    color: #000;
}

/*Clear*/

.clearfloat:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }

.clearfloat {
    display: inline-block;
    }

/* Hides from IE-mac */
* html .clearfloat {
    height:1%;
    }

*+html .clearfloat {
    height:1%;
    }

.clearfloat {
    display:block;
    }
/* End hide from IE-mac */

/* ---------- @ Footer -----------*/

#footer {
    padding: 10px;
    color:#336600;
    background-image: url(images/footerbg1.jpg);
    background-repeat: no-repeat;
    height: 84px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-position: bottom;
    text-align:center;
    margin-top:40px;
    

    
}
#footer p{
padding-top:10px;

    
    
}
#footer a{

    color:#336600;
    text-decoration:underline;
    font-weight:bold;
    font-size: 13px;
    
    
}