@charset "utf-8";
/*
SCREEN STYLESHEET
(c) Srinivas Buddha 2008/9
Unoptimised for continuous editing. A pedant's work is never done!
----------------------------------------*/

/*
reset
----------------------------------------*/

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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
html{
font-size:100%; /*WinIE6- text resize adjust*/
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

body {  font-size:62.5%;
		font-family:Arial, Helvetica, sans-serif;
		background:url(../images/dn_body_bg.png) top left repeat-x;		
     } /* Resets 1em to 10px */
	 
h1, h2, h3, h4 {
	font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-weight:300;
} 

h1 { font-size:1.6em; color:#555; text-align:left; }
.dline { background:url(../images/dn_dline.png) left bottom repeat-x; padding-bottom:2px; }
h1 span { font-style:italic; text-transform:lowercase; font-variant:normal; font-size:0.9em; }
p { padding:5px 0;}
.imptext { color:#179376; font-size:1.1em; font-weight: bold;  }

h2 { font-size:1.5em; line-height:1.4em;}
h3 { font-size:1.2em; line-height:1.2em; }
h4 { font-size:1.2em; line-height:1.2em;}
pre { font-size:1.1em; background:#036 url(../images/dn_pre_bg.gif) left 0 repeat; font-family:"Courier New",Courier,mono; color:#000080; padding-left:1.6em; margin:10px 0; border-left:4px solid #ccc; margin-left:1em; }
pre span { color:#FF00FF; }
.comments-cont { margin:10px 0; padding-top:30px; background:url(../images/dn_comments.png) top left no-repeat; }

/*
Global Classes
----------------------------------------*/

.spacer { clear:both; font-size:3px; height:3px; background: none; border:none; }
 
.clearboth    { clear:both; }
.floatleft    { float:left; }
.floatright   { float:right; }
 
.textleft     { text-align:left; }
.textright    { text-align:right; }
.textcenter   { text-align:center; }
.textjustify  { text-align:justify; }
.textcaps { text-transform:capitalize;  font-variant:small-caps; }
.text-orange { color:#f60;}
.text-red { color:#f00;}
 
.bold         { font-weight:bold; }
.italic       { font-style:italic; }
.underline    { border-bottom:1px solid; }
.highlight    { background:#ffff99; }
  
.imgleft      { float:left; margin:0px 10px 10px 0; }
.imgright     { float:right; margin:0px 0 10px 10px; }
 
.nopadding    { padding:0; }
.noindent     { margin-left:0; padding-left:0; }
.nobullet     { list-style:none; list-style-image:none; }
.noborder     { border:none; }
.borders { border:1px solid red; }

.absmiddle { vertical-align:middle; }

A:Link { text-decoration:underline; color:#ff6600;   }
A:Visited { text-decoration:underline; color:#ff6600; }
A:Hover { text-decoration:none; color:#000; }
A:Active { text-decoration:underline; color:#ff6600; }

.margin-tb5 { margin:5px 0; }
hr { font-size:1px; height:4px; background-color:#555; border:none; clear:both; margin:3px 0; }
hr.dotted-line { font-size:0; height:1px; background:url(../images/dn_dline.png) left bottom repeat-x; border:none; clear:both; margin:5px 0;}
.lineheight15 { line-height:1.5em; }


#wrapper {
	width:960px;
	margin:0 auto;
	/*border-right:1px solid #ccc;
	border-left:1px solid #ccc;*/
}
#header { font-size:1.2em; color:#000; } 
#quick-links { height:28px; }
.mob { width:120px; float:left; height:28px; line-height:28px; text-align:left; padding-left:17px; background:url(../images/dn_icon_mob.png) left center no-repeat; }
.email { width:120px; float:left; height:28px; line-height:28px; text-align:left; padding-left:17px; background:url(../images/dn_icon_email.png) left center no-repeat; }
.email a { color:#000; }
.qcontact { float:right; text-align:right; width:120px; height:28px; line-height:28px; text-transform: uppercase; margin-right:10px; font-size:1em; font-weight:bold; letter-spacing:0.05em; }
.qcontact a { color:#333; }
form.contact-form { padding:10px; font-size:1.2em; text-align:left; clear:both; }



#logo-menu-cont {}
#menu-wrapper { width:470px; float:right; height:40px; line-height:40px; text-align:right; }
a.menu-work { width:93px; height:30px; float:left; background:url(../images/dn_menu_work.png) 0 0 no-repeat; }
a.menu-work:hover { width:93px; height:30px; float:left; background:url(../images/dn_menu_work.png) left center no-repeat; }
a.menu-work-a { width:93px; height:30px; float:left; background:url(../images/dn_menu_work.png) left bottom no-repeat; cursor:default; }
a.menu-bio { width:93px; height:30px; float:left; background:url(../images/dn_menu_bio.png) 0 0 no-repeat; }
a.menu-bio:hover { width:93px; height:30px; float:left; background:url(../images/dn_menu_bio.png) left center no-repeat; }
a.menu-bio-a { width:93px; height:30px; float:left; background:url(../images/dn_menu_bio.png) left bottom no-repeat; cursor:default; }
a.menu-journal { width:93px; height:30px; float:left; background:url(../images/dn_menu_journal.png) 0 0 no-repeat; }
a.menu-journal:hover { width:93px; height:30px; float:left; background:url(../images/dn_menu_journal.png) left center no-repeat; }
a.menu-journal-a { width:93px; height:30px; float:left; background:url(../images/dn_menu_journal.png) left bottom no-repeat; cursor:default; }
a.menu-photos { width:93px; height:30px; float:left; background:url(../images/dn_menu_photos.png) 0 0 no-repeat; }
a.menu-photos:hover { width:93px; height:30px; float:left; background:url(../images/dn_menu_photos.png) left center no-repeat; }
a.menu-photos-a { width:93px; height:30px; float:left; background:url(../images/dn_menu_photos.png) left bottom no-repeat; cursor:default; }
a.menu-sitemap { width:93px; height:30px; float:left; background:url(../images/dn_menu_sitemap.png) 0 0 no-repeat; }
a.menu-sitemap:hover { width:93px; height:30px; float:left; background:url(../images/dn_menu_sitemap.png) left center no-repeat; }
a.menu-sitemap-a { width:93px; height:30px; float:left; background:url(../images/dn_menu_sitemap.png) left bottom no-repeat; cursor:default; }

#banner { margin-bottom:10px; clear:both; }

#breadcrumbs { background:url(../images/dn_dline.png) left bottom repeat-x; clear:both; line-height:1.5em; padding:10px 0; font-size:1.2em; }
#breadcrumbs a { margin-right:3px; }
#breadcrumbs a span { font-size:1.5em; font-weight:bold; text-decoration:none; }

#body-wrapper { clear:both; font-size:1.2em; color:#333; line-height:1.5em; }
/*left container*/
#left-cont { width:210px; float:left; }
#right-cont { width:210px; float:left; }
#mid-cont { width:540px; float:left; }
.innertube-left { padding:10px 0; }
.innertube-right { padding:10px 0px; }
.innertube-mid { padding:10px 20px; }

p.more-details { background:url(../images/dn_dline.png) left bottom repeat-x; height:15px; }
a.more { display:block; width:25px; height:15px; font-size:1.4em; text-align: right; float:right;  font-weight:bold; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; }

.art-cont { background:url(../images/dn_dline.png) left bottom repeat-x; padding-bottom:3px; }
.art-head { color:#ff6600; }
.art-head h2, .art-head h2 a { color:#f60; display: inline; }
.art-head span { font-style:italic; color:#555; padding-left:1em; }

.bullet-points { }
.bullet-points li { margin-bottom:10px; }
.bullet-points li span { font-weight:bold; }

.allthree-cont { clear:both; font-size:1.2em; color:#333; line-height:1.5em; }
.copyright-cont { padding:10px 0; clear:both; font-size:1em; color:#000; }
.left-block { width:210PX; float:left; }
.righ-block { width:210PX; float:left; }
.mid-block { width:540px; float:left; }

ol.num-points { margin-left:2em; list-style:decimal; }
ol.num-points li { margin-bottom:5px; }

/* journal */
.dated { background:url(../images/dn_icon_cal.png) left 3px no-repeat; padding-left:22px; }
.comments { background:url(../images/dn_icon_comments.png) left 5px no-repeat; padding-left:22px; }
.tags { background:url(../images/dn_icon_tags.png) left 8px no-repeat; padding-left:22px; }

/* contact form */
form.contact-form .field-row label { font-size:0.9em; }
.field-row input[type="submit"] { font-size:0.9em; }

/* comments styles  */
.comments-cont {}
.comment-row { clear:both; margin:5px 0; }
.comment-author { text-align:right; font-size:1.1em; float:left; width:180px; padding-top:26px; padding-right:10px; }
.comment-author span { display:block; font-style:italic; font-size:0.8em;  }
.comment-desc { background:url(../images/dn_comment_desc_bg.png) top left no-repeat; padding:12px 0 0 30px; text-align:justify; color:#000; font-size:1em; float:left; width:730px; min-height:100px; }
#add-thought { background:url(../images/dn_add_thought.png) top left no-repeat; padding-top:30px; margin-bottom:3em; }
.field-row { margin:10px 0; clear:both; }
.field-row label { width:180px; float:left; text-align:right; font-size:1.1em; margin-right:25px; }
.field-row span { padding-left:1.5em; vertical-align:top; font-size:0.9em; color:#555; }
.textbox { background-color:#f2f2f2; border-width:thin; width:40%; padding:2px; }
.thought-textarea { background-color:#f2f2f2; border-width:thin; width:40%; padding:2px; }
.thought-buttom { background-color:#f60; border:none; text-align:center; font-size:1.2em; text-transform:uppercase; color:#fff; font-weight:bold; padding:6px 12px; }


#footer-wrapper {
background:url(../images/dn_footer.png) 50% 0;
height:320px;
clear:both;
}
#footer-cont { width:960px; margin:0 auto; padding-top:10px; }
ul.cat { color:#000; font-size:1.1em; }
ul.cat li { display:block; width:230px; float:left; height:30px; line-height:30px; background:url(../images/dn_dline.png) left bottom repeat-x; margin-right:10px; }
ul.cat li a { width:190px; float:left; height:30px; line-height:30px; padding-left:10px; display:block; }
ul.cat li span { width:30px; float:right; height:30px; line-height:30px; display:block;}
ul.cat li:hover, ul.cat a:hover, ul.cat span:hover{ background-color:#f60; color:#fff; text-decoration:none; }

a.new-window { background:url(../images/new_window.gif) right center no-repeat; padding-right:15px; }

/* styles for resume */
.pick-a-cat { border:1px solid #ddd; margin:5px 0; padding:10px; background-color:#f2f2f2; color:#555; }
.all { margin: 0 0 10px 0; cursor: pointer; height: 60px; clear:both; }
.one { margin-top:10px; }
.two { }
.three { }
.four { }
.current { font-weight: bold; color:#000; }

.all, .one, .two, .three, .four { font-size:1.1em; }

.resume-title, .resume-title h3 { font-weight:normal; }
.bullet-points-small { margin:0; padding:0; }
.bullet-points-small li { padding:0; margin:0; }

p.php-script { height:100px; font-size:1.5em; text-align:center; padding:50px 0; line-height:1.7em; }

.work-cont { border-bottom:2px solid #ccc; margin-bottom:10px; }
.work-cont h2 a { font-size:12px; }
.work-cont p { margin-top:0; margin-bottom:5px; padding:0; }
/*.wimg { width:516px; height:300px; overflow-y:scroll; border:1px solid #333; margin:0 auto; overflow-x: hidden; }
.wimg img { margin-top:-5px; }*/