/*

	Theme Name: MySite v3.4

	Theme URI: http://danielvanc.com/

	Version: 3.4

	Author: Daniel Van Cuylenburg

	Author URI: http://danielvanc.com/

*/





* {

	margin:0;

	padding:0;

}

body {

	/*background:#FFF url(images/bg.jpg) top center no-repeat;*/

	background: #EFEBE2 url(images/bodybg_2.jpg);

	border:10px solid #CBC2AA;

	font-family: Georgia, serif;

	font-size:62.5%;

	padding: 40px 0 10px 0;

	text-align:center;

}

li,p,h2,h3,h4,h5,h6 {color: #333;}

h2,h3,h4,h5,h6 {font-family: "Hoefler Text", "Times New Roman", serif;}

strong {font-weight:bold;}

a {text-decoration: none;}

a:hover {cursor:pointer;}

li {list-style:none;}

li, p {

	color: #454545;

	font-size:1.3em;

	line-height:140%;

}

em {

	font-family:"Times New Roman", serif;

	font-style: italic;

}

.clear {clear: both;}

.left {float: left;}

.right {float: right;}

.contentContainer {

	margin: 0 auto;

	text-align: left;

	width: 964px;

}

.heading, .widgettitle {

	background: url(images/bg_stripe.png) bottom repeat-x;

	border-top:2px solid #C8BCAA;

	padding: 10px 0 10px 0;

	text-align: center;

	text-transform: uppercase;

}

	.heading a {

		color: #444;

		font-weight: bold;

	}

	.heading a:hover {color: #990000;}

.output {

	color: #151515;

	font:normal 4.9em "Hoefler Text", Baskerville, "Times New Roman", Times, serif;

	line-height: 90%;

	padding: 30px 0 30px 0;

	text-shadow:1px 1px #EFEFEF;

}

.bdr {

	border-bottom: 1px solid #CEC1B7;

	margin-bottom: 18px;

	padding-bottom: 14px;

}

p.intro {

	color: #454545;

	float: right;

	font-size: 2.2em;

	font-style: italic;

	padding: 30px 0 10px 0;

	text-align: right;

	width: 785px;

}

.indent {padding-left: 25px;}

.smallIndent {

	font-size: 1.8em;

	padding: 0 0 0 38px;

}

h1 {

	color: #353535;

	float: left;

	font-size: 4.0em;

	text-shadow: 1px 1px #EFEFEF;

}



h1#intro {

	color:#353535;

	float:none;

	font-size:3.8em;

	font-weight: bold;

	letter-spacing:0.015em;

	line-height: 120%;

	text-transform:none;

	text-shadow:1px 1px #EFEFEF;

}

	h1#intro em {font-family: Baskerville, serif;font-weight: normal;}

	h1#intro span {

		color: #353535;

		display:block;

		font-size:0.375em;

		font-weight: normal;

		line-height: 150%;

		padding-top:5px;

		text-shadow:none;

	}

h2.heading {

	font-size:5.2em;

	line-height: 0.5em;

	padding: 35px 0 15px 0;

	text-shadow:1px 1px #EFEFEF;

}

	h2.heading span {

		display: block;

		font-size: 0.2114em;

		letter-spacing: 0.16em;

		text-shadow:none;

	}

	h2.heading span em {text-transform: none;}

h2.title {

	clear: both;

	color: #353535;

	font-size: 6.0em;

	letter-spacing:-0.06em;

	line-height: 70%;

	padding:40px 0 20px 0;

	text-transform: uppercase;

}

h2.center {

	line-height: 2.9em;

	text-align: center;

}

h2.sub {

	color: #222;

	font-size: 5.0em;

	letter-spacing:-0.03em;

	text-transform: uppercase;

}	

h2.subPageTitle {

	border-top: 1px solid #C8BCAA;

	color: #333;

	font-size: 4.1em;

	letter-spacing: 0.01em;

	margin-top: 40px;

	padding-top: 52px;

	text-shadow: 1px 1px #EFEFEF;

}

h2.widgettitle {

	background: url('images/bg_stripe.png') bottom repeat-x;

}



#mast #following h2 {

	background:url('images/whereimfound.png') no-repeat;

	margin: 0 auto;

	height:19px;

	text-indent: -9999px;

	width:178px;

}



h3.heading {

	font:normal 1.1em "Times New Roman", Times, serif;

	letter-spacing: 0.16em;

}

	h3.heading em {

		font-family: "Times New Roman", serif;

		text-transform: none;

	}

h3.single {

	color: #333;

	font-size: 3.6em;

}

#multi_content h3 {

	border-bottom: 1px solid #151515;

	padding-bottom: 7px;

}

#leadArticle h3 {

	font-size: 4.4em;

	line-height: 70%;

	padding:20px 0 20px 0;

	text-shadow: 1px 1px #EFEFEF;

}

	#leadArticle h3 small {

		display: block;

		font-size: 0.45em;

	}

#contentFooterSecondary .sideItem h3 {

	margin-bottom: 12px;

	padding-left: 8px;

	text-align: left;

}	

#gameCard h3 {

	color: #454545;

	font:normal 2.2em Verdana,sans-serif;

	line-height: 150%;

}

	#gameCard h3 span {display: block;font-size: 0.44em;}

	

	



	



#postListing .post .cnt h3 {

	font:normal 4.2em "Times New Roman", Times, serif;

	letter-spacing: normal;

	padding-bottom: 20px;

	text-transform: none;

	text-shadow: 1px 1px #EFEFEF;

}

	#postListing .post .cnt h3 small {

		font-size: 0.35em;

		padding-top: 4px;

	}

	#postListing .post h3 a {

		border-bottom: 1px solid #CEC1B7;

		color: #333;

	}

	#postListing .post h3 a:hover {color:#CEC1B7;}

