/*
Main styles for dannyking.eu
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


/* Generic page styles */
body {
	background-color: #1B3151;
	color: #729FCF;
	font-size:100%;
    line-height:1.125em; /* 16×1.125=18 */
}



.floatRight {
	float: right;	
}

p {
	margin: 10px 0 10px 0;
}

.firstParagraph {
	margin-top: 0;
}

.lastParagraph {
	margin-bottom: 0;
}

/* - Anchors  - */
		
a {
	text-decoration: none;
	outline: none;
}

.h1Line {
	background: url('../h1-bg.png') repeat-x;
	display: block;
	width: 700px;
	height: 52px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.h2Line {
	background: url('../h2-bg.png') repeat-x;
	display: block;
	width: 650px;
	height: 44px;
}

.h3Line {
	background: url('../h3-bg.png') repeat-x;
	display: block;
	width: 295px;
	height: 44px;
	margin-bottom: 5px;
}
		
a:link { 
	color: #3465a4; 
}

a:visited { 
	color: #3465a4; 
}

a:hover { 
	color: #6082B4; 
}

a:active { 
	color: #6082B4; 
}

#navigation a:link { 
	color: #26446c; 
}

#navigation  a:visited { 
	color: #26446c; 
}

#navigation a:hover { 
	color: #6082B4; 
}

#navigation a:active { 
	color: #6082B4; 
}

#navigation .navCurrent:link {
	color: #3465a4;
}

#navigation .navCurrent:hover { 
	color: #6082B4; 
}

#header {
	height: 301px;
	width: 100%;
	background: #1B3151 url('../header-bg.png') repeat-x;
}

	#headerContainer {
		height: 301px;
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background: #1B3151 url('../header-old2.png') no-repeat;
		padding: 10px 0 0 0;
	}
	
	#navigation {
			border-top: 1px solid #26446C;
			border-bottom: 1px solid #26446C;
			position: relative;
			top: 50px;
			font: .8em/2em georgia, serif;
			letter-spacing: .1em;
			text-transform: uppercase;
			display: inline;
			padding: 5px 0 5px 0;;
			text-align: left;
		}
		
		#navigation li {
			list-style-type: none;
			display: inline;
			margin-left: auto;
			margin-right: auto;
			padding-right: 10px;
		}
		
		#navigation .navLast {
			padding-right: 0;
		} 
		
		#navigation .navSelected a {
			color: #3465a4;;
		}
		
		#navigation .navSelected a:hover {
			color: #6082B4;
		}
		
	.container {
		width: 742px;
		margin-left: auto;
		margin-right: auto;
		background: #1B3151 url('../container-bg.png') repeat-y;
		margin-top: -40px;
	}
	
		.containerHead {
			width: 742px;
			height: 25px;
			background: #1B3151 url('../container-top.png') no-repeat;
		}
		
		.containerBody {
			padding: 40px;
		}
	
		.containerFoot {
			width: 742px;
			height: 26px;
			background: #1B3151 url('../container-bottom.png') no-repeat;
	}
	
	#footer {
		height: 217px;
		width: 837px;
		margin-left: auto;
		margin-right: auto;
		background: #1B3151 url('../footer.png') no-repeat;
		text-align: center;
	}
	
		#footer p {
			position: relative;
			top: 185px;
			color: #FFFFFF;
			font: .7em/2em arial, sans-serif;
		}

