/* -- 	craigmod.com
		august 2005-2006, etc etc
*/

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

body {
	padding: 0px;
	margin: 0px;
	color: #666;
	font-family: "lucida grande", verdana, sans;
	font-size: 11px;
	text-align: left;
	}
	
p { 
	padding: 0px;
	margin: 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;
	}
	
/* -- Main Four Sections -- MENU, CONTENT, DOMDOMO, FOOTER
*/
#menu {
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	background-color: #eee;
	}
	
	#menuItems {
		float: left;
		margin-left: 7px;
		}
		
	#menu a {
		font-size: 10px;
		}

	#menu a:hover {
		font-size: 10px;
		}
				
#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 h1 {
		margin-top: 0px;
		}
	
	#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: inside;
				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;
			}
		
		#content #topDetails .topDetailsBox {
			float: left;
			width: 400px;
			margin-left: 18px;
			margin-right: 18px;
			}
	
	#content #workPresentation {
		width: 875px;
		float: left;
		text-align: center;
		margin-bottom: 40px;
		}

	#content #workPresentation p {
		font-family: georgia, times, serif;
		font-size: 16px;
		font-weight: normal;
		}
	
#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 {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: right;
	}
	
/* -- TITLE / LOGO
*/
#craigmod {
	width: 875px;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: 5px;
	text-align: left;
	}
	
/* -- Menu cols
*/
#col1, #col2, #col3, #col4, #col5, #col6, #col7 {
	float: left;
	width: 120px;
	margin: 2px;
	margin-top: 0px;
	margin-bottom: 5px;

	text-align: left;
	}
	
	#col7 {
		text-align: right;
		}
		
		#col7 p {
			margin-right: 8px;
			}

* html #col1, * html #col2, * html #col3, * html #col4, * html #col5, * html #col6, * html #col7  /* this is recognized by IE only */
  {
  margin: 3px;  /* total width, only for IE5.x/Win */
  }

/* -- Headers
*/
h1, h2 {
	font-size: 12px;
	font-family: verdana, sans;
	font-weight: bold;
	
	border-bottom: 1px solid #bbb;
	
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	}
	
h1 {
	font-size: 14px;
	font-family: "lucida grande", verdana, sans;
	border-bottom: 0px;
	font-weight: normal;
	text-transform: uppercase;
	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_printg, h2#txt-photography, h2#txt-about, h2.open {
	display: block;
	width: 110px;
	height: 15px;
	border-bottom: 1px solid #bbb;
	margin-left: 0px;
	margin-bottom: 5px;
	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; }


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

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

/* -- links
*/
a {
	font-family: inherit;
	color: #3383FF;
	text-decoration: none;
	font-size: inherit;
	line-height: 14px;
	font-style: normal;
	}	
	
	a:visited {
		font-family: inherit;
		font-size: inherit;
		font-style: normal;
		font-weight: normal;
		color: #999;
		text-decoration: none;
		}
	
	#menuItems a:hover,	a:hover {
		font-family: inherit;
		font-size: inherit;
		font-style: normal;
		font-weight: normal;
		color: #fff;
		background-color: #333;
		text-decoration: none;
		}

		#menuItems a:hover {
			font-size: 10px;
			}
		
	#menuItems li a {
		display: block;
		background-color: transparent;
		width: 110px;
		}

	#content a {
		color: #bbb;
		}
	
	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;
			}
		
			

/* -- DomoDomo 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;
	}
	
#about {
	float: left;
	font-size: 14px;
	line-height: 19px;
	font-family:  "Hoefler Text", georgia, serif;
	}
	
	#about p {
		margin-bottom: 15px;
		}
		
	#about a, #about a:visited {
		color: #ff0;
		font-size: inherit;
		line-height: inherit;
		font-family:  "Hoefler Text", georgia, serif;
		}
		
	#about h3 {
		font-size: 13px;
		text-transform: uppercase;
		font-family:  "Hoefler Text", georgia, serif;
		color: #fff;
		font-weight: normal;
		letter-spacing: 2px;
		border-bottom: 3px double #999;
		}
	
#about_left {
	float: left;
	width: 475px;
	margin-right: 15px;
	margin-left: 15px;
	}
	
	#about_left p {

	}

#about_right {
	float: left;
	width: 350px;
}