/*
Theme Name: WPM DESIGN
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


embed,object{ width: 450px!important; height: 300px!important;  }

/* General Settings -----------------------------------------*/

 body{ background:#a7a7a7 url(images/bg.jpg) repeat-x center top ; margin:0px; padding:0px; }
.clear{ clear:both; }
div,span,td,a,table{ font-family:arial; }
.grey{ color:#727272; }

a:hover{ text-decoration:none; }
/* header ---------------------------------------------------*/
p{ clear:both; padding:5px;   }
p span{ display:table; }

#logo{ float:left; height:123px; padding-top: 15px; padding-bottom: 15px; }

#follow_us{
        margin-top:30px;
        float:right;
        background:url(images/follow_us.png) repeat-x bottom ;
        width:258px;
        height:76px;  
color: #0075ba;
font-size: 12px;
font-weight: bold;      
    }
#follow_us a{ float:right; margin:15px 2px 0 4px; display:inline-block; width:50px; height:50px; }
 
#layout{
        padding:0px;
        margin:auto!important;
        width:952px;
        height:auto;
        border:0px solid;
    }

    

/* Banner ------------------------------------------*/
#banner-container{     
        height:500px;
    }
#banner{
        margin-left:-87px;
        position:absolute;
        width:1074px;
        height:500px;
        background:url(images/banner.jpg);
}



/* Navigation ------------------------------------*/
#nav{     
        width:950px;
        height:40px;
        margin-top:10px;        
    }
    
#nav .left{
        float:left;
        width:5px;
        height:40px;
        background:url(images/nav-bg.jpg);
    }

#nav .center{
        padding-left:10px;
        padding-top:10px;
        float:left;
        height:30px;
        width:929px;
        background:url(images/nav-bg.jpg) -20px;
    }
#nav .right{
        float:left;
        height:40px;
        width:5px;
        background:url(images/nav-bg.jpg) bottom;
}

#nav a{
        margin: 0px 4px;
        text-decoration:none;        
        color:#fff;        
        height:23px;
        /*background:url(images/button-bg.jpg) no-repeat;*/
        display:block;        
        float:left;
}
#nav a b {
        font-family: Arial;
        font-size:13px;
        padding:3px 0px 4px 5px;
        display:block;
        float:left;
        font-weight:bold;
}

#nav a span{
        display:block;
        height:25px;
        width:6px;
        float:right;
}



#nav a:hover span,
#nav a.selected2 span,
#nav a.selected span{       
        background:url(images/button-bg.jpg) top right no-repeat;
}

#nav a.selected2,#nav a.selected,#nav a:hover{
        background:url(images/button-bg.jpg) no-repeat;        
}

#nav .search-box{
        position:absolute;
        margin:-5px 0 0 670px;
        padding:4px 0 0 5px;
        float:right;
        background:url(images/search-bg.jpg) no-repeat;
        width:254px;
        height:29px;
}
#nav .search-box input{
        width:220px;
        border:0px;
}

#sub-overlay{ z-index:100; margin-top:50px;   position:absolute; width:100%; height:100% }
#heritage_lnk{ position:relative;  z-index:102; }
#videos_lnk{  position:relative;  z-index:103; }
#footscray_players_lnk{  position:relative;  z-index:104; }

#heritage_sub_pages{
        margin:33px 0 0 237px;
        position:absolute;
        background:#d51431;
        padding:0px!important;
        z-index:101;
}
#heritage_sub_pages ul{ padding:0px!important; margin:0px;}
#heritage_sub_pages li{    list-style:none; margin:0px;     }
#heritage_sub_pages li a{
        margin: 0px 2px;
        background:url(images/sub-button-bg.jpg) -10px repeat-x;
        font-size:12px;
        display:block;
        padding:3px 5px 0 5px;
        float:none!important;
}
#heritage_sub_pages li a:hover{
        background:none;
        color:#ffc4c4;
}




