/*
Theme name: Bet Smart
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.2;
	font-family: "lucida grande", sans-serif;
    color: #000;
    background: #eeeeee;
    text-align: left;
}

a img { border: 0; }
a { color: #1a396a; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

a img { border: 0; }
a { color: #1a396a; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline;}

.left { float: left !important; display: inline; }
.right { float: right !important; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -9999px;}
.tr {text-align: right;}
.tc {text-align: center;}
.center {display: block; margin: 0 auto;}
.lowercase {text-transform: lowercase;}

.shell {margin: 0 auto; width: 993px;}

h2 {font-family: "myriad pro cond", sans-serif; font-size: 24px;}
h3 {font-size: 18px; padding: 0 0 8px 0;}

#header {height: 115px; background: url(images/header.gif) repeat-x 0 0;}
#header h1#logo {float: left; display: inline; padding: 17px 0 0 8px;}
#header h1#logo a {background: url(images/logo.gif) no-repeat 0 0; width: 208px; height: 75px; display: block;}
#header #navigation {width: 755px; height: 84px; background: url(images/navigation.gif) no-repeat 0 0; float: right; text-transform: uppercase;}
#header #navigation ul {list-style-type: none;}
#header #navigation ul li {float: left; display: inline;}
#header #navigation #top-nav {font-size: 14px; padding: 24px 0px 0 20px; height: 70px; }
#header #navigation #top-nav ul {position: relative; float: left;}
#header #navigation #top-nav li {margin: 0 16px; padding: 0 0 15px 0; line-height: 14px;}
#header #navigation #top-nav li.hover {background: url(images/bottom-nav-active.gif) no-repeat center bottom;}
#header #navigation #top-nav li a {color: #333333; float: left;}
#header #navigation #top-nav li a:hover {text-decoration: none;}
#header #navigation .bottom-nav {position: absolute; left: -20px; top: 25px; font-size: 11px;}
#header #navigation .bottom-nav .background { width: 100%; height: 100%; padding: 0 0 0 8px; background: url(images/submenu.png) no-repeat 7px 3px; width: 742px; height: 45px; }
#header #navigation .bottom-nav li {position: relative; z-index: 1000; padding: 10px 12px 0 12px !important; margin: 0 !important;}
#header #navigation .bottom-nav li.active {background: url(images/bottom-nav-active.gif) no-repeat center 3px;}
#header #navigation .bottom-nav li a {display: inline; height: 30px; position: relative; z-index: 1000; color: #fff !important; line-height: 17px; float: left;}
#header #navigation .bottom-nav li a:hover {text-decoration: underline !important;}
#header #navigation .bottom-nav li a span { display: inline; float: left; position: relative; z-index: 1000; }
#header #navigation .bottom-nav li a span.sport-icon { width: 17px; height: 17px; font-size: 0; line-height: 0; text-indent: -9999px; margin: 0 5px 0 0;}
#header #navigation .bottom-nav li a.soccer span.sport-icon {background: url(images/sport-soccer.png) no-repeat 0 0;}
#header #navigation .bottom-nav li a.tennis span.sport-icon {background: url(images/sport-tennis.png) no-repeat 0 0;}
#header #navigation .bottom-nav li a.american-football span.sport-icon {background: url(images/sport-am-football.png) no-repeat 0 0;}
#header #navigation .bottom-nav li a.baseball span.sport-icon {background: url(images/sport-baseball.png) no-repeat 0 0;}
#header #navigation .bottom-nav li a.basketball span.sport-icon {background: url(images/sport-basketball.png) no-repeat 0 0;}
#header #navigation .bottom-nav li a.ice-hockey span.sport-icon {background: url(images/sport-ice-hockey.png) no-repeat 0 0;}

#home-featured {background: url(images/home-featured.gif) repeat-x 0 0; height: 267px; padding: 13px 0 0 0;}
#home-featured #slider {width: 476px; height: 250px; float: left; position: relative; overflow: hidden; }
#home-featured #slider-nav a {font-size: 0; line-height: 0; text-indent: -9999px; display: block; width: 30px; height: 37px; position: absolute; top: 95px;}
#home-featured #slider-nav a.prev {background: url(images/slider-prev.png) no-repeat 0 0; left: 0;}
#home-featured #slider-nav a.next {background: url(images/slider-next.png) no-repeat 0 0; right: 0;}
#home-featured #slider-cnt {
	position: absolute;
	width: 100000px;
	height: 100%;
}
#home-featured #slider-cnt .slide {
	position: relative;
	display: inline;
	float: left;
	height: 100%;
	width: 476px;
}
#home-featured .slide-text {position: absolute; bottom: 0; left: 0; line-height: 18px; color: #fff; width: 100%;}
#home-featured .slide-text-cnt {background: url(images/slider-text.png) repeat 0 0; padding: 10px 15px; height: 100%;}
#home-featured .slide-text h4 {font-size: 14px; text-transform: uppercase; position: relative;}
#home-featured .slide-text p {position: relative;}
#home-featured .slide-text a {color: #58dcf9;}
#home-featured #banner {float: left; padding: 0 0 0 16px;}
/*#home-featured #top-matches {width: 224px; float: right; background: url(images/top-matches.gif) repeat-x 0 0; height: 228px; padding: 10px;}*/
#home-featured #top-matches {width: 480px; float: right; background: url(images/top-matches.gif) repeat-x 0 0; height: 228px; padding: 10px;}

