/*
Theme Name: We Cover Spreads
Theme URI: http://www.wecoverspreads.com
Description: Theme Made for We Cover Spreads, custom; including Handicappers, Product write pannels.
Version: 2.1
Author: www.OsOriginal.com
Author URI: http://www.osoriginal.com
*/
body{ margin:0px auto; padding:0px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; background:#fff url(images/page_bck.jpg); color:#fff;}
*{margin:0; padding:0;}
.clr{clear:both;}
a img{border:none;}
a{color:#b8e1e7;}
a:hover{color:#ff753f;}
p{text-shadow:#0b2a55 1px 1px 0px; letter-spacing:1px; line-height:20px;}
h1, h2, h3, h4{text-shadow:#0b2a55 2px 1px 0px;}
#mast{background:url(images/top_main_bck.jpg) repeat-x left top;  width:100%; display:inline; float:left;}
#outer_wrapper {background:url(images/top_bar.png) repeat-x left top; width:100%; display:inline; float:left;}
#inner_wrapper{width:938px; display:block; margin:0 auto;}
#logo{background:url(images/logo_bckg.png) no-repeat; display:inline; float:left; width:179px; height:94px; text-align:center; padding-top:42px;}
#hd{display:inline; float:left; width:780px; text-align:left; margin:40px 0 0 -30px;}
#hd h2{font-weight:normal; letter-spacing:0px; font-size:27px; color:#cdecf1;}
#content{display:inline; float:left; clear:left; margin-top:35px; width:938px; padding:20px 0 0 0;}
/*------------ main nav menu --------------------*/
#main_nav{display:inline; float:right; width:auto; margin-top:18px; font-size:12px; font-weight:bold;}
#main_nav ul{ list-style:none;}
#main_nav a{text-decoration:none; text-shadow:#000 1px 1px 2px;}
/*--- normal state ---*/
#main_nav li{display:inline; float:left; margin:0 10px; padding-left:10px;}
#main_nav li a{ height:22px; display:inline; float:left; padding:8px 10px 0 0; color:#8ce6f3;}
/*--- hover state ---*/
#main_nav li a:hover{color:#fff;}
/*--- active state ---*/
#main_nav li.current_page_item{background:url(images/nav_left.png) no-repeat left center;}
#main_nav li.current_page_item a{background:url(images/nav_right.png) no-repeat right center; color:#fff;}



/* new nav bar for dropdown */
#main_nav li ul {
display: none;
}
#main_nav li:hover ul {
display: block;
width: 150px;
position: absolute;
padding-top: 42px;
}
#main_nav li:hover li {
float: none;
font-size: 11px;
}
#main_nav li:hover li a {
padding-left: 5px;
background: #05719e;
color: #ffffff;
min-width: 150px;
border-bottom: 1px solid #000; 
border-radius: 3px;
}
#main_nav li:hover li a:hover {
-moz-box-shadow:    inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow:         inset 0 0 5px #000000;
}





