/* 

	Theme Name: Jambu

        Based on: YGo Soo Simple by YgoSearch

	Theme URL: http://blog.eches.net/themes

	Description: <a href="http://blog.eches.net/themes">Jambu 1.0</a> is a 3 column theme, based on <a href="http://www.ygosearch.com/seoblog/?p=23">YGo Soo Simple</a> with a lot of enhancements.

	Author: Eches

	Author URI: http://blog.eches.net

	Version: 1.0

		

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



body {

	font: 10px 'Verdana', Arial, sans-serif; 

	background: #000 url(images/body-bg1.jpg) center repeat-y;

	margin: 0px auto 0px;

        margin-right: auto;

        margin-left: auto;

	padding: 0px;

	text-align:justify;

}  

 

a {

        color: #c67073;

        text-decoration: underline;

        font: 10px 'Verdana', Arial, sans-serif; 

}



.clear {

        clear:both;

        width:1px;

        height:1px;

}



div#container {

        width: 960px;

        margin: 0px auto 0px;

        padding: 0px;

        text-align:justify;

        margin-right: auto;

        margin-left: auto;

}



#wrapper {

	width: 960px;

	margin:0px auto;

	text-align: left;

}



#top {                       /* used in header.php  */

        width:967px;

        height:126px;

        background-color:#555;

        background-image:url(images/banner-top3.gif);

        background-repeat:no-repeat;

        margin-right: auto; 

        margin-left: auto;

        padding: 0px;

}



#nav {                      /* navigation at top right corner */

        width:520px;

        height:30px;

        line-height:30px;

        float:right;

        padding:16px 23px 0px 0px;

        font-size:14px;

}

ul.nav {

        height:30px;

        line-height:30px;

        float:right;

        list-style:none;

        font-size:14px;

        font-weight:700;

        margin:0;padding:0;

}



ul.nav li{

        float:left !important;

        list-style-type:none;

        margin:0;

        padding:0;

}



ul.nav li a,ul.nav li a:link,ul.nav li a:visited {

        border-bottom:0;

        border-left:0;

        background:#774042;

        color:#ffffff;

        float:left;

        display:block;

        text-decoration:none;

        padding:3px;font-size:12px;

        border:2px solid #ffb7ba;

        font-weight:600;

}



ul.nav li a:hover,ul.nav li  a:active {

        background:#d42a30;

        color:#fff;

        font-weight:600;

}



#announcement {          /* inside top_sidebar */

        width:381px;

        float:right;

        border:3px solid #ffb7ba; 

        margin: 0px; 

        background: #fff3f3; 

        text-align:center; 

        padding: 5px;

} 



div#the_post_ticker {   

        height: 40px; overflow: hidden;

}



.whitebox {

        border:2px dashed #ffb7ba;

        padding:7px;margin:5px; 

        background: #ffffff; 

        text-align:center;

}



#bannerads {

        float:right;

        width:468px;

        padding:3px 18px 2px 0px;

        margin:0 5px 0 0; 

        text-decoration:none;

}



#main {  

        width: 530px;    

        padding:10px 15px 15px 10px;

        float: left;

        line-height: 18px;

        font: 10px 'Verdana', Arial, sans-serif;

        color:#000;

        text-align: justify;

}



#main h1 {

	color: #734244;

     	font: bold 22px 'Verdana', Arial, sans-serif;

     	margin:0px;

     	padding:2px 0px 3px 0px;

}



#main h1 a{

        color: #8a4d50;

     	font: normal 20px 'Verdana', Arial, sans-serif;

     	text-decoration:none;

        }



.details {

	padding:10px 0px 0px 3px;

	margin:2px;

}	

     

#main h2 {

        margin:0px;

        padding:28px 0px 6px 0px;

}

     

#main h2 a{

        font: bold 14px 'Verdana', Arial, sans-serif;

        letter-spacing:.5px;

        color: #734244;

        text-decoration:none;

        text-align: left;

}     

     

#main p {

        padding:0px 0px 10px 0px;

        margin:0px;

}    



   

blockquote { 

        margin: 6px 0 10px 2%; 

        padding: 8px 6px 4px 6px; 

        font-size: 10px; 

        border: 3px solid #ffb7ba; 

        background: #fff3f3;

        width:80%;

} 



.divider {

        background: #FFFFFF url(images/hiasan.jpg) no-repeat top;

        height:50px;

}



#inner {  

        width: 180px;      

        float: left;

        padding: 0px 0px 0px 16px;   

}

  

#inner h2 {

	color: #fff;

	font-size: 12px;

	font-weight: bold;	

	margin:10px 0px 0px 0px;

	padding:10px 0px 4px 12px;   

	background:url(images/menu-back.gif) no-repeat top left;

	width:170px;

     }     



#inner ul, #inner ul ol {

	margin: 0;

	padding: 0;

	width:95%;	

}



#inner ul li {

	list-style-type: none;

	margin-bottom: 5px;

}



#inner ul p, #inner ul select {

	margin: 5px 0 8px;

}



#inner ul ul, #inner ul ol {

	margin: 5px 0 0 10px;

}



#inner ul ul ul, #inner ul ol {

	margin: 0 0 0 -5px;

}



ol li, #inner ul ol li {

	list-style: decimal outside;

}



#inner ul ul li {

	margin: 2px 0 0;

        padding:0px 0px 0px 15px;

	background:transparent url(images/pill_go.png) no-repeat 0 2px;

}



#inner li a {

	color: #774042;

	text-decoration: none;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	width:100%;

	font:normal 11px 'Verdana', Arial, sans-serif;

}

	

#inner li a:hover {

	color: #774042;

	text-decoration: none;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	width:100%;

	font:normal 11px 'Verdana', Arial, sans-serif;

}	

	

