/*
	style_global.css
	Stylesheet for akimbo.ca
	
	Copyright (c) 2010 Gordon Hicks, all rights reserved	

*/	


/* Universal */

	div {
		position: static;
		margin: 0;
		padding: 0;
	}



	ul, li {
		position: static;
		margin: 0;
		padding: 0;
/* 		list-style-type: disc; */
	}
	
	img {
		position: static;
		display: inline;
		border: 0;
		padding: 0;
		margin: 0;
	}

/* Typeface */

	body,
	td,
	input,
	textarea,
	h1, h2, h3, h4, h5 {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		line-height: 18px;
		color: #262626; /* dark grey L=15 */
		text-align: left;
	}

	p {
		position: static;
		margin: 0 0 9px 0;
	}

	img {
		/* alt text */
		font-size: 11px;
		line-height: 14px;
		color: #919191; /* grey L=60 */
	}

	em {
		font-style: italic;
	}

	strong {
		font-weight: bold;
	}
	
	cite {
		font-style: italic;
	}

/* Headings */

	h1, h2, h3, h4, h5 {
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

/* Links */

	a {
		text-decoration: underline;
	}

	a:link,
	a:visited {
		color: #3151b5; /* blue */
		cursor: pointer;
	}
	
	a:hover,
	a:active {
		color: #ff6600; /* orange */
		cursor: pointer;
	}

	a:focus {
		outline: none;
	}

/* More>> Link */

	a.more {
		margin-top: 3px;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}

	a:link.more,
	a:visited.more {
		color: #ff6600; /* orange */
	}

	a:hover.more,
	a:active.more {
		color: #3151b5; /* blue */
	}

/* Special */

	hr {
		border: none;
		height: 2px;
		background-color: #c6c6c6; /* light grey L=80 */
		margin: 7px 0;
	}

	.end {  /* used to ensure float columns fill their containing box */
		clear: left;
		border-bottom: solid 1px white;
	}

	a span.chevron { /* for the » character, when it appears inside links */
		font-size: 1.2em;
		line-height: 1.0em;
		padding-left: 0.25em;
	}
	
	span.plus { /* for the plus (+) character */
		padding: 0 0.3em;
		font-weight: normal;
	}

/* Page containers */

	body  {
		position: relative;
		margin: 0;
		background-color: white;
	}

	.page-container-outer {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}

	.page-container-inner {
		position: relative;
		width: 900px;
		margin: 8px 30px 45px 30px;
	}

	.main {
		position: relative;
		z-index: 1; /* behind .header */
	}

/* Columns */

	.content-column {
		float: left;
		width: 801px;
		min-height: 940px; /* = height of ad-column, measured to bottom edge of last ad */
		margin-right: 19px;
	}
	
	.ad-column {
		width: 80px;
		float: left;
	}

/* Header */

	.header {
		position: relative;
		width: 900px;
		height: 80px;
		z-index: 2; /* in front of .main */
	}

/* Logo */	
	
	h1.logo {
		display: block;
		position: absolute;
		width: 219px;
		height: 52px;
		top: 17px;
		left: 314px;
		margin: 0;
		text-indent: -999px;
		background: transparent url(../img/global/akimbo.gif) 0 0 no-repeat;
		overflow: hidden;
	}
	
	h1.logo a {
		display: block;
		width: 219px;
		height: 52px;
		text-decoration: none;
	}
	
/* dude */

	#dude-1, #dude-2, #dude-3, #dude-4, #dude-5 {
		position: absolute;
		width: 60px;
		height: 70px;
		top: 3px;
		left: 530px;
		background-image: url(../img/global/dude.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#dude-1 a, #dude-2 a, #dude-3 a, #dude-4 a, #dude-5 a {
		display: block;
		width: 60px;
		height: 70px;
		text-decoration: none;
	}

	#dude-1 { background-position: 0 0; }
	#dude-2 { background-position: -60px 0; }
	#dude-3 { background-position: -120px 0; }
	#dude-4 { background-position: -175px 0; }
	#dude-5 { background-position: -240px 0; }

/* header-nav */

	.header-nav-left,
	.header-nav-right {
		position: absolute;
		height: 60px;
		top: 8px;
		background-image: url(../img/global/mnav.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		overflow: hidden;
		z-index: 2;
	}

	.header-nav-left {
		width: 297px;
	}
	
	.header-nav-right {
		width: 299px;
		left: 601px;
		background-position: -309px 0;
	}

	.header-nav-left ul,
	.header-nav-right ul {
		display: block;
		margin: 0;
		padding: 0;
		text-indent: 0;
	}

	.header-nav-left li,
	.header-nav-right li {
		display: block;
		position: absolute;
		height: 13px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-size: 11px;
		line-height: 13px;
		text-indent: 0;
		list-style-type: none;
	}

	.header-nav-left li,
	.header-nav-right li {
		display: block;
	}
	
	.header-nav-left a,
	.header-nav-right a {
		display: block;
		position: absolute;
		overflow: hidden;
		text-decoration: none;
		text-indent: -999px;
	}
	
	.header-nav-left a:hover,
	.header-nav-left a:active,
	.header-nav-right a:hover,
	.header-nav-right a:active {
		background-image: url(../img/global/mnav.gif);
		background-repeat: no-repeat;
	}
	
	.header-nav-left a span,
	.header-nav-right a span {
		visibility: hidden;
	} 
	
	#header-nav-home { left: 0px; top: 12px; }
	#header-nav-home, #header-nav-home a { width: 37px;}
	#header-nav-home a:hover, #header-nav-home a:active { background-position: 0px -62px; }

	#header-nav-cale { left: 53px; top: 12px; }
	#header-nav-cale, #header-nav-cale a { width: 62px;}
	#header-nav-cale a:hover, #header-nav-cale a:active { background-position: -53px -62px; }

	#header-nav-exhi { left: 0px; top: 29px; }
	#header-nav-exhi, #header-nav-exhi a { width: 76px;}
	#header-nav-exhi a:hover, #header-nav-exhi a:active { background-position: 0px -79px; }

	#header-nav-call { left: 101px; top: 29px; }
	#header-nav-call, #header-nav-call a { width: 138px;}
	#header-nav-call a:hover, #header-nav-call a:active { background-position: -101px -79px; }

	#header-nav-jobs { left: 264px; top: 29px; }
	#header-nav-jobs, #header-nav-jobs a { width: 33px;}
	#header-nav-jobs a:hover, #header-nav-jobs a:active { background-position: -264px -79px; }

	#header-nav-lear { left: 0px; top: 45px; }
	#header-nav-lear, #header-nav-lear a { width: 59px;}
	#header-nav-lear a:hover, #header-nav-lear a:active { background-position: 0px -95px; }

	#header-nav-publ { left: 73px; top: 45px; }
	#header-nav-publ, #header-nav-publ a { width: 84px;}
	#header-nav-publ a:hover, #header-nav-publ a:active { background-position: -73px -95px; }

	#header-nav-hitl { left: 171px; top: 45px; }
	#header-nav-hitl, #header-nav-hitl a { width: 49px;}
	#header-nav-hitl a:hover, #header-nav-hitl a:active { background-position: -171px -95px; }

	#header-nav-akim { left: 234px; top: 45px; }
	#header-nav-akim, #header-nav-akim a { width: 63px;}
	#header-nav-akim a:hover, #header-nav-akim a:active { background-position: -234px -95px; }

	#header-nav-subs { left: 0px; top: 29px; }
	#header-nav-subs, #header-nav-subs a { width: 69px;}
	#header-nav-subs a:hover, #header-nav-subs a:active { background-position: -309px -79px; }

	#header-nav-logi { left: 95px; top: 29px; }
	#header-nav-logi, #header-nav-logi a { width: 39px;}
	#header-nav-logi a:hover, #header-nav-logi a:active { background-position: -404px -79px; }

	.header-nav-logi-activated { background: no-repeat url(../img/global/mnav.gif) -404px -129px; }

	#header-nav-logo { left: 95px; top: 29px; background:  url(../img/global/mnav.gif) no-repeat -309px -112px; }
	#header-nav-logo, #header-nav-logo a { width: 49px;}
	#header-nav-logo a:hover, #header-nav-logo a:active { background-position: -309px -129px; }

	#header-nav-abou { left: 0px; top: 45px; }
	#header-nav-abou, #header-nav-abou a { width: 42px;}
	#header-nav-abou a:hover, #header-nav-abou a:active { background-position: -309px -95px; }

	#header-nav-cont { left: 67px; top: 45px; }
	#header-nav-cont, #header-nav-cont a { width: 54px;}
	#header-nav-cont a:hover, #header-nav-cont a:active { background-position: -377px -95px; }

	#header-nav-serv { left: 148px; top: 45px; }
	#header-nav-serv, #header-nav-serv a { width: 59px;}
	#header-nav-serv a:hover, #header-nav-serv a:active { background-position: -457px -95px; }

	#header-nav-adve { left: 234px; top: 45px; }
	#header-nav-adve, #header-nav-adve a { width: 65px;}
	#header-nav-adve a:hover, #header-nav-adve a:active { background-position: -543px -95px; }

/* Search box*/	
	.header-nav-search {
		position: absolute;
		width: 299px;
		height: 27px;
		top: 9px;
		left: 601px;
		z-index: 3;
	}

	.header-nav-search #search-for-field {
		position: absolute;
		display: block;
		width: 225px;
		height: 17px;
		left: 58px;
		top: 4px;
		padding: 0 3px;
		margin: 0;
		background-color: #fbfbfb; /* very light grey L=99 */
		border: solid 1px #bebebe; /* light grey L=77 */
		font-size: 11px;
		line-height: 11px;
	}

/* Page Head (aka yellow bar) */

	.page-head {
		position: relative;
		width: 801px;
		height: 33px;
		margin-bottom: 16px;
		background-color: #ffdf44; /* yellow */
		overflow: visible;
	}

	.page-head h2 {
		position: absolute;
		left: 16px;
		top: 6px;
		font-size: 19px;
		line-height: 21px;
		font-weight: bold;
		color: #3151b5; /* blue */
	}
	
/* Social Icons */

	.social-icon {
		display: block;
		position: relative;
		width: 30px;
		height: 30px;
		background-image: url(../img/global/social_icons.png);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	.social-icon a {
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		text-decoration: none;
		text-indent: -999px;
		overflow: hidden;
	}

	.social-icon a:hover,
	.social-icon a:active,
	.social-icon a:focus {
		background-image: url(../img/global/social_icons.png);
		background-repeat: no-repeat;
	}

	#social-icon-facebook { background-position: 0px 0px; }
	#social-icon-facebook a:hover,
	#social-icon-facebook a:active,
	#social-icon-facebook a:focus { background-position: -0px -30px; }

	#social-icon-twitter { background-position: -30px 0px; }
	#social-icon-twitter a:hover,
	#social-icon-twitter a:active,
	#social-icon-twitter a:focus { background-position: -30px -30px; }

	#social-icon-rss { background-position: -60px 0px; }
	#social-icon-rss a:hover,
	#social-icon-rss a:active,
	#social-icon-rss a:focus { background-position: -60px -30px; }

/* Share Tools */

	.share-tools {
		position: absolute;
		width: 500px;
		height: 33px;
		left: 298px;
		overflow: visible;
		text-align: right;
	}

	.share-tools .social-icon {
		float: right;
		text-align: left;
		margin-top: 1px;
		margin-left: -4px;
	}

	.social-icon + .share-link { margin-right: 7px; }

/* Share Links */

	.share-link {
		display: block;
		position: relative;
		float: right;
		height: 17px;
		margin: 9px 4px 0 0;
		padding: 0 3px;
	}

	.share-link a {
		display: block;
		position: relative;
		height: 14px;
		width: 100%;
		text-decoration: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		font-size: 10px;
		line-height: 16px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
	}

	.share-link a:link,
	.share-link a:visited {
		border-bottom-color: #cab83f; /* grey on yellow bg */
	}

	.share-link a:hover,
	.share-link a:active {
		border-bottom-color: #ff6600; /* orange */
	}

	.share-link.activated { background-color: #fbf1be; /* light yellow */ }

	.share-link.activated a {
		color: #ff6600; /* orange */
		border-bottom-color: #ff6600; /* orange */
	}

/* Dropdowns (share tools is the default) */

	.dropdown {
		position: absolute;
		z-index: 3;
		top: 33px;
		border: solid 12px transparent;
		border-top: none;
		overflow: hidden;
		font-size: 11px;
		line-height: 15px;
		color: #555249; /* dark grey on yellow L=30 */
	}

	.dd-lip-shadow {
		position: absolute;
		left: 6px;
		height: 12px;
		background: repeat-x 0 -12px url(../img/global/dd_shadow_top_bottom_lip.png);
		z-index: 2;
	}

	.dd-slider {
		position: absolute;
		left: 12px;
		width: 337px;
		height: 356px;
		z-index: 1;
	}

	.dd-content {
		position: absolute;
		width: 100%;
		height: 100%;
		position: absolute;
		left: -6px;
		padding: 0 6px 6px 6px;
		background-color: #fbf1be; /* light yellow */ 
	}

	.dd-content .inner {
		padding: 23px 23px 0 23px;
	}

	.dropdown h3 {
		margin: 0 0 15px 0;
		font-size: 12px;
		line-height: 12px;
		color: #555249; /* dark grey on yellow L=30 */
	}

	.dropdown .field {
		margin-bottom: 12px;
	}

	.dropdown label {
		display: block;
		margin: 0 0 2px 1px;
		font-weight: bold;
		font-size: 10px;
		line-height: 12px;
		color: #555249; /* dark grey on yellow L=30 */
		text-transform: uppercase;
	}

	.dropdown label .note {
		padding-left: 6px;
		font-weight: normal;
		text-transform: none;
	}

	.dropdown input {
		display: block;
		height: 13px;
		padding: 3px 2px 2px 2px;
		border: solid 1px #bfbcac; /* grey on yellow */
		background-color: #fffbe5; /* very light yellow */
		font-size: 11px;
		line-height: 13px;
		color: #221b00; /* very dark grey on yellow L=10 */
	}

	.dropdown textarea {
		display: block;
		padding: 3px 2px 2px 2px;
		border: solid 1px #bfbcac; /* grey on yellow */
		background-color: #fffbe5; /* very light yellow */
		font-size: 11px;
		line-height: 15px;
		color: #221b00; /* very dark grey on yellow L=10 */
	}

	.dropdown a {
	}

	.dropdown a:link,
	.dropdown a:visited {
		color: #555249; /* dark grey on yellow L=30 */
	}

	.dropdown a:hover,
	.dropdown a:active {
		color: #ff6600; /* orange */
	}

/* Dropdown Shadow */

	.dd-shadow {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: visible;
	}

	.dd-shadow .tl,
	.dd-shadow .tr,
	.dd-shadow .br,
	.dd-shadow .bl {
		display: block;
		position: absolute;
		width: 12px;
		height: 12px;
		background-image: url(../img/global/dd_shadow_corners.png);
		background-repeat: no-repeat;
	}

	.dd-shadow .tl { top: -12px; left: -12px; background-position: 0 0; }
	.dd-shadow .tr { top: -12px; right: -12px; background-position: -12px 0; }
	.dd-shadow .br { bottom: -12px; right: -12px; background-position: -12px -12px; }
	.dd-shadow .bl { bottom: -12px; left: -12px; background-position: 0 -12px; }

	.dd-shadow .t,
	.dd-shadow .b {
		display: block;
		position: absolute;
		width: 100%;
		height: 6px;
		background-image: url(../img/global/dd_shadow_top_bottom_lip.png);
		background-repeat: repeat-x;
	}

	.dd-shadow .t { top: -12px; background-position: 0 0; }
	.dd-shadow .b { bottom: -12px; background-position: 0 -6px; }

	.dd-shadow .l,
	.dd-shadow .r {
		display: block;
		position: absolute;
		width: 6px;
		height: 100%;
		background-image: url(../img/global/dd_shadow_left_right.png);
		background-repeat: repeat-y;
	}

	.dd-shadow .l { left: -12px;  background-position: 0 0;}
	.dd-shadow .r { right: -12px;  background-position: -6px 0;}

/* Dropdown LOGIN */
	
	#dropdown-login {
		display: none; /* display: block; when visible */
		top: 52px;
		left: 587px; /* horz placement */
		width: 303px; /* = .dd-slider width + 24px */
		height: 237px; /* = .dd-slider height + 12px */
		color: #262626; /* dark grey L=15 */
	}

	#dropdown-login .dd-lip-shadow {
		width: 291px; /* = width .dd-slider + 12px */
	}

	#dropdown-login .dd-content {
		background-color: #f0f0f0; /* light grey L=95 */
	}

	#dd-slider-login {
		top: 0px; /* 0px = fully exended; -[height of #dropdown-login] = fully retracted */
		width: 279px; /* sets width of drop-down */
		height: 225px; /* sets height of drop-down */
	}

	#dropdown-login label {
		color: #474747; /* grey L=30 */
	}

	#dropdown-login input {
		background-color: #fbfbfb; /* very light grey L=99 */
		border: solid 1px #bebebe; /* light grey L=77 */
		color: #262626; /* dark grey L=15 */
	}

	#dropdown-login a:link,
	#dropdown-login a:visited {
		color: #474747; /* grey L=30 */
	}

	#dropdown-login a:hover,
	#dropdown-login a:active {
		color: #ff6600; /* orange */
	}

	#dd-login-email { width: 220px; }

	#dd-login-password { width: 90px; }

	#dd-login-login {
		height: 16px;
		margin: 14px 0 12px 0;
	}

	#dd-login-login a {
		display: inline-block;
		height: 16px;
		padding: 0 1px 0 1px;
		line-height: 16px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}

	#dd-login-connecting {
		display: none; /* display: inline-block; to show; */
		height: 16px;
		line-height: 16px;
		font-weight: bold;
	}

	#dd-login-logged-in {
		display: none; /* display: inline-block; to show; */
		height: 16px;
		width: 180px;
		line-height: 16px;
		font-weight: bold;
		color: #ff6600; /* orange */
		white-space: nowrap;
	}

	#dd-login-new { margin-bottom: 3px; }

	#dd-login-forgot { margin-bottom: 3px; }

	#dd-login-close { margin-top: 10px; }