.matches-table {width: 480px; height:200px; overflow:hidden;}
.matches-table td {padding: 5px 0;}
.matches-table td.datetime {width:55px;}
.matches-table td.leaguename {width:60px;}
.matches-table td.teamname {width:140px;}
.small-right {float:right; font-size:8px; font-style:italic; line-height:0px;}

#inner-featured {background: url(images/featured-inner.gif) repeat-x 0 0; padding: 12px 0 0 0; height: 89px;}
#inner-featured .am-football {background: url(images/am-football-heading.gif) no-repeat 0 0; height: 89px;}
#inner-featured h1 {padding: 26px 0 0 0; text-align: right;font-family: "myriad pro cond", sans-serif; font-size: 24px; color: #303030;}
/* disabled */
#inner-featured {display:none}

#main {background: url(images/main.gif) repeat-x 0 0; padding: 16px 0 0 0;}
.inner #main {background-image: url(images/main-innerpage.gif); padding-top: 23px;}
#main h2 { padding: 0 0 12px 0;}
#main a {color: #004b8d; text-decoration: underline;}
#main a:hover {text-decoration: none;}
#main p { line-height: 18px; padding: 0 0 20px 0;}
#main-inner {background: url(images/main-inner.gif) repeat-y 670px 0;}
#main-top {background: url(images/main-top.gif) no-repeat 670px 0;}
#main-bottom {background: url(images/main-bottom.gif) no-repeat 670px bottom; min-height: 120px; padding: 0 0 30px 0;}
#content {width: 650px; float: left; padding: 20px 0;}
#content h4 {font-size: 12px; padding: 0 0 10px 0;}
#content ul {padding: 0 0 20px 30px;}
#content li {margin-bottom: 10px; line-height:1.5em;}
#content .article {margin: 0 0 20px 0;}
#content .article img.left {margin: 0 15px 0 0;}
#content .article img.right {margin: 0 0 0 15px;}
#content .article-divider {background: url(images/article-divider.gif) no-repeat 0 bottom; }
#content #top-stories .top-story,
#main .post-wrapper {padding: 15px 0;}
#content #top-stories .top-story p,
#main .post-wrapper p {padding: 0 0 5px 0;}
#content #top-stories .top-story img.left,
#main .post-wrapper img.left {margin: 0 29px 0 0;}
#content #top-stories .top-story img.right,
#main .post-wrapper img.right {margin: 0 0 0 29px;}
#content table.content-table {border: 1px solid #ccc; padding: 1px 0 0 1px; margin: 0 0 25px 0;}
#content table.content-table th {background: url(images/content-table-heading.gif) repeat-x 0 0; font-size: 14px; color: #fff; border-right: 1px solid #fff; width: 204px;}
#content table.content-table th,
#content table.content-table td {padding: 9px;}
#content table.content-table td { background: #fff;border-right: 1px solid #e0e0e0;}
#content table.content-table td.norightborder {border-right: 0}
#content table.content-table tr.even td {background: #ececec;border-color: #cfcfcf}
#content table.content-table td.selected {background: #c7f9df !important;}
#content #products-feature {width: 529px;}
#content #products-feature-table {border: 1px solid #ccc; padding: 1px 0 0 0; background: #fff; margin: 0 0 10px 0;}
#content #products-feature-table .products-feature-row {height: 24px; padding: 6px 0;}
#content #products-feature-table .grey {background: #f3f3f3;}
#content #products-feature-table label {float: left; width: 114px; padding: 0 0 0 16px; line-height: 24px;}
#content #products-feature-table .textfield {float: left; width: 151px; height: 16px; background: url(images/products-feature-field.gif) no-repeat 0 0; padding: 4px;}
#content #products-feature-table .textfield input {background: transparent; border: 0; width: 151px; height: 16px; display: block;}
#content #products-feature-table p.alert {float: left; background: url(images/alert.gif) no-repeat 0 4px; margin: 0 0 0 24px; color: #dd1919; padding: 0 0 0 22px; height: 24px; line-height: 24px;}
#content #products-feature-table select {float: left; margin: 0 8px 0 0;}