/* Lifestream page styles */
#lifestream #introBox {
	width: 900px;
	height: 694px;
	background: url('../introBox-bg.png') no-repeat;
	margin: 0 auto;
	position: relative;
	margin-top: -77px;
}

	.introBoxScroll {
		height: 340px;
		width: 650px;
		overflow: auto;
		position: relative; /* fix for IE to respect overflow */
		top: 120px;
		left: 125px;
		clear: left;
	}

	.introBoxContainer div.panel {
	  	padding: 0px;
		height: 320px;
		width: 650px; /* change if not using JS to remove rh.scroll */
	}
	
	#infoBoxDannyWho img {
		margin-top: 20px;
	}
	
	#infoBoxConsultancy .floatRight{
		background-color: #1f3351;
		width: 260px;
		text-align: center;
	}
	
	#infoBoxConsultancy p{
		background-color: #1f3351;
		width: 345px;
		padding: 15px;
		font: .8em/1.4em arial, sans-serif;
		margin-bottom: 10px;
		margin-top: -5px;
	}
	
	#infoBoxConsultancy p strong{
		color: #8ae234;
	}
	
	#infoBoxWebDevelopment td {
		padding: 0 10px 15px 15px;
	}
	
	#infoBoxWebDevelopment span {
		display: block;
		background-color: #1f3351;
		width: 300px;
		height: 77px;
		font-family: arial;
		font-size: 0.8em;
	}
	
	#infoBoxWebDevelopment p {
		padding: 10px;
	}
	
	#infoBoxWebDevelopment img {
		float: left;
		padding-right: 10px;
	}
	
	.infoBoxNavigation {
		width: 800px;
		height: 60px;
		position: relative;
		left: 140px;
		top: 150px;
	}
	
	.infoBoxNavigation li {
		float: left;
	}
	
	.selected {
		
	}
	
	.buttonDannyWho {
			display: block;
			overflow: hidden;
			text-indent: -9000px;
			height: 73px;
			width: 208px;
			background: url('../buttonDannyWho2.png') 0 0 no-repeat;	
		}
	
		.buttonDannyWho:hover { 	background-position: 0 -74px; }
		.buttonDannyWho.selected { 	background-position: 0 -148px; }
		
	.buttonConsultancy {
			display: block;
			overflow: hidden;
			text-indent: -9000px;
			height: 73px;
			width: 208px;
			background: url('../buttonConsultancy3.png') 0 0 no-repeat;	
		}
	
		.buttonConsultancy:hover { 	background-position: 0 -74px; }
		.buttonConsultancy.selected { 	background-position: 0 -148px; }

	.buttonCurrentProjects {
			display: block;
			overflow: hidden;
			text-indent: -9000px;
			height: 73px;
			width: 208px;
			background: url('../buttonCurrentProjects2.png') 0 0 no-repeat;	
		}
	
		.buttonCurrentProjects:hover { 	background-position: 0 -74px; }
		.buttonCurrentProjects.selected { 	background-position: 0 -148px; }	

	.h1Lifestream {
		height: 52px;
		text-indent: -9000px;
		background: url('../h1Lifestream.png') no-repeat; 
	}
		
	#activity_list {
		margin: 0 auto;
		width: 710px; /* (#activity_list li's width * number of boxes per row + some padding to make IE6 behave ) */
	}	

	#activity_list li {
		height: 234px;
		width: 234px;
		background: url('../lifestreamBox.png') no-repeat;
		display: block;
	}
	
	#activity_list li.item {
		float:left;
		overflow:hidden;
	}
	
	#activity_list li .itemLogo {
		position: relative;
		top: 15px;
		left: 15px;
	}
	
	ul#activity_list li.item.last {
		float: none;
	}
	
	#activity_list .itemDetails {
		border-top: 1px solid #375276;
		border-bottom: 1px solid #375276;
		width: 105px;
		float: right;
		padding: 3px 0 3px 0;
		margin: 18px 20px 0 0;
		font: .6em/1.4em arial, sans-serif;
		text-align: center;
	}
	
	#activity_list .itemDetails strong {
		color: #ffffff;
		font-weight: normal;
	}
	
	
	#activity_list .lifestreamFlickrImg {
		width: 150px;
		border: 1px solid #1f1f1f;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
	}
		
	#activity_list .twitter_tweet, #activity_list .blog_title {
		font: .8em/1.3em verdana, sans-serif;
		margin: 30px 30px 0 35px;
	}	
	
	#activity_list .delicious {
		font: .9em/1.3em verdana, sans-serif;
		margin: 30px 30px 0 35px;
		text-align: center;
	}
	
	#activity_list .lastfmCover {
		width: 100px;
		border: 1px solid #1f1f1f;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
	}
	
	#activity_list .lastfmTitle {
		margin: 0 30px 0 30px;
		text-align: center;
		color: #ffffff;
		font: .6em/1.3em verdana, sans-serif;
	}
	
	#pagination {
		height: 145px;
		width: 320px;
		background: url('../pagination-bg.png') no-repeat;
		margin: 0 auto;
		margin-top: 20px;
		padding-top: 62px;
		font: .7em/1.3em verdana, sans-serif;
		color: #eeeeec;
		text-align: center;
		font-weight: bold;
	}



/* Desiderata page styles */

.h1Desiderata {
	width: 177px;
	height: 48px;
	text-indent: -9000px;
	background: url('../h1Desiderata.png') no-repeat;
	margin-bottom: 20px;
	margin-top: 40px;
}

.Pdesiderata {
	font: 0.9em/1.5em arial, serif;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 20px;
}

/* Blog page styles */

.h1Blog {
	width: 81px;
	height: 48px;
	text-indent: -9000px;
	background: url('../h1Blog.png') no-repeat;
	margin-bottom: 50px;
}