/* Dropdown EMAIL */
	
	#dropdown-email {
		display: none; /* display: block; when visible */
		left: 437px; /* horz placement */
		width: 351px; /* = .dd-slider width + 24px */
		height: 373px; /* = .dd-slider height + 12px */
	}

	#dropdown-email .dd-lip-shadow {
		width: 339px; /* = width .dd-slider + 12px */
	}

	#dd-slider-email {
		top: 0px;  /* 0px = fully exended; -[height of #dropdown-email] = fully retracted */
		width: 327px; /* sets width of drop-down */
		height: 260px; /* sets height of drop-down */
	}

	#dd-email-to { width: 210px; }
	#dd-email-sender-name { width: 210px; }
	#dd-email-subject { width: 270px; }
	#dd-email-comments { width: 270px; height: 60px; }
	#dd-email-url { margin: 8px 0 0 4px; }

	#dd-email-send {
		height: 16px;
		margin: 14px 0 11px 0;
	}

	#dd-email-send a {
		display: inline-block;
		height: 16px;
		padding: 0 5px 0 1px;
		line-height: 16px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}

	#dd-email-sending {
		display: none; /* ddisplay: inline-block; to show; */
		height: 16px;
		line-height: 16px;
		font-weight: bold;
	}

	#dd-email-sent {
		display: none; /* ddisplay: inline-block; to show; */
		height: 16px;
		line-height: 16px;
		font-weight: bold;
		color: #ff6600; /* orange */
	}

	#dd-email-close {
		padding-left: 2px;
	}

