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

*/	


/* Left Column */
	
	.left-column {
		width: 229px;
		float: left;
	}
	
	.middle-column {
		width: 358px;
		float: left;
		margin-right: 14px;
	}
	
	.right-column {
		width: 205px;
		float: left;
		margin-right: 14px;
	}

/* Calendar */

	.calendar {
		position: relative;
		width: 217px; /* 215px + 2px for day margins */
		overflow: hidden;
	}

/* Month Nav */

	.month-nav {
		position: relative;
		width: 215px;
		height: 20px;
		margin: 0 0 4px 0;
		padding: 7px 0 6px 0; 
		background-color: #ff6600; /* orange */
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		color: #fff7f2; /* 95% white on orange */
	}

	.month-nav a {
		text-decoration: none;
		font-size: 21px;
		padding: 0 6px;
	}

	.month-nav a:link,
	.month-nav a:visited {
		color: #fff7f2; /* 95% white on orange */
	}

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

/* Days */

	.days {
		position: relative;
		width: 217px; /* 215px + 2px for day margins */
	}
	
	.day {
		position: relative;
		float: left;
		width: 29px;
		height: 29px;
		padding: 0;
		margin: 2px 2px 0 0;
		background-image: url(../img/global/calendar.png);
		background-repeat: no-repeat;
		background-position: -430px 0;
		overflow: hidden;
		color: #3151b5; /* blue */
	}
	
	.days .grey { background-position: -461px 0; }
	.days .select { background-position: -492px 0; }
	.days .grey.select { background-position: -523px 0; }

	.day a {
		display: block;
		position: absolute;
		width: 29px;
		height: 29px;
		overflow: hidden;
		background-image: url(../img/global/calendar.png);
		background-repeat: no-repeat;
		text-decoration: none;
	}

	.day a:link,
	.day a:visited {
		color: #3151b5; /* blue */
	}

	.day a:hover,
	.day a:active {
		color: #314731; /* blue, with a yellow overlay */
	}
	.day a:link, .day a:visited { background-position: 999px 999px; }

	.day a:hover, .day a:active { background-position: -554px 0; }
	.day.grey a:hover ,.day.grey a:active { background-position: -585px 0; }
	.day.select a:hover, .day.select a:active { background-position: -616px 0; }
	.day.grey.select a:hover, .day.grey.select a:active { background-position: -647px 0; }

	.day em { /* shows count */
		display: block;
		position: absolute;
		width: 23px;
		height: 23px;
		margin: 0;
		left: 3px;
		top: 3px;
		overflow: hidden;
		background-image: url(../img/global/calendar.png);
		background-repeat: no-repeat;
		background-position: -347px -37px;
		text-align: center;
		font-size: 13px;
		line-height: 25px;
		font-weight: bold;
		font-style: normal;
	}

	.day.c0 em { background-position: -681px -27px; }
	.day.c1 em { background-position: -681px -25px; }
	.day.c2 em { background-position: -681px -23px; }
	.day.c3 em { background-position: -681px -21px; }
	.day.c4 em { background-position: -681px -19px; }
	.day.c5 em { background-position: -681px -19px; }
	.day.c6 em { background-position: -681px -17px; }
	.day.c7 em { background-position: -681px -17px; }
	.day.c8 em { background-position: -681px -15px; }
	.day.c9 em { background-position: -681px -15px; }
	.day.c10 em { background-position: -681px -13px; }
	.day.c11 em { background-position: -681px -11px; }
	.day.c12 em { background-position: -681px -11px; }
	.day.c13 em { background-position: -681px -9px; }
	.day.c14 em { background-position: -681px -7px; }
	.day.c15 em { background-position: -681px -5px; }
	.day.c16 em { background-position: -681px -5px; }
	.day.c17 em { background-position: -681px -3px; }
	.day.cmax em { background-position: -712px -3px; }


/* Calendar Days */	
	
	.calendar-days {
		position: relative;
		width: 215px;
		height: 14px;
		padding: 4px 0 3px 0;
		margin: 0;
 		background-color: #ffdf44;  /* yellow */ 
		font-size: 12px;
		line-height: 14px;
		margin-top: 4px;
	}
	
	.calendar-days p {
		margin-left: 10px;
		font-weight: bold;
		/* color: #3151B5; */ /* same blue as most recent comments */
		color: #444;
	}
	