#multi_content .post h4{

	font-size: 3.1em;

	padding-bottom: 12px;

	text-shadow: 1px 1px #EFEFEF;

}

	#multi_content .post h4 small {

		display: block;

		font-size: 0.46em;

	}

.twinned h4 {

	color: #333;

	font:normal 3.0em "Times New roman", Times, serif;

	text-align: right;

}

.twinned h4 {

	color: #333;

	font:normal 3.0em "Times New roman", Times, serif;

	text-align: right;

}

.twinned h4 {

	color: #333;

	font:normal 3.0em "Times New roman", Times, serif;

	text-align: right;

}

#services h4, #contact_information h4 {

	color: #333;

	font-size: 2.3em;

	font-weight: bold;

	letter-spacing: 0.1em;

	padding: 0 0 10px 0;

	text-transform: uppercase;

}	

#journal .journalItem h4, #music .update h4, #contentFooter .slimCol h4 {

	font-family: "Times New Roman", Times, serif;

	letter-spacing: normal;

	line-height: 90%;

	padding-bottom: 7px;

}

.thumb h4, .lead h4 {font-size: 3.8em;}

	.thumb h4 a, .lead h4 a, #journal .subs h4 a {color: #454545;}

	.thumb h4 a:hover, .lead h4 a:hover, #journal .subs h4 a:hover {color: #CEC1B7}



#journal .lead h4 small {font:italic 0.3549em Georgia, serif;padding-top: 5px;}

#journal .journalItem small {

	color: #AE9785;

	display: block;	

	letter-spacing: normal;

	text-transform:none;

}

#journal .subs h4 {

	font-size: 1.9em;

	line-height: 110%;

}

	#journal .subs h4 small {

		color: #AE9785;

		display:block;

		font:italic 0.621em Georgia, serif;

	}

#music .update h4, #contentFooter .slimCol h4 {

	font-size: 2.2em;

	line-height: 110%;

}

	#music .update h4 small, #contentFooter .slimCol h4 small {color: #AE9785;display:block;font:italic 0.501em Georgia, serif;}





#postListing .cnt h3 {

	font-size: 1.7em;

	line-height: 120%;

	padding: 0 0 8px 0;

}

#postListing .cnt h3 small  {

	color: #AE9785;

	display: block;

	font:italic 0.7em Georgia, serif;

	letter-spacing: normal;

	text-transform:none;

	text-shadow: none;

}

	#journal .journalItem h4 a, #contentFooter .slimCol h4 a {color:#353535;}

	#journal .journalItem h4 a:hover, #contentFooter .slimCol h4 a:hover {color: #AE9785;}





#gameCard h4{color:#777;font-size: 1.8em;padding-bottom: 7px;}

	#gameCard h4 span.gold{color:#996633;}

	#gameCard h4 span.silver{color:#777;}

#myFlickr h5 {text-align: center;}

#myFlickr h5, #subFooter h5 {

	color: #353535;

	font-size: 1.1em;

	letter-spacing: 0.15em;

	text-transform: uppercase;

	padding-bottom: 15px;

}



	#myFlickr h5 a {

		color: #333;

		font-weight: bold;

	}

	#myFlickr h5 a:hover {color: #990000;}

#myGaming h5 {

	border-bottom:3px solid #C8BCAA;

	color: #676767;

	font:normal 1.5em Georgia,serif;

	padding: 12px 0 12px 0;

	text-align:center;

}

#gameCard h6 {

	float: right;

	width: 124px;

	font-size:0.910em;

	line-height: 100%;

	padding: 4px 0 0 12px;

}





#header {

	background: url('images/bg_stripe.png') bottom repeat-x;

	position: relative;

	padding-bottom: 75px;

}	

	#header #nav1 {float: left;}

	#header #nav2 {float: right;}

	#header ul {padding-top: 35px;}

	#header ul#nav1 li {

		display: inline;

		margin-right: 24px;

	}

	#header ul#nav2 li {

		display: inline;

		margin-left: 24px;

	}

	#header li {

		font:normal 1.25em "Hoefler Text", "Times New Roman", serif;

		font-variant: small-caps;

		letter-spacing: 0.81em;

		line-height: 150%;

		text-align: right;

	}

		#header li#skip_navigation a {display:none;}

		#header li a {

			border:1px solid transparent;

			color: #2A2A2A;

			padding: 12px 6px 12px 15px;

			text-align: right;

			text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

		}

			#header li a:hover,#header li a.current {

				background: #EFEFEF;

				border: 1px solid #CEC1B7;

				-moz-border-radius:7px; 

				-webkit-border-radius: 7px;

				opacity: .45;

				text-shadow: none;

			}



#header #logo {

	background: url('images/logo.png') bottom no-repeat;

	display: block;

	height:117px;

	left:311px;

	position: absolute;

	text-indent: -9999px;

	top:-20px;

	width:348px;

}

#header #logo:hover {background: url('images/logo.png') bottom no-repeat;}



#mast {

	background: url(images/bg_stripe.png) bottom repeat-x;

	padding: 30px 0 30px 0;

	width:964px;

}

