/*
	style_global.css
	Stylesheet for akimbo.biz
	
	Copyright (c) 2008, 2009 Gordon Hicks, all rights reserved	

	created:  2008 Mar 8
	modified: 2009 Jan 21
	
*/	


/* General */

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

	
	ul, li {
		position: relative;
		margin: 0;
		padding: 0;
		text-indent: 0;
		list-style-type: none;
	}
	

	img {
		position: relative;
		display: inline;
		border: 0;
		padding: 0;
		margin: 0;
	}

/* Typeface */

	body,
	td,
	input,
	textarea,
	h1, h2, h3, h4, h5 {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;
		line-height: 18px;
		color: black;
		text-align: left;
	}

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

	img {
		/* alt text */
		font-size: 11px;
		line-height: 14px;
		color: rgb(153,153,153)  /* grey */
	}

	em {
		font-style: italic;
		/* font-weight: normal; */
	}

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


/* Headings */

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



/* Links */

	a {
		text-decoration: underline;
	}


	a:link,
	a:visited {
		color: rgb(49,81,181); /* blue */
		cursor: pointer;
	}
	
	a:hover,
	a:active {
		color: rgb(255,102,0); /* orange */
		cursor: pointer;
	}

/* More>> Link */

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

	a:link.more,
	a:visited.more {
		color: rgb(255,102,0); /* orange */
	}

	a:hover.more,
	a:active.more {
		color: rgb(49,81,181); /* blue */
	}

/* Head Bar - How-to */

	.head-bar .how-to a:link,
	.head-bar .how-to a:visited {
		color: rgb(102,102,102); /* dark grey */
		text-decoration: none;
	}

	.head-bar .how-to a:hover,
	.head-bar .how-to a:active {
		color: rgb(255,102,0); /* orange */
		text-decoration: none;
	}


/* Special */

	hr {
		border: none;
		height: 2px;
		background-color: rgb(204,204,204); /* light grey */
		margin: 7px 0;
	}

	.end {  /* used to ensure float columns fill their containing box */
		clear: both;
		border-bottom: solid 1px white;
	}
	
	.errors {
		color: red;
		font-weight: bold;
	}

/* Page containers */

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

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

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


/* Header */

	.header {
		width: 900px;
		height: 80px;
		z-index: 2;
	}
	
/* Logo */	
	
	h1.logo {
		display: block;
		position: absolute;
		width: 219px;
		height: 52px;
		top: 17px;
		left: 315px;
		margin: 0;
		font-size: 50px;
		line-height: 50px;
		text-align: center;
		text-transform: lowercase;
		background: transparent url(/img/global/akimbo.gif) 0 0 no-repeat;
	}
	
	h1.logo a {
		display: block;
		width: 219px;
		height: 52px;
		color: rgb(255,102,0);
		text-decoration: none;
	}
	
	h1.logo span {
		visibility: hidden;
	}
	
