/*------------------------------------------------------------------------------------
  @group Home page blog listing
------------------------------------------------------------------------------------*/
div.site_content section.home_blogs { float: left; width: 1000px; height: 650px; }
div.site_content section.home_blogs h1 { position: absolute; left: 10px; top: 5px; }
div.site_content section.home_blogs article { float: left; width: 248px; height: 314px; position: relative; }
div.site_content section.home_blogs article figure { position: absolute; top: 17px; left: 8px; width: 232px; height: 90px; background-position: center center; }
div.site_content section.home_blogs article time { position: absolute; left: 18px; top: 16px; width: 52px; height: 55px; font-family: Arial Black, san-serif; text-align: center; z-index: 10; }
div.site_content section.home_blogs article time div { position: absolute; top: -5px; left: 0px; color: #FFF; width: 52px; }
div.site_content section.home_blogs article time div.day { font-size: 2.0em; }
div.site_content section.home_blogs article time div.month { top: 30px; color: #959595; }
div.site_content section.home_blogs article header { position: absolute; width: 226px; top: 120px; left: 11px; }
div.site_content section.home_blogs article header h2 { text-align: center; font-size: 1.2em; }
div.site_content section.home_blogs article header div.author { width: 226px; text-align: center; font-size: 0.7em; padding-top: 6px; }
div.site_content section.home_blogs article p { position: absolute; width: 216px; left: 15px; top: 214px; font-size: 0.8em; }
div.site_content section.home_blogs article.first { margin-left: 4px; }
div.site_content section.home_blogs article.featured { width: 1000px; height: 324px; padding-top: 10px; }
div.site_content section.home_blogs article.featured time { left: 21px; top: 37px;  }
div.site_content section.home_blogs article.featured figure { top: 37px; left: 245px; width: 744px; height: 280px; }
div.site_content section.home_blogs article.featured header { position: absolute; top: 100px; left: 16px; width: 226px; }
div.site_content section.home_blogs article.featured header div.author { width: 226px; }
div.site_content section.home_blogs article.featured p { left: 20px; top: 200px; }

/*------------------------------------------------------------------------------------
  @group Home page videos/podcasts
------------------------------------------------------------------------------------*/
div.site_content section.home_video,
div.site_content section.home_podcast { float: left; width: 500px; height: 540px; position: relative; }
div.site_content section.home_video h1 { position: absolute; left: 10px; top: 2px; width: 80px; padding-right: 105px; background: url(../images/icons/i_youtube.png) no-repeat center right; }
div.site_content section.home_podcast h1 { position: absolute; left: 10px; top: 2px; width: 80px; padding-right: 105px; background: url(../images/icons/i_emp.png) no-repeat center right; }
div.site_content section.home_video h2,
div.site_content section.home_podcast h2 { position: absolute; top: 55px; left: 10px; width: 480px; padding: 5px 0; background: rgba(0,0,0,0.7); background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7)); background: -moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7)); background: -o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7)); background: -ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7)); z-index: 10; }
div.site_content section.home_video h3,
div.site_content section.home_podcast h3 { position: absolute; left: 10px; top: 425px; font-size: 1.2em; }
div.site_content section.home_video a.see,
div.site_content section.home_podcast a.see { position: absolute; right: 10px; top: 430px; font-size: 0.7em; }
div.site_content section.home_video figure,
div.site_content section.home_podcast figure { position: absolute; top: 55px; left: 10px; width: 480px; height: 360px; }
div.site_content section.home_podcast figure iframe { position: absolute; top: 100px; left: 10px; width: 460px; height: 166px; }
div.site_content section.home_video ul,
div.site_content section.home_podcast ul { position: absolute; left: 10px; top: 455px; width: 480px; }
div.site_content section.home_video ul li,
div.site_content section.home_podcast ul li { width: 480px; height: 25px; position: relative; }
div.site_content section.home_video ul li a.button,
div.site_content section.home_podcast ul li a.button { width: 50px; height: 18px; position: absolute; top: 3px; right: 0; }
div.site_content section.home_podcast .mejs-controls .mejs-play, div.site_content section.home_podcast .mejs-controls .mejs-pause { width: 8px; }
div.site_content section.home_podcast .mejs-controls .mejs-play button { width: 54px; height: 54px; top: -65px; }
div.site_content section.home_podcast .mejs-controls .mejs-pause button { width: 54px; height: 54px; top: -65px; }