#mast p {

		color: #AE9785;

		float: right;

		font-style: italic;

		letter-spacing: 0.025em;

		padding: 15px 0 0 0;

	}

		#mast p a {

			border-bottom: 1px solid #CEC1B7;

			color: #AE9785;

		}

		#mast p a:hover {color: #333;}



	#mast ul {

		clear: both;

		padding: 12px 0 0 0;

	}

		#mast li {

			display: inline;

			padding-right: 5px;

		}

	#mast li a {color: #666;}

	#mast li a.current {color:#000;}

	#mast #mastCnt {

		float: left;

		width: 605px;

	}

	#mast #following {

		float: right;

		padding: 15px 65px 0 0;

		width:225px;

	}

		#mast #following .cnt {

			background:url('images/bg_following.png') center no-repeat;

			height: 171px;

			position: relative;

		}

		#mast #following .cnt a {

			display: block;

			position: absolute;

			height: 41px;

			width: 40px;

		}

		#mast #following a#btTwit {

			background: url('images/social-icons.jpg') 0 0 no-repeat;

			left:30px;

			top:31px;

		}

		#mast #following a#btTwit:hover {background: url('images/social-icons.jpg') 0 -42px no-repeat;}

		#mast #following a#btDigg {

			background: url('images/social-icons.jpg') -42px 0 no-repeat;

			left:72px;

			top:31px;

		}

		#mast #following a#btDigg:hover {background: url('images/social-icons.jpg') -42px -42px no-repeat;}

		#mast #following a#btFace {

			background: url('images/social-icons.jpg') -82px 0 no-repeat;

			left:112px;

			top:31px;

		}

		#mast #following a#btFace:hover {background: url('images/social-icons.jpg') -82px -42px no-repeat;}

		#mast #following a#btLast {

			background: url('images/social-icons.jpg') -124px 0 no-repeat;

			left:154px;

			top:31px;

		}

		#mast #following a#btLast:hover {background: url('images/social-icons.jpg') -124px -42px no-repeat;}

		

		

		

		#mast #following a#btIn {

			background: url('images/social-icons.jpg') -164px 0 no-repeat;

			left:30px;

			top:76px;

		}

		#mast #following a#btIn:hover {background: url('images/social-icons.jpg') -164px -42px no-repeat;}

		

		#mast #following a#btDel {

			background: url('images/social-icons.jpg') -206px 0 no-repeat;

			left:72px;

			top:76px;

		}

		#mast #following a#btDel:hover {background: url('images/social-icons.jpg') -206px -42px no-repeat;}

		#mast #following a#btFlick {

			background: url('images/social-icons.jpg') -246px 0 no-repeat;

			left:112px;

			top:76px;

		}

		#mast #following a#btFlick:hover {background: url('images/social-icons.jpg') -246px -42px no-repeat;}

		#mast #following a#btYou {

			background: url('images/social-icons.jpg') -288px 0 no-repeat;

			left:154px;

			top:76px;

		}

		#mast #following a#btYou:hover {background: url('images/social-icons.jpg') -288px -42px no-repeat;}

		

		

		





#mainContent {}

	.primaryContent {

		float: left;

		width:640px;

	}

	.secondaryContent {

		float: right;

		width:285px;

	}

		.itemsWrap {padding: 20px 0 35px 0;}

		.sideItem {padding: 20px 0 0 0;}

			.sideItem a {color: #006699;}

	

	#colIntro {

		float: left;

		padding: 30px 0 0 0;

		width: 467px;

	}

		#colIntro p {

			line-height: 170%;

			padding: 19px 20px 0 38px;

		}

	#colPrevWork {

	float: right;

	padding:30px 0 40px 0;

	width:463px;

}

	#colPrevWork p {

		line-height: 170%;

		padding: 8px 0 12px 0;

	}



	.twinned {

		background: url('images/bg_stripe.png') top repeat-x;

	}

		.twinned div {padding-top: 25px;}

		.twinned .intro {

			float: left;

			width: 206px;

		}

			.twinned .intro p {

				font-style: italic;

				text-align: right;

			}

		.twinned .cnt {

			float: right;

			width:700px;

		}

			.twinned .cnt p {padding-bottom: 20px;}

			.twinned .cnt p.sub {

				font-size: 2.0em;

			}

#pageFAQ {

	background: url('images/bg_stripe.png') bottom repeat-x;

	margin-bottom: 25px;

}

	#pageFAQ p.sub {padding-bottom: 7px;}







/*

	HOME WORK

	----------------------------------------------------------------------

*/

#workIntroduction {padding: 18px 0 18px 0;}

#workIntroduction h2 {border-top: 0;}

	

	#work {

		-moz-border-radius:7px 7px 7px 7px;

		-webkit-border-radius: 7px;

		background:none repeat scroll 0 0 #D5D0BD;

		border:1px solid #B5A190;

		float:right;

		margin:22px 0 0;

		position:relative;

		width:610px;

		

	}

	#work_panels {

		float: right;

		height: 210px;

		position: relative;

		overflow: hidden;

		width: 610px;

	}

	#work div.panel h3 {

		font-size: 2.0em;

		font-weight: bold;

		line-height: 100%;

		padding:18px 0 5px 21px;

		width: 253px

	}

	

	#work div.panel {

		float: left;

		height: 210px;

		width: 611px; /* change to 560px if not using JS to remove rh.scroll */

	}

	#work_panels li {

		float: left;

		height: 210px;

		position: relative;

		width: 611px;

	} 

		#work div.panel p {

			line-height: 150%;

			font-size: 1em;

			padding: 0 0 7px 22px;

			width:250px;

		}

			#work div.panel p a {

				color: #990033;

				font-style: italic;

				font-weight: bold;

			}

			#work div.panel p a:hover {color:#777;}

		#work-navigation li {float:left;margin:0 0 5px 5px;}

		#work-navigation li a {

			border:1px solid #CEC1B7;

			display: block;

			cursor: pointer;

			float: left;

			height: 103px;

			

			-moz-border-radius:7px; 

			-webkit-border-radius: 7px;

			width: 114px;

		}

			#work-navigation li span {display: none;}

		#work-navigation #li1 a {background: url('images/work-thumb-newocgroup.jpg') bottom no-repeat;}

		#work-navigation #li1 a:hover, #work-navigation #li1 a.current {background: url('images/work-thumb-newocgroup.jpg') top no-repeat;}

		

		#work-navigation #li2 a {background: url('images/work-thumb-blueshift.jpg') bottom no-repeat;}

		#work-navigation #li2 a:hover,#work-navigation #li2 a.current {background: url('images/work-thumb-blueshift.jpg') top no-repeat;}

		

		#work-navigation #li3 a {background: url('images/work-thumb-ocasia.jpg') bottom no-repeat;}

		#work-navigation #li3 a:hover, #work-navigation #li3 a.current {background: url('images/work-thumb-ocasia.jpg') top no-repeat;}

		

		#work-navigation #li4 a {background: url('images/work-thumb-artemis.jpg') bottom no-repeat;}

		#work-navigation #li4 a:hover, #work-navigation #li4 a.current {background: url('images/work-thumb-artemis.jpg') top no-repeat;}

		

		#work-navigation #li5 a {background: url('images/work-thumb-vgr.jpg') bottom no-repeat;}

		#work-navigation #li5 a:hover, #work-navigation #li5 a.current {background: url('images/work-thumb-vgr.jpg') top no-repeat;}

		

		#work #work1 {background: url('images/work-ocgroup.png') top right no-repeat;}

		#work #work2 {background: url('images/work-blueshift.png') top right no-repeat;}

		#work #work3 {background: url('images/work-ocasia.png') top right no-repeat;}

		#work #work4 {background: url('images/work-artemis.png') top right no-repeat;}

		#work #work5 {background: url('images/work-vgr.png') top right no-repeat;}

	

	

	

	

	

	

	

	

	#workDesc {

		float: left;

		width:320px;

	}

		#workDesc p {

			font-size: 1.4em;

			line-height: 170%;

			padding: 12px 0 0 20px;

		}

		#workDesc a {

			border-top: 1px solid #CEC1B7;

			border-bottom: 1px solid #CEC1B7;

			color: #444;

			font-weight: bold;

			padding: 4px 0 4px 0;

		}

		#workDesc a:hover {color: #AE9785;}







