/*  
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/
*/
/* 6/9 - started customization for PHR. Original stylesheet still in directory: style_orig.css -
gk */

/*************************************
 +Containers
 *************************************/

/*background & border colors and image changed to match phr student blog, using global.css colors
as a starting point */
body{
	background:#e9dec1;
	/* border-top:5px solid #c9ccb1; */
	/* background-attachment: fixed;*/ /*these 4 background lines regulate the "floating" PHR
logo */
	/*background-image:url(images/phr_logo2.gif);
	background-repeat: no-repeat;
	background-position: left top; */
	font-family: Arial, Helvetica, sans-serif;
	font-size:87.5%;
	line-height:1.25;
	margin:5px;
	padding:0px;
	text-align:center;
}

#wrap{ 
	background-color:#FBF2DA;
	background-image:url(images/bknd_bordered570.png);
	background-repeat:repeat-y;
	background-position:center;
	/* border-left:7px solid #eee;  
	border-right:7px solid #eee; these commented-out border lines are from the original css */
	margin:0 auto;
	padding:0 15px;
	text-align:left;	
	width:550px;
}
#content{
	font-size:1.09em;
	float:left;
	margin:0 5px;
	width:530px;
	line-height:1.25em;
}

#content ul {
	list-style:inside disc;
	margin-left:30px;
}

/*************************************
 +Header
 *************************************/
 
 /* changed fonts to only use Arial, Helv, sans-serif; dropping others from orig. */
h1, h2, h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;
}
#header{
	background:url(images/BLBLbanner.jpg) no-repeat;  /*no longer a placeholder image BG 12june08*/
	height:260px;
	text-align:right;
	width:600px;
	padding:30px 0;
}
/*#IEroot #header {
	width:570px;
}  (6/18 - trial for IE6 - didn't work (gk)) */
#header h1{
	font-size:2em;
	font-weight:bold;
	margin:0;
	margin-top:135px;
	margin-right:60px;
}
#header h1 a{
	color:#E5F2E9;
	text-decoration:none;
}
#header h1 a:hover{
	color:#bfc2a2;
	text-decoration:none;
}
#header p{
	color:#E5F2E9;
	font-size:1.2em;
	font-weight:bolder;
	margin-top:-0.25em;
	text-decoration:none;
	margin-right:60px;
}

/*************************************
 +Nav
 *************************************/
#nav{
	background:#7a6959;
	border:5px solid #7a6959;
	border-top:2px solid #7a6959;
	font-size:0.85em;
	margin-bottom:30px;
	padding:0;
	width:540px;
	margin-top:-60px;
}
#nav ul{
	list-style-type:none;
}
#nav ul li{
	font-weight:bold;	
	float:left;
	letter-spacing:1px;
	margin-bottom:-3px;
	margin-right:8px;
	padding:2px 3px;
}
#nav ul li a{
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#nav ul li a:hover{
	color:#E0EEE5;
	text-decoration:none;
}
#nav ul li a img{
	border:none;
	text-decoration:none;
	background-color:none;
}
.navigation{
	margin-bottom:10px;
	padding:5px;
	text-align:center;
}

/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:15px;
	padding:5px 10px;
	font-size:0.9em;
}

.entrymeta{  /* this is the author name, categories, and #comments lines */
	font-size:0.8em;
	color:#333333;
}
.entrymeta a{
	color:#666633;
}
.entrymeta a:hover{
	color:#255255;
}
.entrytitle h2{
	color:#58BBEB;
	font-size:1.5em;
	text-decoration:none;
	line-height:1.15em;
}
.entrytitle h2 a{
	color:#4C511D;
	text-decoration:none;
}
.entrytitle h2 a:hover{
	color:#6e2e2e;
}
.entrytitle h3{  /* this is the date-of-post line */
	margin-top: 0.85em;
	color:#6F6F6F;
	font-size:0.85em;
}
.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:#FBF2DA;*/
	/* border:1px solid #d8d9c8;
	border:1px solid #fafbfa; */
	/*font-size:1em;
	line-height: 1.1; */
}
body#home .entry-1 .entrymeta {
	background: #FBF2DA;
	/* border-top:1px solid #d8d9c8; */
	margin:-5px -10px;
	padding:5px 10px;
}

/*************************************
 +Comments
 *************************************/
.commentsblock {
	margin:0.5em;
	padding:1em;
	font-size:1em;
}
.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;
}
.commentsrss{
	font-size:.8em;
}

.commentauthor{
	display:block;
	font-size:1em;
}
ol.commentlist{
	color:#777777;
	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.2em;
	/* font-weight:bold; */
}

/*************************************
 +Sidebar (although sidebar is itself a container, font styling info has been included here in
order to group all together for ease of editing)
 * note: sidebar is actually featured on the bottom.
 *************************************/
#sidebar{
	background:#f9f4e1 url(images/sidebar.png);
	border:5px solid #bfc2a2;
	float:right;
	margin:0 10px 10px 0;
	padding:10px;
	width:500px;
}

#sidebar a{
	color:#fff;
	text-decoration:none;
}
#sidebar a:hover{
	color:#666d27; /* khaki green */
	text-decoration:none;	
}
#sidebar .sec-a{
	float:left; 
	width:200px;
	padding:0 10px;
}
#sidebar .sec-a li{
	font-size:.85em;
}
#sidebar .sec-b{
	float:right;
	width:200px;
	padding:0 10px;
}
#sidebar h3{
	color:#4C511D;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0;
	text-decoration:none;
}
#sidebar a img{
	border:0;
	text-decoration:none;
	background-color:none;
}
#sidebar ul li{
	border-bottom:1px dotted #414141;
	margin-bottom:3px;
	padding:3px;
	font-size:.90em;
	font-weight:bold;
	text-decoration:none;
}


/*************************************
 +Footer
 *************************************/
#footer{
	background:#c9ccb1;
	border-top:1px solid #666d27;
	border-bottom:1px solid #666d27;
	clear:both;
	font-size:0.75em;
	padding:3px;
}
#contact{
	font-size:0.75em;
	padding:8px;
}

/*************************************
 +Misc
 *************************************/

ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
a {
	color:#4c511d;
	text-decoration:underline;
}
a:hover{
	color:#6e2e2e;
	text-decoration:none;
}

/* this is for 'back to top' link, taken from global.css*/
.totop {
	margin: 5px 14px 5px 0;
	padding:0; 
	font-family: arial, helvetica, sans-serif;
	font-size: .65em;
	color: #4C511D;
	text-align: right;
}
.clearfix:after{ 
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility:hidden; 
}
* html .clearfix {height: 1%;}
/*************************************
+Floatbox
*************************************/
#floatbox{
	background:#d5d1b4;
	border:3px solid #b8b081;
	float:right;
	width:135px;
	padding:10px 10px 10px 10px;
	margin-left:10px;
}
#floatbox p{
	font-size:.85em;
}
#floatbox h4{
	font-size:.85em;
}
#floatbox a{
	color:#fff;
	text-decoration:none;
}
#floatbox a:hover{
	color:#666d27; /* khaki green */
	text-decoration:none;
}