body {font-family: verdana, sans-serif;font-size: 12px;line-height: 1.5em;color: #333;margin: 0;padding: 0;
    background: #fff url(../images/bg_birch.gif) repeat-y right;}
/* ---( text )------------------------------- */
a:link {color: #5b80b2;}
a:visited {color: #969;}
a:hover {color: #036;}
p {margin: 1em 0 1em;padding: 0;}
h1, div.header {font-family: "lucida grande", verdana, sans-serif;font-size: 115%;font-weight: bold;color: #c63;padding: 0;margin: 0;}
h2 {font-family: "lucida grande", verdana, sans-serif;font-size: 110%;color: #c63;padding: 0;margin: 0 0 1em 0;}
h3 { font-size: 100%;font-weight: bold;color: #333;padding: 0 0 2px 0;margin: 1.2em 0 -.2em 0;border-bottom: 1px solid #ddd;}
h1 span, h2 span, h3 span { color: #999; }
div.header {margin:0 270 0 20;padding:10 10 10 0;border-bottom:dotted 1px #ddd;}
/*div#content {margin:0 270 0 20;padding:10 0 0 0;}*/
div.content {margin:0 270 0 20;padding:10 0 0 0;}
/*.content {margin:0 270 0 20;padding:10 0 0 0;}*/
p.content {margin:0 270 0 0;padding:10 0 0 20;}
span.sect_header {border-bottom:solid 1 #666;margin:0 50 0 0;font-weight:bold;}
blockquote {font-size: 88%;color: #777;padding-left: 12px;border-left: 1px dotted #777;}
/* ---( top )------------------------------- */
#wrap {margin: 0;padding: 0;}
#logo {background: #fc6 url(../images/dgd_yellow.gif) no-repeat right;height: 62px;padding: 0;margin: 0;}
#logo a {border-style: none;display: block;width: 345px;}
#logo img {display: block;width: 0;}
#logo span {position: absolute;top: 0px;left: 32px;width: 345px;height: 62px;background: url(../images/dgd_logo.gif) no-repeat;}
html>body #logo span { top: 17px;}
#nav {position: relative;margin: 0;padding: 0 0 0 10px;background: #069; /*url(../images/stripe.gif);*/height: 30px;}
#nav li {margin: 0; padding: 0;display: inline;list-style-type: none;}
#nav a:link, #nav a:visited {
    float: left;font-size: 10px;line-height: 20px;font-weight: bold;margin: 4px 10px 0 10px;
    padding-bottom: 2px;text-decoration: none;border: none;color: #fff;}
#nav a:link.active, #nav a:visited.active, #nav a:hover {border-bottom: 4px solid #CACAE3;padding-bottom: 2px;color: #fc6;}
/* ---( main column )----------------------------- */
#left {position: relative;margin: 0 270px 20px 20px;padding-top: 18px;text-align: justify;}
#left .entry {margin-bottom: 14px;}
#left img.thumb {
    float: right;margin-left: 12px;margin-bottom: 6px;margin-top: .5em;border-color: #ccc;
    border-width: 1px;border-style: solid;padding: 5px;
}
/* lists */
#left .figure {float: right;margin: .5em 0 10px 20px;font-size: 92%;color: #999;text-align: center;}
#left .figure img.thumb {float: none;margin-left: 0;margin-bottom: 0;}
#left .figure2 {margin: 1em 0 1em 20px;font-size: 92%;color: #999;text-align: center;}
#left .figure2 img.thumb {float: none;margin-left: 0;margin-bottom: 0;}
#left ul {list-style: none;margin: 1em 0 1em 0;padding-left: 24px;color: #666;}
#left li {padding: 0 0 4px 17px;line-height: 1.3em;background: url(../images/li_bull.gif) no-repeat 0 2px;}
#num_list ol {padding-left:0;color:#666;}
#num_list li {padding: 0 0 4 0;line-height: 1.3em;padding-bottom:20px;}
#left dl dd {margin: 0;padding: 0 0 1em 0;}
#left dl dt {font-weight: bold;}
#left dl dt span {font-weight: normal;}
/* ---( entries )---------------------------------- */
p#menu {color: #999;font-size: 88%;margin-top: 0;}
p#menu.month {margin-top: 1em;}
p.posted {color: #999;font-size: 88%;padding: 0 0 12px 0;}
p.posted img {vertical-align: middle;}
.clink {padding-left: 14px;background: url(../images/so.gif) no-repeat 0 2px;}
/* ---( comments )--------------------------------- */
#comments {font-size: 88%;}
#comments textarea {width: 350px;}
#comments h3 {
        font-size: 100%;padding: 0 0 4px 19px;margin-bottom: 10px;color: #c63;
	    border-bottom: 2px solid #ddd;background: url(../images/box.gif) no-repeat 0 2px;}
#comments h3#chead {margin-bottom: 0;border-bottom: none;}
#comments span {color: #999;}
#comments dl {margin-top: 0;color: #666;}
#comments dl dt {font-weight: normal;color: #c96;padding-top: 10px;border-top: 2px solid #ddd;}
#comments dl dt img {vertical-align: middle;}
#comments dl dd {color: #666;padding: 0 0 0 16px;margin: 0 0 10px 0;}
#comments dl dd p {margin-top: 0;}
#comments input {vertical-align: middle;}
#comments textarea {width: 80%;}
/* ---( right column )----------------------------- */
#right {position: absolute;top: 92px;right: 15px;left: auto;font-size: 88%;line-height: 1.5em;
	margin: 0 -15px 0 0;padding: 15px;color: #963;width: 220px;z-index:900}
html>body #right {width: 210px;} 
#right h3 {font-family: verdana, sans-serif;font-size: 100%;padding: 0 0 4px 19px;margin-bottom: 8px;
	color: #c63;border-bottom: 1px dotted #ddd0b9;background: url(../images/butt1.gif) no-repeat 0 2px;}
#right h4 {font-size: 92%;font-weight: normal;margin: 0;}
#right p {margin-top: 4px;margin-bottom: 20px;}
#right ul, .noBullet, #right dl {margin: 4px 0 20px 0;padding: 0;list-style: none;}
#right li {margin: 0;padding: 0 0 2px 0;line-height: 1.4em;}
#right #quickbits li {margin: 0;padding: 0 0 0 13px;background: url(../images/white_bullet.gif) no-repeat 0 3px;margin-bottom: .6em;}
#right #quickbits li.last {background: none;}
#featured dd, #featured dt {margin: 0;}
#right #featured dt {margin: 0;padding: 0 0 0 14px;background: url(../images/doc_birch.gif) no-repeat 0 3px;}
#right img {vertical-align: middle;}
#right #photoBox {margin-bottom: 20px;padding: 7px;border-bottom: 1px #ddd0b9 solid;border-right: 1px #ddd0b9 solid;background: #fff;}
#right #slideshows li {padding: 0 0 7px 19px;background: url(../images/slide_birch.gif) no-repeat 0 1px;}
/* switcher */
#theme {position: absolute;right: 10px;top: 55px;}
#theme a img {margin: 2px 2px 0 0;}
/* ---( footer )----------------------------------- */
#footer {margin: 10px 270px 0 20px;clear: both;font-size: 88%;line-height: 1.5em;color: #999;
    padding-top: 6px;padding-bottom: 10px;border-top: 2px solid #ddd;}
#footer a {color: #999;border-color: #999;}
#footer a:hover {color: #000;border-color: #000;}
/* ---( form )------------------------------------ */
#form, #form td {font-family:verdana, sans-serif;}
div#form {/*margin:0 270 0 0;*/padding-top:10px;}
table#form, #form table {border:dotted 1px #ddd;}
table#form td {font-size:12px;}
td.formlabel {/*width:300px;*/color: #444;font-size:10px;}
#form input, #form textarea, #form select {border: 1px solid #ccc;background: #f5f5f5;padding: 2px;	color: #444;}
#form textarea {width: 350px;}
/* ---( photos )------------------------------------------ */
#photoGrid {width: 100%;margin-top: 12px;text-align: center;}
#photoGrid .photo {float: left;margin: 0 10px 10px 0;border: 1px solid #ccc;padding: 5px;}	
#photoGrid a {color: #999;text-decoration: none;border-style: none;}
#photoGrid a:hover {color: #000;}
.photo img {border:none;}
#photoNav {margin: 1em 0 0 0;}
#photoNav a {float: left;margin: 0 1px .5em 1px;padding: 1px 4px 0 4px;color: #ccc;text-decoration: none;border: none;}
#photoNav a:hover, #photoNav a.active {color: #000;background: #ccc;}
img#photo {padding: 10px;border: 1px solid #ccc;}
/* ---( tips )------------------------------------------- */
dl.tiplist em {color: #999;font-style: normal;}
/* ---( software )--------------------------------------- */
.softlist dt {padding: 0 0 2px 0;margin: 1.2em 0 1em 0;border-bottom: 1px solid #ddd;}
#left dl.softlist dd {padding-bottom: 0;}
.softlist p {margin-top: 0;}
/* ---( portfolio )-------------------------------------- */
#right .portlist {margin-bottom: 1em;}
#right .portlist li {margin-bottom: 2px;padding-left: 13px;background: url(../images/white_bullet.gif) no-repeat 0 3px;}
#right .portlist li.active {background-image: url(../images/port_icon.gif);}
#right .printlist li, #right .printlist li.active {padding-left: 16px;background-image: url(../images/book.gif);}
#right .portlist li.active a {color: #761C0A;font-weight: bold;border-bottom: none;}
.desc {padding-bottom: 10px;clear: none;}
.desc img {float: right;margin: 0 0 1em 14px;}
.featured a img {float: left;margin: 3px 10px 0 0;background: #000;}
.featured a:hover img {background: #c63;}
/* ---( price sheet ) ----------------------------------- */
.price_header {border-bottom:dotted 1 #c63;color: #761C0A;font-weight:bold;font-size:14px;}
table.price_sheet tr,table.price_sheet td {padding-top:10px;font-size:12px;}
.price_footer {padding-top:10px;padding-bottom:30px;border-top:dotted 1 #ccc;font-size:10px;}
/* ---( misc. )------------------------------------------ */
hr {border-top: 1px dashed #ccc;color: #fff;background-color: #fff;height: 1px;}	
#logo a, #nav a, a.noline:link, a.noline:visited, .photoBox a:link, .photoBox a:visited {border-style: none;}
h3 img {vertical-align: middle;}
ul.noBullet li {list-style-type: none;}
.note {color: #999;font-style: italic;}
.center {text-align: center;}
.hide {display: none;}
em {color:Red;}