.subscribe {
			display: block;
			position: relative;
			left: -18px;
			margin-top: 10px;
			overflow: hidden;
			text-indent: -9000px;
			height: 58px;
			width: 255px;
			background: url('../subscribe.png') 0 0 no-repeat;	
		}
	
		.subscribe:hover { 	background-position: 0 -60px; }
		.subscribe:active { 	background-position: 0 -120px; }

#blog .h3Line {
	width: 215px;
}

#blogSideBar {
	width: 200px;
	float: right;
	margin-right: 10px;
	margin-left: 30px;
	margin-bottom: 30px;
}

#blogSideBar ul {
	font: .7em/1.4em arial, sans-serif;
	background-color: #1E3558;
	margin-bottom: 10px;
	display: block;
	border-left: 7px solid #284060;
	border-right: 7px solid #284060;
	width: 200px;
	list-style-type: none;
}

#blogSideBar li {
	padding: 10px;
}

.h3RecentPosts {
	height: 44px;
	text-indent: -9000px;
	background: url('../h3RecentPosts.png') no-repeat;
}

.viewOlderPosts {
			display: block;
			float: right;
			overflow: hidden;
			text-indent: -9000px;
			height: 28px;
			width: 141px;
			background: url('../viewOlderPosts.png') 0 0 no-repeat;	
			position: relative;
			top: -25px;
			left: -40px;
		}
	
		.viewOlderPosts:hover { 	background-position: 0 -27px; }

.viewOlderPostsLi {
	margin-top: 20px;
}

#blog h3 {
	font: 1.4em/1.1em verdana, sans-serif;
	letter-spacing: -0.1em;
}

#blog h4 {
	font: 0.8em/2em georgia, serif;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.blogPost {
	margin-bottom: 50px;
	font: 0.8em/1.4em verdana, sans-serif;
	letter-spacing: 0.05em;
}

.blogPostContent {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 2px solid #284060;
}

/* Individual blog pages */
#single {
	font: 0.9em/1.5em arial, serif;
}

#single h2 {
	font: 2.0em/1.5em verdana, sans-serif;
	color: white;
}

.dsq-dc-logo {
	display: none;
}

#dsq-options {
	display: none;
}

.dsq-subscribe {
	display: none;
}

.dsq-post-report {
	display: none;
}

.dsq-like {
	display: none;
}

.dsq-button-small {
	display: none;
}

.dsq-brlink {
	display: none;
}

.dsq-header-avatar {
	display: none;
}

#dsq-comment-footer-reply-tab {
	display: none;
}

.dsq-item-sort {
	display: none;
}

.dsq-list-style * {
	display: none;
}

.dsq-login-icon {
	display: none;
}

#dsq-login * {
	display: none;
}

#single h3 {
	padding-top: 20px;
	font: 1.5em/1.5em verdana, sans-serif;
	color: white;
}


#single h4 {
	font: 0.8em/2em georgia, serif;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* olderposts */

#h2OlderPosts {
	padding-top: 20px;
	font: 1.5em/1.5em verdana, sans-serif;
	color: white;
	margin-top: -50px;
}

#olderPostsBack{
	padding-bottom: 30px;
}


#olderPosts  li{
	padding-bottom: 10px;
}

.olderPostBlogPost {
	margin-bottom: 10px;
}


/* Resume page styles */

.h1Resume {
	width: 348px;
	height: 48px;
	text-indent: -9000px;
	background: url('../h1Resume.png') no-repeat;
	margin-bottom: 50px;
}

.downloadPDF {
			display: block;
			float: right;
			overflow: hidden;
			text-indent: -9000px;
			height: 58px;
			width: 255px;
			background: url('../downloadPDF.png') 0 0 no-repeat;	
		}
	
		.downloadPDF:hover { 	background-position: 0 -60px; }
		.downloadPDF:active { 	background-position: 0 -120px; }

.backToTheTop {
			display: block;
			float: right;
			overflow: hidden;
			text-indent: -9000px;
			height: 28px;
			width: 127px;
			background: url('../backToTheTop.png') 0 0 no-repeat;	
			position: relative;
			top: -25px;
			left: -40px;
		}
	
		.backToTheTop:hover { 	background-position: 0 -27px; }


.aMessageToTheReader {
	width: 315px;
	height: 44px;
	text-indent: -9000px;
	background: url('../h2AMessageToTheReader.png') no-repeat;
	margin-bottom: 10px;
}

.resumeMessage {
	margin: 0 50px 0 50px;
	font: .9em/1.3em verdana, sans-serif;
}

#resumeSig {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 188px;
	height: 54px;
	padding: 20px 0 40px 0;
}

.h3Referees {
	height: 44px;
	text-indent: -9000px;
	background: url('../h3Referees.png') no-repeat;
}

