@charset "utf-8";

/* ryanbosinger.com */
body { background: white url(../images/home_body_bg.jpg) no-repeat center top; padding: 0; margin: 0; }
span.hidden { visibility: hidden; overflow: hidden; }
a { color: #639bb4; }
a.button { display: block; width: 100%; height: 100%; text-decoration: none; }
div#site-header { margin: 0; padding: 0; height: 240px; }
div#site-header h1 { height: 1px; margin: 0; padding: 0; overflow: hidden; }
#content { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 22px; width: 920px; margin: 0 auto; padding-top: 10px; overflow: auto; }
#content div.section { padding-left: 220px; margin-bottom: 20px; }
#content div.section h2 { font-size: 24px; }
#content div.section h2 a { text-decoration: none; color: #186125; font-weight: normal; padding: 3px; }
#content div.section p { padding-left: 3px; }
h2.test { font-size: 72px; }
#content div.section-hover h2 a { text-decoration: none; color: #186125; font-weight: normal; }
#content div#work { background: url(../images/icon-work.png) no-repeat top left; height: 175px; }
#content div#work div.section-content { padding-top: 25px; }
#content div#vote4oz { background: url(../images/icon-vote4oz.png) no-repeat top left; height: 210px; }
#content div#vote4oz div.section-content { padding-top: 55px; }
#content div#video { background: url(../images/icon-video.png) no-repeat top left; height: 175px; margin-top: 30px; }
#content div#video div.section-content { padding-top: 20px; }
#content div#blog { background: url(../images/icon-blog.png) no-repeat 8px 38px; height: auto; }
#content div#blog div.section-content { padding-top: 25px; }
#content div#blog #latest-post ul { padding: 0 18px 0 18px; margin: 0; list-style: none; }
#content div#blog #latest-post ul li { padding: 7px 5px 7px 0; border-bottom: 1px solid #e6e6e6; }
#content div#blog #latest-post { background: #f4f4f4; padding: 8px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border: 1px solid #E6E6E6; }
#content div#blog #latest-post h3 { background: #000; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 0; padding: 6px 6px 6px 12px; }
#content div#blog #latest-post a { text-decoration: none; }
#content div#blog #latest-post a:hover { text-decoration: underline; }
#footer { text-align: center; padding-top: 14px; font-size: 11px; color: #696969; }

/* ryanbosinger.com / work */
body#work h2.header-work { background: url(../images/h2-work.png) no-repeat; width: 271px; height: 96px; margin: 0 0 44px 0; float: left; }
body#work img#work-image { float: right; }
body#work p { clear: left; }
body#work dd { margin: 4px 0 16px 0; }
body#work h2 { font-size: 28px; }
body#work p.old-portfolio { background: url(../images/icon-old-portfolio.png) no-repeat 3px 3px; border: 1px dotted rgb(212, 212, 212); padding: 18px 6px 18px 66px; font-size: 11px;  }

/* ryanbosinger.com / video */
body#video h2.header-video { background: url(../images/h2-video.png) no-repeat; width: 283px; height: 96px; margin: 0; float: left; }
body#video h3.video-title { clear: both; font-family: arial; font-size: 32px; letter-spacing: -1px; }
body#video #video-container { width: 720px; margin: 20px auto; padding-top: 20px; clear: both; }
body#video #content div.section { clear: both; padding-left: 320px; margin-bottom: 26px; }
body#video #content div.section h2 a { text-decoration: none; color: #000; font-weight: normal; padding: 3px; }
body#video #content div.section h2 a:hover { text-decoration: underline; }
body#video #content div#video-edward { background: url(../images/video/icon-james.png) no-repeat top left; height: 223px; }
body#video #content div#video-edward div.section-content { padding-top: 25px; }
body#video #content div#video-skeleton { background: url(../images/video/icon-skeleton-01.png) no-repeat top left; height: 231px; }
body#video #content div#video-skeleton div.section-content { padding-top: 50px; }
body#video #content div#video-canopy { background: url(../images/video/icon-canopy.png) no-repeat top left; height: 223px; }
body#video #content div#video-canopy div.section-content { padding-top: 25px; }
body#video #content div#video-telescope { background: url(../images/video/icon-telescope.png) no-repeat top left; height: 192px; }
body#video #content div#video-telescope div.section-content { padding-top: 25px; }
body#video #content div#video-dictionary { background: url(../images/video/icon-dictionary.png) no-repeat 15px 0; height: 258px; }
body#video #content div#video-dictionary div.section-content { padding-top: 50px; }
body#video #content div#video-selection { padding-top: 35px; clear: both; }

/* ryanbosinger.com / contact */
body#contact h2.header-contact{ background: url(../images/h2-contact.png) no-repeat; width: 100%; height: 96px; margin: 0 0 30px 0; float: left; }

body#thirtydogs h2.header-thirtydogs { background: url(../images/h2-thirtydogs.png) no-repeat; width: 310px; height: 146px; margin: 30px auto; }
body#thirtydogs #screencast { background: url(../images/screencast-bg.png) no-repeat; padding: 13px; margin: 5px auto; width: 729px; }
body#thirtydogs p.big-link { font-size: 24px; }
body#thirtydogs p.unavailable-beta { font-size: 24px; color: #a5a5a5; text-decoration: underline; }