/* CSS Document */

/* common */
* {padding: 0; margin: 0}
html { min-height: 100%; margin-bottom: 1px; }
body {padding: 61px 0 50px; background: #1C1D21; color: #ddd; font-family:"Times New Roman", Arial, serif; font-size: 62.5%; }

a { color: #8993A5; text-decoration: none; }
a:hover { color: #92CDCF; text-decoration: none; }

/* structure */
#header{height: 61px; background: url(http://resume.dannydebelius.com/img/header-bg.png) repeat-x; position: fixed; width: 100%; top: 0; left: 0; z-index: 50; border-bottom: 1px solid #8993A5;}
#header h1 {width: 800px; height: 61px;  margin: 0 auto; text-indent: -999em; background: url(./img/header.gif) center left no-repeat;}
#footer{height: 30px; padding: 10px 0;font-family: helvetica neue, arial, sans-serif; position: fixed; bottom: 0; left: 0; background: #31353D ; width: 100%; border-top: 1px solid #8993A5; z-index: 30;}
#footer p {width: 800px; margin: 0 auto;   font-size: 1.6em;}
#grad-top {height: 35px; width: 100%; position: fixed; z-index: 20; top: 61px; left: 0; background: url(/img/grad-top.png) repeat-x bottom;}
#grad-bottom {height: 50px; width: 100%; position: fixed; z-index: 20; bottom: 50px; left: 0; background: url(/img/grad-bottom.png) repeat-x;}

#content ol {list-style: none;}
#content ol li {height: 202px; padding: 30px 0; border-bottom: 1px solid #333;}
#content .project {width: 800px; margin: 0 auto;}
#content h2 { width: 374px; float: right;font-weight: normal; font-size: 2.5em; font-family: garamond,"Times New Roman",serif; border-bottom: 2px solid #31353D; margin-bottom: 5px;}
#content p {width: 374px; float: right;font-family: helvetica neue, arial, sans-serif; font-size: 1.4em; margin-bottom: 5px;}
#content p strong {color: #8993A5;}
.samples a {font-weight: bold; text-indent: -999em; color: #8993A5; background: url(./img/sample-bg.png) no-repeat; display: inline-block; width: 17px; height: 17px; line-height: 17px; text-align: center; margin-right: 1px;}
.samples a:hover {background-position: bottom; color: #445878;}
.live a {color: #92CDCF; font-weight: bold; display: inline; background: none;}
.live a:hover {text-decoration: underline; color: #92CDCF;}

#content .project img {float: left; border: 3px solid #445878; margin-right: 20px;}

/* slimbox */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(./images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(./images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(./images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(./images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }