/*
		allcanuck.com

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 body {
	background : #ffffff;
	margin : 0;
	float : none;
	font: .85em "Century Gothic", Verdana, Arial;
	color: #666666;
	}
	
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Text
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	

H1 {
	color : #660000;
	font: bold 1.1em "Century Gothic", Verdana, Arial;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
H2 {
	font : 1em;
	color : #666;
	line-height : 25px;
	margin: 0 0 10px 0;
	height : 25px;
	letter-spacing : .1em;
	width : 560px;
	}
	
H3 {
	font: bold 1.3em "Century Gothic", Verdana, Arial;
	color : #660000;
	line-height : 25px;
	margin: 0 0 10px 0;
	height : 25px;
	width : 560px;
	}
	
	H3 a {
	text-decoration : none;
	}
		
H4 {
	font : 1em ;
	color : #660000;
	line-height : 25px;
	margin: 0 0 10px 0;
	height : 25px;
	letter-spacing : 0.1em;
	width : 560px;
	}
	
H5 {
	font: bold 1.1em "Century Gothic", Verdana, Arial;
	text-decoration : none;
	color : #660000;
	margin: 0 0 10px 0;
	letter-spacing : 0.1em;
	width : 560px;
	}
	
	H5 a {
	font: bold 1.1em "Century Gothic", Verdana, Arial;
	text-decoration : none;
	}
	H5 a:hover {
	font: bold 1.1em "Century Gothic", Verdana, Arial;
	text-decoration : underline;
	}
	
a {
	font: 0.9em "Century Gothic", Verdana, Arial;
	text-decoration : none;
	color : #660000;
	padding: 0;
	margin: 0;
	}
	a:active {
	}
	
	a:visited {
	}
	a:hover {
	text-decoration : underline;
	}
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Forms
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */		
	
form {
	margin-top : 0;
	color : #666666;
	}

table {
	margin-top : 0;
	}
	
.input {
	background-color : #FFFFCC;
	font: 1em "Century Gothic", Verdana, Arial;
	border : 1px solid #cccccc;
	padding: 1px;
	}
	
.textarea {
	background-color : #FFFFCC;
	font: 0.9em "Century Gothic", Verdana, Arial;
	margin : 3px 0;
	border : 1px solid #ccc;
	color : #333333;
	line-height : 14px;
	}
	
.pulldown {
	background-color : #FFFFCC;
	font: 0.9em "Century Gothic", Verdana, Arial;
	color : #666666;
	border : 1px solid #ccc;
	}
	
.button {
	background-color : #FFFFFF;
	font: 1em "Century Gothic", Verdana, Arial;
	color : #660000;
	margin : 0 0 0 5px;
	padding : 0 3px;
	font-weight: bold;
	border: 1px solid #ccc;
	}
	
object {
	float : right;
	}

iframe { 
  }
  
  ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		wrapper
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
#wrapper {
	width : 840px;
	margin : 0 auto;
		width : 830px;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Top
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
#top{
	width: 840px;
}

div.logo {
	height: 64px;
	width: 200;
	float: left;
	}

					
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		navLinks
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
div.navLinks {
	float: left;
	padding: 35px 0 0 10px;
	height: 30px;
	}

div.navLinks a {
	font:  bold 1em "Century Gothic", Verdana, Arial;
	color : #666666;
	padding: 5px 5px 10px 5px;
	text-decoration : none;
	margin: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid  #fff;
	}

div.navLinks a:active {
	}

div.navLinks a:visited {
	}

div.navLinks a:hover {
	text-decoration : none;
	color: #333333;
	background: url(images/top/background-navLinks.jpg) repeat-x bottom;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;

		}
	

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		left menu
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#menu {
	width : 210px;
	float : left;
	margin: 15px 0 0 0;
	background: #FFFFFF url(images/top/bottom-shadow.gif) repeat-x bottom;
	border-top: 1px solid #CCCCCC;
	padding-bottom: 6px;
}
	
div.menubox {
	color : #333;
	border-bottom: 1px solid #CCCCCC;
	font: .95em "Century Gothic", Verdana, Arial;
	padding: 10px;
	border-top: 2px solid #FFFFFF;
	border-left: 1px solid #CCCCCC;
	background: url(images/top/background-menu.jpg) repeat-y right;
	}
	
	div.menubox a {
	font: .95em "Century Gothic", Verdana, Arial;
	width: 200px;
	color : #333;
	text-decoration : none;
	padding: 0 10px;
	float : none;
	text-indent: 15pt;
		}
		
	div.menubox a:visited {
		}
		
	div.menubox a:active {
		}
		
	div.menubox a:hover {
	text-decoration : underline;
	color: #990000;
		}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		main
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#main {
	margin: 0px 0 15px;
	width: 840px;
	background: url(images/top/background-me) repeat-y;
		}

#content {
	width: 590px;
	margin: -5px 0 0 0px;
	float: left;
	padding: 0 0 5px;
	background: #FFFFFF url(images/top/bottom-shadow.gif) repeat-x bottom;
	}
	
div.col {
	font: 0.9em "Century Gothic", Verdana, Arial;
	color: #333;
	padding: 10px;
	background:  url(images/top/background-content.jpg) repeat-x;
	float: left;
	width: 273px;
	height: 150px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 0px;
	}

div.weblog {
	font: 0.9em "Century Gothic", Verdana, Arial;
	color: #333;
	margin: 0;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px 9px;
	background:  url(images/top/background-content.jpg) repeat-x;
	float: left;
	width: 570px;
	}

	div.author {
		width: 550px;
		margin-top : 20px;
		float: left;
		color: #663333;
		font: .95em "Century Gothic", Verdana, Arial;
		}
	
	div.author a {
		font: 1em "Century Gothic", Verdana, Arial;
		color: #660000;
		text-decoration : none;
		}
		
	div.author a:hover {
		font: 1em "Century Gothic", Verdana, Arial;
		text-decoration : underline;
		}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Footer
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
 
div.footer {
	text-align : center;
	clear : both;
	padding: 30px 0;
	}
	
	div.footer a {
		font: 1em "Century Gothic", Verdana, Arial;
		color : #666;
		margin: 5px;
		text-decoration : none;
		}
		
	div.footer a:visited {
		font: 1em;
		color : #666;
		text-decoration : none;
		}
		
	div.footer a:active {
		font: 1em;
		color : #666;
		text-decoration : none;
		}
	
	div.footer a:hover {
		font: 1em;
		color : #000000;
		text-decoration : underline;
		}