.h3Education {
	height: 44px;
	text-indent: -9000px;
	background: url('../h3Education.png') no-repeat;
}

.h3Training {
	height: 44px;
	text-indent: -9000px;
	background: url('../h3Training.png') no-repeat;
}

.h3Experience {
	height: 44px;
	text-indent: -9000px;
	background: url('../h3Experience.png') no-repeat;
}

.h3PersonalSkills {
	height: 44px;
	text-indent: -9000px;
	background: url('../h3PersonalSkills.png') no-repeat;
}

.h3Interests {
	height: 44px;
	text-indent: -9000px;
	background: url('../h3Interests.png') no-repeat;
}

#resume table {
	font: .7em/1.4em arial, sans-serif;
	margin-left: 2px;
	margin-bottom: 40px;
}

#resume tr {
	background-color: #1E3558;
	margin-bottom: 10px;
	display: block;
	border-left: 7px solid #284060;
	border-right: 7px solid #284060;
}

#resume td {
	width: 170px;
	padding: 7px;
}

#resume td.date {
		vertical-align: top;
		width: 80px;
		color: #eeeeec;
}

#resume #content ul {
	font: .7em/1.4em arial, sans-serif;
	background-color: #1E3558;
	margin-bottom: 10px;
	display: block;
	border-left: 7px solid #284060;
	border-right: 7px solid #284060;
	width: 270px;
	list-style-type: none;
	padding-left: 10px;
}

#resume #content li {
	padding: 10px;
	padding-left: 30px;
}

.tick li {
	background: url('../tick.png') 0px 8px no-repeat;
}

.smiley li {
	background: url('../smiley.png') 0px 8px no-repeat;
}

/* Hack to stop the right float overflowing into the footer (it is too long) */
#heightHack{
	display: block;
	height: 50px;
}



/* Contact page styles */

#contact {
	font-family:"Lucida Grande",Verdana,sans-serif;
	color: #5f7893;
	font-size: 0.8em;
}
textarea {resize: none}

.h1Contact {
	height: 46px;
	width: 206px;
	text-indent: -9000px;
	background: url('../h1Contact.png') no-repeat;
}

#sideBar {
	width: 250px;
	float: right;
}

 .contact li  {
 	background-color:#1E3558;
	border-left:7px solid #284060;
	border-right:7px solid #284060;
	height: 40px;
	margin-top: 10px;
	font-family: arial, verdana, sans-serif;
	vertical-align: center;
	text-align: justify;
	padding-left: 5px;
 }
 
 .contact img {
 	width: 30px;
 	height: 25px;
 	position: relative;
 	top: 5px;
 }

#formContainer {
	width: 300px;
	height: 500px;
}

.message {
	width: 350px;
	background: url('../error-bg.png') repeat-y;
	margin-top: 40px;
}

	#errorHead {
		width: 350px;
		height: 28px;
		background: url('../errorHead-bg.png') no-repeat;
	}
	
	#alert {
		padding-left: 40px;
		padding-right: 20px;
		font: .9em/1.4em arial, sans-serif;
		color: #FFFFFF;
	}
	
	#alert ul {
		list-style-type: disc;
		padding-top: 10px;
	}
	
	#alert li {
		padding-bottom: 10px;
	}
	
	
	#errorFoot {
		width: 350px;
		height: 19px;
		background: url('../errorFoot-bg.png') no-repeat;
	}

dt {
	display: block;
	float: left;
	width: 60px;
	text-align: right;
	padding-top: 20px;
}
dd {
	display: block;
	float: left;
}


.inputbox {
	height: 59px;
	width: 232px;
	background: url('../inputbox-bg.png') no-repeat;
	display: block;
}

input {
	margin-top: 10px;
	margin-left: 15px;
	background: transparent;
	color:#FFFFFF;
	border: none;
	font-family:"Lucida Grande",Verdana,sans-serif;
	font-size:0.7em;
	padding-top: 10px;
	height:30px;
	text-decoration:none;
	text-align: center;
	width:200px;
}
.textarea {
	height: 233px;
	width: 232px;
	background: url('../textarea-bg.png') no-repeat;
	display: block;
}

textarea {
	margin-top: 20px;
	margin-left: 15px;
	background: transparent;
	color:#FFFFFF;
	border: none;
	font-family:"Lucida Grande",Verdana,sans-serif;
	font-size:0.7em;
	padding: 10px;
	height: 180px;
	width: 175px;
	text-decoration:none;
	text-align: center;
	overflow: hidden;
}

.submit {
	height: 65px;
	width: 178px;
	background: url('../send.png') no-repeat;
}