/* ---TAGS--- */
html, * { border:0px; padding:0px; margin:0px; }

body
{
	position:relative;
	width:930px; /* 900, but some added to help balance*/
	margin:0px auto;
}
h1, h2
{
	font-family:myriad, arial, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	text-transform:uppercase;
}

h1 { margin:0px 0px 15px 0px; font-size:1.0em; letter-spacing:0.15em; }
h2 { margin:5px 0px 10px 0px; font-size:0.7em; letter-spacing:0.1em; }

h3, h4, p
{
	color:#999;
	font-family:courier-new, courier, monospaced;
	font-size:0.7em;
	font-weight:normal;
	text-align:left;
	line-height:1.2em;
}

h3 { letter-spacing:0.2em;	text-transform:uppercase; }
h4 { letter-spacing:0.1em; }
p { text-align:justify; margin:3px 0px 12px 0px; }

hr
{
	display:block;
	margin:2px 0px 4px 0px;
	border-width:0px 0px 2px 0px;
	border-style:none none dotted none;
	border-color:black;
}
img { vertical-align:middle; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* --- GENERICS --- */
.inline { display:inline; }
.whitebg { background-color:white; padding:2px; }
.clearboth { clear:both; margin:2px; }
.floatleft { display:block; float:left; }
.floatright { display:block; float:right; }

.crapspacer { clear:both; display:block; height:20px; border:0px solid white; color:white; }

/* --- CORE/NAV STRUCTURE ---*/
#pagecase {}

#header
{
	position:absolute;
	top:0px;
	left:10px;
}
#nav
{
	font-family:arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:0.65em;
}
#nav a:hover { text-decoration:none; color:#fff; }

#sitenav
{
	position:absolute;
	top:50px;
	left:215px;
}
#sitenav li
{
	list-style:none;
	display:block;
	float:left;
	text-align:center;
	height:100px;
	margin:0px 25px;
}
#sitenav li a { color:#b2a7a4; }
#sitenav .currentpage a { color:white; }

.sitenavbubble { position:absolute; top:70px; }
#sitenavbubble0 { display:none; }
#sitenavbubble1 { left:210px; }
#sitenavbubble2 { left:295px; }
#sitenavbubble3 { left:395px; }
#sitenavbubble4 { left:530px; }
#sitenavbubble5 { left:670px; }
#sitenavbubble6 { left:770px; }

#photographersnav
{
	position:absolute;
	top:190px;
	left:25px;
}
#photographersnav li
{
	list-style:none;
	text-align:right;
	width:150px;
	padding:5px 25px 5px 0px;
	height:10px;
	margin-bottom:0px;
}
#photographersnav li a { color:#b2a7a4; }
#photographersnav .currentpage { background:url(v3_gfx/png/bubble_tiny_left.png) no-repeat 165px 0px scroll; }
#photographersnav .currentpage a { color:white; }

#main
{
	position:absolute;
	top:20px;
	left:0px;
	margin:100px 100px 0px 200px;
	width:650px;
/*	min-height:400px; */
	height:464px;
	padding:20px 26px;
	background-color:white;
	overflow:auto; /* this is weird. is fixing the colapsing div with floats in */
}

#floatbox /* the sub nav for each photographer:porfolio publications...*/
{
	position:absolute;
	top:340px;
	left:78px;
	width:122px;
	height:244px;
	background:url(v3_gfx/png/bubble_large_left.png) no-repeat 0px 0px scroll;
	padding:50px 0px;
}
#floatbox h3
{
	text-transform:none;
	margin:10px 0px;
	font-family:arial, sans-serif;
	font-weight:normal;
	font-size:0.75em;
	letter-spacing:0.2em;
	text-align:right;
	width:120px;
}
#floatbox h3 a { color:#999; }

#footer
{
	position:absolute;
	top:680px;
	left:35px;
	font-family:arial, sans-serif;
	letter-spacing:0.2em;
	font-size:0.65em;
	color:#b2a7a4;
}
#footer ul {}
#footer li
{
	display:block;
	float:left;
	padding:0px 20px;
	text-align:center;
	height:15px;
}

#footer .notcurrentpage a { color:#b2a7a4; }
#footer .currentpage a { color:white; }
#footer img { margin:0px 8px; }
#footer a {	color:#b2a7a4; }
#footer a:hover { text-decoration:none; color:#fff; }

#footbubble1
{
	position:absolute;
	top:624px;
	left:210px;
	width:100px;
	height:50px;
}
#footbubble2
{
	position:absolute;
	top:624px;
	left:340px;
	width:100px;
	height:50px;
}
/* --- PAGE SPECIFIC --- */
/* defaults */
#main li { list-style:none; }
#main h3, #main h3 a { color:#000; }
#main h2 a, #main h4 a, a { color:#666; } /* to fix linked names */
/* --end defaults-- */

#featurestyle h3 a, #featurestyle h3 { color:#19bcf0; }
#featurestyle hr { border-color:#19BCF0;}
#featurestyle h2 a, #featurestyle h4 a { color:#888; } /* to fix linked names */
/* #featurestyle .imgframesize1 a { border-color:#19BCF0; } */

#newsstyle h3 a, #newsstyle h3, #newsstyle p a { color:#71b67b; }
#newsstyle hr { border-color:#71b67b;}
#newsstyle h2 a { color:#888; } /* to fix link */
/* #newsstyle .imgframesize0 a, #newsstyle .imgframesize2 a { border-color:#71b67b; } */

/* index */
.col_left
{
	width:48%;
	float:left;
	padding-right:4%;
}
.col_left hr { width:100%; } /* ?? */

.col_right
{
	width:48%;
	float:right;
}
.col_right hr { width:100%; } /* ?? */

.index_layout { margin:0px 0px 15px 0px; }
.index_layout h4 { margin-bottom:5px; }

/* image frames */

.imgframesize2 { display:block; width:312px; height:206px; border:1px solid gray; }
.imgframesize2 a
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:312px;
	height:206px;
}