#footscray_players_sub_pages{
        margin:33px 0 0 309px;
        position:absolute;
        background:#d51431;
        padding:0px!important;
        z-index:101;
}
#footscray_players_sub_pages ul{ padding:0px!important; margin:0px;}
#footscray_players_sub_pages li{    list-style:none; margin:0px;     }
#footscray_players_sub_pages li a{
        margin: 0px 2px;
        background:url(images/sub-button-bg.jpg) -10px repeat-x;
        font-size:12px;
        display:block;
        padding:3px 5px 0 5px;
        float:none!important;
}
#footscray_players_sub_pages li a:hover{
        background:none;
        color:#ffc4c4;
}


#videos_sub_pages{
        margin:33px 0 0 440px;
        position:absolute;
        background:#d51431;
        padding:0px!important;
        z-index:101;
}
#videos_sub_pages ul{ padding:0px!important; margin:0px;}
#videos_sub_pages li{    list-style:none; margin:0px;     }
#videos_sub_pages li a{
        margin: 0px 2px;
        background:url(images/sub-button-bg.jpg) -10px repeat-x;
        font-size:12px;
        display:block;
        padding:3px 5px 0 5px;
        float:none!important;
}
#videos_sub_pages li a:hover{
        background:none;
        color:#ffc4c4;
}



#cyear_lnk{ position:relative;  z-index:104; }


#cyear_sub_pages{
        margin:33px 0 0 555px;
        position:absolute;
        background:#d51431;
        padding:0px!important;
        z-index:101;
}
#cyear_sub_pages ul{ padding:0px!important; margin:0px;}
#cyear_sub_pages li{    list-style:none; margin:0px;     }
#cyear_sub_pages li a{
        margin: 0px 2px;
        background:url(images/sub-button-bg.jpg) -10px repeat-x;
        font-size:12px;
        display:block;
        padding:3px 5px 0 5px;
        float:none!important;
}
#cyear_sub_pages li a:hover{
        background:none;
        color:#ffc4c4;
}

#links_lnk{ position:relative;  z-index:105; }


#links_sub_pages{
        margin:33px 0 0 663px;
        position:absolute;
        background:#d51431;
        padding:0px!important;
        z-index:101;
}
#links_sub_pages ul{ padding:0px!important; margin:0px;}
#links_sub_pages li{    list-style:none; margin:0px;     }
#links_sub_pages li a{
        margin: 0px 2px;
        background:url(images/sub-button-bg.jpg) -10px repeat-x;
        font-size:12px;
        display:block;
        padding:3px 5px 0 5px;
        float:none!important;
}
#links_sub_pages li a:hover{
        background:none;
        color:#ffc4c4;
}


#stats_lnk{ position:relative;  z-index:105; }


#stats_sub_pages{
        margin:33px 0 0 716px;
        position:absolute;
        background:#d51431;
        padding:0px!important;
        z-index:101;
}
#stats_sub_pages ul{ padding:0px!important; margin:0px;}
#stats_sub_pages li{    list-style:none; margin:0px;     }
#stats_sub_pages li a{
        margin: 0px 2px;
        background:url(images/sub-button-bg.jpg) -10px repeat-x;
        font-size:12px;
        display:block;
        padding:3px 5px 0 5px;
        float:none!important;
}
#stats_sub_pages li a:hover{
        background:none;
        color:#ffc4c4;
}


#footer{
    margin:5px 0 0;
    border-top:2px solid #ccc;
    padding:20px 20px 20px 0;
}


#footer .left{   width:200px;   float:left; padding-bottom: 15px; }
#footer .right{   font-size:11px;  color:#333;   float:right; padding:5px 0; text-align:right; }
#footer .right a{ font-size:11px; color:#333; text-decoration:none; display:inline-block; margin-right:10px; }

/* Home ----------------------------------------------------------*/
#home{ 
       width:952px;
       padding:0px;       
}

#welcome-box{       
       width:950px;
       height:141px;
       background:url(images/welcome-bg.jpg);
}

#welcome-box .welcome h1{ margin:0px; font-size:18px;}
#welcome-box .welcome{
       padding:10px;
       float:left;
       color:#fff;
       border:0px solid;
       width:296px;
}