/* dude */

	#dude-1, #dude-2, #dude-3, #dude-4, #dude-5 {
		position: absolute;
		width: 60px;
		height: 70px;
		top: 3px;
		left: 531px;
		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;
		width: 299px;
		height: 50px;
		top: 18px;
		background-image: url(/img/global/mnav.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		z-index: 2;
	}

	.header-nav-right {
		left: 601px;
		background-position: -309px 0;
	}
	
	.header-nav-left li,
	.header-nav-right li {
		display: block;
		position: absolute;
		line-height: 13px;
		height: 13px;
	}
	
	.header-nav-left a,
	.header-nav-right a {
		display: block;
		position: absolute;
		text-decoration: none;
		text-align: center;
	}
	
	.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: 2px; }
	#header-nav-home, #header-nav-home a { width: 37px;}
	#header-nav-home a:hover, #header-nav-home a:active { background-position: 0px -52px; }

	#header-nav-cale { left: 0px; top: 19px; }
	#header-nav-cale, #header-nav-cale a { width: 61px;}
	#header-nav-cale a:hover, #header-nav-cale a:active { background-position: 0px -69px; }

	#header-nav-exhi { left: 74px; top: 19px; }
	#header-nav-exhi, #header-nav-exhi a { width: 76px;}
	#header-nav-exhi a:hover, #header-nav-exhi a:active { background-position: -74px -69px; }

	#header-nav-call { left: 163px; top: 19px; }
	#header-nav-call, #header-nav-call a { width: 136px;}
	#header-nav-call a:hover, #header-nav-call a:active { background-position: -163px -69px; }

	#header-nav-jobs { left: 0px; top: 35px; }
	#header-nav-jobs, #header-nav-jobs a { width: 32px;}
	#header-nav-jobs a:hover, #header-nav-jobs a:active { background-position: 0px -85px; }

	#header-nav-lear { left: 53px; top: 35px; }
	#header-nav-lear, #header-nav-lear a { width: 59px;}
	#header-nav-lear a:hover, #header-nav-lear a:active { background-position: -53px -85px; }

	#header-nav-publ { left: 133px; top: 35px; }
	#header-nav-publ, #header-nav-publ a { width: 83px;}
	#header-nav-publ a:hover, #header-nav-publ a:active { background-position: -133px -85px; }

	#header-nav-blog { left: 236px; top: 35px; }
	#header-nav-blog, #header-nav-blog a { width: 63px;}
	#header-nav-blog a:hover, #header-nav-blog a:active { background-position: -236px -85px; }


	#header-nav-logi { left: 0px; top: 2px; }
	#header-nav-logi, #header-nav-logi a { width: 111px;}
	#header-nav-logi a:hover, #header-nav-logi a:active { background-position: -309px -52px; }

	#header-nav-sear { left: 251px; top: 2px; }
	#header-nav-sear, #header-nav-sear a { width: 48px;}
	#header-nav-sear a:hover, #header-nav-sear a:active { background-position: -560px -52px; }

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


	#header-nav-rsss { left: 97px; top: 19px; }
	#header-nav-rsss, #header-nav-rsss a { width: 29px;}
	#header-nav-rsss a:hover, #header-nav-rsss a:active { background-position: -406px -69px; }

	#header-nav-twit { left: 164px; top: 19px; }
	#header-nav-twit, #header-nav-twit a { width: 52px;}
	#header-nav-twit a:hover, #header-nav-twit a:active { background-position: -406px -164px; }

	#header-nav-facebook { left: 244px; top: 19px; }
	#header-nav-facebook, #header-nav-facebook a { width: 52px;}
	#header-nav-facebook a:hover, #header-nav-twit a:active { background-position: -406px -164px; }


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


	#header-nav-cont { left: 68px; top: 35px; }
	#header-nav-cont, #header-nav-cont a { width: 53px;}
	#header-nav-cont a:hover, #header-nav-cont a:active { background-position: -377px -85px; }


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


	#header-nav-adve { left: 234px; top: 35px; }
	#header-nav-adve, #header-nav-adve a { width: 65px;}
	#header-nav-adve a:hover, #header-nav-adve a:active { background-position: -543px -85px; }
	
/* Logout */
	
	#header-nav-logx {
		left: 0px; top: 2px;
		width: 245px;
		background: transparent url(/img/global/mnav.gif) no-repeat -309px -104px;
	}
	
	#header-nav-logx a {
		width: 48px;
		background-position: -309px -120px;
	}
	
	#header-nav-logx .user-info {
		position: absolute;
		height: 13px;
		width: 192px;
		top: 0px;
		left: 53px;
		font-size: 11px;
		line-height: 13px;
		color: rgb(102,102,102); /* dark grey */
		font-weight: bold;
	}
	
