@charset "UTF-8"
/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	color: #666;
	background: black url(/images/metamorph/back_all.png) repeat-x;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	min-width: 960px;
}

body {
	width: 920px;
	margin: 0 auto;
	border-left: 16px solid white;
	border-right: 16px solid white;
	background: white
}

body > header {
	height: 368px;
	width: 100%;
	display: block;
/* 	background: url(/images/colin.png) no-repeat top right, url(/images/metamorph/header.jpg) no-repeat top left; */
	background: url(/images/metamorph/header.jpg) no-repeat top left;
}

body > header > h1 {
	margin: 0;
	line-height: normal;
	padding: 47px 0 0 20px;
	font-size: 200%;
	color: white;
	font-weight: bold;
	text-shadow: black 2px 2px 4px;
}

body > header > ul {
	padding: 10px 0 0 20px;
	font-size: 83.333%;
	text-transform: uppercase;
	color: white;
}

body > header > ul > li {
	padding: 10px 0 0 20px !important;
	text-transform: uppercase !important;
	color: white !important;
	font-weight: bolder;
	text-shadow: black 1px 1px 2px;
}

body > header a {
	text-decoration: none;
	color: white;
}

body > header + nav {
	height: 76px;
	background: url(/images/metamorph/menu.png) repeat-x;
	width: 87.5%; /*840px*/
	padding-left: 12.5%; /* 120px*/
	margin-top: -76px;
	display: block;
	opacity: 0.85;
}

body > header + nav ul {
	margin: 0;
	list-style: none;
}

body > header + nav li:not(.icon) a {
	display: inline;
	height: 50px;
	text-decoration: none;
	text-align: center;
	padding-top: 26px;
	font-size: 150%;
	font-weight: bold;
	color: white;
	float: left;
	width: 140px;
}

body > header + nav li.icon a {
	display: inline;
	height: 50px;
	text-decoration: none;
	text-align: center;
	padding-top: 26px;
	font-size: 150%;
	font-weight: bold;
	color: white;
	float: right;
	width: 50px;
}

body > header + nav li.icon:first-of-type a {
	margin-right: 26px;
}

body > header + nav a:hover {
	background: url(/images/metamorph/menu_r.png) repeat-x;
	height: 50px;
}

body > header + nav li.icon span {
	display: none;
}

body > header + nav a[href*="twitter"] {
	background: url('images/linkicons/twitter_large.png') center no-repeat !important;
}

body > header + nav a[href*="facebook"] {
	background: url('images/linkicons/facebook_large.png') center no-repeat !important;
}

body > header + nav a[href*="linkedin"] {
	background: url('images/linkicons/linkedin_large.png') center no-repeat !important;
}

body > header + nav a[href*="reader"] {
	background: url('images/linkicons/reader_large.png') center no-repeat !important;
}

body > header + nav a[href*="twitter"]:hover {
	background: url('images/linkicons/twitter_large.png') center no-repeat, url('images/metamorph/menu_r.png') repeat-x !important;
}

body > header + nav a[href*="facebook"]:hover {
	background: url('images/linkicons/facebook_large.png') center no-repeat, url('images/metamorph/menu_r.png') repeat-x !important;
}

body > header + nav a[href*="linkedin"]:hover {
	background: url('images/linkicons/linkedin_large.png') center no-repeat, url('images/metamorph/menu_r.png') repeat-x !important;
}

body > header + nav a[href*="reader"]:hover {
	background: url('images/linkicons/reader_large.png') center no-repeat, url('images/metamorph/menu_r.png') repeat-x !important;
}


body > div {
	width: 920px;
	margin: 0 auto;
	background: url(/images/metamorph/page_back.gif) repeat-x;
/* 	padding-left: 11px; */
}

body > div > div {
	float: left;
	min-width: 501px !important;
	width: 575px;
	display: inline-block;
	margin-top: -4px;
}

body > div > div > section > article > header {
/*
	border: 1px solid #FE6B02;
	background: #F1F1F1;
*/
	display: inline;
	padding: 4px;
/* 	margin-top: -4px; */
	margin-bottom: 10px;
}

body > div > div > section > article ul,
body > div > div > section > article ol {
	margin-left: 30px;
}

body > div > div > section > article > div {
	width: 499px;
/* 	width: 93.973634652%; */
	padding: 10px;
	border: 1px solid black;
	background: white;
}

body > div > div > section > article > header > h2 {
	width: 501px;
	display: block;
	background: #6f8ffa url('images/metamorph/content_title.png') no-repeat;
	height: 28px;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: -1px;
}

body > div > div > section > article > footer {
	height: 31px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 3px;
	font-size: 10px;
/* 	border: 1px solid #FE6B02; */
    background: white;		
}

body > div > div > section > article > footer > ul {
	list-style: none;	
}

