/*
Theme Name: Fish@Bat 2014
Theme URI: http://www.fishatbat.com/
Description: Fish@Bat 2014 Website
Version: 2014.1
Author: Ohad Ben-Yoseph
Author URI: http://ohad.me/ 
*/

    html, body  {   margin: 0px;
                    padding: 0px;
                    height: 100%;
                    width: 100%;
                    background-color: white;    }

    body        {   font-family: 'Noto Sans', 'Roboto', 'Helvetica Neue', 'Myriad Pro', calibri, arial, sans-serif;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    color: #404040;
                    text-rendering: optimizeLegibility;
                    -webkit-font-smoothing: antialiased;   }

    body, #main_header  {   background-color: #eee; /* f6f5f4;*/  /* #555 */ /* #dbd9d4 */  }


/* SCREEN SIZE*/

    .media_box_width    {   width: 1060px;
                            margin: 0px auto;   }

                            .media_box_width_marginless    {    width: 1020px;
                                                                margin: 0px auto;   }

                            @media only screen and (max-width: 679px) {
                                .media_box_width {
                                    width: 340px !important;
                                    }
                                .media_box_width_marginless {
                                    width: 300px !important;
                                    }
                            }

                            @media only screen and (max-width: 1099px) {
                                .media_box_width {
                                    width: 680px !important;
                                    }
                                .media_box_width_marginless {
                                    width: 640px !important;
                                    }
                            }
                            @media only screen and (min-width: 1100px) and (max-width: 1439px) {
                                .media_box_width {
                                    width: 1020px !important;
                                    }
                                .media_box_width_marginless {
                                    width: 980px !important;
                                    }
                            }
                            @media only screen and (min-width: 1440px) {
                                .media_box_width {
                                    width: 1360px !important;
                                    }
                                .media_box_width_marginless {
                                    width: 1320px !important;
                                    }
                            }


/* GENERAL */

    *, *:before, *:after    {   -moz-box-sizing: border-box; 
                                -webkit-box-sizing: border-box; 
                                box-sizing: border-box; }

	p  {    padding: 0px 0px 10px 0px;
            margin: 0px;
            line-height: 1.6;   }

	b  {    font-weight: 700;  }

	h2, .category-big-text p           {    margin: 0px 0px 0px 0px;
                                            font-family: 'Raleway', 'Helvetica Neue', 'Myriad Pro', calibri, arial, sans-serif;
                                            font-size: 22px;
                                            font-style: normal;
                                            font-weight: 400;
                                            text-transform: uppercase;
                                            line-height: 1.4;   }

                                            h2 a        {   color: white;   }	

                                            h2 a:hover  {   border-bottom: 2px solid;   }

    .category-big-text .box_text p a  {   font-weight: 600;   }

    .category-colorbox .box_text p a  {   font-weight: 500;   }

	a  {    color: #fd4239;
            text-decoration: none;
 /*           -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;*/    }

            a:hover                     {   color: #0077c8; }
	
			a:hover > img               {   border: 0px;    }

            a img                       {   border: 0px;    }
    
            .box_text a               {   font-weight: 400;   }

            .box_text a:hover         {   border-bottom: 1px solid;   }

            a.follow_twitter:hover      {   color: #55acee !important;  }

            a.follow_facebook:hover     {   color: #3b5999 !important;  }

            a.follow_googleplus:hover   {   color: #dd4b39 !important;  }

            a.follow_pinterest:hover    {   color: #cb2027 !important;  }

            a.follow_feed:hover         {   color: #fd4239 !important;  }

    input, button   {   outline: 0;
                        outline: none;  }

    .box_text_content p a   {   font-weight: 400;   }
	
    .hide   {   display: none;  }
		    
    td, th  {   padding: 5px;   }
	
    iframe  {   border: 0px;    }

                .media_video_mlb iframe  {   background-color: black;    }

    blockquote  {   text-indent: 0px;
                    margin: 10px 0px 20px 0px;
        
                    padding: 10px 30px 0px 30px;
                    position: relative;
                    font-weight: 300;
                    background: #fafafa;    }
	
                    blockquote:before   {   content: '\f106';
                                            display: inline;
                                            -webkit-font-smoothing: antialiased;
                                            font: normal 24px 'Genericons';
                                            vertical-align: bottom;
                                            position: absolute;
                                            left: 0px;
                                            top: 0px;   }
	
                    blockquote:after    {   content: '\f106';
                                            display: inline;
                                            -webkit-font-smoothing: antialiased;
                                            font: normal 24px 'Genericons';
                                            vertical-align: bottom;
                                            position: absolute;
                                            right: 0px;
                                            bottom: 0px;    } 


/* HEADER */

    #main_header_wrap   {   width: 100%;
                            top: 0px;
                            left: 0px; 
                            }

    #main_header        {   width: 100%;
                            height: 100%;
                            position: fixed;
                            top: 0px;
                            left: 0px;
                            z-index: 10;
                            transition: height 500ms, 
                            background 500ms;    }

                            #main_header.header_border_bottom   {	border-bottom: 1px solid #ddd !important; }

                            #main_header.header_big             {   height: 170px;		
                                                                    border-bottom: 1px solid white;
                                                                    background-color: white;    }

                            #main_header.header_small           {   height: 80px;	
                                                                    background-color: rgba(255, 255, 255, 0.95);
                                                                    /* background-color: rgba(51, 51, 51, 0.85); */
                                                                    /* background-color: rgba(253, 66, 57, 0.95); */    }

/* FEATURE */

    #main_feature   {   z-index: 6; 
                        position: relative;
                        margin-top: 0px;    }

                        #home_page #main_feature        {   min-height: 930px;
                                                            background-color: #fafafa;
                                                            background-size: cover;
                                                            background-position: center;    }

                        #main_feature_container_wrapper {   display: block;
                                                            position: relative;
                                                            padding: 190px 0px 20px 0px;
                                                            height: 100% !important;   }

                        #home_page #main_feature_container_wrapper      {    min-height: 930px;   }

                        #single_page #main_feature_container_wrapper    {    }

                        .main_feature_container_box     {   position: relative; 
                                                            padding: 0px 0px;  }

                        a.main_feature_more             {   background-color: #fd4239; 
                                                            color: white;
                                                            font-size: 16px;
                                                            padding: 10px;  
                                                            position: absolute;
                                                            bottom: 0px;
                                                            right: 20px;    }

                                                            a.main_feature_more:hover   {   background-color: white; 
                                                                                            color: #fd4239;   }

                        .scrimmy                        {   background-image: url(grid.png); 
                                                            width:  100%;
                                                            height:  100%;
                                                            z-index: 0;
                                                            position: absolute; }

                        #main_feature .box              {      }

                        #main_feature .box.no_media     {   height: 300px;  }

                        .box.stamp                      {   position: absolute;
                                                            right: 0px; 
                                                            top: 0px;   }

                        .stamp li.box_content           {   padding-bottom: 0px !important; }

                        .stamp ul.item-content          {     }

                        .stamp_standings                {   padding: 30px;  }

                        div#mlb_standings_body td       {   color: white !important;   }

                        .main_feature_box .box          {   height: 640px;
                                                            float: left;    }

                                                            .main_feature_box li.box_bottom_date a                      {   font-size: 13px;    }

                                                            .main_feature_box ul.box_bottom_elements li .genericon      {   font-size: 20px !important;
                                                                                                                            height: 24px;
                                                                                                                            line-height: 24px;  }

                                                            .main_feature_box ul.box_bottom_elements ul.share_box       {   width: 24px !important; }  

                                                            .main_feature_box ul.box_bottom_elements ul.share_box:hover {   width: 94px !important; }  

/* CONTENT */

    #main_container     {   /* background-color: #eee; */
                            z-index: 1;
                            margin-top: -80px;
                            padding-top: 100px;  }