/*

	HOME JOURNAL

	----------------------------------------------------------------------

*/

.lead {

	padding: 28px 0 18px 0;

}

	.thumb img {

		background:#CEC1B7;

		border: 1px solid #C8BCAA;

		-moz-border-radius:7px; 

		-webkit-border-radius: 7px;

		float: left;

		padding: 3px;

	}

	#journal .thumb .cnt {width:430px;}

	.thumb .cnt, .thumb h4 {

		float: right;

	}

.journalItem .cnt p, #music .update p {

	color: #555;

	font-size: 1.4em;

	line-height: 170%;

	padding-bottom: 25px;

}	

.more-link {

	background: #E3E0D7;

	border: 1px solid #C8BCAA;

	-moz-border-radius:7px; 

	-webkit-border-radius: 7px;

	color:#444;

	font:normal 0.917em "Times New Roman", Times, serif;

	letter-spacing: 0.09em;

	opacity: .75;

	padding:10px;

	text-transform: uppercase;

}



.more-link a:hover, .more-link:hover {

	border: 1px solid #777;

	background: #eee;

	color: #454545;

}



#wp_page_numbers {

	margin:  0 auto;

	padding: 50px 0 0 0;

	text-align: center;

}

	#wp_page_numbers li {

		color: #454545;

		display: inline;

		font-size: 1.4em;

		margin-right:10px;

	}

		#wp_page_numbers li a {

			border: 1px solid #CEC1B7;

			color: #333;

			padding: 8px 12px 8px 12px;

		}

		#wp_page_numbers li a:hover {border: 1px solid #959595;}

		#wp_page_numbers li.active_page a {background: #CEC1B7;}



#postListing .post {

	border-bottom: 1px solid #CEC1B7;

	padding: 40px 0 40px 0;

}

#postListing .cnt {float: none;}

	#postListing .thumb, #postListing .lead {width: 844px:}

	#postListing .thumb .cnt {

		float: right;

		width: 744px

	}

	#postListing .cnt p {

		font-size: 1.9em;

		padding-bottom: 20px;

	}



#postListing .more-link {font-size: 0.675em;}





#the_archives {

	float:left;

	width:190px;

}

	#the_archives h3 {margin-bottom:12px;}

	#the_archives li {

		font-style:normal;

		font-size:1.2em;

		list-style:square;

		margin-left:50px;

		padding: 7px 0 7px 10px;

	}



#music .update {

	float:left;

	padding: 35px 25px 10px 0;

	width:195px;

}

#journal #previous_posts {

	float:right;

	width:430px;

}

	#journal #previous_posts h3 {

		margin-bottom:7px;

		text-align:left;

	}

#journal .subs {

	border-bottom: 1px solid #C8BCAA;

	padding: 7px 0 5px 0;

}

#journal .subs .more-link {float: right;}



#journal .last, #music .update3 {padding-right: 0;}

.ruled li, .wp-tag-cloud li  {

	color: #777;

	font:italic 1.1em "Times New Roman", Times, serif;

	letter-spacing: 0.16em;

	line-height: 150%;

	padding: 4px 0 4px 8px;

	text-transform: uppercase;

}

	.ruled li a, .wp-tag-cloud li a {color: #454545;}

	.ruled li a:hover, .wp-tag-cloud li a:hover {color: #006699;}





/*

	JOURNAL POSTS

	----------------------------------------------------------------------

*/



#postIntro {

	padding: 60px 0 20px 0;

}

	#postIntro h2 {

		font-size:4.2em;

		text-align: center;

		text-shadow:1px 1px #EFEFEF;

	}

		#postIntro h2 a {

			color: #454545;

		}

		#postIntro .date {

			color: #B5A190;

			font:italic 1.9em "Times New Roman", Times, serif;

			text-align: center;

		}

			#postIntro .date a {

				border-bottom: 1px dotted #B5A190;

				color:#B5A190;

			}

			#postIntro .date a:hover {color:#555;}

#postLeading {

	padding: 30px 0 30px 0;

}

	#postLeading p {

		border-top: 1px solid #C8BCAA;

		padding: 20px 0 10px 0;

		font:normal 2.0em "Times New roman", Times, serif;

		line-height: 150%;

		text-align: center;

	}

	

