/*----------------------------------------------------------------------------*\
|* 01001111 lib                                                               *|
\*----------------------------------------------------------------------------*/
html		{ background: white url(images/texture/grain.jpg) top left repeat; }
body		{ font-family:Helvetica; font-size:12px; color:black; text-align:center;
		  background:transparent url(images/texture/top-grunge.png) top center no-repeat; }
a		{ color:#404040; text-decoration:none; font-weight:bold; }
a:hover		{ color:#808080; }
input, select, textarea
		{ font-size:11px; border:solid #AAAAAA 1px; }
input[type="button"],input[type="submit"]
		{ background:#EEEEEE; }
img[onclick]	{ cursor:pointer; }
p	{ font-size:13px; color:#404040; line-height:20px; text-align:justify; }
/*----------------------------------------------------------------------------*/
#pg		{ width:900px; margin:0px auto 0px auto; padding:5px; }
#nav		{ width:100%; }
#nav td		{ width:20%; vertical-align:top; height:50px; }
#nav a		{ font-size:18px; font-weight:bold; color:#111111; }
#content	{ margin:auto; text-align:justify; width:856px; }

#footer		{ font-size:11px; color:#888888; text-align:center;
		  margin-top:32px; }
#logo		{ text-align:center; position:relative; top:-10px;
		  opacity:.85; filter:alpha(opacity=85); }
.break		{ clear:both; }
#copyright	{ text-align:center; font-size:11px; color:#808080; }

/*-TABS-----------------------------------------------------------------------*/
#tabs	{ position:relative; height:25px; width:100%; z-index:2; }
#panes	{ position:relative; top:-6px; width:852px; z-index:1; clear:left;
	  border:solid #888888 2px; }
	  
.tab	{ position:relative; width:120px; height:25px; float:left; top: 0px;
	  text-align:center; padding:5px 0 0 0; cursor:pointer; }
#panes  { position:relative; background:#ffffff url(images/texture/disintegratewwwl2.jpg) repeat-x; }
.tab.active	{ font-weight:bold; height:30px; top:-4px; }
div.tab:hover	{ font-weight:bold; color:#333333; }
.pane		{ padding:40px 50px; min-height:100%; }

/*-CONTACT--------------------------------------------------------------------*/
#contact	{ text-align:justify; position:relative; width:673px; height:335px;
		  margin:0 auto 0 auto;
		  background:transparent url(images/objects/envelope.png) top center no-repeat; }
/*#contactMessage*/
#contactAddresses { position:relative; width:480px; top:100px; font-size:14px;
		  text-align:center; margin:0 auto 0 auto; font-family:Courier New; }
#contactAddresses a { margin:0 10px; }
.ContactImageLink	{ font-size:13px; }
.ContactImageLink img	{ position:relative; top:3px; }
#contactLogos		{ position:absolute; width:100%; height:100%; top:0; left:0;
			  background:transparent url() center 66% no-repeat;
			  opacity:.90; filter:alpha(opacity=90); }

/*-BORDERS--------------------------------------------------------------------*/
#bordert	{ position:absolute; height:29px; width:100%; top:-22px; left:0; background:transparent url(images/borders/rippedbt.png) repeat-x; }
#borderr	{ position:absolute; height:100%; width:29px; top:0; right:-22px; background:transparent url(images/borders/rippedbr.png) repeat-y; }
#borderb	{ position:absolute; height:29px; width:100%; bottom:-22px; left:0; background:transparent url(images/borders/rippedbb.png) repeat-x; }
#borderl	{ position:absolute; height:100%; width:29px; top:0; left:-22px; background:transparent url(images/borders/rippedbl.png) repeat-y; }


/*-FLICKR BADGE---------------------------------------------------------------*/
.flickr_badge_uber_wrapper
			{ text-align:center; width:100%; text-align:center; }
.flickr_badge_wrapper	{ padding:10px; margin:auto; width:425px; height:425px;
			  background-color:#f5f5f5; border:solid #f0f0f0 1px; }
.flickr_badge_image	{ position:relative; display:inline-block; margin:2px;
			  text-align:center; }
.flickr_badge_image img	{ border:solid black 3px; }
.flickr_badge_uber_wrapper a:hover,
.flickr_badge_uber_wrapper a:link,
.flickr_badge_uber_wrapper a:active,
.flickr_badge_uber_wrapper a:visited
			{ text-decoration:none !important;
			  background:inherit !important; color:#3993ff; }
.flickr_badge_wrapper {}
.flickr_badge_source	{ padding:0 !important;
			  font: 11px Arial, Helvetica, Sans serif !important;
			  color:#666666 !important; }
.refreshButton	{ position:relative; top:-10px; cursor:pointer; width:32px; height:32px; }

/*-HOME-----------------------------------------------------------------------*/
#latestFlickrImages,#latestBlogEntries
			{ width:330px; padding:20px; margin:2px;
			  position:relative; float:left;
			  border:solid #cacaca 1px; background-color:#fafafa; }
#latestFlickrImages	{ clear:left; }
#latestBlogEntries	{ clear:right; }
#latestFlickrImages .title,#latestBlogEntries .title,#upcomingEvents .title
			{ font-variant:small-caps; font-weight:bold; color:#808080; }
#latestBlogLinks	{ padding:10px; height:255px; }
#latestBlogLinks a	{ display:block; clear:both; padding:10px; text-align:left; }
#latestBlogLinks a div { }
#latestBlogLinks .blogTitle { font-size:11px; font-weight:normal; margin:0 10px 0 0;
			      float:left; position:relative; top:-3px; }
.postTitle { font-size:13px; font-weight:bold; }
.postDate { font-size:9px; font-weight:normal; }

#latestBlogLinks .loading { width:100%; height:100%; border:dashed #eaeaea 1px;
	background:transparent url(images/objects/loading.gif) center center no-repeat; }

#latestflickr_uber_wrapper {text-align:center; width:300px; }
#latestflickr_wrapper { margin:auto; padding:10px 0 10px 0; }
.blogLink0	{ background-color:#eaeaea; }
.blogLink1	{ background-color:#cfcfcf; }
.flowgo		{ position:absolute; width:16px; height:16px; left:-8px; bottom:50%; }

/*----------------------------------------------------------------------------*/
#tweeted, #githubActivity, #listened { padding:10px 20px 10px 20px; margin:2px; position:relative; }
/*-github---------------------------------------------------------------------*/
#githubActivity { font-family:Courier New; border:solid #cacaca 1px; color:#404040;
	background:transparent url(images/texture/binarypaisley2l.png) top left repeat;  }
#githubActivity .postTitle { font-size:1em; }

/*-tweet----------------------------------------------------------------------*/
#tweeted	{ border:solid #cacaca 1px; background: url(images/logos/external/twitterbg.gif) top left; }
#tweeted .twnametime	{ float:left; padding:10px; text-align:right;
			  position:relative; margin-right:20px; z-index:5; }
#tweeted .twname	{ font-weight:bold; font-size:1.5em; }
#tweeted .twtext	{ font-size:1.25em; padding:10px; font-family:Lucida Grande,Times; }
#tweeted .twtime	{ font-size:.65em; font-style:italic; color:#808080; }

/*-last.fm--------------------------------------------------------------------*/
#listened	{ text-align:center; background: url(images/logos/external/lastfmbg.png) center left repeat-x; }
img.album	{ width:64px; height:64px; border:solid #d0d0d0 1px; }

/*-calendar-------------------------------------------------------------------*/
.gcEvent	{ font-family:Times New Roman; clear:both; }
.calEntry	{ position:relative; float:left; width:50px;
		  text-align:center; border:solid black 2px; margin:3px; }
.calYear	{ color:#FFFFFF; background-color:#000000; font-size:8px; line-height:8px;
		  padding-left:7px; letter-spacing:7px; }
.calMonth	{ color:#000000; background-color:#b0b0b0; font-size:11px; line-height:12px;
		  letter-spacing:5px; padding-left:5px; font-weight:bold; }
.calDay		{ color:#000000; background-color:#f0f0f0; font-size:24px; line-height:24px;
		  font-weight:bold; }
.calTime	{ color:#000000; background-color:#ffffff; font-size:9px; line-height:10px; }

.event		{ position:relative; clear:right; padding-left:10px; }
.eventWhat	{ font-size:1.2em; font-weight:bold; }
.eventWhere	{ color:#404040; font-size:1em; font-style:italic; }

#upcomingEvents	{ padding:20px; margin:2px; clear:both; position:relative;
		  border:solid #cacaca 1px; background-color:#fafafa; }
#upcomingEventsContent	{ padding:5px 20px 5px 20px; }

/*-ABOUT----------------------------------------------------------------------*/
#aboutPhoto { float:right; margin:0 0 5px 20px; }

/*-PROGRAMMING----------------------------------------------------------------*/
.personalProjects { text-align:center; border:dotted #a0a0a0 1px; }
.libLink *	{ font-family:Courier New; }
.libLink #o	{ font-size:64px; }
.libLink #l	{ font-size:32px; position:relative; margin-top:-22px; }
.personalProjects a { display:block; margin:0px auto; }
.githubLogo	{ position:relative; top:6px; }

.pprj { position:relative; text-align:center; min-width:160px; display:inline-block;
	margin:10px 20px; vertical-align:middle; }

#wordPressPlugins { margin:40px auto; padding:10px; background:white;
	font-family:Times; width:380px;  border:solid #808080 3px;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
#wordPressPlugins a { font-size:18px; font-weight:normal; margin:10px auto; }
#wordPressPlugins img { position:relative; top:10px; }
#wpp		{ font-size:24px; color:#464646; margin-bottom:20px; display:block; }
#wpp span.big	{ font-size:36px; }
.wpWord		{ color: #21759b; }
.ldarkr	{ font-weight:bold; color:white; }
.ldark	{ }
.lr	{ color:#808080; }
#darkrLogo { display:block; background:#000000; color:#FFFFFF; text-align:center;
	padding:15px; margin:0px auto; font-size:80px; line-height:80px;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
	border:solid #808080 5px; width:280px; }
#cursoryLogo, #compactorLogo { font-family:Lucida Grande; font-size:30px; text-align:center; }
#cursoryLogo { color:#7c8c69; }
#cursoryLogo:hover { color:#384030; }
#compactorLogo { color:#5e5243; }
#compactorLogo:hover { color:#c9cfcf; }
#compactorLogo div { position:relative; margin:-50px 0 45px 0; left:70px; }
#s1ghtLogo div { font-size:32px; color:#c9cfcf; font-family:Courier New; }

/*-WRITING--------------------------------------------------------------------*/
.personalWriting { padding:5px 30px; border:dotted #a0a0a0 1px; width:680px; margin:auto;
	text-align:center; }
.personalWriting div.blog { position:relative; display:inline-block;
	width:200px; text-align:justify; font-family:Courier New; margin:10px; vertical-align:top; }
.personalWriting a { display:block; width:200px; height:25px; position:relative;
		     background-position:top center; background-repeat:no-repeat; }
.break	{ clear:both; height:2px; }


/*-RESUME---------------------------------------------------------------------*/
a.resumeDownload	{ font-size:20px; font-weight:bold; color:#424242;
			  margin:0 auto 0 auto; text-align:center; display:block;
			  padding:20px; }
a.resumeDownload:hover	{ color:#888888; background:url(images/icons/pdf.png) center center no-repeat; }

#resume { font-size:11px; font-family:Courier New; margin:32px; color:#202020; }
#resume th,td	{ vertical-align:top; text-align:left; }
#resume a		{ color:#404040; text-decoration:none; }
#resume a:hover	{ text-decoration:underline; }
#resume hr		{ margin:32px; border:0; border-top:solid #dedede 1px; }
#resume ul		{ padding:6px 8px; list-style:disc; }
#resume li		{ margin: 0 0 6px 32px; }
#resume p 		{ margin-bottom:11px; }
#resume .ocd { font-size:33px; font-weight:bold; text-align:center; }
#resume .contact { font-size:13px; color:#424242; text-align:center; }
#resume .section { margin:16px 0 16px 0; padding:8px;  border:solid #404040 1px;
	background-color:#fefefe; border-radius:10px; -webkit-border-radius:10px;
	-moz-border-radius:10px; box-shadow:1px 1px 1px #404040;
	-webkit-box-shadow:1px 1px 1px #404040; -moz-box-shadow:1px 1px 1px #404040; }
#resume .sectionHead { font-size:17px; font-weight:bold; text-align:center; margin:8px 0 2px 0; }
#resume .skillTable	{ width:100%; }
#resume .skillTable th, .skillTable td { padding:1px 3px; } 
#resume th.skillType { font-size:13px; font-weight:bold; text-align:left; 
	background-color:#dedede; padding-right:16px; border:solid #a0a0a0 1px; }
#resume .skillTable th { padding-right:16px; white-space:nowrap; }
#resume .job, .education { margin:0 8px 8px 8px; border: solid #909090 1px;
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
	box-shadow:1px 1px 1px #909090; -webkit-box-shadow:1px 1px 1px #909090;
	-moz-box-shadow:1px 1px 1px #909090; }
#resume .jobHeader { padding:7px 10px 2px; background-color:#d0d0d0;
	border-top-left-radius:10px; border-top-right-radius:10px;
	border-radius-topleft:10px; border-radius-topright:10px; 
	-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
	border-bottom: solid #909090 1px; }
#resume .jobContent { padding:6px 10px; }
#resume .company { font-size:13px; font-weight:bold; }
#resume .company a { font-size:12px; }
#resume .position { font-size:11px; }
#resume .overview { }
#resume .experienceSection {  /*page-break-inside:avoid;*/ }
#resume .experienceSectionHeader { font-size:11px; }
#resume .project { font-size:12px; font-weight:bold; }
#resume ul.projects { list-style:none; }
#resume ul.projects > li { margin-left:0; }
#resume ul.projects ul { padding-bottom:0px; }
#resume .projectsSection .company, .projectsSection .position { display:inline;  }
#resume .githubsrc { text-align:center; }
#resume .education { margin:8px; padding:10px; }
#resume .institution { font-size:13px; font-weight:bold; }
#resume .degree { font-size:12px; }
#resume .references { text-align:center; }