/*------------------------------------------------------------------------------------
  @group Blogs blogs
------------------------------------------------------------------------------------*/
div.site_content section.blog_blogs { float: left; width: 660px; padding-top: 10px; min-height: 1200px; }
div.site_content section.blog_blogs h1 { position: absolute; left: 10px; top: 2px; }
div.site_content section.blog_blogs article { float: left; width: 638px; position: relative; margin: 20px 10px; }
div.site_content section.blog_blogs article a { text-decoration: underline; }
div.site_content section.blog_blogs article header { width: 650px; height: 340px; margin: -11px 0 0 -6px; position: relative; }
div.site_content section.blog_blogs article header time { position: absolute; left: 18px; top: 12px; width: 52px; height: 55px; font-family: Arial Black, san-serif; text-align: center; z-index: 10; }
div.site_content section.blog_blogs article header time div { position: absolute; top: -5px; left: 0px; color: #FFF; width: 52px; }
div.site_content section.blog_blogs article header time div.day { font-size: 2.0em; }
div.site_content section.blog_blogs article header time div.month { top: 30px; color: #959595; }
div.site_content section.blog_blogs article header figure { position: absolute; top: 12px; left: 6px; width: 638px; height: 212px; background-position: center center; }
div.site_content section.blog_blogs article header h2 { position: absolute; width: 600px; top: 240px; left: 19px; text-align: center; }
div.site_content section.blog_blogs article header h2 a { text-decoration: none; }
div.site_content section.blog_blogs article header div.author { position: absolute; width: 600px; top: 305px; left: 19px; text-align: center; }
div.site_content section.blog_blogs article .border { position: absolute; width: 11px; top: 279px; }
div.site_content section.blog_blogs article .border.border_l { left: -6px; bottom: 0; }
div.site_content section.blog_blogs article .border.border_r { right: -6px; bottom: 0; }
div.site_content section.blog_blogs article .border.border_b { width: 650px; height: 2px; top: auto; bottom: 0; }
div.site_content section.blog_blogs article p { font-size: 0.8em; }
div.site_content section.blog_blogs article footer { width: 650px; height: 50px; margin: 0 0 -5px -6px; position: relative; }
div.site_content section.blog_blogs article footer .more { position: absolute; top: 7px; right: 8px; width: 62px; height: 35px; }
div.site_content section.blog_blogs div.splitter { float: right; margin: 0 7px 8px 0; }
div.site_content section.blog_blogs div.splitter li { float: left; width: 30px; height: 31px; display: block; }
div.site_content section.blog_blogs div.splitter li.sp-ellipses { text-align: center; font-weight: bold; color: #FFF; }
div.site_content section.blog_blogs div.splitter li a { display: block; font-size: 0.8em; width: 30px; text-align: center; padding-top: 7px; font-weight: bold; }
div.site_content section.blog_blogs div.splitter li.sp-prev,
div.site_content section.blog_blogs div.splitter li.sp-next { display: block; padding: 0; width: 48px; height: 31px; }
div.site_content section.blog_blogs div.splitter li.sp-prev a,
div.site_content section.blog_blogs div.splitter li.sp-next a { text-indent: -9999em; font-size: 0; display: block; padding: 0; width: 48px; height: 31px; }
div.site_content section.blog_blogs div.comments { float: left; width: 638px; position: relative; margin: 0 10px 5px; }
div.site_content section.blog_blogs div.comments h1 { top: 0px; left: 15px; }
div.site_content section.blog_blogs div.comments h2 { padding: 30px 0 20px 15px; font-size: 0.9em; }
div.site_content section.blog_blogs div.comments form { width: 606px; margin: 24px 15px 15px; height: 200px; position: relative; }
div.site_content section.blog_blogs div.comments form h2 { position: absolute; text-transform: uppercase; left: 60px; top: 23px; padding: 0; }
div.site_content section.blog_blogs div.comments form div.avatar { position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; }
div.site_content section.blog_blogs div.comments form div.avatar img { position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; }
div.site_content section.blog_blogs div.comments form div.comment_field { position: absolute; top: 60px; left: 40px; width: 526px; height: 100px;  }
div.site_content section.blog_blogs div.comments form div.comment_field textarea { position: absolute; top: 5px; left: 13px; background: none; width: 500px; height: 89px; border: 0; font-family: Arial, san-serif; }
div.site_content section.blog_blogs div.comments form input[type=submit] { position: absolute; bottom: 2px; right: 37px; display: block; width: 61px; height: 35px; text-indent: -9999em; font-size: 0; border: 0; }
div.site_content section.blog_blogs div.comments article { width: 606px; margin: 0 15px 10px; position: relative; }
div.site_content section.blog_blogs div.comments article div.avatar { position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; }
div.site_content section.blog_blogs div.comments article div.avatar img { position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; }
div.site_content section.blog_blogs div.comments article h2 { position: absolute; text-transform: uppercase; left: 60px; top: 10px; padding: 0; }
div.site_content section.blog_blogs div.comments article time { position: absolute; left: 60px; top: 30px; padding: 0; font-size: 0.7em; }
div.site_content section.blog_blogs div.comments article p { padding: 60px 10px 10px; font-size: 0.8em; }

/*------------------------------------------------------------------------------------
  @group Blogs blog shared
------------------------------------------------------------------------------------*/
div.site_content section.blog_featured { float: right; width: 340px; height: 328px; margin-bottom: 20px; }
div.site_content section.blog_featured h1 { position: absolute; left: 20px; top: 2px; }
div.site_content section.blog_featured div.articles { margin: 31px 0 0 21px; }
div.site_content section.blog_featured div.articles article { width: 309px; height: 98px; position: relative; }
div.site_content section.blog_featured div.articles article time { position: absolute; left: 11px; top: 0px; width: 52px; height: 55px; font-family: Arial Black, san-serif; text-align: center; z-index: 10; }
div.site_content section.blog_featured div.articles article time div { position: absolute; top: -5px; left: 0px; color: #FFF; width: 52px; }
div.site_content section.blog_featured div.articles article time div.day { font-size: 2.0em; }
div.site_content section.blog_featured div.articles article time div.month { top: 30px; color: #959595; }
div.site_content section.blog_featured div.articles article h2 { position: absolute; width: 300px; top: 65px; left: 5px; text-align: center; font-size: 0.9em; }
div.site_content section.blog_featured article figure { position: absolute; top: 0px; left: 60px; width: 249px; height: 55px; background-position: center center; }
div.site_content section.blog_popular { float: right; width: 340px; height: 260px; margin-bottom: 10px; }
div.site_content section.blog_popular h1 { position: absolute; left: 20px; top: 2px; }
div.site_content section.blog_popular div.articles { width: 290px; margin: 40px 0 0 30px; }
div.site_content section.blog_popular div.articles article { width: 290px; margin-bottom: 10px; }
div.site_content section.blog_popular div.articles article h2 { font-size: 0.8em; }
div.site_content section.blog_popular div.articles article div.author { color: #FFF; font-size: 0.7em; }
div.site_content section.blog_tags { float: right; width: 340px; height: 285px; }
div.site_content section.blog_tags h1 { position: absolute; left: 20px; top: 2px; }
div.site_content section.blog_tags div.tags { width: 290px; margin: 40px 0 0 30px; }
div.site_content section.blog_tags div.tags a.tag { float: left; padding: 0 10px 10px 0; font-size: 0.8em; }
div.site_content section.blog_archive { float: right; width: 340px; }
div.site_content section.blog_archive h1 { position: absolute; left: 20px; top: 2px; }
div.site_content section.blog_archive ul.a_years { position: absolute; left: 20px; top: 35px; font-size: 0.9em; width: 309px; }
div.site_content section.blog_archive ul.a_months li { margin: 5px 0 5px 20px; }
div.site_content section.blog_archive ul.a_days li { margin: 5px 0 5px 20px; }