/*
	style_home.css
	Stylesheet for akimbo.biz - Home page
	
	Copyright (c) 2008 Gordon Hicks, all rights reserved
	
	created:  2008 Mar 8
	modified: 2008 Mar 18
	
*/	



/* columns - home page */

	.column-1,
	.column-2,
	.column-3,
	.column-4 {
		height: 703px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.column-1 { width: 200px; }

	.column-2 {
		width: 363px;
		height: 685px;
		border-bottom: solid 16px rgb(204,204,204); /*  light grey */
	}
	.column-3 { width: 200px; }

	.column-4 { width: 80px; }

	.gutter {
		width: 1px;
		height: 701px;
		float: left;
		margin: 0 9px;
		background-color: rgb(153,153,153); /* grey */
	}

/* calendar */

	.calendar-area {
		position: absolute;
		width: 200px;
		height: 251px;
		background-color: rgb(204,204,204);  /* light grey */
		/* border-bottom: solid 15px rgb(204,204,204);  light grey */
	}

	.calendar-area h2 {
		width: 200px;
		height: 32px;
		margin: 0;
		background: rgb(255,102,0) url(/img/global/hh2_calendar_of_events.gif) 11px 6px no-repeat; /* orange */
	}

	.calendar-area h2 span { visibility: hidden; }
	
	
/* akimblog */

	.akimblog-area {
		position: absolute;
		top: 258px;
	}
	
	.akimblog-area h2 {
		width: 200px;
		height: 32px;
		margin: 0 0 2px 0;
		background: rgb(255,223,68) url(/img/global/hh2_akimblog.gif) 9px 6px no-repeat; /* yellow */
	}

	.akimblog-area h2 span { visibility: hidden; }
	
	.akimblog {
		width: 200px;
	}
	
	.akimblog .odd,
	.akimblog .even {
		width: 200px;
		height: 96px;
		margin: 0 0 2px 0;
	}
	
	.akimblog .odd  { background-color: white; }
	.akimblog .even { background-color: rgb(255,223,68); } /* yellow */
	
	.akimblog h3 {
		position: absolute;
		width: 80px;
		height: 16px;
		font-size: 11px;
		line-height: 16px;
		color: white;
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		background-color: rgb(49,81,181); /* blue */
	}

	.akimblog img {
		display: block;
		position: absolute;
		top: 16px;
	}

	.akimblog h4 {
		padding-top: 11px;
		margin: 0 4px 0 86px;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 11px;
		line-height: 14px;
	}

	.akimblog p {
		margin: 0 4px 0 86px;
		font-size: 11px;
		line-height: 14px;
	}

	.akimblog a.more {
		display: block;
		width: 108px;
		margin: 3px 4px 0 86px;
	}

/* Bar link */

	a.bar {
		display: block;
		position: absolute;
		top: 685px;
		width: 200px;
		height: 16px;
		margin: 0;
		font-size: 11px;
		line-height: 16px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		background-color: rgb(255,102,0); /* orange */
	}

	a:link.bar,
	a:visited.bar {
		color: white;
	}

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


/* Large Feature */

	.feature-large {
		margin-bottom: 7px;
	}

	.feature-large img {
		display: block;
		margin-bottom: 11px;
	}

	.feature-large h3 {
		display: block;
		margin: 0 1px 1px 1px;
		color: rgb(49,81,181); /* blue */
	}

	.feature-large p {
		margin: 0 1px 0 1px;
		font-size: 12px;
		line-height: 15px;
	}

	.feature-large a.more {
		display: block;
		width: 40px;
		margin: 2px 1px 0 1px;
	}


/* Medium Feature */

	.feature-medium {
		width: 100%;
		height: 140px;
		border-top: dotted 1px rgb(204,204,204); /* light grey */
		padding: 11px 0;
	}

	.feature-medium img {
		display: block;
		position: absolute;
	}

	.feature-medium h3 {
		margin: 1px 5px 0 211px;
		line-height: 15px;
		color: rgb(49,81,181); /* blue */
	}

	.feature-medium p {
		margin: 0 5px 0 211px;
		font-size: 11px;
		line-height: 14px;
	}

	.feature-medium a.more {
		display: block;
		width: 40px;
		margin: 3px 0 0 211px;
	}

/* Hit List */

	.hit-list-area {
		position: absolute;
		width: 200px;
		height: 275px;
		border-bottom: solid 15px rgb(204,204,204); /* light grey */
	}
	
	.hit-list-area h2 {
		width: 200px;
		height: 32px;
		background: rgb(49,81,181) url(/img/global/hh2_hit_list.gif) 9px 6px no-repeat; /* blue */
	}

	.hit-list-area h2 span { visibility: hidden; }

	.hit-list-area .author {
		width: 200px;
		height: 80px;
		padding: 1px 0;
		line-height: 15px;
		background-color: white;
		overflow: hidden;
	}

	.hit-list-area .author img {
		float: right;
	}

	.hit-list-area .author h3 {
		padding-top: 10px;
		margin: 0 85px 0 5px;
		color: rgb(255,102,0); /* orange */
	}

	.hit-list-area .author h3.lines-1 { padding-top: 30px; }
	.hit-list-area .author h3.lines-2 { padding-top: 22px; }
	.hit-list-area .author h3.lines-3 { padding-top: 16px; }
	.hit-list-area .author h3.lines-4 { padding-top: 10px; }
	.hit-list-area .author h3.lines-5 { padding-top: 4px; }


	.hit-list-area .author p {
		margin: 0 86px 0 12px;
	}

	.hit-list {
		width: 100%;
		height: 140px;
		padding: 9px 0 10px 0;
		line-height: 14px;
		background-color: rgb(49,81,181); /* blue */
		overflow: hidden;
	}

	.hit-list p {
		margin: 5px 7px 5px 12px;
		font-weight: bold;
		white-space: nowrap;		
		color: white;
	}


	.hit-list a.more {
		display: block;
		width: 100px;
		margin: 7px 0 0 12px;
	}

	.hit-list a.hit {
		display: block;
		color: #fff;
		text-decoration: none;
	}


	.hit-list a:hover.more,
	.hit-list a:active.more,
	.hit-list a:hover.hit,
	.hit-list a:active.hit
	 {
		color: rgb(255,223,68); /* yellow */
	}


/* News */

	.news-area {
		position: absolute;
		top: 292px;
		width: 200px;
		height: 388px;
		overflow: hidden;
	}
	
	.news-area h2 {
		width: 200px;
		height: 32px;
		background: white url(/img/global/hh2_news.gif) 0px 6px no-repeat;
	}

	.news-area h2 span { visibility: hidden; }

	.news-item {
		padding: 8px 0 9px 0;
	}

	.news-item + .news-item {
		padding: 10px 0 8px 0;
		border-top: dotted 1px rgb(204,204,204)
	}

	.news-item h3 {
		width: 100%;
		margin: 0 0 2px 0;
		font-size: 11px;
		line-height: 13px;
		font-weight: bold;
		color: rgb(49,81,181); /* blue */
	}

	.news-item p {
		width: 100%;
		margin: 0;
		font-size: 11px;
		line-height: 13px;
	}

	.news-item a.more {
		display: block;
		width: 40px;
	}

	.contestContainer {
		background-color: rgb(255,223,68); /* yellow */
		display: block;
		margin-bottom: 10px;
	}
	
	.contestContainer .headertitle {
		background-color: rgb(49,81,181); /* blue */
		background-color: rgb(255,102,0); /* orange */
		font-size: 16px;
		line-height: 18px;
		font-weight: bold;
		color: white;
		text-align: center;
		margin: 0;
		padding-top: 4px;
		padding-bottom: 4px;

	}

	.contestContainer .title {
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		color: rgb(49,81,181); /* blue */
		padding: 0;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 3px;
		
	}
	
	.contestContainer p {
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 4px;
		padding-bottom: 4px;
		width: 100%;
		margin: 0;
		font-size: 11px;
		line-height: 13px;
		margin-right: 5px;
		display: block;
		width: 190px;

	}
	
	.contestContainer a.more {
		display: block;
		width: 150px;
		margin-left: 0px;
		margin-top: 10px;
		margin-bottom: 5px;
	}

/* Footer */

	.footer {
		height: 12px;
		width: 900px;
		top: 0;
		margin-top: 0;
	}

	.footer .copyright {
		left: 1px;
		top: 3px;
	}

	.footer .footer-nav {
		left: 217px;
		top: 3px;
	}