.imgframesize2 p { margin:0px; }

/* news */

.news_layout
{
	clear:both;
	width:500px;
	padding-bottom:20px;
}
.news_layout .textblock { margin-left:170px; }

.news_layout .imgframesize0 { float:left; margin-bottom:10px; }

/* archive features */
.features_layout
{
	display: block;
	clear:both;
	width:550px;
	min-height: 150px;
	margin-bottom:10px;
}
.features_layout .imgframesize1 { float:left; margin-bottom:10px; }

.features_layout .textblock { margin-left:225px; }

/* article view */
/* ------------------------ */
#thumbview { clear:both; display:block; }
#thumbview li
{
	list-style:none;
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#thumbview div
{
	display:block; /* block! */
	height:132px;
	width:200px;
	border:1px solid gray;
	overflow:hidden;
}
#thumbview div a
{
	height:132px;
	width:200px;
	display:table-cell; 
	vertical-align:middle;
	text-align:center;
}
#thumbview div a img { vertical-align:top; }
/* ------------------------ */
#thumbview_small { clear:both; display:block; }
#thumbview_small li
{
	list-style:none;
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#thumbview_small div
{
	display:block; /* block! */
	height:99px;
	width:150px;
	border:1px solid gray;
	overflow:hidden;
}
#thumbview_small div a
{
	height:99px;
	width:150px;
	display:table-cell; 
	vertical-align:middle;
	text-align:center;
}
#thumbview_small div a img { vertical-align:top; }
/* ------------------------ */
#thumbview_large { clear:both; display:block; }
#thumbview_large li
{
	list-style:none;
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#thumbview_large div
{
	display:block; /* block! */
	height:205px;
	width:312px;
	border:1px solid gray;
	overflow:hidden;
}
#thumbview_large div a
{
	height:205px;
	width:312px;
	display:table-cell; 
	vertical-align:middle;
	text-align:center;
}

#thumbview_large div a img { vertical-align:top; }
/* ------------------------ */

.copyright
{
	display:block;
	font-family:arial, sans-serif;
	font-size:0.7em;
}

/* image view */
#imagecase
{
	float:none;
	clear:both;
	width:650px;
	height:410px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#imagenav
{
	color:white;
	font-family:arial, sans-serif;
	font-size:0.7em;
}

#imgadvance
{
	position:absolute;
	top:630px;
	left:305px;
}
#imgnumbers
{
	position:absolute;
	top:630px;
	left:375px;
	width:540px;
}
#imagenav a:hover { text-decoration:none; }
#imagenav li
{
	list-style:none;
	text-align:center;
	float:left;
	display:block;
	width:22px;
	height:22px;
	padding-top:0px;
	margin-bottom:5px;
/*	background-color:blue; this is weird */
}
#imagenav .current
{
	padding-top:5px;
	height:17px;
	background-image:url(v3_gfx/png/circle9white.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-attachment:scroll;
	color:white;
}
#imagenav li a
{
	display:block;
	width:22px;
	height:22px;
	padding-top:5px;
	background-image:url(v3_gfx/png/circle9.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-attachment:scroll;
	color:#ccc;
}
#imagenav .nolink
{
	display:block;
	width:22px;
	height:22px;
	padding-top:5px;
	background-image:url(v3_gfx/png/circle9.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-attachment:scroll;
}
#imagenav li a:hover { background-image:url(v3_gfx/png/circle9white.png); }

#articlenav
{
	position:absolute;
	top:630px;
	left:200px;
}

#articlenav li
{
	list-style:none;

	display:block;
	float:left;
	height:22px;
	width:50px;

	font-family:arial, sans-serif;
	text-transform:lowercase;
	letter-spacing:0.1em;
	font-size:0.65em;
	text-align:center;
	color:white;

	background-image:url(v3_gfx/png/oval9.png);
	background-repeat:no-repeat;
	background-attachment:scroll;

	padding:5px 0px 5px 1px;
}
#articlenav a { color:#ccc; }

#sscontrol
{
	position:absolute;
	top:630px;
	left:349px;
	
	width:22px;
	height:22px;
}
.ss_start { background:url(v3_gfx/png/circle9play_off.png) no-repeat 0px 0px; }
.ss_start:hover { background:url(v3_gfx/png/circle9play_on.png) no-repeat 0px 0px; }
.ss_stop { background:url(v3_gfx/png/circle9pause_off.png) no-repeat 0px 0px; }
.ss_stop:hover { background:url(v3_gfx/png/circle9pause_on.png) no-repeat 0px 0px; }

/* ----- sitemap ----- */
#sitemap
{
	font-size:0.7em;
}
#sitemap ul
{
	display:block;
	margin-left:20px;
	margin-bottom:5px;
}
#sitemap li
{
	margin:0px 20px;
	list-style:circle outside none;
	font-family:arial, sans-serif;
	margin:3px 0px 3px 10px;
}
#sitemap a:hover { text-decoration:underline; color:#999; }

/* ----- bio ----- */
#bio h1 { margin:0px; }
#bio h2 { margin:0px 0px 10px 0px; }
#bio li
{
	float:left;
	display:block;
	list-style:none;
	margin:0px 8px 20px 0px;
}

/* ---- thumbnails page ---- */
#portselect { clear:both; display:block; }
#portselect p { margin:0px; }
#portselect li
{
	list-style:none;
	display:block;
	float:left;
	margin: 0px 3px 8px 0px;
}
#portselect div
{
	display:block; /* block! */
	height:205px;
	width:312px;
	border:1px solid gray;
	overflow:hidden;
}
#portselect div a
{
	height:205px;
	width:312px;
	display:table-cell; 
	vertical-align:middle;
	text-align:center;
}