/* Calendar Shortcuts */

	.calendar-shortcuts {
		width: 215px;
		margin: 5px 0 5px;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		/* background-color: #ffdf44; */
	}
	
	.calendar-shortcuts .left,
	.calendar-shortcuts .right {
		position: relative;
		float: left;
	}
	
	.calendar-shortcuts .left {
		width: 102px;
		margin-left: 9px;
	}
	
	.calendar-shortcuts .right {
		width: 104px;
	}
	
	.calendar-shortcuts p {
		margin: 0;
		overflow: hidden;
		white-space: nowrap;
	}
	
	.calendar-shortcuts a {
		text-decoration: none;
	}
	
/* Calendar Subscribe */	
	
	.calendar-subscribe {
		position: relative;
		width: 215px;
		height: 14px;
		padding: 4px 0 4px 0;
		margin: 0;
		background-color: #ff6600; /* orange */
		font-size: 12px;
		line-height: 14px;
	}
	
	.calendar-subscribe p {
		margin-left: 12px;
		font-weight: bold;
	}
	
	.calendar-subscribe a {
		text-decoration: none;
	}
	
	.calendar-subscribe a:link,
	.calendar-subscribe a:visited {
		color: #fff7f2; /* 95% white on orange */
	}
	
	.calendar-subscribe a:hover,
	.calendar-subscribe a:active {
		color: #3151b5; /* blue */
	}

 /* Email Subscribe */
 
 	.email-subscribe {
 		position: relative;
 		width: 215px;
 	}

 	.email-subscribe p {
 		margin: 7px 0 10px 12px;
 		line-height: 12px;
 	}

 	.email-subscribe a {
 		text-decoration: none;
 	}

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

 	.email-subscribe a:hover,
 	.email-subscribe a:active {
 		color: #ff6600; /* orange */
 	}

 	.email-subscribe .title {
 		line-height: 16px;
 		font-weight: bold;
 	}

 	.email-subscribe .subtitle {
 		font-size: 10px;
 		font-weight: normal;
 	}

/* Social Networking */

	.social {
		position: relative;
		width: 215px;
		height: 33px;
		background-color: #ffdf44; /* yellow */
	}

	.social .icons {
		position: absolute;
		height: 30px;
		width: 82px; /* = (# of icons) * 26 + 4 */
		top: 1px;
		left: 5px;
	}

	.social .social-icon {
		float: left;
		margin-right: -4px;
	}

	.social .hints {
		position: absolute;
		height: 12px;
		width: 125px;
		top: 10px;
		left: 90px;
	}

	.social .hints .hint {
		position: absolute;
		font-size: 10px;
		line-height: 12px;
		text-transform: uppercase;
		visibility: hidden;
	}

/* Hit List */

	.hit-list {
		position: relative;
		width: 215px;
	}

	.hit-list .header {
		position: relative;
		width: 215px;
		height: 82px;
	}

	.hit-list .header h2 {
		position: absolute;
		bottom: 0;
		width: 118px;
		height: 18px;
		padding: 10px 0 10px 97px;
		background-color: #3151b5; /* blue */
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		text-align: left;
		color: #ffdf44; /* yellow */
	}

	.hit-list .header img {
		position: absolute;
		width: 65px;
		height: 65px;
		left: 10px;
		bottom: 1px;
		border: solid 2px #3151b5; /* blue */
	}

	.hit-list .author {
		margin: 7px 10px 0 17px;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		color: #ff6600; /* orange */
	}

	.hit-list .author-description {
		margin: 0px 10px 10px 16px;
		font-size: 12px;
		line-height: 14px;
	}

	.hit-list .list {
		width: 215px;
		padding: 12px 0 3px 0;
		background-color: #3151b5; /* blue */
	}

	.hit-list .list p {
		margin: 0;
		padding: 0 10px 0 29px;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		text-indent: -13px;
		color: #f4f6fb; /* 95% white on blue */
	}

	.hit-list .links {
		width: 215px;
		padding: 0 0 12px 0;
		background-color: #3151b5; /* blue */
	}

	.hit-list .links p {
		margin: 0;
		padding: 0 10px 0 16px;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
	}

	.hit-list .links a {
		text-decoration: none;
	}

	.hit-list .links a:link,
	.hit-list .links a:visited {
		color: #ff6600; /* orange */
	}

	.hit-list .links a:hover,
	.hit-list .links a:active {
		color: #ffdf44; /* yellow */
	}

