/* 	= = = = = = = = = = = = = = = = = = = = = = = = = = 
	craigmod.com
	august 2005-2008, etc etc
	a frankenstenian compendium of duck taped CSS
	= = = = = = = = = = = = = = = = = = = = = = = = = =  */

body, html { padding: 0px; margin: 0px; }

body {
	padding: 0px;
	margin: 0px;
	color: #666;
	background-color: #fcfcfc;
	background-image: url(/images/background-upsidedown_tokyo-4.png);
	background-position: top left;
	background-repeat: no-repeat;	
	font-family: "lucida grande", verdana, sans;
	font-size: 11px;
	text-align: left;
	}
	
p { 
	padding: 0px;
	margin: 0px;
	}


/* ======================== Headers == */
h1, h2 {
	font-size: 11px;
	font-family: verdana, sans;
	font-weight: bold;
	
	border-bottom: 1px solid #bbb;
	
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	}
	
h1 {
	font-size: 12px;
	font-family: "Hoefler Text", "Georgia", "lucida grande", verdana, sans;
	border-bottom: 0px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 10px;
	margin-bottom: 5px;
	margin: 0px;
	margin-top: 5px;
	padding: 6px 10px 6px 10px;
	background-color: #444;
	color: #eee;
	}
	
	a:hover h1 {
		background-color: #bbb;
		color: #222;
		}
	
h2#txt-interactive, h2#txt-books, h2#txt-misc_print, h2#txt-photography, h2#txt-about, h2.open {
	display: block;
	width: 110px;
	height: 12px;
	border-bottom: 1px solid #bbb;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	font: 11px/1px verdana, sans;
	text-indent: -3000px;
	overflow: hidden;
	}	
	
h2#txt-interactive 	{ background: url("/images/h2-interactive.png") top left no-repeat; height: 12px; }
h2#txt-photography 	{ background: url("/images/h2-photography.png") top left no-repeat; height: 12px; }
h2#txt-books 		{ background: url("/images/h2-books.png") top left no-repeat; height: 12px; }
h2#txt-misc_print 	{ background: url("/images/h2-misc_print.png") top left no-repeat; height: 12px; }
h2#txt-about 		{ background: url("/images/h2-about.png") top right no-repeat; height: 12px; }


/* ======================== Logo == */
#craigmod {
	width: 875px;
	float: left;
	/*padding-top: 10px;
	padding-left: 15px;*/
	margin-bottom: 5px;
	text-align: left;
	}
	
	#craigmod h1 {
		width: 875px;
		height: 50px;
		display: block;
		padding: 0px;
		margin: 0px;
		background: transparent url(/images/gu-ink.png) -20px -20px no-repeat;
		}
		
		#craigmod h1 a {
			width: 50px;
			height: 50px;
			display: block;
			text-indent: -9999px;
			}


/* ======================== Lists == */
li {
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	
	list-style-image: none;
	list-style-type: none;
}

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

/* ======================== MENU == */
#menu {
	float: left;
	width: 100%;
	width: 875px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	background-color: #eee;
	opacity: .95;
	}
	
	#menuItems {
		float: left;
		margin-left: 12px;
		}
		
		#menuItems li {
			margin-left: 0px;
			}
		
	#menu a {
		font-size: 10px;
		}


/* ======================== MENU Columns == */
#col1, #col2, #col3, #col4, #col5, #col6, #col7 {
	float: left;
	width: 110px;
	
	margin-right: 13px;
	margin-top: 0px;
	margin-bottom: 5px;

	text-align: left;
	border: 0px solid #000;
	}
	
	#col7 {
		text-align: right;
		}
		
		#col7 p {
			margin-right: 0px;
			}
  

/* ======================== Images == */
img {
	border: 0px;
	text-decoration: none;
	background-color: transparent;
	}
		
	a:hover img {
		background-color: #eee;
		text-decoration: none;
		border-bottom: 0px solid #000;
		}


/* ======================== Wrapper == */
#container {
	width: 875px;
	border: 0px solid #ddd;
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	margin: 20px auto;
	padding: 0px;
	}
	