/* Drop-down boxes (Login, Search) */

	.dropdown {
		position: absolute;
		top: 17px;
		width: 210px;
		font-size: 11px;
		line-height: 13px;
		color: rgb(102,102,102); /* dark grey */
		z-index: 0; /* show -> z-index: 3; */
		visibility: hidden; /* show -> visibility: visible; */
	}

	#dropdownLogin { left: 596px; }
	#dropdownSearch { left: 697px; }

	.dropdown .top {
		width: 210px;
		height: 19px;
		background-image: url(/img/global/dropdown_box.gif);
		background-repeat: no-repeat;
	}

	#dropdownLogin .top { background-position: 0 0; }
	#dropdownSearch .top { background-position: 0 -19px; }

	.dropdown .middle {
		width: 210px;
		padding: 12px 0 12px 0;
		background: transparent url(/img/global/dropdown_box_middle.gif) 0 0 repeat-y;
	}

	.dropdown .bottom {
		width: 210px;
		height: 6px;
		background: transparent url(/img/global/dropdown_box.gif) 0 -54px no-repeat;
	}

	a#dropdownLoginNav,
	a#dropdownSearchNav {
		display: block;
		position: absolute;
		top: 3px;
		height: 13px;
		text-decoration: none;
	}

	a#dropdownLoginNav {
		left: 5px;
		width: 110px;
	}

	a:hover#dropdownLoginNav,
	a:active#dropdownLoginNav {
		background: transparent url(/img/global/mnav.gif) -309px -52px no-repeat;
	}

	a#dropdownSearchNav {
		left: 155px;
		width: 48px;
	}

	a:hover#dropdownSearchNav,
	a:active#dropdownSearchNav {
		background: transparent url(/img/global/mnav.gif) -560px -52px no-repeat;
	}

	a#dropdownLoginNav span,
	a#dropdownSearchNav span {
		visibility: hidden;
	}

	.dropdown form {
		width: 176px;
		margin: 0px 12px 12px 12px;
	}

	.dropdown form .title-area {
		height: 10px;
		margin: 0 0 3px 0;
		font-size: 10px;
		font-weight: bold;
		line-height: 10px;
		text-transform: uppercase;
	}

	.dropdown .input-area {
		height: 22px;
		margin: 0 0 6px 0;
		line-height: 12px;
	}

	.dropdown input {
		height: 15px;
		font-size: 11px;
		line-height: 11px;
		background-color: rgb(250,250,250); /* very light grey */
		border: solid 1px rgb(153,153,153); /* grey */
	}

	#dropdownLoginEmail { width: 183px; }
	#dropdownLoginPassword { width: 100px; }
	#dropdownSearchTerm { width: 183px; }


	.dropdown a.more {
		display: block;
		width: 50px;
		margin: 0px 0 0 2px;
	}

	.dropdown p {
		margin: 0 12px 4px 14px;
	}

	.dropdown p.close { margin-top: 14px; }

	.dropdown a:link,
	.dropdown a:visited {
		color: rgb(102,102,102); /* dark grey */
	}

	.dropdown a:hover,
	.dropdown a:active {
		color: rgb(255,102,0); /* orange */
	}



/* Content */

	.content {
		width: 100%;
		z-index: 1;
	}


/* Columns */


	.column-1,
	.column-2,
	.column-3,
	.column-4 {
		width: 100px;
		float: left;
	}

/* Content column for Posting and Support pages */

	.column-posting,
	.column-support {
		width: 580px; /* width to accomodate widest image */
		min-height: 500px;
		margin: 16px 0 0 0px;
		padding: 12px 72px 50px 72px; /* bottom padding is place for footer */
		border-left: solid 88px rgb(212,212,212); /*  lighter grey */
		border-right: solid 88px rgb(212,212,212); /*  lighter grey */
	}

	.column-posting h1,
	.column-support h1 {
		margin: 0 0 5px 0;
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		color: rgb(255,102,0); /* orange */
	}

	.column-posting h2,
	.column-support h2 {
		margin: 0 0 2px 0;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		color: rgb(49,81,181); /* blue */
	}

	.column-posting h3,
	.column-support h3 {
		font-weight: bold;
		color: rgb(30,30,30); /* lightened black */
	}

	.column-posting ul,
	.column-calendar-posting ul,
	.column-support ul {
		margin: 0 0 0 30px;
		padding: 0;
		text-indent: 0;
		list-style-type: disc ;
	}

	/* adjusted by Mark ... ordered lists were being forced to a type of disc, set this to qualify ONLY against un-ordered lists 
		(previously it was enforcing on all li regardless of ordered or not */
	
	.column-posting ul li,
	.column-calendar-posting ul li,
	.column-support ul li {
		list-style-type: disc ;
	}
	
	/* added by Mark ... ordered lists were being forced to a type of disc */

	.column-posting ol li,
	.column-calendar-posting ol li,
	.column-support ol li {
		list-style-type: decimal ;
	}


	.column-posting .more,
	.column-support .more {
		font-size: 12px;
		line-height: 40px;
	}