/* Twitter Feed */

	.twitter-feed {
		position: relative;
		width: 211px;
		margin: 22px 0 0 0;
		border: solid 2px #53b6ec; /* eggshell blue */
	}

	.twitter-feed .bird-icon {
		position: absolute;
		width: 48px;
		height: 47px;
		top: -13px;
		left: -11px;
		background: transparent no-repeat url(../img/global/twitter_bird_icon.png);
		z-index: 3;
	}

	.twitter-feed .head {
		position: relative;
		padding: 10px 0 4px 38px;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		color: #3151b5; /* blue */
		background-color: white;	
		z-index: 2;
	}

	.twitter-feed .feeds {
		position: relative;
		top: -1px; /* hides first horz rule under white bg of head */
		margin: 0 7px 4px 7px;
		z-index: 1;
	}

	.twitter-feed .item {
		position: relative;
		padding: 6px 0 5px 0;
		border-top: solid 1px #53b6ec; /* eggshell blue */
	}

	.twitter-feed .message {
		margin: 0 0 0 0;
		font-size: 10px;
		line-height: 12px;
	}

	.twitter-feed .link {
		margin: 3px 0 0 0;
		font-size: 10px;
		line-height: 12px;
		font-weight: bold;
	}

	.twitter-feed a {
		text-decoration: none;
	}

	.twitter-feed a:link,
	.twitter-feed a:visited {
		color: #ff6600; /* orange */
	}

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

	.twitter-feed .time {
		margin: 3px 0 0 0;
		font-size: 9px;
		line-height: 10px;
		color: #666666; /* dark grey */
	}

/* Photo Features */

	.photo-feature {
		overflow: hidden;
		font-size: 12px;
		line-height: 15px;
	}

	.photo-feature img {
		display: block;
	}

	.photo-feature a {
		text-decoration: none;
	}

	.photo-feature .caption {
		/* margin-top: 8px; */
	}

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

	.photo-feature a:hover,
	.photo-feature a:active {
		color: #ff6600; /* orange */
	}


/* Main Photo Feature */

	.main-photo-feature {
		width: 358px;
		padding: 0 0 8px 0;
		border-bottom: dotted 1px #919191; /* grey L=60 */
	}

/* Secondary Photo Features */

	.secondary-photo-features {
		width: 368px;
		padding: 10px 0 8px 0;
		border-bottom: dotted 1px #919191; /* grey L=60 */
		margin-bottom: 15px;
	}

	.secondary-photo-features .photo-feature {
		width: 174px;
		float: left;
		margin-right: 10px;
	}