#postContent {padding: 0 0 60px 0;}

	#preMeta {

		float: left;

		padding-right: 24px;

		width:176px;

	}

	#post {

		float: left;

		width:566px;

	}

		#post p {

			font-size: 1.45em;

			line-height: 170%;

			padding: 0 0 22px 0;

		}

			#post a {

				border-bottom: 2px solid #AE9785;

				color:#9C816B;

				font-weight:bold;

			}

			#post a:hover {

				border-bottom:2px solid #454545;

				color:#333;

			}

	#post h3 {

		font-size: 3.5em;

		padding-bottom:7px;

	}

	#post h4 {

		font-size: 3.0em;

		padding-bottom:7px;

	}

	#post h5 {

		font-size: 2.5em;

		padding-bottom:7px;

	}

	#post h6 {

		font-size: 2.0em;

		padding-bottom:7px;

	}

	#post ul, #post ol {margin:0 0 20px 25px;}

	#post li {line-height:170%;padding:0 0 7px 10px;}

	#post ul li {list-style:square;}

	#post ol li {list-style:decimal;}

	#postMeta {

		float: right;

		width:176px;

	}

	

	

	.post-categories li, #postMeta li {border-bottom:1px solid #C8BCAA;text-align: center;}

		.post-categories li a, #postMeta li a {

			color:#AE9785;

			font-style: italic;

			font-weight:bold;

			text-decoration: none;

			padding: 10px;display: block;

		}

		.post-categories li a:hover, #postMeta li a:hover {color:#555;}

		

		

		

		h3.commentsHeading {

			color: #333;

			font:bold 4.0em "Times New Roman", Times, serif;

			padding: 0 0 30px 0;

			text-align: center

		}

		#postComments {

			padding: 30px 0 30px 0;

		}

		#post_comments {

			padding-bottom: 60px;

		}

		#respond {

			background:url('images/bg_stripe.png') top repeat-x;

			padding: 30px 0 0 0;

		}

		

			

		#respond form {

			width:844px;

		}

			#respond form p {

				clear: both;

				display: block;

				line-height: 140%;

				padding-bottom: 15px;

			}

				#respond form p a {

					border-bottom: 1px dotted #777;

					color: #006699;

				}

				#respond form p small {

					font-size: 0.9em;

					font-style: italic;

				}

			#respond form label {

				float: left;

				font-size: 1.8em;

				padding-top: 16px;

				width: 155px;

				text-align: right;

			}



			#respond form input, #respond form textarea {

				background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1);

				border: none;

				color: #555;

				 -moz-border-radius:9px;

				-webkit-border-radius: 9px;

				font-size: 1.9em;

				float: right;

				line-height: 130%;

				margin-bottom:12px;

				padding: 12px 9px 12px 9px;

				width: 620px;

			}

			#respond form input:focus,#respond form textarea:focus {background:none repeat scroll 0 0 rgba(255, 255, 255, 0.4)}



			#respond form textarea {

				font-family: Georgia, serif;

				height: 105px;

				margin: 5px 0 0 0;

			}

			#respond form input#submit {

				background: #333;

				border: none;

				color: #FFF;

				clear: both;

				float: none;

				margin:16px 0 0 207px;

				padding: 4px;

				text-transform: uppercase;

				width: 178px;

			}

			#respond form input#submit:hover {

				background: #FFFFDD;

				color: #333;

				cursor: pointer;

			}

		

		

		



/* =Comments

-------------------------------------------------------------- */





#postComments input,

#postComments textarea {

    line-height:18px;

}

#postComments code {

    font-size:12px;

    line-height:18px;

}



#postComments ol,

#postComments ul {

    list-style:none;

    margin:0;

}

#postComments ol {

    border-bottom:none;

    margin:18px 0 18px 0;

}

#postComments li {

    border:1px solid #C8B9AD;

    clear: both;

    padding:18px 1.5em 0 1.5em;

    position:relative;

}

	.comment-body p {

		clear: both;

		color: #454545;

		font-size: 1.3em;

		font-style: italic;

		padding: 10px 0 12px 112px;

	}



#postComments li.alt {

    background:transparent;

}

#postComments li.bypostauthor {

    background:#FFFFdd;

}

#postComments ul li {

    border:1px solid #ccc;

    margin:0 0 18px 0;

}

	#postComments li em {

		background:#006633;

		color: #fff;

		display: block;

		font-weight: bold;

		font-size: 1.3em;

		padding: 7px;

		text-align: center;

		width: 790px;

	}

#postComments ol li {

	-moz-border-radius:9px;

	-webkit-border-radius: 9px;

	margin-bottom: 17px;

}

#postComments li .avatar {

	background: #CEC1B7;

	border: 1px solid #AE9785;

	-moz-border-radius:9px;

	-webkit-border-radius: 9px;

	padding: 5px;

    position:absolute;

    top:22px;

    left:1.5em;

}

#postComments .comment-author {

    

}

	#postComments .comment-author .fn {

		display: block;

		font-weight:bold;

		font-size: 1.7em;

	    margin:6px 0 0 112px;

	    padding-bottom: 0;

	}

	#postComments .comment-author .says {

		 display: none;

	}

	#postComments .comment-author a {

		border-bottom: 1px solid #989898;

		color:#454545;

	    font-weight: bold;

	    line-height: 150%;

	}

#postComments .comment-meta {

    color:#666;

    float: left;

    font-size: 0.9em;

    padding:0 0 9px 112px;

    width: 700px;

}

#postComments .comment-meta a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

#postComments .comment-meta a:active,

#postComments .comment-meta a:hover {

    color: #990033;

}

.reply {

    font-size:11px;

    padding:0 0 18px 0;

    text-align:right;

}

