﻿body, div, p, span, th, td
{
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 0.90em;
}

div#logo
{
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 20px;
	width: 194px;
	height: 132px;
	background-image: url(../images/jjm-logo.png); background-position: bottom right; background-repeat: no-repeat;
}

div#logo div#caption
{
	position: absolute;
	top: 10px; right: 2px; color: #555;
}

div#topBar
{
	background-color: Black;
	width: 100%; height: 6em;
	text-align: center;
}

div#topBar #topBarContent
{
	border-top: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	padding: 1em;
}

div#topBar a:hover
{
	text-decoration: underline;
}

/** Web Applications **/
div#webApps
{
}
div#webApps a
{
	color: #7e8489;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.10em;
	display: inline-block;
	display: inline;
	margin-left: 1em;
	padding-left: 20px;
	background-position: left; 
	background-repeat: no-repeat;
}

	div#webApps a#insideriaLink
	{
		background-image: url(../images/icon-insideria.png);	
	}
	div#webApps a#tweetLink
	{
		background-image: url(../images/icon-twitter.png);	
	}
	div#webApps a#deliciousLink
	{
		background-image: url(../images/icon-delicious.png);	
	}
	div#webApps a#flickrLink
	{
		background-image: url(../images/icon-flickr.png);	
	}
	div#webApps a#linkedInLink
	{
		background-image: url(../images/icon-linkedin.png);	
	}
	
	div#webApps a#lastLink
	{
		background-image: url(../images/icon-lastfm.png);	
	}
	div#webApps a#facebookLink
	{
		background-image: url(../images/icon-facebook.png);	
	}
/** My Links **/

div#myLinks
{
	padding-top: 1em;
}

div#myLinks a
{
	font-weight: bold;
	text-decoration: none;
	font-size: 1.40em;
}

div#myLinks a
{
	display: inline-block;
	display: inline;
	padding-left: 2em;
}

	/** Specific link colours **/
	div#myLinks a#portalLink
	{
		color: #AAA;
	}
	div#myLinks a#entrepreneurLink
	{
		color: #7ACAFF; 
	}
	div#myLinks a#webDesignLink
	{
		color: #e31d1d;
	}
	div#myLinks a#blogLink
	{
		color: #c5ee23;
	}
	div#myLinks a#cyclingLink
	{
		color: #e45900;
	}
	div#myLinks a#softwareLink
	{
		color: #dd57ff;
	}
	div#myLinks a#musicLink
	{
		color: #f6d692;
	}
	div#myLinks a#stageLink
	{
		color: #856730;
	}