#featured-box .result{
       padding: 0px 0px 0px 0px;
       float:left;
       border:0px solid;
       width:300px;
       height:140px;
       background:url(images/latest-game-results.jpg) no-repeat 0 0px;
       margin-left: 16px;
}

#featured-box .result .date{ font-size: 10px;  float: right; margin: 5px 10px 0 0; color:#fff; }
#featured-box .result .box{ margin:7px 0 0 0px; height:60px; width:130px; float:left;  }
#featured-box .result .game-res{ font-size: 10px;  float: left; margin: 20px 5px 0 5px; color:#fff; width: 15px; font-weight: bold; }

#featured-box .result .box .logo{ float:right; width:60px; height: 60px; display:inline-block; padding-left: 10px;  }
#featured-box .result .box .team{ display:inline-block; width: 60px; text-align: right;  font-size: 11px; font-weight: bold; color: #fff!important; display:block-inline;  }
#featured-box .result .box .score{ padding:8px 0; font-size: 12px; width: 70px; text-align: right; font-weight: bold; color: #fff!important; display:block;   }

#featured-box .result .box2{ margin:7px 0 0 5px; height:60px; width:120px; float:left;  }
#featured-box .result .box2 .logo{ float:left; width:60px; height: 60px; display:inline-block; margin: 0 5px 0 0;  }
#featured-box .result .box2 .team{ font-size: 11px; font-weight: bold; color: #fff!important; display:block-inline;  }
#featured-box .result .box2 .score{  padding:8px 0;  font-size:12px;  font-weight: bold; color: #fff!important; display:block;     }


#featured-box .upcoming{
       padding: 0px 0px 0px 0px;
       float: left;
       border:0px solid;
       width:296px;
       height:140px;
       background:url(images/upcoming-game.jpg) no-repeat 0 0px;
       
margin-top: -1px;
}

#featured-box .upcoming .date{ font-size: 10px;  float: right; margin:5px 10px 0 0; color:#fff; }
#featured-box .upcoming .box{ margin:5px 0 0 5px; height:60px; width:140px; float:left;  }

#featured-box .upcoming .box .logo{ float:right; width:60px; height: 60px; display:inline-block;  }
#featured-box .upcoming .box .team{ display:inline-block; width: 75px; text-align: right;  font-size: 11px; font-weight: bold; color: #fff!important; display:block-inline;   }
#featured-box .upcoming .box .score{ padding:8px 0; font-size: 18px; width: 75px; text-align: right; font-weight: bold; color: #fff!important; display:block;   }

#featured-box .upcoming .box2{ margin:5px 0 0 5px; height:60px; width:140px; float:left;  }
#featured-box .upcoming .box2 .logo{ float:left; width:60px; height: 60px; display:inline-block; margin: 0 5px 0 0;  }
#featured-box .upcoming .box2 .team{ font-size: 11px; font-weight: bold; color: #fff!important; display:block-inline;  }
#featured-box .upcoming .box2 .score{  padding:8px 0;  font-size:18px;  font-weight: bold; color: #fff!important; display:block;     }


#featured-box{       
       width:950px;
       height:140px;
       background:#1c87e0;
}

#featured-box .next{
       float:left;       
       width:10px;
       height:140px;
       background:url(images/next-prev.jpg);
}

#featured-box .prev{
       float:left;       
       width:10px;
       height:140px;
       background:url(images/next-prev.jpg) right;
}

#featured-box .inner {
      padding:20px 0 20px 0;
      float:left;      
      width:950px;
height: 100px;
      text-align:center;
}

#featured-box .inner img{ border:0px; margin:0px; }

#welcome-box img{ border:0px; margin: 20px 0px 0px 0px; }


#content { font-size:12px; color:#4e4e4e;  }

#content   ul.news{ padding-left:30px;   }
#content   ul.news li{ padding-bottom:10px;}

#content a{ color:#1c87e0; }
#content .body{
      background:url(images/blog-bg.jpg) repeat-x #fff;
      width:950px;
      height:auto;
      min-height:310px;
}

 
/*??? */
#content .body .mainbar{  border-right:dashed 1px #cccccc; padding:10px 10px 10px 20px; width:620px; float:left;  }
#content .body .sidebar{  padding:10px 10px; width:270px; float:right; }
#content .body .sidebar h2{ color:#333333; font-family:"Times New Roman"; margin:0px; padding:0px; }