.comment-reply-link {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

.comment-reply-link a:active,

.comment-reply-link a:hover {color: #990033;}

.cancel-comment-reply {display: none;}







	

		

		

		

		

	

	

	

#contentFooter {

	background: url(images/double_stripe.png) top repeat-x;

	margin-top: 50px;

	padding: 50px 0 32px 0;

}

	#contentFooter .slimCol {

		float: left;

		padding:30px 20px 0 0;

		width: 228px;

	}

	#contentFooter .last {padding-right: 0;}

	#contentFooter .slimCol p {

		font-size: 1.3em;

		letter-spacing: 0.05em;

		line-height: 170%;

		padding-bottom: 12px;

	}

#contentFooterPrimary {

	float: left;

	width:749px;

}

#contentFooterSecondary {

	float: right;

	padding-top: 30px;

	width: 191px;

}

	#contentFooterSecondary .sideItem {

		clear: both;

		padding: 0 0 15px 0;

	}	

	

	

	

	

	

/*

	HOME TWITTER AND LISTENING TO

	----------------------------------------------------------------------

*/

#twittering{padding-bottom: 0;}

#twittering p {

	color: #555;

	font:normal 1.3em Georgia, serif;

	letter-spacing: 0.03em;

	line-height:150%;

	padding: 12px 0 0 8px;

}

#twittering p a {

	border-bottom: 1px solid #AE9785;

	color: #006699;

}

	#twittering p a:hover {color: #777;}

#twittering p a.tweet_time {

	border-bottom: 0;

	color: #AE9785;

	display: block;

	text-align: right;

}

#follow-me {

	background: url('images/tweet-bird.png') bottom left no-repeat;

	height: 80px;

}

#follow-me p {

	float: right;

	font-style: normal;

	width: 220px;

}

	#follow-me p em {

		color: #666;

		display: block;

	}

	#follow-me p a {

		border-bottom: 0;

		color: #006699;

		font-weight: bold;

	}



#lastfm_recent {padding-top:17px;}

#lastfm_recent li {

	/*border-bottom:1px solid #C8BCAA;*/

	clear:both;

	display:block;

	margin:0 0 0 0;

	padding:7px;

}

#lastfm_recent li div.info {

	float: right;

	padding: 0 4px 0 0;

	width:160px;

}

#lastfm_recent li a.lastfm_recent_title {

	color: #454545;

}

.info p {

	font-size:1.3em;

	padding-top:7px;

}

#lastfm_recent li a.lastfm_recent_title:hover {color: #999966;}

#lastfm_recent li span.lastfm_recent_date {

	color:#AE9785;

	font-size:0.9em;

	letter-spacing: 0.05em;

}

#lastfm_recent li span.lastfm_recent_artist a {color:#555;}





#lastfm_recent li p.lastfm_recent_image img {



}

.lastfm_recent_recent {

	background:#E3E0D7 !important;

	border:1px solid #eee !important;

	opacity:0.85;

}

.lastfm-recent-left {float:left;}

.lastfm-recent-right {float:right;}

.lastfm_recent_realname {font-size:12px;}

.lastfm_recent_logo {

	float:right;

	height:24px;

	width:62px;

	margin:0;

	padding:0 3px 0 0;

}

#lastfm_recent li a img {

	border: 2px solid #C8BCAA;

	display: block;

	height:86px;

	margin: 0 5px 0 0;

	padding:3px;

	width:86px;

}

#lastfm_recent li a:hover img {

	background: #C8BCAA;

	border:2px solid #AE9785;

}







/*

	HOME GAMING

	----------------------------------------------------------------------

*/

#myGaming {clear:both;padding-top: 35px;}



#gameCard {

	border-bottom: 5px solid #353535;

	padding:15px 0 15px 0;

	position: relative;

}



#gameCard img#tar {

	left: -15px;

	position: absolute;

	top:-20px;

}



#gameCard .cnt {

	float: right;

	width: 174px;

	padding-right:10px;

}

#gameCard .cnt img {

	border: 1px solid #AE9785;

	float: left;

	margin:0 0 7px 0;

	padding: 2px;

}

#gameCard .cnt ul {

	padding-top: 4px;

	width: 174px;

}

#gameCard .cnt ul li {

	display: block;

	clear:both;

	padding:0 0 7px 0;

	line-height: 150%;

}

	#gameCard .cnt ul li span {display: block;color: #777;font-weight: normal;}	

#myGaming p {font-size: 1.1em; padding-top: 20px;font-weight: bold;}





/*

	MY FLICKR

	----------------------------------------------------------------------

*/

#myFlickr {

	background: url(images/bg_stripe.png) top repeat-x;

	display: block;

	padding: 30px 0 30px 0;

	text-align: center;

}

	#myFlickr img {

		display: block;

		float:left;

		padding: 4px;

		text-align: center;

		width: 90px;

	}

	#myFlickr a img {

		border:1px solid #C8BCAA;

		display: block;

		margin: 0 4px 0 14px;

		text-align: center;

	}

	#myFlickr a:hover img {

		background: #CEC1B7;

		border: 1px solid #AE9785;

	}

	



/*

	MUSIC

	----------------------------------------------------------------------

*/

#leadArticle {

	padding: 0 0 48px 0;

}

#multi_content .post {

	border-top: 1px solid #;

	clear: both;

	margin-top: 22px;

	padding:22px 0 0 0;

}

	#multi_content .post p {padding-bottom: 22px;}



#secondaryContent p {

	font-size:1.2em;

	padding: 0 0 25px 0;

	letter-spacing: 0.03em;

}

#secondaryContent p a {

	border-bottom: 1px solid #CCC;

	color: #003333;

}

#secondaryContent p a:hover {color: #777;}

#secondaryContent span {

	color: #AAA;

	display: block;

}





/*

	WORK INDEX PAGE

	----------------------------------------------------------------------

*/