/* ======================== Content == */		
#content {
	float: left;
	width: 100%;
	background-color: #555;
	line-height: 16px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
	margin-top: 5px;
	padding-bottom: 0px;
	}
	
	#content.about p a {
		border-bottom: 1px solid #ff0;
		}
	
	#content h2 {

		background-color: transparent;
		margin-top: 45px;
		padding-left: 55px;
		margin-left: -20px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		font-size: 48px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		/*font-family: "Hoefler Text", "Georgia", "lucida grande", verdana, sans;*/
		border-bottom: 0px;
		font-weight: normal;		
		color: #ccccff;
		
		text-transform: none;

		font-size: 32px;
		letter-spacing: 1px;
		line-height: 16px;
		padding-bottom: 10px;
		color: #fff;
		background-color: #003333;
		border-bottom: 2px solid #444;
		border-right: 1px solid #444;
		background-color: transparent;
		border: 0px;
		
		font-size: 32px;
		margin-left:0px;
		padding-left: 0px;
		padding-bottom: 0px;
		line-height: 14px;
		margin-left: 0px;
		padding-left: 30px;
		padding-right: 30px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		background-color: #fff;
		display: inline;
		margin: 0px;
		padding: 0px;
		line-height: 32px;
		margin-top: 20px;
		padding-left: 30px;
		padding-right: 10px;
		color: #000;
		float: left;
		letter-spacing: 0px;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		color: #fff;
		background-color: #000;
		font-size: 18px;
		line-height: 24px;
		clear: both;
		margin-left: -20px;
		}
		
		#content h3.header {
			display: inline;
			clear: both;
			float: left;
			margin: 0px;
			padding: 0px;
			padding-right: 10px;
			line-height: 18px;
			background-color: #000;
			border-top: 1px solid #333;
			border-right: 1px solid #333;
			border-bottom: 1px solid #333;
			color: #999;
			margin-top: 5px;
			padding-left: 60px;
			font-weight: normal;
			font-style: italic;
			margin-left: -10px;
			}
		
		#content h2 span {
			font-size: 12px;
			text-transform: uppercase;
			text-transform: lowercase;
			font-size: 15px;
			font-style: italic;
			color: #888;
			color: #000;
			background-color: transparent;
			margin-left: 40px;
			}
	
	#content p {
		margin-bottom: 15px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; 
		font-size: 11px;
		line-height: 1.5em; 
		color: #eee;
		}
		
	.content_td, .domodomo_td {
		background-color: #555; 
		border: 0px;
		color: #eee; 
		padding: 10px;
		vertical-align: top;
		}
		
		.domodomo_td {
			background-color: transparent;
			}
			
	#content #topDetails {
		width: 875px;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #777;
		}
		
		#content #topDetails ul {
			list-style: circle;
			margin-left: 10px;
			color: #eee;
			}
			
			#content #topDetails ul li {
				list-style: disc;
				list-style-position: outside;
				font-size: inherit;
				margin-left: 20px;
				color: #eee;
				}
				
				#content #topDetails ul li a {
					display: inline;
					}
				
		#content #topDetails blockquote {
			color: #eee;
			font-size: 12px;
			line-height: 18px;
			font-style: italic;
			}
		
		#content #topDetails p {
			font-size: 12px;
			color: #ddd;
			}
		
		#content #topDetails .topDetailsBox {
			float: left;
			width: 400px;
			margin-left: 18px;
			margin-right: 18px;
			}
			
			#content #topDetails .topDetailsBox h3 {
				font-size: 11px;
				color: #ccccff;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				border-bottom: 1px dotted #888;
				}
				
			#content #topDetails .topDetailsBox img {
				border: 2px solid #000;
				}
				
			#content #topDetails .topDetailsBox p.caption {
				font-size: 12px;
				margin: 0px;
				padding: 0px;
				color: #999;
				font-style: italic;
				text-align: right;
				padding-right: 20px;
				}
	
	#content #workPresentation {
		width: 875px;
		float: left;
		text-align: center;
		margin-bottom: 40px;
		}
	
	
/* ======================== Domodomo == */
#domodomo {
	float: left;
	width: 100%;
	background-color: #eee;
	padding: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	border-top: 1px solid #ccc;
	}
	
	#domodomo .bottomEntries {
		width: 270px;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		}
	
	#domodomo .categoriesEtc {
		float: left;
		width: 875px;
		text-align: right;
		border-top: 1px solid #ddd;
		padding-top: 10px;
		}
		
		#domodomo .categoriesEtc p {
			margin-right: 20px;
			}

/* ======================== Footer == */
#footer {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: right;
	border-top: 2px solid #ddd;
	}
	
	#footer p {
		font-size: 9px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-right: 20px;
		}


/* ======================== Links == */
a {
	font-family: verdana, sans-serif;
	color: #3383FF;
	text-decoration: none;
	font-style: normal;
	}	
	
	a:visited {
		font-family: verdana, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #999;
		text-decoration: none;
		}
	
	a:hover {
		font-family: verdana, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #fff;
		background-color: #333;
		text-decoration: none;
		}
		
	li a {
		display: block;
		background-color: transparent;
		width: 110px;
		}

	#content a {
		color: #bbb;
		}
		
		#content a:hover {
			background-color: #ff0;
			color: #000;
			}
	
	a.nohover:hover {
		color: transparent;
		background-color: transparent;
		}
		
	#about-text p {
		margin-bottom: 10px;
		font-size: 11px;
		line-height: 16px;
		}
		
	#about-text p a:link {
		color: #fff;
		border-bottom: 1px dotted #ff0;
		}
		
		#about-text p a:visited {
			color: #fff;
			border-bottom: 1px dotted #ff0;
			}
			
			#about-text p a:hover {
				color: #000;
			}
		
			

