#main-nav .inner ul li a span {
}
#main-nav .inner ul li a span {
font: bolder 11px Tahoma, Geneva, sans-serif;
color: #FFF;
}
#main-nav .inner div .source.style1 {
font: bolder 18px Tahoma, Geneva, sans-serif;
color: #DBCA21;
}
#page-end .inner ul li {
color: #000;
}
#page-end .inner ul li a {
font-weight: bold;
}
.inner #content #exhibitions .exhibit p italics {
font-style: italic;
}
.inner #content #exhibitions .exhibit p strong {
font-weight: bold;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}abbr,acronym{border:0;}
/* Functional Styles */
.clear{clear:both;line-height:0;height:0;}
/* Layout & Default Styles */
body{font-family:arial,sans-serif;font-size:80%;}
a{color:#66cc66;text-decoration:none;}
a:hover,a:focus{color:#00a7fd;}
.warning{color:#cc0000;}
#wrap{width:1000px;margin:0 auto;}
.inner{width:900px;margin:0 auto;}
/* Top-most banner */
#banner{height:142px;color:#fff;font-family:lucida console,verdana}
#title{height:100px;}
h1{display:none;}
#main-logo{float:left;margin:2px 5px 0 5px;}
#main-title{margin:5px 0 0 0;}
#tagline{height:25px;color:#0075b2}
h2{font-size:.9em;margin:6px 0 0 2px}
/* Main Nav-links & head-visualization */
#main-nav{height:74px;margin-top:-74px;}
#main-nav canvas{position:absolute;background:#000;border-bottom: 12px solid #cac9b8;}
img.navCanvas{position:absolute;}
#main-nav ul{margin-left:30px;position:absolute;z-index:2;width:auto;height:35px;margin-top:39px;float:left;}
#main-nav li{height:30px;float:left;}
#main-nav li a{background:url(gfx/nav-tabs.png) no-repeat 0px 0px;display:block;height:35px;color:#909090;text-decoration:none;}
#main-nav li a:hover, #main-nav li a:focus{color:#66cc66;background-position:left -191px;height:35px;}
#main-nav li a span{padding-top:15px;display:block;height:20px;margin-left:15px;overflow:hidden;cursor:pointer;}
#main-nav li a:hover span, #main-nav li a:focus span{padding-top:5px;background-position:right -240px;height:30px;}
#main-nav li a.selected{color:#66cc66;background-position:left -48px;height:35;}
#main-nav li a.selected span{padding-top:5px;background-position:right -142px;height:30px;}
#main-nav a.source{color:#fff;position:relative;float:right;z-index:2;margin:55px 6px 0 0;}
#main-nav a.source:focus{background:#fff;color:#000;}
/* Main Content Styles */
#page{background:url(gfx/pagebacky.gif.png) repeat-y;width:1030px;padding:10px 0;}
#page .inner{width:870px;margin:0px auto;}
#content{float:left;width:930px;}
h3{font-size:1.5em;margin:30px 0 10px;color:#66cc66;font-weight:bold;}
b.old{color:#996600;}
b.new{color:#cc0000;}
#content ul{margin:5px 0 20px 0;}
#content ul li{}
#content h5{font-weight:bold;margin:20px 0 10px 0;font-size:1.1em;color:#555}
pre{font-family:"Consolas","Courier New",Courier,mono,serif;}
pre.fl{display:inline;}
pre.nfl{margin-left:30px;}
pre.invalid{color:#cc0000;}
pre.valid{color:#008800}
h4{font-size:1.em;margin:30px 0 10px;color:#66cc66;font-weight:bold;float:right}
h4 a:hover,h4 a:focus{color:#66cc66;text-decoration:none!important;}
p{margin-bottom:15px;}
ol li{list-style-type:decimal;margin-left:30px;margin-bottom:10px;}
/* Breadcrumb */
.breadcrumb{color:#bbb;height:16px;/*font-size:.8em;font-family:"Consolas","Courier New",Courier,mono,serif;*/}
.breadcrumb a{color:#bbb;}
.breadcrumb a:hover,.breadcrumb a:focus{color:#00a7fd;}
/* Reference List */
.refcol{width:190px;float:left;margin-top:10px;}
.category{margin-bottom:30px;}
.category b{margin-bottom:15px;display:block;}
.category a{display:block;line-height:1.1em;}
.category a:hover,.category a:focus{}
.category h5{font-weight:normal!important;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-style:italic;color:#444;font-size:11.2px!important;margin:15px 0 5px 0;}
#reference.hidedevcoms .devcom{display:none;}
#reference.showdevcoms .devcom{display:auto;}
a.devcom, .devcom a{color:#cc0000;}
.ref-col{width:185px;float:left;margin-top:10px;margin-right:15px;line-height:1.1em}
.ref-col.last{margin-right:0;}
/* Reference Document */
table.ref-item{margin:30px 0 30px 0;}
.ref-item td{vertical-align:top;padding-bottom:30px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:11.2px;width:480px!important;}
pre.squish{letter-spacing:-.05em;}
.ref-item th{vertical-align:top;width:100px!important;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:#000;font-size:11.2px;}
.ref-item h3{color:#0077b5;font-size:1.5em;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0;padding:0;}
.ref-item .pjs th{color:#cc0000!important;font-weight:bold;}
.ref-item .pjs td{color:#cc0000}
.ref-item pre{font-size:.95em;width:480px!important;}
.ref-item .dp-highlighter{width:480px;}
.ref-item hr{border:none;border-top:1px solid #000;margin:20px 0;width:300px;}
.example{clear:left;margin-bottom:15px;}
.example img{float:left;margin-right:15px;margin-bottom:15px;}
pre.margin{margin-left:115px;width:365px!important;}
/* Sidebar - Right-hand */
#sidebar h4{margin:2px 0 5px 0}
#sidebar{width:180px;border-left:1px dotted #0073af;float:right;margin:0 -10px 0 15px;padding:20px 0 50px 20px;}
#sidebar ul{margin-bottom:20px}
#sidebar span.img{margin-bottom:5px;display:block;}
#sidebar ul li{font-size:.95em;margin-bottom:5px;line-height:1.1em;}
#sidebar a{background:url(gfx/bullet.gif) no-repeat 0px 1px;display:block;padding-left:20px;}
#sidebar a:hover,#sidebar a:focus{background-position:0px -187px;}
#sidebar ul.downloads a{background:url(gfx/bullet-download.gif) no-repeat 0px 1px;}
#sidebar ul.downloads a:hover,#sidebar ul.downloads a:focus{background-position:0px -187px;}
/* Tail - aka Foot */
#tail-links .inner{font-size:.5em;}
#page-end{background:url(gfx/page-end.gif.png) no-repeat; height:98px;padding-top:43px;}
#page-end ul{padding:0px 0px 0 0px;}
#page-end li{font-size:.85em;color:#aaa;float:left;}
#page-end a{color:#66cc66}
#page-end a:hover,#page-end a:focus{color:#00a7fd}
#page-end li.hyper-metrix{float:right;margin-top:0;}
/* Styles, for including little bits of code in regular doc flow */
b.pre{font-family:"Consolas","Courier New",Courier,mono,serif;font-size:1.05em;font-weight:normal;}
b.pre.comment{color:#7e7e7e;}
b.pre.reserved{color:#006699;}
b.pre.function{color:#cc6600;}
.code{clear:both;margin-bottom:15px;}
.example-left{float:left;margin:0 20px 20px 0;}
.example-right{float:right;margin:0 0 20px 20px;}
/* Demo pages */
.learning-demo {margin:0 0 20px 0;background:url(gfx/example200px.gif.png) no-repeat;text-align:center;width:220px;height:220px;}
.learning-demo *{margin-top:11px;}
.learning-demo.px400{width:420px;height:420px;background:url(gfx/example400px.gif.png) no-repeat;}
.learning-demo.px320x240{width:340px;height:260px;background:url(gfx/example320x240px.png) no-repeat;padding:0;}
.learning-demo.px580x150{width:600px;height:170px;background:url(gfx/example580x150px.png) no-repeat;padding:0;}
.learning-demo.px250{width:270px;height:270px;background:url(gfx/example250px.png) no-repeat;padding:0;}
.example200px {float:right;margin:0 -5px 20px 20px;background:url(gfx/example200px.gif.png) no-repeat;text-align:center;width:220px;height:220px;}
.example200px *{margin-top:11px;}
h6{clear:left;color:#646464;}
.example200px h6{color:#646464;font-size:10pt;text-align:right;margin:5px 10px 0 0;} .example-links{text-align:left;color:#646464;margin:5px 0 0 10px;font-size:.8em;}
div.context-links{clear:both!important;position:relative;top:25px;}
/* Exhibition */
#exhibitions{margin-top:50px;}
.exhibit{width:200px;margin-bottom:20px;float:left!important;margin-right:28px;height:140px;}
.c3{margin-right:0;}
.exhibit .demo {display:block;}
.exhibit .demo a{display:block;}
.exhibit .demo a img{margin-bottom:15px;}
.author{color:#646464;font-weight:normal;}
.exhibit p{font-size:.9em;margin:15px 0;line-height:.95em;font-family:arial;text-align: left;}
p.links{color:#646464;text-align:left;}
/* Icon-list, generic */
.icon-list .icon{display:block;width:58px;height:58px;float:left;overflow:hidden;}
.icon-list ul{margin-left:48px!important;}
.icon-list ul li{list-style-type:none!important;}
.icon-list ul li b{font-weight:normal;display:block;float:left;width:150px;text-align:right;padding-right:5px;color:#646464;}
/* Demo Screens */
.demo-screens .section{clear:left;margin-right:-60px;}
.demo-screens .section > a{float:left;width:200px;margin:0 20px 20px 0;height:170px;}
.demo-screens .section > a span.info{color:#000;text-decoration:none;}
.demo-screens .section > a:hover span.info{text-decoration:none;}
.demo-screens .section > a img{margin-bottom:5px;}
.demo-screens .section > a:hover{text-decoration:none!important;}
.demo-screens .section > a:hover span{text-decoration:underline;}
.demo-screens .section > a > span{display:block;}
.demo-screens .section h3{display:block;}
.demo-screens .section h3 a{display:auto;width:auto;}
.demo-screens .section.wild a{display:block;margin:0 10px 20px 0;float:none!important;height:auto;}
/* Blog Styles */
.navigation{color:#bbb;}
.navigation *{display:inline;}
.navigation a{color:#bbb;} .navigation a:hover, .navigation a:focus {color:#0af;}
.narrowcolumn{float:left;width:600px;}
.pages .post{padding-left:0px}
.post{padding-left:60px}
.widecolumn,.content{width:830px!important;}
.widecolumn .post{padding-left:0px}
.widecolumn h3{margin-top:14px!important;}
.blog h4 a{background:url(gfx/blog-post.jpg) no-repeat;color:#eee!important;display:block;height:33px;padding:3px 0 0 70px;margin-left:-60px;}
.blog h4 a:hover,.blog h4 a:focus{text-decoration:none!important;background-position:0px -38px;color:#fff!important;}
.archive h4 a{background:url(gfx/archive.jpg) no-repeat;color:#eee!important;display:block;height:33px;padding:3px 0 0 70px;margin-left:-60px;}
.search h4 a{background:url(gfx/search.jpg) no-repeat;color:#eee!important;display:block;height:33px;padding:3px 0 0 70px;margin-left:-60px;}
.entry{margin-top:10px;}
.says{display:none;}
.entry strong{font-weight:bold!important}
ol.commentlist li{list-style-type:none;margin:0 0 10px 0;background:url(../gfx/coment-bot.png) no-repeat bottom left;padding:0 0 1px 0 ;}
ol.commentlist .comment{display:block;padding:0;background:#e0e0e0;width:828px;}
ol.commentlist .comment p{padding:0 20px 20px 20px;}
ol.commentlist .comment-author{padding:20px 0 5px 20px;background:url(../gfx/coment-top.png) no-repeat top left;}
.avatar{margin:0;vertical-align:baseline;margin-right:0px;border:1px solid #999;}
.fn{font-size:1.2em;color:#777;}
.comment-meta{font-size:.8em;padding:0px 0 5px 20px ;}
ol.commentlist .comment em{color:#aa0000;margin-left:20px;}
.githubrss{margin-top:10px!important;}
#github-rss {padding-left:30px!important;}
#github-rss li{margin-left:58px!important;padding-left:0px;list-style-type:decimal!important;}
#github-rss a{color:#047;}
#github-rss a:hover,#github-rss a:focus{color:#0af;}
.blog #sidebar h4{margin:30px 0 10px 0}
.blog #sidebar ul li{padding:0!important;line-height:.7em;list-style-type:none;margin-left:0px;}
.blog #sidebar ul li a{height:auto;padding:2px 0 0 14px!important;background:url(../gfx/bullet-mini.gif) no-repeat 0px 5px;display:inline!important;}
.blog #sidebar ul li a:hover,.page.blog #sidebar ul li a:focus{background-position:0px -120px;}
.blog #sidebar li p{line-height:1.1em;}
.blog #sidebar li p a{background:none;padding:0!important;}
#respond h4{background:url(gfx/blog-post.jpg) no-repeat!important;color:#eee!important;display:block;height:33px;padding:3px 0 0 70px;}
#searchform {/*background:url(../gfx/pjs-search.png) no-repeat top left;padding-left:42px;*/}
#searchform .hidden{display:none;}
img.search{margin-bottom:10px;}
input#s{width:120px;}
#footer{clear:both;margin-top:50px;}
#footer p{clear:both;margin:0!important;padding:0!important;}
h4#comments {background:url(gfx/comments.jpg) no-repeat!important;color:#eee!important;display:block;height:33px;padding:3px 0 0 70px;}
blockquote {margin:25px;font-family:Georgia1, Georgia, serif;font-size:10pt;padding:20px;border:1px dotted #ccc;color:#555;background:#eee;}
/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span {margin: 0;padding: 0;border: none;}
.dp-highlighter a,
.dp-highlighter a:hover{background: none;border: none;padding: 0;margin: 0;}
.dp-highlighter .bar{padding-left: 45px;}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar{padding-left: 0px;}
.dp-highlighter ol{list-style: decimal; /* for ie */background-color: #fff;margin: 0px 0px 0px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */padding: 0px;color: #5C5C5C;}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li{list-style: none !important;margin-left: 0px !important;}
.dp-highlighter ol li,
.dp-highlighter .columns div{list-style: decimal-leading-zero; /* better look for others, override cascade from OL */list-style-position: outside !important;border-left: 4px solid #48a;background-color: #F8F8F8; color: #5C5C5C;padding: 0 3px 0 10px !important;margin: 0 !important;line-height: 14px;}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div{border: 0;}
.dp-highlighter .columns{background-color: #F8F8F8;color: gray;overflow: hidden;width: 100%;}
.dp-highlighter .columns div{padding-bottom: 5px;}
.dp-highlighter ol li.alt{background-color: #FFF;color: inherit;}
.dp-highlighter ol li span{color: black;background-color: inherit;}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol{margin: 0px;}
.dp-highlighter.collapsed ol li{display: none;}
/* Additional modifications when in print-view */
.dp-highlighter.printing{border: none;}
.dp-highlighter.printing .tools{display: none !important;}
.dp-highlighter.printing li{display: list-item !important;}
/* Styles for the tools */
.dp-highlighter .tools{padding: 5px 8px 5px 10px;font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;color: silver;background-color: #e8e8e8;border-left: 4px solid #48a;}
.dp-highlighter.nogutter .tools{border-left: 0;}
.dp-highlighter.collapsed .tools{border-bottom: 0;}
.dp-highlighter .tools a{font-size: 9px;color: #777;background-color: inherit;text-decoration: none;margin-right: 10px!important;}
.dp-highlighter .tools a:hover{color:#0af;background-color: inherit;text-decoration: underline;}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #7e7e7e; background-color: inherit; }
.dp-highlighter .string { color:#006699; background-color: inherit; }
.dp-highlighter .keyword { color: #cc6600; background-color: inherit; }
.dp-highlighter .function { color: #cc6600; background-color: inherit; }
.dp-highlighter .functionBold { color: #cc6600; background-color: inherit; font-weight:bold;}
.dp-highlighter .reservedword { color:#006699; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
DOCUMENTARY PHOTOGRAPHY
Documentary photography captures a moment in time, a memory, or an emotion of the documenter. Often the images are narratives and tell stories of events that have past. Documentary photography should be unaltered and should be presented the way they were captured at that moment.
My interest in documentary photography comes from an interest in the human condition. Every different place and event there is an interesting story to be told. The photograph captures what is seen and unseen. The narrative told through the photographer's eye can both objective and subjective, depending on what the creator allows the viewers to see.
(Much of the selected series of works presented here are on-going and in progress and do not have end date.)
[SELECTED WORKS]
[current —Under construction]
[2011 —Heartland]
[2010- current —Love and Hate]
[2011-current —Light Writing]
Capturing Light
[2011-current —Missing]
[2009-2010 —Life at the Finca ]
Living and working in a coffee plantation
[2010 —Tokyo Times]
A glimpse of Tokyo, Japan through an outsider's eye
[2010-current —Smoke and Fog]
Capturing smoke and fog
[2002-current —In the Darkness]
Inanimate objects in a non static world
[2003-current —Contrast ]
The art of viewing art
[1997-current —Gaze]
The betrayal of the subject's gaze
[2001-current —Sticks and Stones]
Of rock or tree matter
- ©2009 All contents from this website are copyrighted material and may not be used, borrowed or appropriated. | SITE DESIGN:GRIFFEN FLETCHER DESIGN GROUP