#latestProjects {

	clear: both;

	padding: 10px 0 10px 0;

	position: relative;

}

	#latestProjects ul {

		margin:0 auto;

		width:846px;

	}

	#latestProjects li {

		float: left;

		padding-top: 121px;

		width:196px;

	}

	#latestProjects li#work2 {

		padding-top: 20px;

		width:253px;

	}

		#latestProjects li#work2 h3 {

			color: #333;

			font-size: 1.7em;

			left:100px;

			line-height: 110%;

			position: absolute;

			width: 92px;

		}

		#latestProjects li a {

			display: block;

			height: 208px;

			padding: 8px;

			width:180px;

			-moz-border-radius-topleft:9px;

			-moz-border-radius-topright:9px;

			-webkit-border-top-left-radius: 9px;

			-webkit-border-top-right-radius:9px;

		}

		

		#latestProjects li#work1 a {background: #000 url(images/work/blueshift/work-small.jpg) center no-repeat;}

		

		#latestProjects li#work2 a, #latestProjects li#work2 a:hover {

			background: #000 url(images/work/ocgroup2/work-large.jpg) center no-repeat;

			height:309px;

			width: 239px;

		}

		

		#latestProjects li#work3 a {background: #000 url(images/work/ocea/work-small.jpg) center no-repeat;}

		#latestProjects li#work4 a {background: #000 url(images/work/aor/work-small.jpg) center no-repeat;}



#latestProjects div {

	background: #000;

	padding: 4px 0 0px 0;

	-moz-border-radius-topleft:9px;

	-moz-border-radius-topright:9px;

	-webkit-border-top-left-radius: 9px;

	-webkit-border-top-right-radius:9px

}

#latestProjects div p {

	display: block;

	float: left;

	font:normal 1.4em "Hoefler Text", Baskerville, "Times New Roman", serif;

	text-align: center;

}

#latestProjects div p#one {padding-left:60px;width:183px;}

#latestProjects div p#two {padding-left:0;width:256px;}

#latestProjects div p#three {padding-left:0;width:215px;}

#latestProjects div p#four {padding-left:0;width:170px;}

#latestProjects div.clear {width: 964px;}



	#latestProjects div a {color: #CCC;display: block;}

	#latestProjects div a:hover {color: #FFF;}

	

#services{

	border-bottom: 1px solid #000;

	padding: 30px 0 30px 0;

}

	#services p.subheading {

		font-family: "Times New Roman", Georgia, serif;

		font-size: 2.1em;

		line-height: 120%;

		padding-bottom: 22px;

	}

	#services p.followon {

		float: left;

		line-height: 160%;

		padding-top: 2px;

		width: 290px;

	}

	#services ul {

		float: right;

		width:257px;

	}

		#services ul li {

			list-style: circle;

			padding: 0 0 10px 12px;

		}

	#services p {

		font-size: 1.5em;

		letter-spacing: 0.05em;

		padding-bottom: 9px;

	}

	#services .cnt {

		float: left;

		padding-left: 22px;

		width:604px;

	}

	#services #contactForm {

		float: right;

		padding-right:32px;

		width:278px;

	}

		#services #contactForm form {padding: 15px 0 0 0;}

		#services #contactForm form p {

			line-height: 140%;

			padding-bottom: 0;

		}

		#services #contactForm form, #services #contactForm input {}

		#services #contactForm input, #services #contactForm textarea {

			background-color: #FFF;

			border: 1px solid #999;

			color: #888;

			padding: 4px;

			width: 268px;

		}

		#services #contactForm input {

			background-position: 6px 5px;

			background-repeat: no-repeat;

			font-family: Georgia, serif;

			padding-left: 25px;

			width: 247px;

		}

		#services #contactForm textarea {

			font-family: Georgia, serif;

			font-size: 0.6em;

			height: 105px;

			margin: 5px 0 0 0;

		}

		#services #contactForm input#txtName {background-image: url('images/txtUser.jpg');}

		#services #contactForm input#txtEmail {background-image: url('images/txtEmail.jpg');}

		#services #contactForm input#txtSubject {background-image: url('images/txtSubject.jpg');}

		#services #contactForm input#txtSubmit {

			background: #434545;

			color: #CCC;

			padding: 4px;

			text-transform: uppercase;

			width: 278px;

		}

		#services #contactForm input#txtSubmit:hover {

			background: #CCC;

			color: #333;

			cursor: pointer;

		}

		#services .wpcf7-response-output {margin-top: 4px;}

		

		

#highlightWork {

	background: #000 url(images/stripe.jpg) bottom repeat-x;

	margin: 1px 0 39px 0;

	padding: 10px 0 6px 0;

	text-align: center;

}

	#highlightWork li {

		display: inline;

		font:normal 2.0em "Hoefler Text", Baskerville, "Times New Roman", serif;

		line-height: 150%;

		padding:0 55px 0 55px;

		text-transform: uppercase;

	}

	#highlightWork li a {color: #CCC;}

	#highlightWork li a:hover {color: #999966;}

	

#workInfo {

	float: right;

	width: 137px;

}

	#workInfo p {

		padding-bottom:12px;

	}

	#workInfo ul {padding-bottom: 22px;}

	#workInfo  li{

		letter-spacing: 0.05em;

		list-style: square;

		margin-left: 16px;

		padding:0 0 7px 0px;

	}



	#workArchive {

		background: url('images/bg_stripe.png') top repeat-x;

		padding: 55px 0 25px 0;

	}

	a.project {

		background: #000;

		display: block;

		float: left;

		height:153px;

		margin: 0 4px 12px 0;

		padding: 8px;

		width:97px;

		-moz-border-radius:9px;

		-webkit-border-radius: 9px;

	}