/* ======================== Blog data == */
.domodomo_date {
	float: right;
	margin-right: 0px;
	text-align: right;
	padding: 0px 6px 3px 6px;
	vertical-align: bottom;
	}
	
	.domodomo_date_ind {
		float: right;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		margin-right: 0px;
		text-align: right;
		background-color: #222;
		border-left: 1px solid #777;
		border-bottom: 1px solid #777;
		border-right: 1px solid #000;
		padding: 3px 6px 3px 6px;
		vertical-align: bottom;
		}
		
	.domodomo_date_cat {
		float: right;
		margin-right: 10px;
		text-align: right;
		vertical-align: bottom;	
		color: #eee;
	}
	
h2.domodomo_title {
	border: 0px;
	font-family: "lucida grande", verdana, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
.domodomo_title a {
	color: #333;
	font-weight: normal;
	font-family: "lucida grande", verdana, sans-serif;
	}

.domodomo_title a:hover {
	font-family: "lucida grande", verdana, sans-serif;
	font-weight: normal;
	color: #fff;
	}
	
#domodomo_footer {
	width: 100%;
	text-align: right;
	padding-right: 10px;
	}
	
.domodomo_entry_header {
	margin-bottom: 5px; 
	padding-bottom: 5px;

	background-image: url(images/entry_background.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #eee;

	color: #666;
	border: 0px solid #fff;
	border-bottom: 1px solid #222;
	}

	.domodomo_entry_header_cat {
		margin-bottom: 5px; 
		padding-bottom: 5px;
	
		background-color: transparent;
		
		color: #666;
		border: 0px solid #fff;
		border-bottom: 1px solid #222;
		}
	
.domodomo_entry_td {
	background-image: url(images/entry_background.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
}

#previousEntry, #nextEntry {
	float: left;
	display: block;
	width: 215px;
	height: 50px;
	margin-right: 10px;
	padding-top: 15px;
	border: 0px solid #000;
	text-align: center;
	}
	
	#nextEntry {
		margin-right: 0px;
		}
	
	a #previousEntry, a #nextEntry {
		background-color: #666;
		}
	
	a:hover #previousEntry, a:hover #nextEntry {
		background-color: #999;
		color: #000;
		}

.domodomo_entry_body, .domodomo_entry_body_frontpage, .domodomo_entry_body_cat {
	text-align: left;
	color: #ddd;
	line-height: 18px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
	.domodomo_entry_body {
		font-size: 12px;
		line-height: 1.8em;
		font-family: Verdana;
		font-style: normal;
		font-weight: normal;
		}
	
	.domodomo_entry_body a {
		border-bottom: 1px dotted #fff;
		font-size: 12px;
		}
	
	.domodomo_entry_body p {
		margin-bottom: 15px;
		}
	
	.domodomo_entry_body_frontpage {
		color: #666;
		margin-left: 5px;
		margin-right: 5px;
		}
		
		.domodomo_entry_body_frontpage p {
			padding-bottom: 10px;
			}
		
	.domodomo_entry_body_cat {
		color: #eee;
		margin-left: 5px;
		margin-right: 5px;
		}
	
#domodomo_content {
	float: left;
	color: #bbb;
	width: 100%;
	line-height: 16px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	background-color: #545454;
	}
	
	
	#domodomo_content a {
		color: #ddd;
		font-weight: normal;
		}
	
	#domodomo_content a:visited { 
		color: #999;
		/*text-decoration: line-through; */
		}

#domodomo_archive_body {
	background-image: url(images/archive_bg5.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #545454;
	margin-top: 5px;
	}
	
	#domodomo_archive_body h1 {
		padding: 3px;
		background-color: transparent;
		text-transform: none;
		font-family: lucida grande;
		font-size: 11px;
		background-color: #333;
		font-weight: normal;
		border-bottom: 0px solid #000;
		}
		
/* -- Comments
*/
#domodomo_comments {
	margin-top: 0px;
	padding-left: 10px;
	border-left: 1px solid #666;
	}
	
	#domodomo_comments p {
		padding-bottom: 10px;
		padding-left: 10px;
		}
	
#domodomo_comment_list {
	margin-bottom: 10px;
	}
	
#TextDisplay_box {
	width: 270px;
	background-color: #222;
	color: #bbb;
	padding: 10px;
	border: 2px solid #777;
	}
	
.domodomo_ind_comment {
	color: #ddd;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #fff;
	}
	
.posted {
	color: #fff;
	background-color: transparent;
	padding: 3px;
	text-align: right;
	}