/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}



/* dqe1.com portfolio styles */



body { font-family: Arial, Helvetica, sans-serif;	background-color:#111111;	line-height:1.416em;	font-size:1em;	color: #999999;}
h1 {font-family: Arial, Helvetica, sans-serif;	font-size:2em;	color: #999999;	font-weight: lighter;}
a {font-family: Arial, Helvetica, sans-serif; 	color: #C1C1C1;	text-decoration: none;}
a:hover {color: #ffffff;}
/* a:visited {color: #6A6A6A;}
a:hover:visited {color: #D8D8D8;} */
h5 {font-family: Arial, Helvetica, sans-serif;	color: #999999;	font-weight: normal;}
.error {color:maroon;}
img {border:0;}


/* this is where header info was. it's been moved inside the nave folder.*/

#footer { clear:both; font-size:.95em; margin:20px 0 20px 8px; height:50px; padding:15px 0 0 0px;}
#footer a {margin:20px 20px 0 10px;color: #666666;}
#footer a:hover {color: #999999;}


/*portfolio page*/
.project{clear:both;float:left; margin:8px; width:860px;}
.interest_title { font-size:1.4em; margin:15px 10px 20px 8px; color: #D8D8D8; clear:both; float:left;} 
.interest-old {font-size:16px;}
#subtext{font-family:arial;}
#subtextold{font-size:10px;}
.project_title {margin:20px 0 0 0; float:left; width:200px; font-size:1.1em; }
ul {padding-left:0px; margin:0 0 0 14px; list-style-position:inside; text-indent:-14px;}
.project_titleold {font-size:16px; }
.detail{font-size:.8em;}

.element {width:600px;margin:20px 20px 20px 10px;float:right;}
.textbox { width:200px;margin:20px 10px 0px 20px; float:right; display:inline; font-size:.8em; line-height:1.2em; text-indent:1em;}

/*dynamic phases*/
.group_title {font-size:1.4em; margin:0px 10px 20px 8px; color: #D8D8D8; clear:both; float:left;}
.phase_intro {width:230px;float:left; display:inline;}
.phase_title {margin:20px 0 0 0; float:left; width:200px; font-size:1.1em; } /*new name for (same as) project title*/

.phase_comment{width:200px;margin:20px 10px 0px 20px; float:left;  font-size:.8em; line-height:1.2em; text-indent:0.5em;}

/* gallery viewer */
.phase_photo .galleryViewerButtonLeft, .phase_photo .galleryViewerButtonRight { display:none;}
.galleryViewerButtonLeft, .galleryViewerButtonRight { height:424px; width:15px; position:relative; opacity:.3;}
.galleryViewerButtonLeft {left:15px; background:url("site/nav/galleryViewerButtonLFull.png") no-repeat; overflow:visible; }
.galleryViewerButtonRight {right:15px; background:url("site/nav/galleryViewerButtonRFull.png") no-repeat; overflow:visible; }
.galleryViewer div { float:left; display:inline;}

.galleryViewer img { display:none; float:left; }
.viewer_photo { } /*is an img*/

.phase_photo {width:600px;margin:20px 20px 20px 10px; float:right; display:inline;}
.phase_photos {width:630px;margin:20px 0px 20px 0px; float:right; display:inline;}
.expandable_group {clear:both;}

.textboxold{font-size: 11px; line-height:1.1em;}
.note {cursor:help;}
.subtleLink{color: #999999;}

.detailsButtonMore {background:url("site/nav/morebtn.gif") no-repeat 0px 5px;  display:block; float:left;  width:16px; height:18px;}
.detailsButton:hover .detailsButtonMore {background-image:url("site/nav/morebtn-selected.gif");}
.detailsButtonLess {background:url("site/nav/lessbtn.gif") no-repeat 2px;  display:none; float:left;  width:16px; height:18px; overflow:visible;}
.detailsButton:hover .detailsButtonLess {background-image:url("site/nav/lessbtn-selected.gif");}

.detailsButton {margin:20px 0 0 0; display:block; cursor:pointer; font-weight:bold; float:left; }
.detailsBtnText {cursor:inherit; color:inherit; font:inherit; font-size:inherit; font-weight:inherit; width:34px; border:0; background:none;}

.phase_details {margin: 0 0px 0 20px; background-color:#232944;}
.phase_details .phase_comment {width:180px;}
.detailsDiv, .phase_details {clear:both; display:none;}
.detailsDiv .element, .detailsDiv .phase_photo {margin:0px 20px 20px 0px; float:right; }
.detailsDiv .textbox, .detailsDiv .phase_comment { float:left;  margin-top:0;}
.phase_details hr {color:FFFFFF; height:1px; clear:both; border-bottom:1px solid white; border-top:none;size:1px;}

/*ixd homepage*/
.bigidea {float:left; margin:0 10px 0 10px; width:210px; }
.bigideatext {margin:10px 10px 0px 10px; display:block;}
.collage{display:block;	width:180px; height:250px; margin:0 10px 0 10px; border:0;}
.ixd_page {clear:none; background-color:131524;}
.ixd_page .textbox {color:white;}
.ixd_phase_title {margin:20px 0px 5px 20px; color:#66B5FF; float:left; display:inline;} 
.ixd_phase_title_a { color:#66B5FF; }
.ixd_menu a:hover, .ixd_phase_title a:hover {color:006699;}

.ixd_phase_title_hovered {color:006699;}

.principle {font-size:.8em; line-height:1.1em;  color:#999999; font-style:italic; display:block; margin-bottom:1em;}
	/*horizontal menu*/

	.left_menu {float:left; margin:0px 20px 0px 15px; width:180px;  font-size:.75em; line-height:1.3em;}
	.index_interest {margin:20px 0px 5px 20px; color:#66B5FF; float:left;} 

	.ixd {font-style:italic; font-size:28px; font-weight:lighter; color:66B5FF;}
	.ixd_menu {margin:5px 10px 50px 20px;}
	.ixd_menu a {color:66B5FF; font-weight:bold;  font-size:14px;}
	.ixd_menu_item {width:200px; float:left;}
	.ixd_menu_item_selected {width:200px; float:left;}
	.ixd_menu_item_selected a {color:white;}

/*resume formatting*/
.resume_header {margin:15px 0 0 0; font-size:20px; color:white; text-align:right; float:right; cursor:pointer;}
.resume_set {font-size:16px; float:left; margin-top:10px; }
.resume_title {margin:0; font-size:1.05em; font-weight:lighter; display:block; color:white;}
.resume_project{display:block; text-align:right; font-weight:bolder;  color:white; }
.resume_place{display:block; text-align:right;}
.resume_item {clear:both; float:left; margin:0px; width:858px; font-weight:normal; font-size:.95em; }
.resume_item .bodytext { float:right; width:200px;}
.resume_itemold {font-size:12px;}
.resume_item .element {width:525px; margin:22px 95px 0 0; float:right;}
.resume_item .textbox {float:left; margin:25px 0 0 0; }
.resume_item p{margin:0; width:525px; }

.about_set { text-align:right; float:right; margin:0; font-size:1.05em; display:block;}
.about_pg .resume_item { margin: 0 0 35px 0;}
.about_pg .resume_item .element {width:540;}
/*
colors that match blog:
66B5FF - light blue
006699 - dark blue
*/

/* archive portfolio */
.archives_interest {float:left; text-align:left; margin:2px 0 0 0; }
.bodytext{float:left; text-align:left; margin:2px 0 0 0; }