@import url('portfolio.css');

/* JoelDow.com styles */

/* Eric Meyer 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Begin site styles */
html{height: 100%;min-height: 100%;width: 100%;}
body{height: 100%;min-height: 100%;width: 100%;text-align: center;}
html,body{background:#494c53;margin:0;padding:0;font-family:Arial, Verdana, Sans-Serif;}
form{width:100%;height:100%;}

#header{position:fixed;left:0px;width:100%;height:80px;background:#E4F2FD url(../images/layout/header-grad.png) 0 100% repeat-x;border-bottom:1px solid #fff;margin:0;z-index:990;}
#container{position:relative;top:80px;width:924px;margin:0 auto 50px auto;padding:15px 0 0 0;z-index:1;}
#side{width:265px;float:left;margin:6px 0 70px 0;}
#main{width:650px;float:right;margin:0 0 70px 9px;}

#header-centered{position:relative;width:924px;height:100%;margin:0 auto;}
#header-fade{position:fixed;top:81px;left:0;width:100%;height:4px;background:#494c53 url(../images/layout/container-grad.png) 0 0 repeat-x;z-index:990;}
#logo{position:absolute;left:60px;top:0px;background:#fff;padding:5px 8px;font-size:1.6em;
      -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;}
#body{position:relative;width:652px;margin:0;padding:0;}
#body #content{position:relative;top:8px;min-height:700px;background:#fff;padding:10px 0 1px 0;margin:0 12px;text-align:left;-moz-border-radius:5px;-webkit-border-radius:5px;}
#body #content #placeholder{background:#fff;margin:0 0 10px 0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
#body #content #loading{width:89px;height:132px;background:url(../images/loading.gif) 0 0 no-repeat;margin:50px auto 0 auto;display:none;}
#title{background:#EFF8FF;border-bottom:1px solid #C6D9E9;margin:-10px 0 15px 0;padding:10px;text-align:left;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
#title h1{color:#464646;font-size:1.4em;font-family:'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;font-weight:normal;text-shadow:1px 1px 1px #fff;margin:0;padding:0;}

ul#navigation{position:absolute;bottom:-1px;right:4px;margin:0;padding:0;z-index:99;list-style:none;}
ul#navigation li{display:table;float:left;max-width:110px;background:#fff;margin:0 5px 0 0;padding:0;font-size:1.3em;text-align:center;
    border-left:2px solid #fff;border-top:2px solid #fff;border-right:2px solid #fff;overflow:hidden;white-space:nowrap;
    -moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;
    } /*max width fixes IE7 issue*/
    
/*ul#navigation li:hover{background:url(../images/dink-nav.gif) 50% 21px no-repeat;overflow:auto;}*/
ul#navigation li a{width:100%;height:33px;line-height:33px;overflow:hidden;text-align:center;}
ul#navigation li a:link, ul#navigation li a:active, ul#navigation li a:visited{font-family:'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;color:#686A6F;text-decoration:none;outline:none;overflow:auto;}
ul#navigation li a:link:hover, ul#navigation li a:active:hover, ul#navigation li a:visited:hover{color:#5A606F;text-decoration:none;outline:none;}
ul#navigation li a.selected, ul#navigation li a.selected:hover{color:#ececec;}
ul#navigation li a span{padding:3px 12px 0 12px;overflow:hidden;white-space: nowrap;}
ul#navigation li.selected{border-color:#3A3C41;background:#3A3C41;}

#networks{position:relative;background:#000;min-height:50px;margin:0 0 10px 0;padding:0 10px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#networks-list{margin:0;padding:5px 0;}
#networks-list h4{position:relative;margin:0;padding:0;}
#network-links{margin:8px 0 0 0;padding:0;}
#network-links ul{position:relative;left:15px;margin:0;padding:0;}
#network-links li{position:relative;height:32px;float:left;margin:0 6px 6px 0;list-style:none;}
.googletalk-online{position:absolute;bottom:2px;right:2px;margin:0;padding:0;border:0;z-index:5;}
#twitter{position:relative;background:#000;padding:5px 10px;margin:50px 0 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;}
#tweet-list h4{position:relative;margin:0;padding:0;}
h4.title{text-align:left;padding:0;margin:0;font-family:Century Gothic, Arial, Verdana, Sans-Serif;font-weight:normal;}
h4.title a{text-decoration:none;}
#twitter span{font-size:1.2em;font-family:Century Gothic, Arial, Verdana, Sans-Serif;}
#twitter-bird{position:absolute;top:-34px;left:5px;width:32px;height:40px;background:url(../images/tbird.png) 0 0 no-repeat;z-index:2;}

