/*  
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{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#444 url(./images/stripes.png) repeat-x;
	border-top: 5px solid #333333;
	margin: 0;
	color:#555;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;   
	font-weight: 300;
	font-size:67.5%;
	line-height:1.5;
	text-align:center;
}

#wrap{
	background:#fff;
	border-left:7px solid #eee;
	border-right:7px solid #eee;
	margin:0 auto;
	padding:0 15px;
	text-align:left;	
	width:607px;
}

#content{
	font-size:1.1em;
	float:left;
	margin:5px;
	width:594px;
}

#sidebar{
	background:#484848  url(./images/sidebar.png) repeat-x;
	border:5px solid #ddd;
	border-bottom:none;
	color:#eee;
	float:left;
	margin-left: 5px;
	padding:10px;
	width:567px;
}

#sidebar a{ color:#8FABFF; }
#sidebar a:hover{ color:#eda; }
#sidebar .sec-a{ float:left; width:250px; padding:0 10px; }
#sidebar .sec-b{ float:right; width:250px; padding:0 10px; }

#footer{
	background:#333;
	border-top:1px solid #777;
	clear:both;
	color:#888;
	font-size:0.9em;
	padding:5px;
}

.navigation{ margin-bottom:15px; }


/*************************************
 +Header
 *************************************/
h1, h2, h3{
	font-family: Sylfaen, Georgia, serif;
	font-weight:700px;
	color:#385585;
	line-height: 1.5;
	margin:0;
}

#header{ height:234px; width:607px; }
#header h1{ font-size:20px; margin:0; margin-top:120px; }
#header h1 a{ color:#E5F2E9; }
#header h1 a:hover{ color:#F5FFF9; }
#header p{ color:#FFFFFF; font-size:10px; margin-top:-0.5em; }
#header h1, #header p{ margin-right:30px; }


/*************************************
 +Entry
 *************************************/
.entry{ margin-bottom:15px; padding:5px 10px 0 10px; font-size:0.9em; }
.entry ul li { margin-left: 36px; list-style-type: circle; }
.entrymeta{ font-size:0.9em; color:#999; }
.entrymeta a{ color:#677; }
.entrymeta a:hover{ color:#255; }
.entrytitle h2{ color:#536EBF; font-weight:600px; font-size:18px; }
.entrytitle h2 a{ color:#536EBF; }
.entrytitle h2 a:hover{ color:#A3B5D5; }
.entrytitle h3{ color:#6F6F6F; font-size:1 em; }

.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#blog .entry-1{ 
	background:#EFF3FF; 
	border:1px solid #d8d9c8; 
	border:1px solid #EFF3FF; 
	font-size:1em; 
	}

body#blog .entry-1 .entrymeta{
	background: #EFF3FF;
	border-top:1px solid #d8d9c8;
	margin:-5px -10px;
	padding:5px 10px;
	}


/*************************************
 +Sidebar
 * note: sidebar is actually featured 
 * on the bottom.
 *************************************/

#sidebar h2{ color:#FFFFFF }

#sidebar h3{ 
	color:#aaa; font-size:1.5em;
	font-weight:bold;
	margin:10px 0;
	}

#sidebar  li{ border-bottom:1px dotted #414141; margin-bottom:3px; padding:3px; }


/*************************************
 +Nav
 *************************************/

#nav{ position: relative; top: -9px; left: 1px; }
#nav  li{ display: inline; }
	#nav  li a{
		display: block;
		height: 36px;
		text-indent: -9999px;
		outline: none;
		float: left;
		width: auto;
		}

			#nav li.home a{
				width: 68px;
				background: url(/wp-content/themes/ambiru/images/nav_home.png) bottom center no-repeat;
				margin-left: 1px;
				}

			#nav li.about a{
				width: 72px;
				background: url(/wp-content/themes/ambiru/images/nav_about.png) bottom center no-repeat;
				}

			#nav li.join a{
				width: 71px;
				background: url(/wp-content/themes/ambiru/images/nav_join.png) bottom center no-repeat;
				}

			#nav li.contact a{
				width: 71px;
				background: url(/wp-content/themes/ambiru/images/nav_contact.png) bottom center no-repeat;
				}

			#nav li.bookshelf a{
				width: 84px;
				background: url(/wp-content/themes/ambiru/images/nav_bookshelf.png) bottom center no-repeat;
				}

			#nav li.wiki a{
				width: 130px;
				background: url(/wp-content/themes/ambiru/images/nav_wiki.png) bottom center no-repeat;
				}

/*			
			#nav li.forum a{
				width: 123px;
				background: url(/wp-content/themes/ambiru/images/nav_forum.png) bottom center no-repeat;
}*/

#nav li a:hover		{ background-position: top center; }

body#default li.home a		{ background: url(/wp-content/themes/ambiru/images/nav_home.png) top center no-repeat; }
body#about-2 li.about a		{ background: url(/wp-content/themes/ambiru/images/nav_about.png) top center no-repeat; }
body#join li.join a			{ background: url(/wp-content/themes/ambiru/images/nav_join.png) top center no-repeat; }
body#blog li.blog a			{ background: url(/wp-content/themes/ambiru/images/nav_blog.png) top center no-repeat; }
body#contact li.contact a	{ background: url(/wp-content/themes/ambiru/images/nav_contact.png) top center no-repeat; }
body#bookshelf li.bookshelf a	{ background: url(/wp-content/themes/ambiru/images/nav_bookshelf.png) top center no-repeat; }
body#wiki li.wiki a			{ background: url(/wp-content/themes/ambiru/images/nav_wiki.png) top center no-repeat; }
/*
body#forum li.forum a		{ background: url(/wp-content/themes/ambiru/images/nav_forum.png) top center no-repeat; }
*/

/*************************************
 +Comments
 *************************************/

.commentsblock{	margin:0.5em; padding:1em; font-size:1.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; }
.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, a:active { color:#CC0000; }
a img { margin: 0 -6px; }

#submit { 
	height: 22px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

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

* html .clearfix {height: 1%;}