/* Head Bar */

	.head-bar {
		width: 801px;
		width: 100%;
		height: 33px;
		background-color: rgb(255,223,68); /* yellow */
	}

	.head-bar h2 {
		position: absolute;
		height: 19px;
		top: 7px;
		left: 15px;
		font-size: 19px;
		line-height: 18px;
		font-weight: bold;
		color:  rgb(49,81,181); /* blue */
		
		
	}

	.head-bar .how-to {
		position: absolute;
		top: 11px;
		left: 320px;
		font-size: 13px;
		line-height: 13px;
		font-weight: bold;
	}
	
	.head-bar a.rss{
		float: right;
		margin-right: 10px;
		margin-top: 10px;
	}


/* Calendar */

	#calendar {
		width: 200px;
		height: 204px;
	}
/*
	.calendar-4-rows { height: 146px; }
	.calendar-5-rows { height: 175px; }
	.calendar-6-rows { height: 204px; }	
*/
	#calendar .head {
		width: 100%;
		height: 27px;
		font-size: 12px;
		line-height: 27px;
		font-weight: bold;
		text-align: center;
		color: rgb(255,223,68); /* yellow */
		background-color: rgb(49,81,181); /* blue */
	}

	#calendar .head a {
		font-size: 14px;
		margin: 0 1px;
		text-decoration: none;
	}

	#calendar .head a:link,
	#calendar .head a:visited {
		color: rgb(255,102,0); /* orange */
	}

	#calendar .head a:hover,
	#calendar .head a:active {
		color: rgb(255,223,68); /* yellow */
	}

	#calendar .days {
		position: absolute;
		width: 210px;
		padding-top: 3px;
		background-color: white;
	}

	#calendar .days div {
		width: 24px;
		height: 24px;
		margin: 0 3px 3px 0;
		float: left;
		border: solid 1px rgb(49,81,181); /* blue */
	}

	#calendar .days div.today {
		background-color: rgb(255,223,68); /* yellow */
	}

	#calendar .days a {
		display: block;
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
	}
	
	#calendar .days a:link,
	#calendar .days a:visited {
		color: rgb(255,102,0); /* orange */
	}
	
	#calendar .days .grey a:link,
	#calendar .days .grey a:visited {
		color: rgb(204,204,204); /* light grey */
	}
	
	#calendar .days a:hover,
	#calendar .days a:active {
		color: rgb(49,81,181); /* blue */
		background-color: rgb(255,223,68); /* yellow */
	}

/* Ads */

	#adArea {
		width: 80px;
		height: 703px;
		overflow: hidden;
	}
	
	#adArea a {
		display: block;
		width: 80px;
		height: 80px;
		left: 0;
		margin-bottom: 9px;
	}

	#adArea img {
		width: 80px;
		height: 80px;
	}


/* Footer */

	.footer {
		width: 900px;
		height: 30px;
		top: -32px;
		font-size: 9px;
		line-height: 12px;
		margin-top: 0;
		z-index: 3;
	}

	.footer .copyright {
		position: absolute;
		top: 16px;
		left: 160px;
		width: 200px;
		height: 12px;
		margin: 0 ;
	}

	.footer .footer-nav {
		position: absolute;
		left: 155px;
		top: 0;
		width: 481px;
		height: 12px;
	}

	.footer-nav a {
		text-decoration: none;
		padding: 0 3px 0 5px;
	}

	.footer-nav a + a {
		border-left: solid 1px rgb(204,204,204); /* light grey */
	}

	.footer a:link,
	.footer a:visited {
		color: black;
	}

	.footer a:hover,
	.footer a:active {
		color: rgb(255,102,0); /* orange */
	}

/* Pagination */

#pagination {
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#pagination a {
	text-decoration: none;
	border: 1px solid #eee;
	padding: 3px 3px 3px 3px;
}

ul#rssList {
	padding-left: 150px;
	padding-top: 20px;
	list-style: none; 
}

ul#rssList li {
	list-style: none;;
}

ul#rssList a {
	text-decoration: none;
	line-height: 36px; 
	font-size: 16px;
}

ul#rssList img {
	position: relative;
	top: 1px;
}