/*  
Theme Name: 2 Column Liquid Layout
Theme URI: http://www.stolteclan.ca/Lyflet
Description: I use this theme for a very simple Newsletter layout.
Version: 1.0
Author: Matthew James Taylor
Author URI: http://matthewjamestaylor.com/
Converter: Lyf Stolte
Converter URI: http://www.stolteclan.ca/

*/

/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header h2 {
		font-size:80%;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background:#f4f4f4;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}
	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	
	/* ------- Wordpress Styles ------- */
	
	/* ------- Posts ------- */
	
.post
{
	padding:10px 0 10px 0;
}

/*
.post h2
{
	font-family:Georgia, Sans-serif;
	font-size:18px;
}
*/

.entry
{
	line-height:18px;
}

p.postmetadata
{
	border-top:1px solid #CCC;
	margin:10px 0 0 0;
}

	/* ------- Comments ------- */

.comments-template
{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol
{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li
{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3
{
	/*font-family: Georgia, Sans-serif;*/
	font-size: 16px;
}

.commentmetadata
{
	font-size: 12px;
}

.comments-template p.nocomments
{
	padding: 0;
}

.comments-template textarea
{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}	
	
	/* ------- Personal Added Styles ------- */

	blockquote
	{
		font-style:italic;
		font-size:12px;
		border-left:4px solid #369;
		padding-left:15px;
		line-height:10px;	
	}
	
	.top
	{
		font-variant:small-caps;
		font-weight:bold;
		font-size:85%;
	}
	
	.top a
	{
		text-decoration:none;
		padding:2px;
	}	
	
	.col1 img
	{
	/*	width:25%;
		height:25%; */
		padding:4px;
		margin-top:-4px;
		margin-left:5px;
		border:1px solid #369;
		float:left;
	}
	
	img.close
	{
		border:none;
		float:left;
	}
	
	
	/* ------- Table Of Contents ------- */
        #table
        {
	float:right;
        margin-left:15px;
margin-top:-10px;
        }

        #table h3 {
	font-family:verdana, sans-serif;
        text-align:right;
}

	#toc
	{
		border-left:5px solid #369;
		border-top:1px solid #369;
		border-right:1px solid #369;
		border-bottom:1px solid #369;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:12%;
                width:220px;
                font-family:verdana, sans-serif;
	}
	
	#toc li
	{
		margin-left:-10%;
		list-style-type:none;
		width:100%;
		padding:0;
	}
	
	#toc li a
	{
		display:block;
		width:100%;
	}
	
	#toc li a:hover
	{
		border-left:8px solid #369;
		margin-left:-10px;
		width:100%;
		padding:0 2em 0 0;
	}
	
	/* ------- Other Articles ------- */
	#articles li
	{
		list-style-type:none;
	}
	
	#articles li a
	{
		text-decoration:none;
		border-left:5px solid #369;
		border-bottom:1px solid #369;
		padding-left:4px;
	}
	
	/* ------- Archives ------- */
	.archives
	{
		border-left:5px solid #369;
		border-top:1px solid #369;
		border-right:1px solid #369;
		border-bottom:1px solid #369;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10%;
	}
	
	.archives li
	{
		margin-left:-10%;
		list-style-type:none;
		width:100%;
		padding:0;
	}
	
	.archives li a
	{
		text-decoration:none;
		width:100%;
		display:block;
	}
	
	.archives li a:hover
	{
		border-left:15px solid #369;
		margin-left:-15px;
		width:100%;
		padding:0 2em 0 0;
	}
	
	.col2 h3
	{
		text-align:right;
	}
	/* ------- Archives Drop Down Menu ------- */
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 7em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 7em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 7.05em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 7em;
		w\idth : 6em;
		display : block;
		color : #369;
		font-weight : bold;
		text-decoration : none;
		background-color : none;
		border-left:5px solid #369;
		border-top:1px solid #369;
		border-right:1px solid #369;
		border-bottom:1px solid #369;
		padding-top:5px;
		padding-bottom:5px;
		/*padding-left:10%;*/
		/*border : 1px solid #369;*/
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #369;
	}<d
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}