@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Be Creative Everyday
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		bce_main.css
	Date:		Nov 3, 2009
	Author:		Mike Moore || http://becreativeeveryday.com
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
		font:normal 14px Helvetica, Arial, sans-serif;
		color:#333;
		background:#e3ecf6 url(../../images/bg_body.gif);
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#test {
		background:url(../../images/bg_test.jpg) top left no-repeat;
	}

	#main {
		width:960px;
		margin:0 auto;
	}
	a {
		text-decoration:none;
		color:#000;
		font-weight:bold;
	}
		a:hover {
			text-decoration:underline;
		}
	h1 {
		font-size:53px;
		font-weight:bold;
		color:#000;
		line-height:47px;
		letter-spacing:-2.5px;
		text-shadow: 1px 1px 1px #fff;
	}
	#aboutContent, #workContent, #contactContent {
		padding:40px 10px 0 10px;
	}
	acronym {
		color:#666;
		border-bottom:1px dotted #666;
	}
	#fb_icon {
		display:none;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		padding:20px 10px;
	}
		#header #logo {
			width:566px; height:105px;
			float:left;
			
		}
			#header #logo a {
				width:566px; height:105px;
				display:block;
				background: url(../../images/logo.gif) top left no-repeat;
			}
				#header #logo a:hover {
					background-position:bottom left;
				}
				
		#header #callout {
			width:220px;
			float:right;
			padding:20px 10px;
			background:url(../../images/bg_callout.gif);
			border:1px solid #b7b7b7;
			text-align:center;
			font-size:16px;
			color:#717171;
			text-transform:uppercase;
			line-height:21px;
			letter-spacing:1.2px;
			font-style:italic;
			
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	navSection
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	#navSection {
		height:40px;
		padding:0 10px;
		border-top:3px double #7f7f7f;
		border-bottom:3px double #7f7f7f;
	}
		#navSection #work {
			width:450px; 
			float:left;
			line-height:21px;
			font:italic 10px Cambria, Georgia, sans-serif;
			text-transform:uppercase;
			letter-spacing:.7px;
			color:#434343;
			text-shadow: 1px 1px 1px #fff;
		}
			#navSection #work p {
				line-height:40px;
			}
			#navSection #work a {
				color:#434343;
			}
				
		#navSection ul#nav {
			width:450px;
			float:right;
			
		}
		
			ul#nav li {
				float:right;
				margin:0 0 0 25px;
				text-transform:uppercase;
			}
				ul#nav li a {
					height:30px;
					margin:5px 0 0 0; padding:0 5px;
					float:right;
					line-height:30px;
					font-size:11px;
					border-radius:5px;  
					-moz-border-radius:5px;  
					-webkit-border-radius:5px;
				}
				ul#nav li a:hover {
					text-decoration:none;
					background-color:rgba(255,255,255,.4);
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	featured
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
	#featured {
		height:410px;
		padding:0 0 4px 0;
		background:url(../../images/bg_featured.gif) bottom left repeat-x;
	}
	ul#slider {
		width:960px; height:410px;
		overflow:hidden;
	}
		ul#slider li {
			width:960px; height:410px;
			overflow:hidden;
			position:relative;
		}
			ul#slider li .slideContent {
				width:460px;
				margin:45px 0 0 490px;
				text-shadow: 1px 1px 1px rgba(255,255,255,.75);
				border-left:1px solid rgba(255,255,255,.15);
			}
				ul#slider li .slideContent h2 {
					padding:0 0 30px;
					font-size:50px;
					line-height:47px;
					letter-spacing:-1.5px;
					color:#000;
					text-shadow: 1px 1px 1px rgba(255,255,255,.7);
				
				}
				ul#slider li .slideContent p {
					padding:0 0 15px 0;
					font-size:16px;
					line-height:22px;
				}
				ul#slider li .slideContent a {
					text-transform:uppercase;
				}
	
	#featureBtns {
		width:85px;
		position:absolute;
		margin:-50px 0 0 10px;
		z-index:9;
	}
	
		#featureBtns a#prev {
			width:31px; height:31px;
			display:block; float:left;
			margin:0 10px 0 0;
			background:url(../../images/btn_prev.png) top left no-repeat;
			font-size:1px;
			text-indent:-9999px;
		}
			#featureBtns a:hover#prev {
				background-position:bottom left;
			}
		#featureBtns a#next {
			width:31px; height:31px;
			display:block; float:left;
			background:url(../../images/btn_next.png) top left no-repeat;
			font-size:1px;
			text-indent:-9999px;
		}
			#featureBtns a:hover#next {
				background-position:bottom left;
			}	