/*position:fixed;*/
#footer{position:relative;width:100%;height:175px;bottom:0px;background:#3B3C3F;}
@media screen{
  body>div#footer{
    position:relative;
  }
}
#footer-centered{position:relative;width:924px;height:100%;margin:0 auto;}
#footer, #footer a{color:#61656F;font-family:Georgia, Helvetica, Arial;}
#footer a:hover{color:#61656F;}

#story{height:75px;background:url(../images/blue-vgrad.jpg) repeat-x;margin:0 0 10px 0;}
#story span{color:#fff;font-size:1.6em;filter: alpha(opacity=50);-khtml-opacity: 0.5;-moz-opacity: 0.5;opacity: 0.5;}
#faith{height:75px;background:url(../images/green-vgrad.jpg) repeat-x;margin:0 0 10px 0;}
#family{height:75px;background:url(../images/yellow-vgrad.jpg) repeat-x;margin:0 0 10px 0;}
#profession{height:75px;background:url(../images/red-vgrad.jpg) repeat-x;}

ul.inline{list-style:none;padding:0;margin:0;}
ul.inline li{float:left;}
ul.li-margin-right-20 li{margin:0 20px 0 0;}


/* Tweets */
#tweets{text-align:left;margin:10px 0 0 0;}
#tweets ul{margin:2px 0;padding:0;}
#tweets li{margin:0 0 -10px 0;clear:both;list-style:none;font-family:Arial, Verdana, Sans-Serif;font-size:.9em;}
#tweets li img{width:24px;margin:0 5px 0 0;border:1px solid #555;}
#tweets .jdTweets-tweet{display:block;position:relative;top:-29px;margin:0 0 0 33px;}
#tweets .jdTweets-tweet-text{font-size:.8em;color:#fff;line-height:1.2em;}
#tweets .jdTweets-tweet-time{display:block;font-size:.7em;color:#ccc;line-height:1em;}
#tweets a:link, #tweets a:active, #tweets a:visited{color:#DF1E1F;text-decoration:none;}
#tweets a:link:hover, #tweets a:active:hover, #tweets a:visited:hover{color:#FFD43A;text-decoration:none;}
#jdTweets-loading{font-size:.8em;color:#ccc;}

/* Me */
#me-bio{margin:0 10px;}
.resume-border{background:#ccc;padding:1px;margin:10px 15px;}
.resume{height:34px;background:#f1f1f1;border:1px solid #ddd;text-align:left;padding:5px 0 2px 0;}
.joelwkids{margin:0 0 0 10px;border:2px solid #ddd;}

/* Blog */
#posterous-feed, #posterous-feed-post{padding:0 20px;}
#posterous-feed h2{text-decoration:none;margin:0;padding:0;}
#posterous-feed h2 a{color:#455D6F;text-decoration:none;}
#posterous-feed h2 a:hover{text-decoration:underline;}
.blog-entry{text-align:left;margin:0 0 25px 0;font-family:Arial, Verdana, Sans-Serif;}
.blog-entry .post-title{font-family:Century Gothic, Helvetica, Georgia;font-size:1.2em;font-weight:bold;}
.blog-entry .description{background:#f1f1f1;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px;margin:7px 0 0 0;}
.blog-entry .description p{margin:0;padding:0;}
.blog-entry .description ul{list-style:disc;margin:0 0 0 20px}
.blog-entry .description ul li{line-height:1.3em;margin:0 0 3px 0;}
em.date{color:#888;}

/* Misc */

a.icon-link:link, a.icon-link:active, a.icon-link:visited{display:inline-block;height:34px;text-decoration:none;font-size:1.3em;font-family:Arial, Verdana, Sans-Serif;color:#59778F;}
a.icon-link:link:hover, a.icon-link:active:hover, a.icon-link:visited:hover{color:#DF1E1F;text-decoration:none;}
a.icon-link span{display:inline-block;height:100%;line-height:34px;margin:0 0 0 36px;}
a.icon-link span:hover{text-decoration:underline;}
a.pdf-icon{background:transparent url(../images/icons/pdf_sm.png) 0 0 no-repeat;}
a.linkedin-icon{background:transparent url(../images/icons/linkedin2.png) 0 0 no-repeat;}

p{line-height:1.3em;padding:0 0 10px 0;}

.rounded{-moz-border-radius:10px;-webkit-border-radius:10px;}

.dgray{color:#6F6F6F;}
.blue{color:#55a2e3;}
strong, .bold{font-weight:bold;}
.p8em{font-size:.8em;}
.p9em{font-size:.9em;}
.1p2em{font-size:1.2em;}
.1p4em{font-size:1.4em;}

.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}

.hide{display:none;}

img{border:0;}
h1,h2,h3,h4,h5{font-weight:bold;}
h1{font-size:1.4em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1em;}

.top{position:absolute;top:0;}
.right{position:absolute;right:0;}

.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}

.preload{position:absolute;top:-5000px;left:-5000px;}

iframe{display:none;}