#content .body .mainbar img{  }

.mainbar-noside{  padding:10px 10px 10px 20px; width:910px; float:left;  }
.mainbar-noside-art{  padding:10px 10px 10px 20px; width:900px; float:left;  }

#content .footer{
      margin-top:0px;
      background:url(images/news-content-bottom-bg.jpg) no-repeat;
      width:950px;
      height:5px;
}
#content .ladder_left,#content .ladder_right{ margin: -6px 0 0 30px; width:145px; float:left;  padding:0px;  }

#content .ladder_left li, #content .ladder_right li{
     padding:0 0 2px 0;
     margin:18px 0 15px 0;
     background:url(images/line.jpg) repeat-x 0px 13px ;
}
#content .ladder_right .num,
#content .ladder_left .num{  display:inline-block; width:16px; list-style: none!important;  }

#content .ladder_right li,
#content .ladder_left li{  list-style: none!important; font-size: 11px;  }


#content .tb-header td{ padding-top:10px; padding-left:20px; }
#content li span.score{ display:inline-block; width:10px; color:#d43249; font-weight:bold; }
#content li span.item{   display:inline-block; width:100px; text-transform:capitalize;    }
 


/* blogs -------------- */
.post{ margin:13px 25px 40px 0;}
.post-date{ background:url(images/icons.gif) no-repeat; width:47px; height:50px; display:block; float:left; }
.post-date .month{ display:block; color:#fff; padding-top:2px; margin:0 0 0 11px; width:47px; font-weight:bold; }
.post-date .day{ font-weight:bold; font-size:24px; width:46px; text-align:center;  display:block; }
.post-header{ padding:0 5px;   float:left;    }
.post-header .posted_by { margin:10px 0 10px 0; color:#000;   padding-left:20px; background:url(images/person_small_icon.gif) no-repeat ;  }
.post-header .posted_by a{ color:#e31836!important;  }
.post-header h1{ width:540px; color:#333!important; margin:0px; padding:0px; font-family:"Times New Roman"; }
.post-header h1:hover{ text-decoration:underline; }
.post-header .post-comment{ float:right; width:50px;  height:50px; background:url(images/icons.gif) right no-repeat; }
.post-header .post-comment span{ display:block;  font-size:14px; font-weight:bold; width:47px; text-align:center;  padding:10px 0 0 0; }




.post-header-single{ padding:0 5px;   float:left;    }
.post-header-single .posted_by { margin:10px 0 10px 0; color:#000;   padding-left:20px; background:url(images/person_small_icon.gif) no-repeat ;  }
.post-header-single .posted_by a{ color:#e31836!important;  }
.post-header-single h1{ width:800px; color:#333!important; margin:0px; padding:0px; font-family:"Times New Roman"; }
.post-header-single h1:hover{ text-decoration:underline; }
.post-header-single .post-comment{ float:right; width:50px;  height:50px; background:url(images/icons.gif) right no-repeat; }
.post-header-single .post-comment span{ display:block;  font-size:14px; font-weight:bold; width:47px; text-align:center;  padding:10px 0 0 0; }



.post-body{  clear:both; padding:10px 0 0 50px; }

.comments{ color:#666;  margin:10px 0; padding-bottom:10px; border-top:4px solid #cfcfcf; border-bottom:4px solid #cfcfcf; }
.comments h2{ margin:5px 0; padding:0px; font-family:"Times New Roman"; font-weight:normal; }
.comments .comment-avatar, .comments .avatar{ width:35px; height:35px; float:left;   margin:0 5px 0 0px; }
.comments .comment-body{  float:left; width:500px;   }
.comments .top{ color:#000; display:block; margin-bottom:5px; }
.comments .odd{ background:#f2faff!important;  margin-top:10px; padding:10px;  }
.comments .even{background:#fbfbfb!important;  margin-top:10px; padding:10px;  }

.comment_form input, .comment_form textarea{ font-weight:bold; color:#999999; padding:5px; margin:10px; border:1px solid #ccc; background:url(images/field_bg.jpg) repeat-x #fff;  }
.comment_form input{ width:350px; }
.comment_form textarea{ width:460px; height:200px; }
.comment_form .submit, .comment_form .preview{ cursor:pointer;  display:inline-block; width:100px; height:40px; border:none }
.comment_form .submit{  margin:0 0 0 10px;   background:url(images/submit_preview_btn.jpg) no-repeat; }
.comment_form .preview{ background:url(images/submit_preview_btn.jpg) no-repeat right;  }



   

.navigation{ border-top:solid 1px #ccc; text-align:right; padding:5px; }
.navigation .title{ padding-right:5px;}
.navigation li{ list-style:none; display:inline-block; }
.navigation a, .navigation .current{ font-family:"Times New Roman"; color:#fff!important; text-decoration:none; background:#b2b2b2;
    text-align:center; padding-top:1px; width:18px; height:18px; display:inline-block; text-align:center;  margin-right:2px; }
.navigation a:hover,
.navigation .current{ background:#0075ba; }
/*-------SIDEBAR----------------------------*/



.sidebar-box{ width:260px;  }
.sidebar-box a{ color:#3c94c8; }
.sidebar-box li{ list-style:none;  padding:0px; margin:5px 0; }
.sidebar-box ul{ padding:0px; }
.sidebar-box ul.col1,
.sidebar-box ul.col2{ width:100px;  float:left; overflow:hidden;  }


.sidebar-box-tag{ margin:10px 0 30px 0; }
.tag-head{  background:url(images/tag-head.jpg) no-repeat; height:3px;    }
.tag-body{  background:url(images/tag-body.jpg) repeat-y; padding:5px 10px; }
.tag-foot{  background:url(images/tag-foot.jpg) left bottom no-repeat; height:3px ;    }
.sidebar-box-tag  a{ color:#000!important; }


.this_month_posts li{  padding-bottom:7px; border-bottom:dotted 1px; color:#a7a7a7; font-size:10px; font-weight:500;  }
.this_month_posts li a{ font-size:14px;  }

#quick_contact_form td,
#quick_contact_form th{
    text-align: left!important; padding:5px!important;   }
#quick_contact_form th{ width:50px!important;  }

#homeladder { margin: 0 0 0 25px; background: #ffffff; width: 320px; }
        #homeladder td{ padding: 1px; font-size: 11px; background: #fff; }
        #homeladder .header { background: #0976b7; color:#fff; }
        #homeladder .header td{ background: #0976b7; color:#fff; font-weight: bold; text-align: center; }
        #homeladder .top4 td{ background-color: #f2dcdf; color: #e31836; font-size: 10px; }
        #homeladder .topb4 td{ background-color: #f5e9ea; color: #e75b70; font-size: 10px; }
        #homeladder .bottom8-1 td{ background-color: #d8e7f0; color: #0075ba; font-size: 10px; border-top: 2px solid #cccccc; }
#homeladder .bottom8 td{ background-color: #d8e7f0; color: #0075ba; font-size: 10px; }
#homeladder .wb-top4 td{ background-color: #f2dcdf; font-size: 10px; color: #e31836; font-style:italic; font-weight: bold; }
#homeladder .wb-topb4 td{ background-color: #f5e9ea; font-size: 10px; color: #e75b70; font-style:italic; font-weight: bold; }
#homeladder .wb-b8 td{ background-color: #d8e7f0; font-size: 10px; color: #0075ba; font-style:italic; font-weight: bold; }

.goalvids td img {
 padding: 1px;
border: #727272 1px solid;
}

.ftvids img {
 padding: 1px;
border: #727272 1px solid;
}

.ftlinks a {
text-decoration: none;
font-size: 16px;
font-weight: bold;
}

.search-box{
        position:absolute;
        margin:125px 0 0 670px;
        padding:4px 0 0 5px;
        float:right;
        background:url(images/search-bg.jpg) no-repeat;
        width:254px;
        height:29px;
}
.search-box input{
        width:220px;
        border:0px;
}