/*
Theme Name: WatchFooty
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/slider.css";

body {
background:#e3dbce url(style/images/bg.jpg) repeat-x;
font-family:arial;
}

#wrapper {
width:960px;
margin:0 auto;
}

/* header styles */
#header {
position:relative;
overflow:hidden;
margin-bottom:1px;
}
#logo {
height:118px;
}
#searchWrap {
position:absolute;
top:62px;
right:0;
height:30px;
}
.searchInput {
background:#121b24 url(style/images/searchBg.gif) repeat-x;
border: 1px solid #3c5676;
padding:4px;
width:180px;
color:#FFF;
font-size:14px;

}
.searchButton {
vertical-align:top;
}
#quickTeams {
position:absolute;
background:url(style/images/quickteams.jpg) no-repeat;
width:406px;
height:31px;
right:0;
top:0;
}
#quickTeams li {
float:right;
margin-top:4px;
margin-right:3px;
}
#navigation {
font-size:18px;
color:#FFF;
}
#navigation li {
float:left;
background:url(style/images/menuLine.gif) repeat-y right;
margin-right:14px;
padding-right:14px;
padding-top:6px;
height:27px;
}
#navigation a {color:#FFF; text-decoration:none;}
#navLeaguesWrap {
background:url(style/images/navBg.jpg) no-repeat;
display:none;
overflow:hidden;
}
#navCupsWrap {
background:url(style/images/navBg.jpg) no-repeat;
display:none;
overflow:hidden;
position:relative;
}
.navLeagues{
padding:7px;
padding-left:10px;
height:147px;
font-size:12px;
float:left;
}
.navLeagues li {
margin-bottom:4px;
}
#navLeaguesWrap h1 {
font-size:14px;
margin-bottom:5px;
}
#navCupsWrap h1 {
font-size:14px;
margin-bottom:5px;
}
/* main styles */
#mainWrap {
width:920px;
background:url(style/images/mainBg.gif) repeat-y;
padding-left:20px;
padding-right:20px;
overflow:hidden;
padding-bottom:20px;
}
#main {
margin-top:14px;
width:640px;
float:left;
}
#latestMatches {
margin-bottom:20px;
}
.hBox {
background:url(style/images/hBox.gif) repeat-x;
font-size:18px;
font-weight:normal;
color:#FFF;
height:28px; * height:27px;
padding-top:4px; * padding-top:5px;
padding-left:10px;
}
#latestFilterWrap {
background:#e4e4e4;
overflow:hidden;
margin-bottom:15px;
}
#latestFilter li {
float:left;
margin-right:4px;
font-size:12px;
color:#777;
padding:6px;
}
.matchItem {
background:url(style/images/matchItem.gif) repeat-x;
height:23px;
font-size:12px;
padding-top:9px;
padding-left:5px;
}
.date {
color:#77a0c7;
float:left;
margin-right:15px;
}
.flag {
float:left;
padding-top:2px;
margin-right:5px;
}
.league {
float:left;
color:#54708b;
font-weight:bold;
width:145px;
}
.league a {color:#54708b; text-decoration:none;}
.league a:hover {text-decoration:underline;}
.teams {
float:left;
color:#54708b;
width:305px;
}
.teams a {color:#54708b; text-decoration:none;}
.teams a:hover {text-decoration:underline;}
.result {
float:left;
color:#54708b;
font-weight:bold;
}
.result a {color:#54708b; text-decoration:none;}
.result a:hover {text-decoration:underline;}
/* sidebar styles */
#sidebar {
float:right;
width:260px;
}
.sidebarBox {
margin-bottom:18px;
}
.sideHbox {
background:url(style/images/sidebarBg.gif) repeat-x;
color:#FFF;
font-size:18px;
font-weight:normal;
height:27px;
padding-top:4px;
padding-left:8px;
}
.sidebarContent {
background:url(style/images/sidebarBg2.gif) repeat-x;
padding-left:8px;
padding-right:8px;
padding-top:7px;
font-size:12px;
line-height:17px;
color:#333;
}
.sidebarContent a {color:#346ca2; text-decoration:none;}
.sidebarContent a:hover {text-decoration:underline;}
#feedburner {
margin-top:8px;
color:#BBB;
}
#feedburner li {
float:left;
margin-right:8px;
}
.clear {
clear:both;
}

.sideFeat {
margin-top:6px;
border:1px solid #CCC;
}
#sidebarLatest li {
margin-bottom:3px;
}
/* single styles */
.spaceDiv {
color:#FFF;
height:30px;
clear:both;
}
.hBoxSingle {
width:640px;
margin-top:4px;
overflow:hidden;
margin-bottom:25px; * margin-bottom:20px;
}
.hBoxSingleComment {
width:640px;
overflow:hidden;
}
.hBoxS {
background:url(style/images/hBoxSingle.gif) repeat-x;
height:29px;
font-size:18px;
font-weight:normal;
color:#627288;
padding-top:3px; * padding-top:4px;
padding-left:6px;
}
.vTeam {
float:left;
margin-top:15px;
}
.vTeam img {
border:1px solid #d8d8d8;
}
.vTeam h3 {
font-size:12px;
color:#888;
margin-bottom:3px;
text-align:center;
}
.vCenter {
margin-top:16px;
float:left;
width:336px;
}
.vResult {
background:url(style/images/result.gif) no-repeat center;
width:336px;
height:47px;
text-align:center;
}
.vResult p {
font-size:42px;
color:#61c74d;
}
.vMoreInfo {
margin-top:20px;
width:336px;
color:#666;
padding-left:70px;
font-size:14px;
}
.vMoreInfo a {color:#346ca2; text-decoration:none;}
.vMoreInfo a:hover {text-decoration:underline;}
.vMoreInfo p {
margin-bottom:7px;
}
.vStatus {
background:#cbeec8;
color:#3ea935;
border:1px solid #74cc62;
width:200px;
font-size:12px;
margin-left:70px;
}
.statusLoader {
padding-top:3px;
float:left;
padding-left:4px;
margin-right:4px;
}
.vStatus p {
padding:4px;
}

.hBoxSingleHalf {
width:480px;
float:left;
margin-right:10px;
}
.hBoxSingleSmall {
float:left;
width:150px;
}
.vEmbed {
margin-top:8px;
font-size:12px;
}

.vGoal {
font-size:12px;
color:#666;
margin-bottom:10px;
}
.vGoal p {
padding-left:3px;
line-height:17px;
}
.vLink {
width:134px;
color:#999;
}

/* footer styles */
#footerWrapper {
width:960px;
margin:0 auto;
background:#2b3e55 url(style/images/footerBg.jpg) repeat-x;
height:180px;
overflow:hidden;
}
#footer {
padding:15px;
margin-top:5px;
}
.footerH {
color:#FFF;
font-size:20px;
font-weight:normal;
background:#46668d;
padding:3px;
display: inline-block;
margin-bottom:15px;
}
.footerBox {
width:310px;
float:left;
font-size:12px;
}
.footerBox p {
color:#b4d3f9;
}
.footerBox li {
margin-bottom:4px;
}
.footerBox a {color:#b4d3f9; text-decoration:none;}
.footerBox a:hover {text-decoration:underline;}

/* search styles */
.post {
font-size:12px;
margin-top:10px;
padding-bottom:10px;
border-bottom:1px solid #CCC;
}
.post a {color:#346ca2; text-decoration:none;}
.post a:hover {text-decoration:underline;}

/* comments */

.theComment {
width:622px;
margin-bottom:22px;
background:#e8e8e8;
padding:8px;
overflow:hidden;
}
.theComment h3 {
font-size:14px;
color:#555;
}
.theComment p {
font-size:12px;
}
.avatar {
float:left;
margin-right:5px;
}
.commentDate {
color:#777;
margin-bottom:2px;
}
.countComments {
margin-bottom:20px;
color:#999;
font-weight:normal;
margin-top:15px;
}
.theComment a {color:#54708b; text-decoration:none;}
.theComment a:hover {text-decoration:underline;}
.commentInput {
background:#FFF;
padding:6px;
border:1px solid #999;
color:#000;
font-size:14px;
}

.pageN {
clear:both;
margin-top:10px;
}

.blogInfo {
background:#EEE;
border-bottom:1px solid #DDD;
padding:4px;
margin-top:5px;
margin-bottom:8px;
font-size:12px;
color:#999;
}
.blogContent {
font-size:12px;
line-height:17px;
overflow:hidden;
}

.blogContent a {color:#54708b; text-decoration:none;}
.blogContent a:hover {text-decoration:underline;}