#projectInfo {

	padding:43px 0 0 0;

}

	#projectInfo .cnt {

		float: right;

		height: 440px;

		overflow: auto;

		width: 540px;

	}

		#projectInfo .cnt p {

			font-size: 1.6em;

			line-height: 150%;

			padding-top: 30px;

		}

	#projectInfo img {

		background: #000;

		float: left;

		padding: 8px;

		-moz-border-radius-topleft:9px;

		-moz-border-radius-topright:9px;

		-webkit-border-radius: 9px;

	}

	#projectInfo p.url {

		background: #000;

		font:normal 1.8em "Hoefler Text", Baskerville, "Times New Roman", serif;

		letter-spacing: 0.1em;

		padding:2px 46px 2px 46px;

	}

		#projectInfo p.url a {

			color: #FFFFCC;

		}

#involvement {

	border-bottom: 1px solid #000;

	padding: 20px 0 20px 0;

}

	#involvement .cnt {

		float: left;

		width:580px;

	}

		#involvement .cnt p {

			font-size: 1.5em;

			padding:16px 0 0 20px;

		}

	#involvement img {

		background: #000;

		float: right;

		margin-right:90px;

		padding: 8px;

		-moz-border-radius:9px;

		-webkit-border-radius: 9px;

	}

		

		

		





/*

	CONTACT INFORMATION

	----------------------------------------------------------------------

*/	

#contact_information {padding: 0px 0 30px 0;}

	#contact_information .cnt {

		float: left;

		padding-left: 22px;

		width: 580px;

	}

		#contact_information .cnt p {

			float: left;

			padding:14px 0 0 0;

			line-height: 150%;

			width: 335px;

		}

			#contact_information .cnt p em {padding-top:5px;display:block;}

		#contact_information .cnt ul {

			float: right;

			width:192px;

		}

			#contact_information .cnt ul li {

				font-size: 1.2em;

				list-style: circle;

				padding:15px 0 0 7px;

				font-style:normal;

			}

				#contact_information .cnt ul li a {

					color: #333;

				}

	#contact_information .vcard {

		background: #E3E0D7;

		border: 1px dotted #AE9785;

		float: right;

		margin: 35px 32px 0 0 ;

		padding: 20px 0 20px 0;

		width:286px;

	}

		#contact_information .vcard img {

			border: 1px solid #CCC;

			float:left;

			margin-left: 17px;

			padding: 2px;

		}

		#contact_information .vcard .cnt {

			float: right;

			width:168px;

		}

		#contact_information .vcard p {

			float: none;

			font:normal 1.13em "Times New Roman", Times, serif;

			letter-spacing: 0.025em;

			padding-top: 4px;

			text-align: left;

			width: 162px;

			text-transform: uppercase;

		}

			#contact_information .vcard p a {color: #006699;}

			#contact_information .vcard p a.email {color: #4B4B4B;}

			#contact_information .vcard .url {}

			#contact_information .vcard p#download_card {

				padding: 20px 0 0 0;

				text-transform: uppercase;

			}

			#download_card a {

				background:url('images/vcard.png') left no-repeat;

				line-height: 170%;

				padding: 7px 0 7px 40px

			}





/*

	SEARCH FORM

	----------------------------------------------------------------------

*/

#searchform {

	background:transparent;

	border:1px solid #C8BCAA;

	-moz-border-radius:12px; 

	-webkit-border-radius: 12px;

	float: right;

	position: relative;

	padding-left: 7px;

	text-align: left;

	width: 255px;

}

	#searchform p {

		float: left;

		padding: 0;

		width: 255px

	}

	#searchform #s {

		background: transparent;

		border: 0;

		color: #B5A190;

		font:italic 1.8em Georgia,serif;

		float:left;

		padding-top: 7px;

		width: 210px;

	}

	#searchform #s:focus {color: #555;}

	#searchform #searchsubmit {

		background:url(images/bg_search.png) no-repeat;

		border: 0;

		cursor: pointer;

		float: right;

		height: 41px;

		margin-right:5px;

		width: 34px;

	}





	

/*

	FOOTER

	----------------------------------------------------------------------

*/	

#subFooter {

	background: url(images/double_stripe.png) top repeat-x;

	border-bottom:2px solid #C8BCAA;

	padding: 30px 0 37px 0;

	text-align: center;

}

	#subFooter p {

		color: #555;

		font:italic 1.3em "Times New Roman", Times, serif;

		line-height: 140%;

		margin:  0 auto;

		width: 75%;

	}

		#subFooter a {

			color: #444;

			font-style: normal;

			font-weight: bold;

		}

			#subFooter a:hover {color: #AE9785;}



#footer {padding: 35px 0 5px 0;}

	#footer .secondaryContent {

		position: relative;

		width:185px;

	}

		#footer .secondaryContent a {

			display: block;

			position: absolute;

		}

		#footer .secondaryContent a#btApple {

			background: url('images/helpers.png') 0 0 no-repeat;

			height: 26px;

			left: 27px;

			top:-11px;

			width:24px;

		}

		#footer .secondaryContent a#btApple:hover {background: url('images/helpers.png') 0 -28px no-repeat;}

		

		#footer .secondaryContent a#btWP {

			background: url('images/helpers.png') -47px 0 no-repeat;

			height: 26px;

			left: 152px;

			top:-11px;

			width:26px;

		}

		#footer .secondaryContent a#btWP:hover {background: url('images/helpers.png') -47px -28px no-repeat;}

		#footer .secondaryContent a#btMT {

			background: url('images/helpers.png') -94px 0 no-repeat;

			height: 26px;

			left: 70px;

			top:-11px;

			width:60px;

		}

		#footer .secondaryContent a#btMT:hover {background: url('images/helpers.png') -94px -28px no-repeat;}



#footer li {

	display: inline;

	font:normal 1.3em "Hoefler Text", "Times New Roman", Times, serif;

	padding-right: 12px;

}

	#footer li a {

		color: #555;

	}

		#footer li a:hover {color: #990033;}