/*	--------------------------------------------------------------------------------------------------------------------------
	infoBlocks
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#infoBlocks {
			margin:40px 0 0 0; padding:0 10px;
		}
		#block1 {
			width:340px;
			margin:0 25px 0 0;
			float:left;
		}
		#block2 {
			width:280px;
			margin:0 25px 0 0;
			float:left;
		}
		#block3 {
			width:270px;
			float:left;
		}
		h2#h2Areyou{
			width:280px; height:29px;
			background:url(../../images/h2_areyou.gif) top left no-repeat;
			padding:0 0 30px 0;
		}
		h2#h2MadStuff{
			width:201px; height:29px;
			background:url(../../images/h2_madstuff.gif) top left no-repeat;
			padding:0 0 30px 0;
		}
		h2#h2Help{
			width:201px; height:29px;
			background:url(../../images/h2_help.gif) top left no-repeat;
			padding:0 0 30px 0;
		}
			#infoBlocks div p {
				font-size:14px;
				line-height:20px;
				padding:0 0 20px 0;
			}
				#infoBlocks div a {
					font-size:12px;
					text-transform:uppercase;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	about STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

		#aboutContent #mainCol {
			width:580px;
			float:left;
		}
		#aboutContent #altCol {
			width:304px;
			float:right;
		}
		#aboutContent #bio {
			padding:30px 0 20px 0;
			background:url(../../images/footer_thick.gif) bottom left repeat-x;
		}
			#aboutContent #bio p {
				padding:0 0 20px 0;
				font-size:18px;
				line-height:24px;
				font-weight:100;
			}
	h2#h2Download {
		width:239px; height:29px;
		margin:50px 0 0 0px !important;
		background:url(../../images/h2_download.gif) top left no-repeat;
		border:0 !important;
	}
	h2#h2Heres {
		width:312px; height:29px;
		margin:10px 0 0 0px !important;
		background:url(../../images/h2_heres.gif) top left no-repeat;
		border:0 !important;
	}
	#skillset {
		margin:0 0 0 10px; padding:0 0 30px 0;
	}
	ul.skill {
		width:260px; float:left;
		margin:20px 20px 0 0;
		list-style:disc;
		font-size:11px;
		color:#ccc;
	}
		ul.skill li {
			padding:0 0 8px 0;
			font-size:15px;
			color:#333;
		}
	h2#h2Testimonials {
		width:128px; height:23px;
		margin:40px 0 0 10px;
		background:url(../../images/h2_testimonials.gif) top left no-repeat;
		border:0 !important;
	}
	ul#downloadList {
		padding:15px 0 10px 10px;
		border-bottom:3px double #7f7f7f;
	}
		ul#downloadList li {
			float:left;
		}
			ul#downloadList li a {
				padding:16px 0 0 40px;
				display:block; float:left;
			}
				ul#downloadList li.pdf {
					margin:0 50px 0 0;
					background:url(../../images/icon_pdf.gif) top left no-repeat;
				}
				ul#downloadList li.doc {
					background:url(../../images/icon_word.gif) top left no-repeat;
				}
	ul#testimonialsLIst li {
		padding:30px 0 30px 10px;
		border-bottom:3px double #7f7f7f;
	}
		ul#testimonialsLIst li .info {
			width:160px;
			float:left;
			padding:3px 0 0;
		}
			ul#testimonialsLIst li h4 {
				font-size:11px;
				font-weight:normal;
				color:#666;
			}
			ul#testimonialsLIst li a {
				display:block;
				margin:15px 0 0; padding:5px 0 0 0;
				font-size:11px;
				border-top:1px solid #ccc;
			}
		ul#testimonialsLIst li blockquote {
			width:380px;
			float:right;
			font:normal 18px Cambria, Georgia, serif;
			color:#666;
			font-style:italic;
			line-height:24px;
			text-indent:-8px;
		}
	#altCol #picHolder {
		width:300px; height:200px;
		padding:1px;
		border:1px solid #b7b7b7;
		position:relative;
	}
	#altCol #picCut {
		width:300px; height:200px;
		overflow:hidden;
	}
		#altCol #picCut img {
			width:300px;
		}
	#altCol h2 {
		margin:20px 0 0 0;
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
		text-align:center;
		letter-spacing:1.1px;
		font-size:12px;
		color:#484848;
		text-transform:uppercase;
	}
	#altCol .me {
		display:inline;
		text-align:right;
		text-transform:lowercase;
		font:normal 10px Cambria, Georgia, serif;
		color:#999;
		font-style:italic;
		padding:3px;
		background:#fff;
		position:absolute;
		right:10px; bottom:10px;
		border-radius:5px;  
		-moz-border-radius:5px;  
		-webkit-border-radius:5px;
	}
		
	#altCol p {
		padding:15px 0 0 0;
	}
	#altCol #lifesmith {
		display:block;
		padding:5px 0 0 0;
		font:normal 12px Cambria, Georgia, serif;
		color:#999;
		font-style:italic;
	}
		#altCol #lifesmith a {
			color:#999;
		}
	ul#favorites li {
		padding:20px 0 0 0;
	}
		ul#favorites li h3 {
			padding:0 0 5px 0;
			color:#666;
			font-size:11px;
		}
		
#flickr_badge_wrapper {
padding:20px 0 0 0;
}
#flickr_badge_wrapper div {
float:left; 
margin:0 20px 10px 0;
}
#flickr_badge_wrapper div  a {
border:2px solid #333;
display:block; float:left;
}
	#flickr_badge_wrapper div  a:hover {
	border-color:#ccc;
	}
#flickr_badge_wrapper div  a img {
display:block; float:left;
}
ul#blogs {
padding:10px 0 0 0;
}
			ul#blogs  li{
				padding:5px 0 5px 10px;
				
				border-bottom:1px solid #ccc;
				background:url(../../images/bullet.gif) left center no-repeat;
			}
				ul#blogs  li:last-child {
					border:0;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	work STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altNav {
		position:fixed;
		bottom:10px; right:10px;
		background-color: rgba( 255, 255, 255, .8);
		font-size:10px;
	}
		#altNav ul li {
			font-size:10px;
		}
	#workwriting {
		width:580px;
		padding:30px 0 20px 0;
	}
		#workwriting p {
			padding:0 0 20px 0;
			font-size:17px;
			line-height:21px;
			font-weight:100;
		}
	#workList {
		padding:0 0 44px 0;
		background:url(../../images/footer_thick.gif) bottom left repeat-x;
	}
	#workList div {
		float:left;
	}
		#workList .web {
			width:330px;
			margin:0 40px 0 0;
		}
		#workList .print {
			width:270px;
			margin:0 30px 0 0;
		}
		#workList .misc {
			width:270px;
		}
		#workList div h2 {
			font-size:11px;
			color:#fff;
			padding:0 0 0 3px;
			background-color:#484848;
			text-transform:uppercase;
			/*border-bottom:1px solid #ccc;*/
		}
		#workList div ul {
			margin:15px 0 0 0;
		}
			#workList div ul li {
				border-bottom:1px solid #999;
				font-size:12px;
			}
				#workList div ul li:last-child {
					border:0;
				}
			#workList div ul li a {
				display:block;
				padding:5px 0 3px 0;
			}
				#workList div ul li a:hover {
					background:#CFD3D8 url(../../images/right_arrow.png) center right no-repeat;
					background-color:rgba(207,211,216,.45);
					text-decoration:none;
					color:#333;
					padding-left:3px;
				}
	ul#workMain {
		padding:100px 0 0 0;
	}
		ul#workMain li {
		padding:0 0 60px;
		}
			ul#workMain li .header {
				padding:10px 0 3px 0;
				margin:0 0 15px 0;
				text-align:right;
				font-size:11px;
				border-bottom:1px solid #7f7f7f;
			}
			ul#workMain li a.portImg {
				width:524px;
				display:block; float:left;
			}
			ul#workMain li a.portImg img {
				width:520px; height:350px;
				display:block; 
				padding:1px;
				border:1px solid #999;
			}
				ul#workMain li a:hover.portImg img {
					border-color:#666;
					background:#666;
					opacity: .8;
				}
			ul#workMain li a.portImg .hoverCall {
				display:none;
				padding:5px;
				background:#666;
				position:absolute;
				margin:-340px 0 0 10px;
				border-radius:10px;  
				-moz-border-radius:10px;  
				-webkit-border-radius:10px;
				color:#fff;
				font-weight:bold;
				font-size:13px;
				text-align:center;
			}
				ul#workMain li a:hover.portImg .hoverCall {
					display:inline;
				}
			
			ul#workMain li .entryInfo {
				width:400px;
				float:right;
			}
				ul#workMain li .entryInfo h3 {
					padding:5px 0 0 0;
					font-size:32px;
					line-height:28px;
					letter-spacing:-1.6px;
					color:#000;
					text-shadow: 1px 1px 1px #fff;
				}
				ul#workMain li .entryInfo blockquote {
					margin:20px 0 0 0; padding:10px 0;
					font:normal 14px Cambria, Georgia, serif;
					color:#999;
					letter-spacing:.8px;
					font-style:italic;
					text-align:center;
					border-top:1px solid #ccc;
					border-bottom:1px solid #ccc;
				}
				ul#workMain li .entryInfo p {
					margin:30px 0 0 0; padding:0 0 20px 0;
					line-height:19px;
				}
				ul#workMain li .entryInfo a.forward {
					font-size:12px;
					text-transform:uppercase;
				}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	contact STYLES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contactContent #mainCol {
		width:460px;
		float:left;
	}
	
		#contactContent #contactMain {
			padding:30px 0 20px 0;
			background:url(../../images/footer_thick.gif) bottom left repeat-x;
		}
			#contactContent #contactMain p {
				padding:0 0 20px 0;
				font-size:18px;
				line-height:24px;
				font-weight:100;
			}
			
	#contactContent h2#h2Social {
		width:441px; height:25px;
		margin:45px 0 0 0;
		background:url(../../images/h2_social.gif) top left no-repeat;
	}
	ul#socialNetworks {
		margin:20px 0 0 0;
	}
		ul#socialNetworks li {
			width:50px; height:50px;
			margin:0 10px 0 0;
			float:left;
		}
			ul#socialNetworks li a {
				width:50px; height:50px;
				display:block;
			}
				ul#socialNetworks li a:hover {
					background-position:bottom left;
				}
			ul#socialNetworks li.facebook a {
				background-image:url(../../images/btn_facebook.gif);
			}
			ul#socialNetworks li.myspace a {
				background-image:url(../../images/btn_myspace.gif);
			}
			ul#socialNetworks li.twitter a {
				background-image:url(../../images/btn_twitter.gif);
			}
			ul#socialNetworks li.youtube a {
				background-image:url(../../images/btn_youtube.gif);
			}	
			ul#socialNetworks li.linkedin a {
				background-image:url(../../images/btn_linkedin.gif);
			}
			ul#socialNetworks li.virb a {
				background-image:url(../../images/btn_virb.gif);
			}
			ul#socialNetworks li.lastfm a {
				background-image:url(../../images/btn_lastfm.gif);
			}			
	#contactContent #contactForm {
		width:420px;
		float:right;
		background:url(../../images/bg_contact.gif);
		box-shadow: #999 1px 1px 3px;
		-moz-box-shadow: #999 1px 1px 3px;
		-webkit-box-shadow: #999 1px 1px 3px;
		border-radius:10px;  
		-moz-border-radius:10px;  
		-webkit-border-radius:10px;
	}
		#contactContent #contactForm #formHolder{
			padding:20px;
			background:url(../../images/bg_formMain.jpg) top left no-repeat;
		border-radius:10px;  
		-moz-border-radius:10px;  
		-webkit-border-radius:10px;

		}
		#contactContent h2#h2Form {
			width:303px; height:21px;
			margin:0 0 15px 0;
			background:url(../../images/h2_form.gif) top left no-repeat;
		}
		 #contactForm b {
			display:block;
			font-size:11px;
			font-weight:bold;
			color:#000;
			text-transform:uppercase;
		}
			#contactForm b#messageBox {
				margin:15px 0 0 0;
			}
		#contactContent #contactForm form p {
			padding:0 0 15px 0;
		}
		#contactContent #contactForm form p#select {
			padding:15px 0 10px 0;
		}
		#contactForm input:focus#name , #contactForm input:focus#email{
			border-bottom:1px dotted #000;
		}
		#contactForm input#name, #contactForm input#email{
			width:100%; height:20px;
			display:block;
			border:0;
			background:none;
			border-bottom:1px solid #000;
			font-size:16px;
			font-family:Helvetica, Arial, sans-serif;
		}
		#contactForm input#email {
			margin:15px 0 0 0;
			}
		#contactContent #contactForm form select {
			display:block;
			width:378px; height:25px;
			border:1px solid #000;
			font-size:16px;
			background:none;
			font-family:Helvetica, Arial, sans-serif;
		}
			#contactContent #contactForm form select:focus {
				border:1px solid dotted;
			}
		#contactForm textarea {
			display:block;
			width:368px; height:200px;
			padding:5px;
			border:1px solid #000;
			background:none;
			font-family:Helvetica, Arial, sans-serif;
			border-radius:10px;  
			-moz-border-radius:10px;  
			-webkit-border-radius:10px;
		}
			#contactForm textarea:focus {
				border:1px dotted #000;
			}
		 #contactForm #buttons  input {


			margin:0 auto;
			border-radius:10px;  
			-moz-border-radius:10px;  
			-webkit-border-radius:10px;
			border:1px solid #000;
			background:#fff;
			font-family:Helvetica, Arial, sans-serif;
			box-shadow: #bbb 1px 1px 3px;
			-moz-box-shadow: #666 .5px .5px 2px;
			-webkit-box-shadow: #666 .5px .5px 2px;
		}
			#contactForm #buttons  input:hover {
				background:#f1f1f1;
			}
	#contactForm #buttons {
		padding:10px;
		text-align:center;
	}
	#sendBack p {
		padding:0 0 20px 0;
	}
	
	#popContent {
		background:#fff;
		padding:20px;
	}
		#popContent h3 {
			font-size:48px;
			letter-spacing:-1px;
			padding:0 0 15px 0;
			color:#000;
		}
		#popContent h4 {
			font-size:24px;
			letter-spacing:-1px;
			padding:0 0 10px 0;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#footer {
		margin:65px 0 0 0; padding:22px 0 40px 0;
		background:url(../../images/bg_footer.gif) top center no-repeat;
	}
		#footer #top {
			font-size:11px;
			text-align:right;
		}
	#footerItems {
		margin:35px 0 0 0;
		padding:0 10px;
	}
	#siteStuff {
		width:220px;
		float:left;
	}
		#siteStuff  h3 {
			font-size:11px;
			color:#666;
			text-transform:uppercase;
			margin:20px 0 0 0;
		}
			#siteStuff ul {
				margin:0px 0 0 0;
			}
				#siteStuff ul li {
					float: left;
					font-size:11px;
					font-weight:normal;
					color:#666;
					line-height:11px;
				}
					#siteStuff ul li a {
						font-size:11px;
						font-weight:normal;
						color:#666;
						text-transform:uppercase;
					}
			#siteStuff #copy {
				font-size:10px;
				color:#999;
				margin:20px 0 0 0;
			}
	#footerLogo {
		width:75px; height:75px;
		background:url(../../images/footerlogo.gif) top left no-repeat;
	}
		#footerLogo a{
			width:75px; height:75px;
			display:block;
		}
	#twitter {
		width:440px;
		float:left;
	}
	.footHeader {
		padding:0 0 0px 0;
		line-height:13px;
		border-bottom:1px solid #9f9f9f;
	}
		.footHeader h3 {
			display:inline; float:left;
			font-size:12px;
			text-transform:uppercase;
			color:#666;
		}
		.footHeader a {
			font-size:11px;
			float:right;
		}
		#twitter ul {
			padding:15px 0 0 0;
		}
			#twitter ul span {
				display:block;
				font-size:22px;
				font-style:italic;
				line-height:28px;
				color:#333;
			}
				#twitter ul span a {
					color:#333;
				}
	#friendLinks {
		width:220px;
		float:right;
	}
		#friendLinks ul {
			padding:0px 0 0 0;
			font-size:11px;
			line-height:1;
		}
			#friendLinks ul li {
				padding:0 0 0 10px;
				line-height:30px;
				border-bottom:1px solid #ccc;
				background:url(../../images/bullet.gif) left center no-repeat;
			}
				#friendLinks ul li:last-child {
					border:0;
				}
		
	#bottomContact {
		display:block;
		padding:30px 0 0 0;
		font-size:11px;
		text-align:center;
	}
		#bottomContact a {
			color:#333;
		}