/* @override http://www.electionpredict.com/css/layout.css */
  /* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: Kevin
URI: http://
Version: 1.0.1
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "type.css";

/* =clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}

ul{margin-left: 15px}
li ul{margin-left: 30px}

body{width:1000px;margin:10px auto 0}
body#home{}
body#entry{}
body#page{}
body#category{}

  div#header{height:135px;width:1000px;position:relative;}
    div#header h1{}
      div#header h1 a{position:absolute;top:5px;left:5px;diplay:block;height:125px;width:620px;}
    div#header p.powered-by{}
      div#header p.powered-by a#bf-power{position:absolute;left:835px;top:45px;width:150px;height:30px;}
      div#header p.powered-by a#cr-power{position:absolute;left:835px;top:80px;width:150px;height:45px;}
  
  div#nav{height:35px;margin-top: 5px;position:relative;z-index:2}
    div#nav a{display: block;margin-left: 20px;margin-right: 20px}
    div#nav ul{padding: 0;margin: 0;list-style: none;}
      div#nav ul li{float:left;padding:0;height:35px;position: relative;}
        div#nav ul li ul{position: absolute;left: -999em;padding-top:5px}
        div#nav ul li ul a{margin-left: 0px;margin-right: 0px}
        div#nav ul li:hover ul, div#nav ul li.sfhover ul{left: 0;}
          div#nav ul li ul li{float:none;padding:5px;width:140px;height:auto}
          div#nav ul li ul li:hover{}
          
  div#content{margin-top: 10px}
    div#content .section-heading{margin-top: 20px}
    div#content #info-bar{margin-bottom: 10px}
  
    div#main-content{float:left;display:inline;width:485px}
      div#main-content p.page-title{display:block;padding:5px}
      
      body#entry div#main-content p.category-name, body#category div#main-content p.category-name{padding-left: 30px}
      
      body#page div#main-content{width:720px;padding-right: 20px}
        body#page div#main-content p{margin-bottom: 10px}
        body#page div#main-content h2{margin-bottom: 30px}
        body#page div#main-content h3{margin: 30px 0 15px}
        body#page div#main-content h4{margin:20px 0 5px}
        
          body#page div.section{margin-bottom: 30px;padding-bottom: 30px}
          
      body#livebetting div#main-content{width:1000px;}    

      /* article */
      div#main-content .lead{}
      div#main-content .article{}
        div#main-content .article p{margin-bottom:10px}
        div#main-content .article blockquote{padding:10px 10px 2px;margin-bottom: 10px}
        div#main-content .article h2.title{margin-bottom: 10px}
        div#main-content .article div.article-meta{position:relative;padding:2px;margin-bottom: 10px;z-index: 1}
          div#main-content .article div.article-meta p.category-title{margin:0}
            body#entry div.article-meta p.category-title, body#category div.article-meta p.category-title{display: none}
          div#main-content .article div.article-meta p.article-info{margin:0}
          div#main-content .article div.article-meta p.article-comment{position:absolute;right:3px;top:1px;}
          div#main-content .article div.article-meta p.article-comment a{display:block;text-indent: -999em;margin:0;width:80px;height:17px;margin:0}
        div#main-content .article img{width:485px;margin-bottom: 10px} /* may need class */
        div#main-content .article p.article-excerpt{margin:0 0 10px 0}
        div#main-content .article p.article-body{margin:0 0 10px 0}
        div#main-content .article p.read-more{margin:0 0 10px 0}
        div#main-content p.read-more.archive{margin:10px 0 10px 0}
        
      /* secondary level, used in cat listings */
      div#main-content .secondary{padding-bottom: 5px;}
        div#main-content .secondary h3.title{margin: 10px 0 5px}
        div#main-content .secondary p.article-excerpt{}
        div#main-content .secondary p.read-more{margin-bottom: 20px}
        
      /* ... and third level for cat listing */
      div#main-content .tertiary{}
        div#main-content .tertiary h4.title{}
          div#main-content .tertiary h4.title a{display:block;padding: 10px 0}
          div#main-content .tertiary h4.title a:hover{}
          
      /* constiuency list */
      ul#alpha-list{margin:10px 10px}
        ul#alpha-list li{display:inline;margin-right: 5px;}
        .alpha-tag{}
        .to-top{float:right;}
      
      
      /* comments */  
      div#main-content div#comments{margin-bottom: 20px}

        /* display comments */
        div#main-content div#comments div.comments-content{}
          div#main-content div#comments div.comment{margin-bottom: 10px}
            div#main-content div#comments p.comment-meta{padding:10px 10px 0}
            div#main-content div#comments p{padding:10px}
        div#main-content div#comments-info{position: relative}
          div#main-content div#comments h3.comments-header{padding:5px;display:block;margin-bottom: 10px}
          div#comments div#comments-info p.article-comment{position: absolute;top:4px;right:4px;width:80px;height:17px;padding:0}
          div#comments-info p.article-comment a{display:block;margin:0;text-indent: -9999em}
      
      /* comment form */  
      div#main-content .comments-open{margin-top: 20px}
        div#main-content .comments-open h3{padding:5px;display:block}
        div#main-content .comments-open form#comments-form{padding:10px}
          div#main-content div#comments-open-data{}
            div#main-content div#comment-form-name{}
              div#main-content div#comment-form-name label{display:block}
              div#main-content div#comment-form-name input{margin-bottom: 10px}
            div#main-content div#comment-form-email{}
              div#main-content div#comment-form-email label{display:block}
              div#main-content div#comment-form-email input{margin-bottom: 10px}
            div#main-content div#comments-open-text{}
              div#main-content div#comments-open-text label{display:block}
              div#main-content div#comments-open-text textarea{margin-bottom: 10px}
            div#main-content input#comment-submit{}
      
      /* feed list */  
      div#other-news{margin:0 0 20px}
        div#other-news p{display:block;padding:5px} /*section title*/
        div.feed-item{}
        div#other-news h3.article{}
          div#other-news h3.article a{padding:5px 5px 5px 35px;display:block;}
          div#other-news h3.article a:hover{}
          div#other-news p.feed-link-info{padding-left: 35px;padding-top: 0}
        div#other-news p#other-news-rss{padding-left: 40px}
        
      /* video entry */
      div#latest-video{margin: 0 0 10px;display:block;}
        div#latest-video h3{padding:4px;margin-bottom: 0px}/* jo believes this should be 10px... Kevin disagrees */
        div#latest-video p.latest-video-info{display:block;padding:4px}
    
    /* right column */    
    div#sub-content{float:right;display:inline;width:500px;}
      div#sub-content-lead{width:500px;margin-bottom: 10px}
      
      /* right column, left side */
      div#sub-content-a{float:left;display:inline;width:240px}
      
        div#sub-content-a div#social-links{height:100px;width:240px;margin:9px 0 10px}
          div#sub-content-a div#social-links h3{padding:10px 0 0 10px}
          div#sub-content-a div#social-links ul{padding:10px;margin-left: 0}
            div#sub-content-a div#social-links ul li{float:left;display:inline;}
              div#sub-content-a div#social-links ul li#social-fb{}
              div#sub-content-a div#social-links ul li3social-twit{}
              div#sub-content-a div#social-links img{margin-right: 5px}
              
        div#sub-content-a div#blog-article-list{margin-bottom: 10px}
          div#sub-content-a div#blog-article-list h3{padding:5px}
          div#sub-content-a div#blog-article-list h4 a{display:block;padding:10px 4px;}
          
        div#sub-content-a div#key-dates{}
          div#sub-content-a div#key-dates h3{padding:5px}
          div#sub-content-a div#key-dates h4{display:block;padding:10px 4px}
          
      /* right column, right side */    
      div#sub-content-b{float:right;display:inline;width:240px}
        div#sub-content-b div#twitter-widget{width:235px;height:460px;}
        div#sub-content-b div#further-promos{margin-bottom: 20px}
        div#sub-content-b div#further-promos img{margin:6px 0}
        
    /* block at bottom of page */    
    div#additional-content{float:left;margin-top:10px;display:block;}
    
  div#footer{margin-top: 10px;height:60px}
    div#footer p{padding:10px 4px}
    
    
      /**
       * @section widget stuff
       */

      .widget{margin-bottom:30px}
      	.widget p {margin-bottom:10px;}
        .widget h4{margin:5px 0;width:300px;}
        .widget .embedcodeouter{margin: 10px 10px 10px 0; padding: 10px;overflow:auto;}
        .widget .cp2clip{padding: 5px;display: inline; }
        .widget .cp2clip:hover{}
        .widget ul{margin:0 0 5px 0;}
        .widget ul li{margin:0 0 2px 0;}
        
        
        
        /*share links */
        
        #share-links strong{
  background-color: black;
  color: white;
  display: inline;
  float: left;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 65px;
  border-bottom-left-radius:10px;
  border-top-left-radius:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topleft:10px;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-radius-bottomleft:10px;
}