.reset-button {background: url(images/reset-button.gif) no-repeat 0 0; display: block; width: 52px; height: 25px; border: 0; font-size: 0; line-height: 0; text-indent: -9999px; margin: 0 0 0 6px; cursor: pointer;}
.submit-button {background: url(images/submit-button.gif) no-repeat 0 0; display: block; width: 60px; height: 25px; border: 0; font-size: 0; line-height: 0; text-indent: -9999px; margin: 0 0 0 6px; cursor: pointer;}

#sidebar {width: 290px; float: right; padding: 20px 0;}
#sidebar ul {list-style-type: none;}
#sidebar ul li {display: block; padding: 0 0 20px 0;}
#sidebar h4,
#sidebar .wp-polls-form strong,
#sidebar .wp-polls strong {font-size: 14px; color: #336699;}
#sidebar p {padding: 0 0 5px 0;}
#sidebar p.next-live-events {line-height: 24px;}
#sidebar .poll {padding: 10px 0; line-height: 24px;}
#sidebar .poll label {float: left; margin: 0 0 10px 0;}
#sidebar .poll input {float: left; margin: 4px 3px 0 0;}
#sidebar .poll input.vote-button,
#sidebar .wp-polls-form input.Buttons {background: url(images/vote-button.gif) no-repeat 0 0; width: 56px; height: 27px; margin: 15px 0 0 0px; font-size: 0; line-height: 0; text-indent: -9999px; border: 0; cursor: pointer;}
#sidebar .wp-polls-form li,
#sidebar .wp-polls-ul li {
	padding-bottom: 13px;
}
#sidebar .wp-polls-form p, #sidebar .wp-polls p {
	text-align: left !important;
}
#sidebar .wp-polls-ul {
	margin-bottom: 0px;
}
#sidebar .wp-polls-ul strong {
	font-size: 12px; color: #000;
}

#footer {background: url(images/footer-top.gif) repeat-x 0 0; padding: 18px 0 0 0;}
#footer-cnt {background: url(images/footer-cnt.jpg) repeat-x 0 0; height: 149px; padding: 29px 0 0 0;}
#footer-top {height: 65px;}
#footer #subscribe {float: left; width: 460px;}
#footer #subscribe label {font-size: 14px; font-weight: bold; color: #ccc; padding: 0 5px 0 0; float: left; line-height: 27px;}
#footer #subscribe .subscribe-field {background: url(images/subscribe-field.gif) no-repeat 0 0; width: 172px; height: 27px; padding: 5px; float: left; margin: 0 11px 0 0;}
#footer #subscribe .subscribe-field input {border: 0; background: transparent; width: 172px; display: block;}
#footer #subscribe .subscribe-button {background: url(images/subscribe-button.gif) no-repeat 0 0; width: 86px; height: 27px; border: 0; float: left; font-size: 0; line-height: 0; text-indent: -9999px; cursor: pointer;}
#footer #follow {float: right;}
#footer #follow p {float: left; font-size: 14px; color: #ccc; font-weight: bold;}
#footer #follow a.follow-icon {width: 24px; height: 23px; float: left; margin: 0 0 0 21px;}
#footer #follow a.facebook {background: url(images/icon-facebook.gif) no-repeat 0 0;}
#footer #follow a.rss {background: url(images/icon-rss.gif) no-repeat 0 0;}
#footer #follow a.twitter {background: url(images/icon-twitter.gif) no-repeat 0 0;}
#footer #follow a.youtube {background: url(images/icon-youtube.gif) no-repeat 0 0;}
#footer #footer-bottom {color: #ccc;}
#footer .footer-nav {width: 480px; float: left;}
#footer a {color: #ccc;}

/*
 * Fix container divs that contain floating divs - they will jump outside
 * the container unless class="... clearfix"
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* needed for IE7 */
*:first-child+html .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/**
 * BSM addons
 */
.bsm-headlines ul {
	list-style: none;
	padding: 0 0 30px 0 !important;
}
.bsm-headlines ul li {
	font-size: 18px;
	margin-bottom: 10px;
}
.bsm-top-matches p {
	margin-bottom: 15px;
}

.bio {
	clear: both;
	margin-bottom: 30px;
}
.bio > .bio-headshot {
	float: left;
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	margin-bottom: 5px;
}
.bio > .bio-desc {
	float: right;
	width: 520px;
	padding-left: 20px;
	padding-bottom: 5px;
}
.bio > .bio-links {
	clear: both;
	width: 100%;
}
.bio .right {
	float: right;
}