
html, body
{
     font-family: "Segoe UI", "Helvetica Neue", Helvetica, "Segoe UI Semilight", "Segoe UI Light", Tahoma, Arial, sans-serif;
     font-size: 16px;
}

body, p, li {
line-height: 26px;
}

p {
  margin: 0 0 30px;
}

h1, h2 {
  font-size: 24px;
}

h1.major
{
  font-size: 36px;
  font-weight: normal;
  color: rgb(255,175,0);
  margin: 40px 0 40px 0;
}

h3 { color: #ff8b00; }

.TopHeader>.Wrapper
{
  padding: 0px;
}

  /* Hide article RSS */
.ArticleListing a.rss
{
    display:none;
}

/* Links */
a, .anchor {
  color: #36b75b;
}

a:hover {
   text-decoration: none;
}

/* Article */
.ArticleDetails p
{
  text-align: justify;
}

.ArticleDetails img.pull-right
{
  float: right;
  padding: 0 0 0 25px;
}

.ArticleDetails img.pull-left
{
  float: left;
  padding: 0 25px 0 0;
}

.ArticleListing ul li div.Summary h2, .ArticleListing ul li div.Summary h2 a
{
  font-size: 20px;
}

.ArticleDetails h1 {
  margin-bottom: 15px;
  color: #36adda
}

.ArticleDetails .Media iframe {
  margin: 10px 0 20px 0;
}

/* Article Summary */
.Type.Article > .Summary h2 {
  margin: 0 0 20px 0;
  line-height: 20px;
}

.ContentSlider ul li {
  line-height:  20px;
}

/* Fix Bio Author Photos */
#AuthorListing .AuthorListingImage
{
    line-height: 0;
}

img
{
    max-width:100%;
}

a.major
{
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0 10px 0;
  display: inline-block;
}

a.fancy, a.fancy *, .ArticleListing ul li a.Image, a img
{
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    opacity: 1
}

a.fancy:hover, a.fancy:hover *,  .ArticleListing ul li a.Image:hover, a:hover img
{
    /*
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    */
    opacity: 0.85;
}

.metro-nav
{
    padding: 0px;
    margin: 10px 0 0 0;
}

.metro-nav > li
{
    display: inline-block;
    margin: 0 10px 0 0;
    width: 90px;
    height: 90px;
    position: relative;
}

.metro-nav > li > a
{
    color: #FFF;
    position: absolute;
    font-size: 16px;
    width: 100%;
    height: 100%;
    line-height: 150px;
    text-indent: 5px;
    vertical-align: bottom;
    background-color: rgb(127,186,0);
    -webkit-transition: background 0.15s ease-in-out;
    -moz-transition: background 0.15s ease-in-out;
    -o-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.metro-nav > li.active a
{
    background-color: rgb(31,167,212);
}

.metro-nav > li > a:hover
{
    text-decoration: none;
    background-color: rgb(31,167,212);
}

.social-bar
{
    width: 240px;
    margin: 25px auto;
}

.social-bar a {
    margin: 0 13px 0 0;
}

.icons
{
    background: url(Images/icons.png);
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 0px;
    -webkit-transition: background 0.15s ease-in-out;
    -moz-transition: background 0.15s ease-in-out;
    -o-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.icons.facebook
{
    background-position:  0px 0px;
}

.icons.facebook.active, a:hover > .icons.facebook
{
    background-position:  0px 42px;
}

.icons.twitter
{
    background-position:  -42px 0px;
}

.icons.twitter.active, a:hover > .icons.twitter
{
    background-position:  -42px 42px;
}

.icons.events
{
    background-position:  -84px 0px;
}

.icons.events.active, a:hover > .icons.events
{
    background-position:  -84px 42px;
}

.icons.rss
{
    background-position:  -126px 0px;
}

.icons.rss.active, a:hover > .icons.rss
{
    background-position:  -126px 42px;
}

.cta
{
    margin: 25px auto;
    width: 280px;
}

.quote
{
  width: 100%;
  display: block;
  text-align: center;
  font-size: 38px;
  line-height: 38px;
  color: #fa4b2a;
  text-decoration: none;
  font-style: normal;
  letter-spacing: -1px;
  font-weight: normal;
  margin: 60px 0 60px 0;
}

/* hide the HR on the homepage */
.HomePageTemplate hr { border: 0px; padding: 2px 0 0 0;  }

.homepage-footer-cta
{
  float: left;
  margin: 60px 0 60px 0;
}

.homepage-footer-cta hr
{
  margin: 50px 0 50px 0;
  border-top: 2px solid #EEE;
}

.centered
{
  text-align: center;
}

/* Image Thumbnails */
.thumbnail-list a:last-child
{
    margin: 0 0 0 10px;
}

.thumbnail-list a
{
    margin: 0 10px 0 10px;
}

.thumbnail-list a:first-child
{
    margin: 0 10px 0 0;
}

/* Judge List */
.judges-list .judge { display: inline-block; margin: 0 10px 50px 0; width: 145px; height: 185px; }
.judges-list .judge .name { font-size: 14px; margin: 5px 0 0  0; text-transform: uppercase; font-weight: bold; color: #36adda; }
.judges-list .judge .company { font-size: 14px; margin: 5px 0 0 0 ; font-weight: bold; height: 38px; }
.judges-list .judge .contact { font-size: 14px; margin: 5px 0 0 0 ;  }

/* One Pager */
.one-pager {
  margin: 40px 0 0 0;
}

.one-pager, .one-pager p
{
  font-size: 22px;
  line-height: 38px;
  color: rgb(0, 25, 64);
  width: 600px;
  font-family: Century Gothic, sans-serif;
  text-align:justify;
}

.one-pager .callout
{
  text-align: center;
  margin: 50px 0 50px 0;
}

.one-pager strong
{
  font-size: 28px;
  font-weight: normal;
  color: rgb(39, 117, 236);
}

.one-pager strong.major
{
  font-size: 52px;
  line-height: 52px;
}

ul.tiles
{
  width: 574px;
  margin: 0px auto 50px auto;
  padding: 0;
}

ul.tiles li
{
  display: inline-block;
  width: 170px;
  height: 180px;
  background: rgb(39, 117, 236);
  color: #fff;
  text-align: center;
  line-height: 32px;
  font-size: 22px;
  margin: 0 10px 0 0;
  padding: 0 5px 0 5px;
}

ul.tiles li:last-child
{
  margin: 0;
}

ul.tiles li > div
{
  display:table-cell;
  vertical-align:middle;
  width: 180px;
  height: 180px;
}

/* Video List */
.video-list .video
{
  width: 300px;
}

.video-list .video-item h2
{
  margin: 50px 0 20px 0;
}

.video-list .description
{
  width: 300px;
}

.space-right
{
  margin-right: 10px;
}

.space-left
{
  margin-left: 10px;
}

/* FAQ Sheet */
.faq-sheet p
{
  text-align: justify;
}

.faq-sheet blockquote
{
  margin-top: 60px;
}

.one-pager-menu
{
  left: 40px;
  font-size: 12px;
  background: #FFF;
}

.one-pager-menu li.current a {
   color: rgb(31,167,212);
}

.one-pager-menu li.current a:before {
    content: ">";
    margin-right: 10px;
}


/* Registration Links */
.registration { width: 390px; height: 80px; border-right: 10px solid #EEE; margin:0 0 20px 20px; }
.registration:hover {
     background-color: #EEE;
     -webkit-transition: background-color 200ms linear;
     -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
     transition: background-color 200ms linear;
}
.registration img:last-child {
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
}

.registration:hover img:last-child {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}

.registration * { display: inline-block; padding: 10px;}
.registration div { width: 230px; }


/* Bootstrap Overrides */
.nav-pills > li > a {
  webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-right: 10px;
}

blockquote {
  border-color: #ff8b00;
}

blockquote p {
  margin: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}