/* Text Feature */

	.text-feature {
		margin-bottom: 15px;
	}

	.text-feature h2 {
		width: 238px;
		height: 20px;
		padding: 7px 15px 0px 15px;
		margin-left: 90px;
		background-color: #3151b5; /* blue */
		font-size: 18px;
		line-height: 20px;
		color: #f4f6fb; /* 95% white on blue */
	}

	.text-feature div {
		position: relative;
		min-height: 90px;
		border: solid;
		border-top-width: 5px;
		border-right-width: 0;
		border-bottom-width: 5px;
		border-left-width: 0;
		border-color: #3151b5; /* blue */
		overflow: hidden;
	}

	.text-feature img {
		display: block;
		position: absolute;
		width: 90px;
		height: 90px;
		overflow: hidden;
	}

	.text-feature h3 {
		width: 243px;
		margin: 10px 0 0 105px;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		color: #3151b5; /* blue */
	}

	.text-feature .text {
		width: 243px;
		margin: 0 0 2px 105px;
		font-size: 11px;
		line-height: 13px;
	}

	.text-feature .link {
		width: 243px;
		margin: 0 0 8px 105px;
		font-size: 11px;
		line-height: 13px;
		font-weight: bold;
	}

	.text-feature a {
		text-decoration: none;
	}

	.text-feature a:link,
	.text-feature a:visited {
		color: #ff6600; /* orange */
	}

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

	.text-feature.orange h2 { background-color: #ff6600; /* orange */ color: #fff7f2; /* 95% white on orange */ }
	.text-feature.orange div { border-color: #ff6600; /* orange */ }

/* Akimblog */

	.akimblog {
		position: relative;
		width: 205px;
		overflow: hidden;
	}
	
	.akimblog h2 {
		width: 205px;
		height: 20px;
		margin: 0 0 11px 0;
		padding: 7px 0 6px 0; 
		background-color: #ffdf44; /* yellow */
		color: #3151b5; /* blue */
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		text-indent: 12px;
		text-align: left;
	}
	
	.akimblog .item {
		width: 205px;
		padding-bottom: 7px;
		border-bottom: dotted 1px #919191; /* grey L=60 */
		margin-bottom: 11px;
	}

	.akimblog img {
		display: block;
		width: 205px;
		height: 80px;
		overflow: hidden;
	}

	.akimblog h3 {
		width: 205px;
		height: 11px;
		margin: 0 0 7px 0;
		padding: 3px 0 2px 0; 
		background-color: #3151b5; /* blue */
		font-size: 11px;
		line-height: 11px;
		font-weight: bold;
		color: #f4f6fb; /* 95% white on blue */
		text-indent: 5px;
		text-align: left;
		text-transform: uppercase;
	}
	
	.akimblog p {
		width: 198px;
		margin: 0 3px 0 4px;
		font-size: 10px;
		line-height: 12px;
	}
	
	.akimblog .headline {
		position: relative;
		font-weight: bold;
		top: -1px;
		color: #ff6600; /* orange */
	}
	
	.akimblog a {
		text-decoration: none;
	}

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

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

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

	.akimblog a:hover .headline,
	.akimblog a:active .headline {
		color: #ff812d; /* orange lightened */
	}

 /* Comments */
	
	.comments {
		position: relative;
		width: 205px;
		overflow: hidden;
	}

	.comments h3 {
		width: 205px;
		height: 13px;
		margin: 0 0 9px 0;
		padding: 2px 0 1px 0; 
		background-color: #ffdf44; /* yellow */
		font-size: 11px;
		line-height: 13px;
		font-weight: bold;
		color: #3151b5; /* blue */
		text-indent: 5px;
		text-align: left;
	}
	
	.comments .item {
		width: 205px;
		padding-bottom: 5px;
		border-bottom: dotted 1px #919191; /* grey L=60 */
		margin-bottom: 8px;
	}

	.comments p {
		width: 198px;
		margin: 0 3px 0 4px;
		font-size: 10px;
		line-height: 12px;
	}
	
	.comments .headline {
		position: relative;
		font-weight: bold;
		top: -1px;
	}
	
	.comments a {
		text-decoration: none;
	}

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

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

	.comments .view-all {
		position: relative;
		width: 205px;
		height: 13px;
		padding: 2px 0 1px 0;
		border-top: solid 3px white; /* hides the bottom border of last item */
		margin: -9px 0 7px 0;
		background-color: #ff6600; /* orange */
		font-size: 11px;
		line-height: 13px;
		font-weight: bold;
		text-indent: 5px;
	}
	
	.comments .view-all a {
		color: #fff7f2; /* 95% white on orange */
		text-indent: 5px;
		text-align: left;
	}

	.comments .view-all a:link,
	.comments .view-all a:visited {
		color: #fff7f2; /* 95% white on orange */
	}

	.comments .view-all a:hover,
	.comments .view-all a:active {
		color: #3151b5; /* blue */
	}

/* Footer */

	.footer {
		text-align: center;
		width: 358px;
		height: 35px;
		margin: 17px 0 30px 0;
	}

	.footer .copyright {
		margin: 7px auto 0 auto;
	}

	.footer .footer-nav a {
		padding: 0 1px 0 3px;
	}



/* Additions by Mark Guertin - required for various integration parts and pieces */
.twtr-hd, .twtr-ft {
	display: none;
}

.twtr-tweet-text {
	font-size: 0.9em;
}