/*
Theme Name: Seeking Wisdom
Theme URI: www.sascreative.ca
Description: This theme was developed for the website www.seekingwisdom.ca
Version: 2.9.2
Author: Sheena Seinen
Author URI: www.sascreative.ca
Tags: green, trees, wisdom
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

* { padding: 0; margin: 0; }

a {text-decoration:none}

a:link { color: #000000; } 
a:hover { color: #4e2500; }

body {
	font-family: myraid, sans serif, verdana;
	font-size: 11px;
	margin-top: 88px;
	color: #000000;
	text-decoration: none;
	background-image: url(style/images/background2.jpg);
	text-align: center;
}

div#container {
	/*master layout element; aka "wrapper"; confine width, and determine alignment */
	background: #8c8f28;
	text-decoration: none;
	width: 843px;
	padding: 0px; /* this sets the alignment to center
	Not supported properly by an older version of IE
	the workaround was to also:
	set "text-align: center" in body rule, then reset "text-align: left" in this container rule.
	*/
	text-align: left;
	margin: 0 auto;
	margin-bottom: 88px;
	border: 0px solid red;
	padding: 0px 0px 0px 0px; /*all four sides in one declaration top, right, bottom, left. Works for padding margin.
	/*height: 500px; /*this fixed my back ground height problem*/
	background-image: url(style/images/bgtile2.jpg);
   background-repeat: repeat-y;
}

div#header {
	width: 843px;
}

div#headerLeft {
	width: 263px;
	float: left;
}

div#headerRight {
	width: 550px;	
	float: left;
}

div#nav {
	width: 550px;
	color: #000000;                         /*black*/
	display: inline; 
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: bold;
}

div#nav ul {
	list-style-type: none;
	float: left;
	padding: 0px 0px 0px 10px;
}

div#nav ul li {
	list-style-type: none;
	float: left;
	padding: 0px 7px;
	border-right: 1px solid #5a3a09;
}

div#nav a:hover{
	color: #4e2500;
	display: inline;
}

div#nav a{
text-decoration: none;
display: inline;
	color: #000000;
}

div#navtext1 {
	color: #000000;                         /*black*/
	display: inline;
	padding: 0px 0px 0px 5px; 
	margin-bottom: 0px;
	font-size: 13px;
}

div#navtext1 a:hover{
	color: #4e2500;
	display: inline;
}

div#navtext1 a{
text-decoration: none;
display: inline;
	color: #000000;
}

div#sidebar {
	width: 214px;
	float: left;
	margin: 0px 0px 0px 40px;
}

div#content {
	width: 500px;
	font-size: 12px;
	min-height: 377px;
	float: right;
	padding: 0px 32px 0px 14px;
	border-left: 1px solid #5a3a09;
}

div#content p {
	padding: 0px 6px 12px 6px;	
}

div#med {                          
	display: inline;
	font-size: 13px;
	}
	
div#large {                           
	font-size: 16px;
	color: #4e2500;
	}

div#sm { 
	color: #000000;                 
	display: inline;
	padding: 0px 0px 0px 0px; 
	font-size: 10px;
	}
	
div#sm a:hover{
	color: #4e2500;
	display: inline;
}

div#sm a{
text-decoration: none;
display: inline;
	color: #000000;
}

div#login { 
	color: #4e2500;                  /*dark gray*/
	display: inline;
	padding: 0px 0px 0px 0px; 
	font-size: 10px;
	font-weight: bold;
	}
	
div#login a:hover{
	color: #000000;
	display: inline;
}

div#login a{
text-decoration: none;
display: inline;
	color: #4e2500;
}

div#footer { 
	color: #000000;                   /*dark gray*/
	display: inline;
	font-size: 9px;
	width: 843px;
	clear: both;
	padding: 0px 0px 6px 17px;
}

.clear {
	clear: both;	
}

.imgFltLeft {
	float: left;
	padding: 6px 6px 6px 0px;
}

.imgFltRight {
	float: right;
	padding: 6px 0px 6px 6px;
}
		
div#footer a:hover{
	color: #4e2500;
	display: inline;
}

div#footer a{
text-decoration: none;
display: inline;
	color: #000000;
}

.post { 
	color: #000000;                  
	display: inline;
	font-size: 11px;
	width: 843px;
	clear: both;
	padding: 0px 0px 6px 17px;
}

div#blog {
	font-size: 10px;
	margin-top: 3px;
	color: #333333;
	text-decoration: none;
}

div#blog-main {
	font-size: 12px;;
	text-decoration: none;
}

div#blog-title {                         
	font-size: 14px;
	color: #4e2500;
	padding: 0px 0px 0px 7px;
	}

textarea#comment {
	width: 475px;
	}