#share-links #share-entry{
  background-color: rgb(69,85,96);
  display: inline;
  float: left;
  list-style: none;
  height: 34px;
  margin:0;
  width:420px;
  border-bottom-right-radius:10px;
  border-top-right-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-right-radius:10px;
}

#main-content #share-links #share-entry li{
  background: transparent none no-repeat -2px -2px;
  display: inline;
  float: left;
  height: 24px;
  list-style: none;
  margin: 5px;
  overflow: hidden;
  width: 24px;
}

#share-entry li a{
  display: block;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  width: 24px;
}

#main-content #share-links #share-entry li.twitter{background-image:url(http://www.betfairfootball.com/images/share-twitter.gif)}
#main-content #share-links #share-entry li.facebook{background-image:url(http://www.betfairfootball.com/images/share-facebook.gif)}
#main-content #share-links #share-entry li.digg{background-image:url(http://www.betfairfootball.com/images/share-digg.gif)}
#main-content #share-links #share-entry li.stumbleupon{background-image:url(http://www.betfairfootball.com/images/share-stumble.gif)}
#main-content #share-links #share-entry li.reddit{background-image:url(http://www.betfairfootball.com/images/share-reddit.gif)}
#main-content #share-links #share-entry li.sharethis{background-image:url(http://www.betfairfootball.com/images/share-sharethis.gif)}
#main-content #share-links #share-entry li.sharethis{background-image:url(http://www.betfairfootball.com/images/share-this.gif);width:84px}
#main-content #share-links #share-entry li.sharethis span a.stbutton{background-image: none !important;padding: 0px !important;width:84px}
#main-content #share-links #share-entry li.rss{background-image:url(http://betting.betfair.ie/images/share-rss.gif);background-position:0 0}