/*  
Theme Name: Imber Akse House
Theme URI: http://imberaksehouse.ca/
Description: The default theme for the Imber Akse House website.
Version: 1.0
Author: Barry Imber / Marlon Lulgjuraj / Adam Campbell
Author URI: http://4c.ca/
*/

/* Orange - BDDC50 */

* {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6,
address, blockquote, dd, dl, dt, ol, p, ul {
	margin:0 0 1em;
}

/* General Layout --------------*/

body {
	background-color: #999;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

#page {
	background-color:#fff;
	margin:0 auto;
	width:760px;
}

#header {
	background-color:#BDDC50;
	border:5px solid #fff;
	height:55px;
	padding:25px 0 0 20px;
}

#nav {
	background-color:#999;
	border:5px solid #fff;
	border-top:0;
	clear:both;
	display:block;
	height:25px;
}

#main {
	background-color:#eee;
	border:5px solid #fff;
	border-top:0;
}

	#main .content {
		padding:30px 50px;
	}

#narrow {
	background:#eee url(images/bg_narrow.gif) repeat-y right top;
	border:5px solid #fff;
	border-top:0;
}

	#narrow .content {
		margin-right:210px;
		padding:30px 0 30px 50px;
		width:460px;
	}

#sidebar {
	float:right;
	width:180px;
}

.sidecontent {
	padding:30px 20px 15px;
}

#footer {
	background-color:#999;
	clear:both;
	height:20px;
	padding:10px 0;
	width:100%;
}
	
/* General Typography ------*/

h2 {
	font-size:2em;
}

h3 {
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 5px;
}

h4 {
	clear: both;
	font-size: 1.5em;
	margin: 0 0 5px;
}

h5 {
	color: #666;
	font-size: 1.4em;
	margin: 0 0 0.5em;
}

p {
	color:#333;
	font-size:1.1em;
	line-height:1.5em;
}

ul {
	margin:0 0 1em 20px;
}

ul li {
	font-size:1.1em;
	line-height:1.4em;
}
	

/* Header ----------------*/

#headerimg h1 {
	background:url(images/logo.gif) no-repeat 0 0;
	display:block;
	height:20px;
	margin:0;
	overflow:hidden;
	text-indent:-999em;
	width:217px;
}

	#headerimg h1 a {
		display:block;
		height:100%;
		text-decoration:none;
		width:100%;
	}
	
/* Footer ------------------*/

#footer p {
	color:#666;
	font-size:1.1em;
}
	
/* Sidebar -----------------*/

#sidebar li,
#sidebar p {
	color:#fff;
	font-size:1.1em;
	line-height:1.5em;
}

#sidebar li {
	list-style-type:none;
}

#sidebar ul {
	margin:0 0 20px;
}

#sidebar a {
	text-decoration:none;
}

	#sidebar a:link,
	#sidebar a:visited {
		border-bottom:1px dotted #666;
		color:#aaa;
	}
	
	#sidebar a:hover {
		border-bottom:0;
		color:#BDDC50;
	}
	
/* Main Content ----------*/

.content a {
	text-decoration:none;
}

	.content a:link,
	.content a:visited {
		border-bottom:1px dotted #999;
		color:#000;
	}
	
	.content a:hover {
		border-bottom:1px dotted #000;
		color:#BDDC50;
	}

.post h2 {
	margin:0 0 4px;
}

.single h2 {
	margin:0 0 20px;
}

.post h3 {
	font-size:1.6em;
	font-weight:bold;
}

.post small {
	color:#888;
	display:block;
	font-size:1.1em;
	margin:0 0 20px;
}

#narrow h2 {
	color:#777;
}

p.postmetadata {
	background-color: #ddd;
	clear: both;
	font-size: 1.1em;
	margin: 0 0 25px;
	padding: 10px;
}

.content .entry a img {
	border: 5px solid #fff;
	margin: 0 0 10px 20px;
}

/* Single Page */

.single .postmetadata {
}

.single .postmetadata small {
	color:#555;
	line-height:1.5em;
	margin:0;
}

h3#respond {
	color:#000;
	font-weight:bold;
	letter-spacing:1px;
}

/* Comment Forms */

#commentform p {
	font-size:1.1em;
}

#commentform textarea {
	border-top:1px solid #777;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #777;
	height:120px;
	padding:4px;
	width:640px;
}