#inner a.morre {

	background: #f6f6f0;

	color: #dd6600;

	padding:2px 2px 1px 2px;

	margin:0px 0px 5px 0px;

	font-weight:bold;

	border-bottom:none;

	width:60px;

}	

	

#inner a.title {

	color: #fff;

	padding:0px;

	background:none;

	margin:0px;

}	

	

#inner p {

	padding: 3px 0px 0px 0px;

	margin: 0px;

	line-height: 20px;

	color:#fff;

}



#calendar {

        width:183px; 

        margin-bottom:10px;

        margin-left:auto;     

        margin-right:auto;

}



#calendar caption, #wp-calendar th {

        background:#c67073;

        width:182px;

        text-align:center;

        color:#ffffff;

        padding:3px 0px 0px 0px;

        margin-top:5px;

}



#calendar caption {

        font-weight:bold;

        background:#c67073;

        color:#fff;

}



#calendar #today { 

        background:#c67073;

        font-weight:bold;

        color:#fff;

}



#calendar a {

        color:#d94201;

        text-decoration:underline; 

        list-style-image: none;

}



#outer {  

        width: 180px;

        float: left;

        height:100%;

        padding-left: 23px;

        padding-right: 0px;    

        margin-top: 0px;

}

   

#outer p {

        color: #E6CFD9;

        padding: 10px;

        padding-bottom: 15px;

        margin-top: -15px;

        font:normal 11px verdana, arial, helvetica, sans-serif;     

        line-height: 18px;

}



#outer h2 {

	color: #fff;

	font-size: 12px;

	font-weight: bold;	

	margin:0px 0px 5px 0px;

	padding:10px 0px 4px 12px;   

	background:url(images/menu-back.gif) no-repeat top left;

	width:160px;

        height:15px;

     }     



#outer ul, #outer ul ol {

	margin: 0;

	padding: 0;

	width:95%;	

}



#outer ul li {

	list-style-type: none;

	margin-bottom: 3px;

        margin-left: 10px;

        padding:0px 0px 0px 15px;

	background:transparent url(images/pill_go.png) no-repeat 0 0px;

}



#outer ul p, #outer ul select {

	margin: 5px 0 8px;

}



#outer ul ul, #outer ul ol {

	margin: 5px 0 0 10px;

}



#outer ul ul ul, #outer ul ol {

	margin: 0 0 0 -5px;

}



ol li, #outer ul ol li {

	list-style: decimal outside;

}



#outer ul ul li {

	margin: 2px 0 0;

        padding:0px 0px 0px 15px;

	background:transparent url(images/pill_go.png) no-repeat 0 2px;

}



#outer li a, #outer ul li a {

	color: #774042;

	text-decoration: none;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	width:100%;

	font:normal 11px 'Verdana', Arial, sans-serif;

}

	

#outer li a:hover, #outer ul li a:hover {

	color: #774042;

	text-decoration: none;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	width:100%;

	font:normal 11px 'Verdana', Arial, sans-serif;

}	

	

#outer a.morre {

	background: #f6f6f0;

	color: #dd6600;

	padding:2px 2px 1px 2px;

	margin:0px 0px 5px 0px;

	font-weight:bold;

	border-bottom:none;

	width:60px;

}	

	

#outer a.title {

	color: #fff;

	padding:0px;

	background:none;

	margin:0px;

}	

	

#outer p {

	padding: 3px 0px 0px 0px;

	margin: 0px;

	line-height: 20px;

	color:#fff;

}



#searchform { 

        height:30px;

        line-height:30px;

        float:right;

        padding-right:7px;

}



#searchform #s {

        font-size:8pt;

        width:165px;

}



#searchform #submit {

        font-size:8pt;

}



#search{

        padding-bottom:10px;

        margin-top:10px;

        margin-bottom:7px;       

}

 

#commentblock {

	width: 480px;	

	border: 3px dashed #ffb7ba; 

        background: #fff3f3;

	float: left;

	padding: 20px 20px 10px 20px;

	margin: 10px 0px 0px 0px;

}

	

#commentblock ol{

	list-style-type: square;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 10px 0px;

}

	

.commentdate {

	font-size: 12px;

	padding-left: 0px;

}

	

#commentlist li p{

	margin-bottom: 8px;

	line-height: 20px;

	padding: 0px;

}



.commentname {

	color: #333333;

	margin: 0px;

	padding: 5px 5px 5px 0px;

}



.commentinfo{

	clear: both;

}



.commenttext {

	clear: both;

	margin: 3px 0px 10px 0px;

	padding: 20px 10px 5px 10px;

	width: 430px;

	background-color: #f9f9f9; 

        border:2px dashed #ffb7ba;	

}



.commenttext-admin {

	clear: both;

	margin: 3px 0px 10px 0px;

	padding: 20px 10px 5px 10px;

	width: 380px;

	background: #FFFFFF url(images/comment.gif) no-repeat top;

}



#commentsformheader{

	padding-left: 0px;

}



#commentsform{

	text-align: center;

	margin: 0px;

	padding: 0px;

}



#commentsform form{

	text-align: left;

	margin: 0px;

	}



#commentsform p{

	margin: 0px;

}



textarea {

	width: 69%;

	border:1px solid #ccc;

}

	

p.comments_link  img{

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

   

#footer {

	clear:both;

	background: url(images/footer.gif) repeat-x;

	color: #FAE6D1;

	text-align: center;	

	height: 45px;

	padding:15px 0 0 0;	

	margin:10px 0px 0px -3px;

	font-size:10px;

} 



#footer a {

	color: #fff;

	text-decoration:none;

} 



#footer a:hover {

	color: #eee;

	text-decoration:underline;

}