/* STYLES FOR DGULLERUD.COM */
body {font-family: Georgia, "Times New Roman", Times, serif; font-size:small; text-align:center; min-width:774px; margin:0; padding:0; background:#000; color:#fff; position:relative;}
#wrapper {text-align:left; margin-left:auto; margin-right:auto; width:774px; position:relative;}

/* HEAD */
#head_top {background:url(images/head_top.jpg) no-repeat top left; height:36px; text-align:center; color:#fff;}
#head_main {background:url(images/head_main.jpg) no-repeat top left; height:162px; text-align:center;}
#head_main img {position:relative; top:32px;}
h2 {font-size:90%; margin:0; padding:10px 0 0; letter-spacing:.1em; font-weight:normal; text-transform:uppercase; font-family:Geneva, Arial, Helvetica, sans-serif;}
.web-design-pro {color:#999;}

/* GLOBAL NAVIGATION */
#head_main ul {margin:0; padding:0; position:relative; top:78px;}
#head_main li {display:inline; list-style:none;}
#head_main a {color:#999; text-decoration:none; padding:0 9px; font-size:100%; font-family: magistral-web-condensed, Geneva, Arial, Helvetica, sans-serif; letter-spacing:.1em; text-transform:uppercase;}
#head_main a:hover {color:#009933;}
#head_main a.urhere {color:#fff;}

#main p a {padding-bottom:2px; text-decoration:none; border-bottom:1px #333 solid; color:#999;}
#main p a:hover {border-bottom:1px #009933 solid;}
#main {line-height:2em; margin-top:20px; letter-spacing:.02em; color:#999; color:#CCC;}
#content {margin:0 20px;}
div.lefttextbox, div.righttextbox, div.fulltextbox, div.portfoliotextbox {padding-bottom:5px; position:relative;}
div.lefttextbox {margin:20px 265px 20px 0; padding-right:20px;}
div.righttextbox /* index.html + about.html */ {margin:20px 0 20px 265px; padding-right:20px;}
div.fulltextbox /* resume.html + contact.html */ {margin:20px 0; padding-right:18px;}
div.portfoliotextbox /* portfolio.html */ {margin:20px 18px 20px 370px;}
#subnav {margin-bottom:20px; margin-top:-25px; text-align:center; border-bottom:1px solid #333; padding-bottom:15px;}
.monitor-left {float:left; margin:0 0 40px 0;}
.monitor-right {float:right; margin: 0 0 40px 0;}

/* PORTFOLIO */
.screenshot {float:left; margin: 0 20px 40px 0; width:180px;}
h4 {margin-bottom:0; color:#fff; font-size:110%;}
h4 + p, h4 + ul {margin-top:0;}
.features-list {margin:0 12px; padding:0;}

/* RESUME */
h3 /* resume titles */ {margin:0; margin-right:-18px; padding-top:8px; font-size:180%; font-weight:normal; color:#fff; font-family:magistral-web-condensed, Geneva, Arial, Helvetica, sans-serif;}
.resumebullets /* RESUME.HTML */ {color:#009933; padding:0 2px;}
#resume p /* RESUME.HTML */ {margin-bottom:20px;}
#resume .lefttextbox img {border:1px solid #222; margin:25px 0 0;}

img {border:none; vertical-align:bottom; position:relative;}
table {position:relative;}

/* thumbnails for portfolio.html */
.thumblink, .thumblinkright {float:right; border:1px solid #666; padding:6px; position:relative;}
.thumblink, .thumblinkright {margin:19px 19px 0 0;}
.thumblinkright {margin:10px 0 10px;}
.thumblink:hover, .thumblinkright:hover {border:1px solid #009933;}

/* thumbnails for portfolio pages */
.portfolio-nav a {float:right; padding:4px; margin:20px 10px 0px 0; border:1px solid #666; background:#111;}
.portfolio-nav a:hover {border:1px solid #009933;}
.thumb2, #thumb2urhere {float:right; padding:4px; margin:20px 10px 0px 0;}
#portfolio-urhere {border:1px solid #fff; background:#111;}
#portfolio-urhere:hover {border:1px solid #fff;}

.wf-loading h3, .wf-loading h2, .wf-loading #head_main ul li a,  {visibility:hidden;}


/* -- transitions --*/
.thumblink:hover, .thumblinkright:hover, #head_main a:hover, .portfolio-nav a:hover, #main p a:hover { -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear;}