@charset "utf-8";
/* CSS Document */

/*  

Theme Name: Ambiru

Theme URI: http://ifelse.co.uk/ambiru/

Description: A calm, relaxing theme

Version: 1.0

Author: Phu Ly

Author URI: http://ifelse.co.uk/

*/



/*************************************

 +Containers

 *************************************/



body{

 
background:  url("images/backtest.jpg") center;
background-position : top;
background-repeat: repeat;
margin-top: 150px;
background-color: #ffffff;

}


#wrap{

	background:#ffffff;

	

	margin:0 auto;

	padding:0 15px;

	text-align:left;	

	width:900px;

}

#content{

	font-size:0.9em;

	float:center;

	margin:0 5px;

	width:875px;

}




#footer{

	background:#333;

	border-top:1px solid #777;

	clear:both;

	color:#888;

	font-size:0.9em;

	padding:5px;

}

.navigation{

	margin-bottom:10px;

	padding:5px;

	text-align:center;

}



/*************************************

 +Header

 *************************************/

h1, h2, h3{

	font-family: georgia, 'times new roman', serif;

	font-weight:normal;

	letter-spacing: -1px;

	margin:0;

}

#header{


background:  url("images/head.jpg") center;
	height:500px;

	text-align:right;

	width:900px;

	padding:30px 0;

}

#header h1{

	font-size:0.9em;

	margin:0;

	margin-top:520px;

}

#header h1 a{

	color:#959595;

}

#header h1 a:hover{

	color:#393939;

}

#header p{

	color:#D5E2D9;

	font-size:0.9em;

	margin-top:-0.5em;

}

#header h1, #header p{

	margin-right:30px;

}

/*************************************

 +Entry

 *************************************/

.entry{

	margin-bottom:15px;

padding:5px 10px;

font-size:0.9em;

}



.entrymeta{

	font-size:0.9em;

color:#999;

}

.entrymeta a{

color:#677;

}

.entrymeta a:hover{

color:#255;

}

.entrytitle h2{

	color:#393939;

	font-size:1em;

}

.entrytitle h2 a{

color:#81b011;

}

.entrytitle h2 a:hover{

	color:#C8A799;

}

.entrytitle h3{

	color:#6F6F6F;

	font-size:0.9em;

}

.postedby{

}

.filedto{

	background:url("./images/file.gif") no-repeat 0 2px;

	padding-left:15px;

}

.commentslink{

	background:url("./images/comments.gif") no-repeat 0 3px;

	padding-left:15px;

}

body#home .entry-1

{

background:#ffffff;


font-size:0.9em;

}

body#home .entry-1 .entrymeta{

background: #ffffff;


margin:-5px -10px;

padding:5px 10px;

}

/*************************************

 +Sidebar

 * note: sidebar is actually featured 

 * on the bottom.

 *************************************/



/*************************************

 +Nav

 *************************************/



/*************************************

 +Comments

 *************************************/

.commentsblock{

	margin:0.5em;

	padding:1em;

font-size:0.9em;



}

.commentsblock textarea{

	width:410px;

}

.commentsblock input, .commentsblock textarea{

	border:1px solid #d1d1d1;

}

.commentsblock textarea:focus{

	background:#eee;

	border:1px solid #a1a1a1;

}

.commentsblock textarea:focus, .commentsblock input:focus{

	background:#eee;

	border:1px solid #a1a1a1;

}

.commentauthor{

	display:block;

	font-size:1.5em;

}

ol.commentlist{

	color:#777;

	font-size:0.9em;

	list-style-type:none;

	margin:0;

	margin-top:1.5em;

	padding:0;

}

.commentlist li{

	margin-bottom:0.5em;

	padding:0.5em 1em;

}

.alt{

	background:#f3f3f3;

	border:1px solid #EEEEEE;

	padding:0.5em;

}

h3#comments{

font-size:1.6em;

}

/*************************************

 +Misc

 *************************************/



ul{

	list-style-type:none;

	margin:0;

	padding:0;

}

a{

	color:#579;

	text-decoration:none;

}

a:hover{

	color:#CC0000;

}

.clearfix:after{ 

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility:hidden; 

}

* html .clearfix {height: 1%;}

.mosaic {
	display : block;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0;
	margin-bottom : 30px;
	text-align : center;
	clear : both;
}

.mosaicthumb {
	border : none;
	display : inline;
	margin : 5px;
	/*padding : 5px;*/
	text-align : center;
}











/* Rolling Menu Styles */

#sidebar {
	display: block;
        width: 905px;
	z-index: 5;
	position: relative;	
        align: left;
        height: 25px;
        margin-bottom: 40px;
}

#sidebar ul {
	list-style-type: none;
	z-index: 500;	
	font-family: georgia, times new roman, serif;

        width: 905px;
        padding-left: 0;
        margin-left: 0;
}


#sidebar li li:hover ul {
        top: 0px;
	left: 150px;
}

#sidebar ul{
	background: #ffffff;
	-moz-opacity:0.85; /* for mozilla */
	opacity: 0.85; /* for safari */
	khtml-opacity: 0.85 /* for konquerer and older safari */
}

#sidebar ul ul {
	background: #ffffff;
}

#sidebar a {color: #ffffff;}
#sidebar a:hover {color: #ffffff;}

#feeds li {
  background: url(images/feed.png) top left no-repeat;
  padding-left: 18px;
}



#sidebar ul li.link1,
#sidebar ul li.link2,
#sidebar ul li.link3,
#sidebar ul li.link4,
#sidebar ul li.link5,
#sidebar ul li.link6{
        width: 144px;
        height:30px;
        padding-top:15px;
        padding-bottom: 5px;
        text-align: center;
        font-size: 11px;
        text-transform: lowercase;
        align: center;
        margin-left: 0;
        margin-right: 5px;
        display: inline;
        float: left;
        color: #ffffff;
}



#sidebar ul li.link1 {
        background: #68c6dc;
}

#sidebar ul li.link1:hover {
         background: #68c6dc;
        color: #ffffff;}

#sidebar ul li.link2 {
        background: #5baa8e;}

#sidebar ul li.link2:hover {
         background: #5baa8e;}



#sidebar ul li.link3 {
        background: #9997e6;}

#sidebar ul li.link3:hover {
         background: #9997e6;}

#sidebar ul li.link4 {
         background: #ff8663;}

#sidebar ul li.link4:hover {
         background: #ff8663;}

#sidebar ul li.link5 {
         background: #f03882;}

#sidebar ul li.link5:hover {
         background: #9e2148;}


#sidebar ul li.link6 {
         background: #dda7cf;}

#sidebar ul li.link6:hover {
         background: #dda7cf;}