/*
Theme Name: hueMEDIA Live
Theme URI: http://www.huemedia.ca/
Description: First hueMEDIA site theme with Wordpress<a href="http://www.huemedia.ca/">www.huemedia.ca</a>
Version: 1.1
Author: Michael Kerr
Author URI: http://www.huemedia.ca/
Tags: widget ready, valid xhtml, valid css, two columns, fixed width, left sidebar, widgets
*/
body{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: black;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	text-align: center;
}
img{border: 0;}
.clear{clear: both;}

#header{
	margin: 0 auto;
	width: 1000px;
	
	text-align: left;
}
/*#header .himg{ background: #FFFFFF url(images/header_bg.jpg) no-repeat; height: 205px;}
*/
#header .htitle {width: 340px; float: left; height: 77px;}

#header h1{
	padding-top: 8px;
	font-family: Trebuchet, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	margin: 0;
}
#header h4{
	font-family: Arial, Helvetica, Georgia, Tahoma, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	color: white;
	margin: 0;
}
#header a:link, #header a:visited, #header a:active, #header a:hover{
	color: #4784BF;
	text-decoration: none;
}
#header a:hover{ color: white;}

.search_form{
	width: 310px;
	float: right;
	margin: 45px 0 0 0;
	padding: 0;
}
.search_form input{
	vertical-align: middle;
	margin: 0 5px;
	padding: 0;
}


#menu{
	margin: 0 auto;
	width: 1000px;
	height: 42px;
	background: url(images/menu_bg.jpg) repeat-x;
}

#menu ul{
	padding: 0 0 0 15px;
	margin: 0;
	border: none;
	width: 320px;
	height: 33px;
	overflow: hidden;
}
#menu ul li{
	list-style: none;
	float: left;
	padding: 11px 0 11px 20px;
	margin: 3px 20px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: url(images/mi_bullet.gif) no-repeat left center;
}
#menu a:link, #menu a:visited, #menu a:active, #menu a:hover{
	color: #4784BF;
	text-decoration: none;
}
#menu a:hover{text-decoration: underline;}

#content{
	margin: 0 auto;
	width: 1000px;

	text-align: left;
}
.left{
	font-family: Verdana, Helvetica, sans-serif;
	float: left;
	width: 223px;

}
.left .padding{
	margin: 0px 0 0 0px;
}
.left .title{
	padding: 9px 10px 9px 15px;
	border-bottom: 2px dotted white;
}
.left h1{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
}
.left p{
	padding: 10px;
	margin: 0;
}
.left ul{
	padding: 0;
	margin: 10px 5px 10px 15px;
}
.left ul li{
	list-style: none;
	background: url(images/lul_bullet.gif) no-repeat left 4px;
	padding: 0 0 0 9px;
	margin: 0 0 0 6px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.left a:link, .left a:visited, .left a:active, .left a:hover{
	color: #0A3C71;
	text-decoration: none;
}
.left a:hover{ text-decoration: underline;}

.right{
 
	float: right;
	width: 730px;
	font-size: 11px;
	padding: 0px;

}
.right .padding{
	margin-left: -30px ;
	margin-right: 20px ;
	margin-top: 1px ;
	margin-bottom: 0px ;
}
.right .title{
	padding: 0px 0px 0px 0px;
	border-bottom: 0px none;
}

.right h1{
	padding: 0;
	margin: 0;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}
.right h1 a:link, .right h1 a:visited, .right h1 a:active, .right h1 a:hover{
	color: #4177E5;
	text-decoration: none;
}
.right h1 a:hover{ text-decoration: underline;}

.right h4{
	padding: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 11px;
	color: #FF9600;
	margin: 0;
	text-align: right;
}
.right .title h1{ width: 450px; float: left;}
.right .title h4{ width: 140px; float: right; padding-top: 4px;}
.right p{
	padding: 3px 5px 0 5px;
	margin: 0;
}
.div1{
	height: 1px;
	padding: 1px;
}
.right a:link, .right a:visited, .right a:active, .right a:hover{
	color: #0C3A6E;
	text-decoration: underline;
}
.right a:hover{text-decoration: none;}

.tags{
	font-family: Georgia, Verdana, sans-serif;
	font-size: 11px;
	margin: 5px 5px 1px 25px;
	padding: 0;
	color: #FF9600;
	font-weight: bold;
}
.tags a:link, .tags a:visited, .tags a:active, .tags a:hover{
	color: #FF9600;
	text-decoration: underline;
}
.tags a:hover{text-decoration: none;}


.permalink{
	font-family: Georgia, Verdana, sans-serif;
	font-size: 11px;
	margin: 1px 15px 0 5px;
	padding: 0 0 2px 0;
	color: #4177E5;
	text-align: right;
	font-weight: bold;
}
.permalink a:link, .permalink a:visited, .permalink a:active, .permalink a:hover{
	color: #4177E5;
	text-decoration: underline;
}
.permalink a:hover{text-decoration: none;}


.pre_footer{
	margin: 0 auto;
	width: 1000px;
	background: #ffffff url(images/footer_img.jpg) no-repeat;
	height: 150px;
}

#footer{
	margin: 0 auto;
	width: 1000px;
	color: #D4D4D4;
	background: #343434 url(images/footer_bg.jpg) repeat-x;
	font-size: 11px;
	text-align: center;
}

#footer p{
	padding: 10px 0;
	margin: 0;
	font-size: 11px;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
	color: #D4D4D4;
	font-weight: bold;
	text-decoration: underline;
}
#footer a:hover{text-decoration: none;}

#footer a.sec:link, #footer a.sec:visited, #footer a.sec:active, #footer a.sec:hover{
	color: #A2A2A2;
	font-weight: bold;
	text-decoration: underline;
}
#footer a.sec:hover{text-decoration: none;}



h2 {
	font-family: Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	padding-left: 15px;
}

h3 {
	font-family: Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding-left: 15px;
}


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 200px ;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}


#wp-calendar {
	border: 1px solid #0C3A6E;
	empty-cells: show;
	font-size: 14px;
	margin: 0 auto;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
	color: #0C3A6E;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #0C3A6E;
	font-size: 14px;
	text-align: center;
}

#wp-calendar td {
	color: #0C3A6E;
font-family: Arial, Helvetica, Sans-Serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #0C3A6E;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {float: left;}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

/* styles added by MK for hueMEDIA */
	#super li 

{

position: relative;

float: right;

padding-top: 3px;

padding-right: 0pt;

padding-bottom: 3px;

padding-left: 0pt;

list-style-type: none;

list-style-image: none;

list-style-position: outside;

}

.topcrumb {

float: right;

}

.fishmenu {
clear: all;
margin-left: 0px;
width: 998px;

}
.lefty {

float: left;
padding:0; 
margin:0; 
width: 9px;
height:30px; 
background:#000 url(lefty.png) no-repeat; position: relative; z-index:500; 

}

.sideshowbob {
background: #0000; 
width: 200px;
}
/* End styles added by MK for hueMEDIA */