/* YUI CSS RESET via Yahoo! */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } 
ol,ul { list-style: none; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
q:before,q:after { content: ''; } 
abbr,acronym { border: 0; } 
sup { line-height: 0; }

/* GLOBAL STYLES */

body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #ccc; } /* Reset 1em to 10px */
strong { font-weight: bold; }
em { font-style: italic; }
strong em, em strong { font-weight: bold; font-style: italic; }
.caps { text-transform: uppercase; }

/* BUILDING BLOCKS */

#content { background: #fff; width: 674px; border: 2px solid #000; padding: 140px 40px 40px; margin: 10px auto; position: relative;  }
#subscribe { width: 758px; margin: 20px auto; overflow: hidden; }
#ad { width: 758px; text-align: center; margin: 20px auto; overflow: hidden; }
.show, #podcast-links { border-top: 1px solid #000; padding-top: 20px; margin-top: 20px; clear: both; }
.show::after { content: ""; clear: both; display: block; }
#default #latest { clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; }
#default .image { width: 140px; padding: 20px 80px; margin-right: 20px; float: left; display: inline; }


/* HEADLINES & TEXT */

#content h1 { text-indent: -9999px; width: 215px; height: 115px; background: #fff url(../i/infrastructureshow-logo-small.gif) left 6px no-repeat; }
/* #default h1 { width: 612px; height: 325px; background: url(../i/infrastructureshow-logo.gif) left top no-repeat; margin: 0 auto; } */
#default h1 { width: 300px; height: 159px; background: url(../i/infrastructureshow-logo-medium.gif) left top no-repeat; margin: 0 20px 20px 0; float: left; display: inline; }
#about h1 { float: left; display: inline; margin: 0 20px 20px 0; }
#hosts h1, #links h1, #links-test h1, #contact h1 , #podcasts h1 { float: right; display: inline; margin: 0 0 20px 20px; }

h2 { font-size: 2.4em; line-height: 1.5em; font-weight: bold; }
#default h2 { margin-top: 20px; line-height: 1; }
#podcasts h2 { font-size: 1.8em; color: #f00; text-align: center; }
#subscribe h2 { font-size: 1.8em; color: #fff; float: left; display: inline; margin-top: 0; line-height: 1.5em; }

h3 { font-size: 1.4em; line-height: 1.5em; font-weight: bold; }
#default h3 { margin-top: 40px; line-height: 1; font-size: 1.8em; text-align: center; }
#links h3, #links-test h3 { border-top: 1px solid #000; padding-top: 20px; margin: 20px 0; font-size: 1.6em; color: #009; }
#links h3 em, #links-test h3 em { font-weight: normal; font-style: normal; font-size: .7em; }
#podcasts h3 { font-size: 1.2em; text-align: center; margin-bottom: 15px; }
#podcasts #podcast-links h3 { font-size: 1.4em; line-height: 1.5em; font-weight: bold; text-align: left; margin-bottom: 10px; }

h4 { font-size: 1.2em; line-height: 1.5em; font-weight: bold; }
h4.blog-title { margin-top: 20px; }

h4 strong { color: #f00; display: block; }

h5 { font-size: 1.2em; line-height: 1.5em; font-weight: bold; color: #f00; }

h6 { color: #999; font-style: italic; float: left; display: inline; width: 140px; clear: left; margin: 0 20px 10px 0; }

p { font-size: 1.4em; line-height: 1.5em; margin-bottom: .75em; }
p.link { margin-bottom: 0; }
#default p { font-size: 1.7em; line-height: 1.5; margin-bottom: 30px; overflow: hidden;  }
#links p, #links-test p { font-size: 1.1em; }
#photos p { font-size: .9em; padding-top: 10px; margin: 40px 0 0; border-top: 1px solid #000; }
p.download { font-size: 1.2em; }
/* p.blog-link { margin-bottom: .25em; } */
p.podcast-link a { word-break: break-all; }

/* LINKS */

a { outline: none; font-weight: normal; color: #265de8; text-decoration: none; line-height: 1.5em; }
a:hover { background: #d0dcfb; }
#links p > a, #links-test p > a { font-weight: normal; }
#subscribe a { width: 150px; height: 24px; float: left; display: inline; margin-left: 10px; text-indent: -9999px; }
a#itunes { background: url(../i/itunes.gif) left top no-repeat; }
a#rss { background: url(../i/rss.gif) left top no-repeat; }

/* FORMS */

.zemContactForm { border-top: 1px solid #000; margin-top: 30px; padding-top: 30px; }
.zemContactForm legend { display: none; }
.zemContactForm label { font-size: 1.4em; line-height: 1.5em; font-weight: bold; display: block; }
.zemContactForm input.zemText, .zemContactForm textarea.zemTextarea { margin-bottom: 10px; display: block; background: #e2e2e2; border: 1px solid #000; padding: 3px; width: 450px; }
.zemContactForm textarea.zemTextarea { margin-bottom: 15px; }
.zemContactForm input.zemText:focus, .zemContactForm textarea.zemTextarea:focus { background: #fff; border: 1px solid #666; padding: 3px; width: 450px; }

/* LISTS */

/* NAVIGATION */

#navigation { margin: 0 0 40px -40px; width: 754px; overflow: hidden; border-top: 2px solid #000; border-bottom: 2px solid #000; }
#navigation li { float: left; display: inline; width: 124px; height: 20px; border-right: 2px solid #000; }
#navigation li.contact { border-right: 0px; }
#navigation li a { display: block; width: 124px; height: 20px; text-align: center; text-decoration: none; font-weight: bold; font-size: 1.4em; line-height: 20px; color: #fff; background: #666; }
#navigation li a:hover { background: #333; color: #ff3; }
#default #navigation li.home a, #about #navigation li.about a, #hosts #navigation li.hosts a, #podcasts #navigation li.podcasts a, #links #navigation li.links a, #contact #navigation li.contact a { color: #ff3; background: #000; }

/* COMMENTS */



/* TABLES */

/* IMAGES */

#photos img { position: absolute; top: 0px; margin: 0; border-right: 2px solid #000; }
#photos img.image1 { left: 0px; }
#photos img.image2 { left: 189px; }
#photos img.image3 { left: 378px; }
#photos img.image4 { left: 567px; }
.show img { float: left; display: inline; margin: 10px 20px 10px 0; }