body > div > div > section > article > footer > ul > li {
	display: inline; 
}

article {
	margin-bottom: 15px;
	color: black;
	margin-top: 10px;
}

article a {
	color: #1d74a6;
}

article a:hover {
	color: #1ba9f4;
}

article h2 {
	color: black;
	text-transform: uppercase;
	font-size: 116.6667%;
	font-weight: bold
}

body > div > aside {
	float: left;
	width: 183px;
	color: black;
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
}

body > div > aside:last-of-type {
	margin-left: 10px;
	width: 120px;
	float: right !important;
}

body > div > aside ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

body > div > aside ul > li {
	padding: 4px 10px;
}

body > div > aside a {
	text-decoration: none;
	font-size: 91.6667%;
}

body > div > aside a:hover {
	text-decoration: underline;
}

body > div > aside > header {
/* 	background: #F1F1F1; */
	padding: 4px;
	margin-bottom: 10px;
	display: none;
}

body > div > aside header > h2,
body > div > aside header > h3 {
	padding-top: 12px;
	color: black;
	background: url(/images/metamorph/title.png) no-repeat;
	height: 26px;
	padding-left: 20px;
	font-size: 116.6667%;
	text-transform: uppercase;
	font-weight: bold;
}

body > div > aside header > h2 {
	font-size: 133.3333%;
}

body > div > aside header > h3 {
	font-size: 116.6667%;
}

body > div > aside > section > div {
	background: url(/images/metamorph/small_back.gif) repeat-y;
	border-bottom: 1px solid black;
}

body > div > aside > section > div > div {
	background: url(/images/metamorph/title_back.png) no-repeat !important;
	padding: 10px;
}

body > div > aside > section > footer {
	height: 2px;
	background: url(/images/metamorph/small_bottom.gif) no-repeat;
	width: 183px;
}

body > footer {
	clear: both;
	margin: 32px -16px 0 -16px;
	padding: 20px 0 0 0;
	max-height: 62px;
	min-height: 39px;
	width: 952px;
	display: block;
	background: url(/images/metamorph/footer.png) repeat-x;
	bottom: 0;
	font-size: inherit !important;
}

body > footer > a[rel|=license],
body > footer > img[longdesc*=creativecommons] {
	padding: 4px;
	float: left;
	width: 88px;
	height: 31px;
}

body > footer p {
	text-align: center;
	font-size: smaller;
	color: #666;
}

#twitter_update_list {
	list-style: none;
	display: inline;
}

body > div:last-of-type {
	clear: both;
}

p, li {
	margin-bottom: 0.5em;
}

hr {
	display: none;
}
input, textarea {
	color: #0F5B96;
/* 	background: #A4E4F5; */
/* 	border: 1px solid white; */
	font: bold 100.083% "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, p, ol, ul {
	margin-top: 0;
}

h1, h2, h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 2.4em;
	text-transform: lowercase;
	font-weight: normal;
}

h2 {
	font-size: 1.8em;
	text-transform: lowercase;
	font-weight: normal;
}

a:link {
	color: rgb(29,116,166);
}

a:hover {
	text-decoration: none;
	color: hsl(201,89%,83%);
/* 	text-shadow: grey 0 0 4px; */
}

section#photos ul {
	margin-top: 8px;
}
section#photos ul li {
	list-style-type: none;
	display: inline-block;
}

section#photos ul li a {
	display: block;
	height: 160px;
	width: 159px;
	min-width: 143px;
	vertical-align: text-bottom !important;
	text-align: center;
}

section#photos a[href*=wide] {
	background: url("/images/mip/mip_wsthumb.png") no-repeat center center;
}

section#photos a[href*=full] {
	background: url("/images/mip/mip_fsthumb.png") no-repeat center center;
}

section#photos a[href*=iPhone] {
	background: url("/images/mip/mip_iphonethumb.png") no-repeat center center;
}

section#photos a[href$=tiff] {
	background: url("/images/mip/mip_tiffthumb.png") no-repeat center center;
}

section#home > article > div {
	width: 299px;
	min-height: 183px;
	padding-right: 210px;
	background: url("/images/colin/doorway.jpg") no-repeat 99% 2px;
}

section#interests > div > ul > li {
	font-weight: bold;
	padding-top: 0.25em;
	padding-bottom: 0.125em;
}
section#interests > div > ul > li li {
	font-weight: normal;
	padding-top: 0;
}

/* Google ads */
ins {
	margin: 0 auto !important;
}

/* Pictures */
img[src="/images/certs/hpaps.gif"] {
	width: 264px;
	height: 62px;
}

img[src="/images/certs/a+.jpg"] {
	width: 135px;
	height: 103px;
	max-width: 270px;
	max-height: 206px;
}

img[src="/images/certs/heipv6.png"] {
	width: 128px;
	height: 128px;
}