/*------------ front page --------------------*/
/*--- backgroung image ---*/
.generic{ background:#113565 url(images/generic.jpg) no-repeat;}
.basketball{ background:#113565 url(images/slide_basket_ball.jpg) no-repeat;}
.baseball{ background:#113565 url(images/base_ball.jpg) no-repeat;}
.football{ background:#113565 url(images/foot-ball.jpg) no-repeat;}

#pckg_deal{display:inline; float:right; width:230px; height:111px; margin:0px 70px 0 0;}
/*--- slides styles ---*/
#slides, #single-slides, #handislides{width:600px;display:inline; float:left; padding-left:20px;}
#handislides{width:600px;display:inline; float:left; padding-left:0px;}
#slides_page{width:580px;display:inline; float:left; padding-left:0px;}
.s_cnt {display:inline; float:left; margin-right:20px; width:580px;}
.handicapper-slide {width:925px; padding-right: 10px;}
#slides h3,#handislides h3, #slides_page h3, #single-slides h3,#handislides h3, #single-slides_page h3{font-size:22px; font-weight:normal; letter-spacing:2px; padding-bottom:8px;}
#slides .buy, #slides_page .buy{float:right; margin-top:15px; text-align:left; width:235px;}
#slides span.price, #slides_page span.price, #single-slides span.price, #single-slides span.price{font-size:22px; font-weight:normal; letter-spacing:2px; display:inline; float:left; width:140px; text-align:right; padding-right:5px;}
#slides div.buy_button a img, #slides_page div.buy_button a img {display:inline; float:right;}
/*--- slides nav tabs ---*/
#nav_tabs{width:100%; float:left; clear:left; height:36px; margin-top:25px; padding-top:10px; background:url(images/slide_bar.png) repeat-x; text-align:center;}
.tabs_outer{position:relative; left:50%; float:left;}
.tabs_inner{position:relative; right:50%; float:left;}
.jFlowPrev{width:21px; height:18px; background:url(images/arrow_left.png) no-repeat; cursor:pointer; text-indent:-9999em; float:left;}
.jFlowhPrev{width:21px; height:18px; background:url(images/arrow_left.png) no-repeat; cursor:pointer; text-indent:-9999em; float:left;}
.jFlowhpPrev{width:21px; height:18px; background:url(images/arrow_left.png) no-repeat; cursor:pointer; text-indent:-9999em; float:left;}
.jFlowNext{float:left; width:21px; height:18px; background:url(images/arrow_right.png) no-repeat; cursor:pointer; text-indent:-9999em;}
.jFlowhNext{float:left; width:21px; height:18px; background:url(images/arrow_right.png) no-repeat; cursor:pointer; text-indent:-9999em;}
.jFlowhpNext{float:left; width:21px; height:18px; background:url(images/arrow_right.png) no-repeat; cursor:pointer; text-indent:-9999em;}
.s_link{background:url(images/nav_bullets.png) no-repeat center 0; width:20px; height:14px; margin-top:3px; text-indent:-9999em; cursor:pointer; float:left;}
.hs_link{background:url(images/nav_bullets.png) no-repeat center 0; width:20px; height:14px; margin-top:3px; text-indent:-9999em; cursor:pointer; float:left;}
.hp_link{background:url(images/nav_bullets.png) no-repeat center 0; width:20px; height:14px; margin-top:3px; text-indent:-9999em; cursor:pointer; float:left;}
.s_link:hover, .active_slide{background-position:center -14px}
.hs_link:hover, .active_hslide{background-position:center -14px;}
.hp_link:hover, .active_hslide{background-position:center -14px;}

hr{width:555px; display:block; float:left; margin:10px 0 15px 0;}

/*--- fp entry ---*/
#ent_wrapper{display:inline; float:left; clear:left; width:938px;border-bottom:#012c5f 1px solid; padding-bottom:10px;}
#entry{display:inline; float:left; width:900px; margin:10px 0 0 20px;}
#entry img.left, #entry img.attachment-left{display:inline; float:left; margin:0 15px 0 0; border:#0b2a55 1px solid;}
#entry img.tweet{display:inline; float:right; margin-left:5px;}
#entry h2{display:inline; font-weight:normal; letter-spacing:2px; font-size:22px;}
#entry h2 i{font-weight:bold; padding-right:10px;}
#entry p{display:block; padding:12px 0 12px 0;}
.ct_button {background:url(images/link_left.png) no-repeat left center; padding:4px 0 5px 10px; font-size:14px; text-shadow:#0b2a55 2px 1px 0px;}
.ct_button a{background:url(images/link_right.png) no-repeat right center; padding:4px 10px 5px 0; text-decoration:none; color:#fff;}

/*--- btm boxes ---*/
#bottom{display:inline; float:left; clear:left; width:898px; padding:20px; border-top:#1d4f92 1px solid; background:#012c5f;}
#page{display:inline; float:left; clear:left; width:898px; padding:20px; border-top:#1d4f92 1px solid; background:#012c5f;}
/*--- widgets  ---*/
.widget{display:inline; float:left; clear:left; width:290px; margin-bottom:20px;}
.widget ul{list-style-type:square; list-style-position:inside;}
.widget li{margin-bottom:5px;}
.widget a{color:#b8e1e7;}
.widget a:hover{color:#ff753f;}



#bottom h2, #page h2{font-size:20px; font-weight:normal; margin-bottom:8px;}
#bottom h2.blog, #page h2.blog{font-weight:bold; letter-spacing:2px; margin-bottom:15px;}
#b_left{display:inline; float:left; width:580px;}
#b_right{display:inline; float:right; width:270px; padding:10px;}
#b_right.sub{display:inline; float:right; width:270px; background:#012753; padding:10px;}
#b_right form {padding-top:7px;}
#b_right form label{display:inline; float:left; clear:left; width:50px; padding-top:8px;}
#b_right form .field{display:inline; width:200px; padding:3px; color:#036; background:#ccc; border:#000 solid 1px; margin-top:5px;}
#b_right form .form_button{background:#F30; color:#fff; padding:3px 10px; display:inline; margin:5px 0 0 51px;border:#fff solid 1px; text-shadow:#000 1px 1px 0px; font-size:12px;}

/*------------ posts --------------------*/
.post{display:inline; float:left; clear:left; width:558px; margin-bottom:10px; padding:10px; border:#1d4f92 solid 1px; background:#283238 url(images/post_bckg.png) repeat-x;}
#b_left h2, #b_left h3{text-shadow:#000 1px 1px 0px;}
.post p{font-size:13px; line-height:18px; margin-bottom:8px;}
.post_single p{font-size:14px; line-height:18px; margin-bottom:8px;}
.post h3, .post_single h3{font-weight:normal; font-size:18px; letter-spacing:1px; margin-bottom:5px;}
.post h3 a, .post_single h3 a{color:#b8e1e7; text-decoration:none;}
.post h3 a:hover, .post_single h3 a:hover{color:#ff753f;}
.post a, .post_single a{color:#b8e1e7;}
.post a:hover, .post_single a:hover{color:#ff753f;}
.post img.alignleft, .post_single img.alignleft{float:left; margin-right:10px; border:#000 1px solid;}
.post img.alignright, .post_single img.alignright{float:right; margin-left:10px; border:#000 1px solid;}
.post_meta{display:inline; float:left; width:100%; padding-bottom:8px; letter-spacing:1px;}

p.a_left{float:left}
p.a_right{float:right}
p.a_center{float:left; clear:left; text-align:center; width:100%; padding-top:5px; font-size:10px;}

.navigation{display:inline; float:left; clear:left; width:580px; margin-top:5px;}
.fl_left{display:inline; float:left; width:250px;}
.fl_right{display:inline; float:right; width:250px; text-align:right;}
/*------------ footer --------------------*/
#footer{display:inline; float:left; clear:left; width:918px; border-top:#1d4f92 1px solid; padding:10px; text-align:center; font-size:12px;}


/* josh / ryan edits */
/* twitter feed */
.twitter-timeline {width: 92.5%;}
/* handicaper slider */
#handicapper-thumbnail, #handicapper-content, #handicapper-tweet {position: relative; display: inline-block; float: left;}
#handicapper-thumbnail {width: 16.5%;padding-left: 20px;}
#handicapper-content {width: 67.5%;}
#handicapper-title {width: 100%;}
#handicapper-title h2{display:inline; font-weight:normal; letter-spacing:2px; font-size:22px;}
#handicapper-title h2 i{font-weight:bold; padding-right:15px;}
#handicapper-title p{padding:12px 0 12px 0;}
#handicapper-tweet {width: 10%;float: right; padding-left: 2%;}
img.tweet {float: right;}