/* Navigation --------------*/

#nav ul {
	height:30px;
	margin:0;
	padding:0;
	text-align:center;
}

#nav li {
	float:left;
	font-size:1.1em;
	height:30px;
	line-height:25px;
	list-style-type:none;
	margin:0 26px;
	padding:0;
}

#nav a {
	color:#fff;
	text-decoration:none;
}

/* Post Nav */

.navigation {
	background-color:#ddd;
	font-size:1.2em;
	height:1.2em;
	line-height:1.2em;
	margin:0 0 15px;
	padding:5px 8px;
}

	.alignleft {
		float:left;
	}
	
	.alignright {
		float:right;
	}
	
.navigation a {
	border:0 !important;
	text-decoration:none;
}

	.navigation a:link,
	.navigation a:visited {
		color:#666;
	}
	
	.navigation a:hover {
		color:#000;
	}

/* Home Page ---------------*/

#slideshow {
	background:#666;
	height:320px;
}

#bottom {
	background:url(images/bg_bottom.gif) repeat-y 0 0;
	height:200px;
	height:auto !important;
	min-height:200px;
	overflow:auto;
	width:750px;
}

#latest {
	float:left;
	width:500px;
}

.latest-item,
#desc {
	border-top:5px solid #fff;
	padding:20px;
}

	.latest-item h3 {
		font-size:2em;
	}
	
	.post-link {
		font-size:1.3em;
		font-weight:bold;
		padding:10px 0 0;
		text-align:right;
	}
	
	.latest-item a {
		text-decoration:none;
	}
	
	.latest-item a:link,
	.latest-item a:visited {
		border-bottom:1px dotted #aaa;
		color:#aaa;
	}
	
	.latest-item a:hover {
		border-bottom:1px dotted #fff;
		color:#fff;
	}
	
	.latest-item p {
		color:#aaa;
		margin:0;
	}

#indexarch {
	border-top:5px solid #fff;
	float:right;
	width:245px;
}

	#indexarch .content {
		margin:0;
		padding:20px;
		width:auto;
	}
	
	#indexarch h2 {
		color:#fff;
		font-weight:normal;
		margin:0 0 0.5em;
	}
	
	#indexarch ul,
	#indexarch ul li {
		list-style-type:none;
		margin:0;
		padding:0;
	}

	#indexarch li {
		line-height:2em;
	}
	
	#indexarch a {
		text-decoration:none;
	}
	
	#indexarch a:link,
	#indexarch a:visited {
		border-bottom:1px dotted #fff;
		color:#fff;
	}
	
	#indexarch a:hover {
		border-bottom:1px dotted #000;
		color:#000;
	}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/

#imagecaptioneasy_right {
  color: #555;	
  float: right;
  font-size: 1em;
  line-height: 1.15em;
  margin: 10px 0 12px 30px;
  text-align: left;
}
#imagecaptioneasy_right img { border: 5px solid #fff; margin: 0; margin-bottom:5px; }
#imagecaptioneasy_right span { text-align: left; }

#imagecaptioneasy_left { 
  color: #555;
  float: left;
  font-size: 1em;
  line-height: 1.15em;
  margin: 10px 30px 12px 0;
  text-align: left;
}
#imagecaptioneasy_left img { border: 5px solid #fff; margin: 0; margin-bottom:5px; }
#imagecaptioneasy_left span { text-align: left; }

#imagecaptioneasy_top_right {
  color: #555;	
  float: right;
  font-size: 1em;
  line-height: 1.15em;
  margin: 10px 0 12px 30px;
  text-align: left;
}
#imagecaptioneasy_top_right img { border: 5px solid #fff; margin: 0; margin-bottom:5px; }
#imagecaptioneasy_top_right span { text-align: left; }

#imagecaptioneasy_top_left {
  color: #555;
  float: left;
  font-size: 1em;
  line-height: 1.15em;
  margin: 10px 30px 12px 0;
  text-align: left;
}
#imagecaptioneasy_top_left img { border: 5px solid #fff; margin: 0; margin-bottom:5px; }
#imagecaptioneasy_top_left span { text-align: left; }

#imagecaptioneasy_left a,
#imagecaptioneasy_right a,
#imagecaptioneasy_top_left a,
#imagecaptioneasy_top_right a {
	border: 0 !important;
}