/* NEXT */

    nav .next_wrapper   {   margin: 0px;
                            height: auto !important;
                            background-color: transparent;
                            padding: 0px 20px;  }

    nav .next_wrapper a {   padding: 20px 0px;
                            display: block;  }

    nav .next           {   line-height: 40px;
                            height: 40px !important;  
                            margin: 0px;
                            text-align: center;
                            display: block;
                            background-color: #aaa;
                            color: white;
                            font-weight: 500;
                            height: 40px;  }

                            nav .next:hover       {   background-color: white;
                                                        color: #aaa;    }

                            nav .next .genericon  {   line-height: 40px;
                                                        font-size: 22px !important; }

/* FOOTER */

	#main_footer    {   display: block;  
                        background: #333; /* Old browsers */
                        background: -moz-linear-gradient(left,  #fd4239 0%, #fd4239 33%, #333333 33%, #333333 100%, #333333 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd4239), color-stop(33%,#fd4239), color-stop(33%,#333333), color-stop(100%,#333333), color-stop(100%,#333333)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(left,  #fd4239 0%,#fd4239 33%,#333333 33%,#333333 100%,#333333 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(left,  #fd4239 0%,#fd4239 33%,#333333 33%,#333333 100%,#333333 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(left,  #fd4239 0%,#fd4239 33%,#333333 33%,#333333 100%,#333333 100%); /* IE10+ */
                        background: linear-gradient(to right,  #fd4239 0%,#fd4239 33%,#333333 33%,#333333 100%,#333333 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4239', endColorstr='#333333',GradientType=1 ); /* IE6-9 */  
                        z-index: 11; 
                        width: 100%;                                    }

    #main_footer_box    {   margin: 0px auto;
                            padding: 40px 0px;
                            height: 100%;
                            display: block;
                            background: #fd4239; /* Old browsers */
                            background: -moz-linear-gradient(left,  #fd4239 0px, #fd4239 340px, #333333 340px, #333333 100%, #333333 100%); /* FF3.6+ */
                            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd4239), color-stop(340px,#fd4239), color-stop(33%,#333333), color-stop(100%,#333333), color-stop(100%,#333333)); /* Chrome,Safari4+ */
                            background: -webkit-linear-gradient(left,  #fd4239 0%,#fd4239 340px,#333333 340px,#333333 100%,#333333 100%); /* Chrome10+,Safari5.1+ */
                            background: -o-linear-gradient(left,  #fd4239 0%,#fd4239 340px,#333333 340px,#333333 100%,#333333 100%); /* Opera 11.10+ */
                            background: -ms-linear-gradient(left,  #fd4239 0%,#fd4239 340px,#333333 340px,#333333 100%,#333333 100%); /* IE10+ */
                            background: linear-gradient(to right,  #fd4239 0%,#fd4239 340px,#333333 340px,#333333 100%,#333333 100%); /* W3C */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4239', endColorstr='#333333',GradientType=1 ); /* IE6-9 */                    }

    .footer_block       {   width: 300px;
                            margin: 0px 20px;
                            padding: 0px 20px;
                            display: block;
                            float: left;
                            color: white;                   }

            .footer_block ul    {   margin: 0px;
                                    padding: 0px;
                                    list-style-type: none;
                                    font-size: 13px;
                                    line-height: 1.5;
                                    text-transform: uppercase;
                                    height: 100px;
                                    display: block;
                                    color: #ddd;    }

                    .footer_block.footer_follow li  {   float: left;
                                                        width: 169px;   }

                    .footer_block.footer_follow ul li:first-child   {   font-weight: 500;
                                                                        display: block;
                                                                        height: 100%;
                                                                        padding-right: 20px;
                                                                        width: 90px;
                                                                        color: white;   }

                    .footer_block.footer_follow ul li a {   font-weight: 100;
                                                            color: #ddd;    }

                    .footer_block.footer_follow ul li a:hover   {   font-weight: 100;   }

                    .footer_block.footer_legal ul   {   margin: 0px;
                                                        padding: 0px;
                                                        list-style-type: none;
                                                        font-size: 11px;
                                                        line-height: 1.5;
                                                        text-transform: uppercase;
                                                        height: 100px;
                                                        display: block;
                                                        color: #ddd;    }

                        .footer_block.footer_legal ul li    {
                            padding-top: 30px;
                            font-weight: 100;
                            color: #ddd;
                            }

                        .footer_block.footer_legal ul li:first-child    {
                            padding-top: 0px;
                            }

            a.footer_logo   {   position: relative;
                                left: -4px;
                                top: -12px;
                                color: white;
                                font-family: 'Raleway', 'Helvetica Neue', 'Myriad Pro', calibri, arial, sans-serif;
                                font-weight: 800;
                                font-size: 51px;    }

                                a.footer_logo span.footer_logo_at   {   position: relative;
                                                                        top: -5px;
                                                                        color: white;
                                                                        width: auto;
                                                                        margin: 0px 4px;
                                                                        font-size: 53px;
                                                                        font-weight: 800;
                                                                        padding-top: 20px;
                                                                        }

            .footer_left_text   {   font-family: 'Raleway', 'Helvetica Neue', 'Myriad Pro', calibri, arial, sans-serif;
                                    font-size: 14px;
                                    font-weight: 400;
                                    text-align: center;
                                    border-top: 2px solid white;
                                    padding-top: 20px;  }

    /* PUSH FOOTER TO BOTTOM */

        #wrapper                {   min-height: 100%;
                                    position: relative;
                                    background-color: #eee; }

        #main_container, 
        #main_container_single  {   padding-bottom: 214px;  }

        #main_footer            {   position: absolute;
                                    bottom: 0px;
                                    height: 194px;  }



    /* CLEARFIX */

        .clearfix:after {   visibility: hidden;
                            display: block;
                            font-size: 0;
                            content: " ";
                            clear: both;
                            height: 0; }
        .clearfix       {   display: inline-block;  }

        /* start commented backslash hack \*/

                            * html .clearfix    {   height: 1%; }
                            .clearfix           {   display: block; }

        /* close commented backslash hack */

    /* STANDINGS */

        #mlb_standings_body         {   margin-top: 30px;   }

        #mlb_standings_body h2      {   text-align: center; }

        #mlb_standings_body td, #mlb_standings_body th {
            color: white !important;
            background: transparent !important;
            text-transform: uppercase;
            }

            #mlb_standings_body th {
                border-bottom: 1px solid white !important;
                padding: 0px 0px 8px 0px !important;
                font-weight: 300 !important;
                }

            #mlb_standings_body td {
                padding: 8px 0px 0px 0px !important;
                }

        #mlb_standings_body p.mlbdate {
                display: none;			
                }

        #mlb_standings_body tr.mlbteam {
                font-weight: 400 !important;			
                }