/* Dropdown LINK */
	
	#dropdown-link {
		display: none; /* display: block; when visible */
		left: 437px; /* horz placement */
		width: 351px; /* = .dd-slider width + 24px */
		height: 112px; /* = .dd-slider height + 12px */
	}

	#dropdown-link .dd-lip-shadow {
		width: 339px; /* = width .dd-slider + 12px */
	}

	#dd-slider-link {
		top: 0px; /* 0px = fully exended; -[height of #dropdown-link] = fully retracted */
		width: 327px; /* sets width of drop-down */
		height: 100px; /* sets height of drop-down */
	}

	#dd-link-url { width: 270px; }

	#dd-link-close { padding-left: 2px; }

/* Ads */

	.ads {
		width: 80px;
		overflow: hidden;
	}

	#ads-prod {
		height:  80px; /* height = (# of ads * 80) - 8px */
		margin-bottom: 8px;
	}

	#ads-more {
		height: 784px; /* height = (# of ads * 80) - 8px */
	}

	.ads a {
		display: block;
		width: 80px;
		height: 80px;
		left: 0;
		margin-bottom: 8px;
	}

	.ads img {
		width: 80px;
		height: 80px;
	}

	.ad-head {
		width: 80px;
		margin-bottom: 8px;
		background-color: #919191; /* grey L=60 */
		text-align: center;
		font-size: 10px;
		line-height: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #e2e2e2; /* light grey L=90 */
		overflow: hidden;
	}

	.ad-head .plus {
		position: relative;
		padding: 0 2px 0 0;
		font-size: 11px;
		font-weight: normal;
	}

	.ad-head-prod {
		height: 21px; /* 33px height with padding */
		padding: 6px 0 6px 0;
		line-height: 11px;
	}

	.ad-head-more { /* 19px height with padding */
		left: -3px;
		height: 10px; /* 33px height with padding */
		padding: 4px 0 5px 0;
	}

/* Footer */

	.footer {
		position: relative;
		clear: left;
		width: 100%;
		font-size: 9px;
		line-height: 12px;
		z-index: 2;
	}

	.footer .footer-nav {
		position: relative;
		margin: 0 2px;
	}

	.footer .copyright {
		position: relative;
		margin: 7px 5px 0 0;
		white-space: nowrap;
	}

	.footer .footer-nav a {
		position: relative;
		text-decoration: none;
		padding: 0 3px 0 5px;
		white-space: nowrap;
	}

	.footer .footer-nav a + a {
		border-left: solid 1px #c6c6c6; /* light grey L=80 */
	}

	.footer a:link,
	.footer a:visited {
		color: #262626; /* dark grey L=15 */
	}

	.footer a:hover,
	.footer a:active {
		color: #ff6600; /* orange */
	}

/* additions by Mark Guertin */

/* form validation */
.error {
	color: red;
}

.errors {
	color: #D8000C;
	background-color: #FFBABA;
	background-image:url(../img/global/error.png);
	border: 1px solid;
	border-radius: 15px;
	margin: 10px 0px;
	padding:15px 10px 15px 70px;
	background-repeat: no-repeat;
	background-position: 10px center;
}