/*   
Theme Name: FPL Dugout
Theme URI: http://www.fpl-dugout.co.uk
Description: FPL Dugout Wordpress theme
Author: Aaron Clements
Author URI: http://www.aaronclements.co.uk
Version: 2.0
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0px }
a img { border:none }
/* Reset end */

/* Body and element text settings */
body { font: 100% Arial, Helvetica, sans-serif; background-color: transparent; color: #444444 }
p { margin: 0px 0px 18px 0px; line-height: 18px; font-size: 90%; clear: left }
p.viewmore { float: right; margin: 18px 0px 0px 0px }
blockquote { margin: 0px 0px 18px 40px; padding: 0px 0px 0px 10px; border-left: 5px solid #e9e9e9; background-color: transparent; color: #777777 }
input, textarea, table, #commentform label, #contactform label, #author-articles, .wp-paginate { font: 90% Arial, Helvetica, sans-serif }
#header, #sidebar p, #sidebar ul, #sidebar input.searchbox, #shoutbox .formfields input, #shoutbox .formfields textarea, #shoutbox .formfields label, #box, input.sb-button, #tweetscolumn p, #tweet, #fpl-league-table-compact, #leaguetablecolumn p, #leaguetablecolumn ul li, #footerbar, div.post-details, span.comment-date-time, div.add-comment, #sidebar .wp-polls-loading, #playerreportscolumn ul li, #opinioncolumn ul li, #newscolumn ul li, p.viewmore, #submit-cancel, #add-a-comment { font: 80% Arial, Helvetica, sans-serif }

/* Links */
a:link, a:active, a:visited { background-color: transparent; color: #7d26cd; text-decoration: none }
a:hover { background-color: transparent; color: #7d26cd; text-decoration: underline }

/* iFrames */
iframe.physioroom { margin: 0px 0px 5px 0px }
iframe.facebook { border: none; overflow: hidden; width: 100px; height: 21px }

/* Headings */
h1, h1.numbercomments { margin: 0px 0px 18px 0px; padding: 0px 0px 18px 0px; border-bottom: 1px solid #e9e9e9; background-color: transparent; color: #3cb371; font: normal 150% Georgia, serif; line-height: 28px }
h1 a:link, h1 a:active, h1 a:visited { background-color: transparent; color: #7d26cd; text-decoration: none }
h1 a:hover { background-color: transparent; color: #7d26cd; text-decoration: underline }
h1.numbercomments { margin: 0px 0px 35px 0px }
h2 { margin: 0px 0px 18px 0px; background-color: transparent; color: #ff1493; font: normal 130% Georgia, serif }
h2 a:link, h2 a:active, h2 a:visited { background-color: transparent; color: #7d26cd; text-decoration: none }
h2 a:hover { background-color: transparent; color: #7d26cd; text-decoration: underline }
h3, h3.sidebarnav { margin: 0px 0px 18px 0px; border-bottom: 1px solid #e9e9e9; padding: 10px 0px 10px 0px; background-color: transparent; color: #ff1493; font: normal 120% Georgia, serif }
h3.sidebarnav { margin: 0px 0px 12px 0px }
h4 { margin: 0px 0px 18px 0px; background-color: transparent; color: #444444; font: bold 100% Arial, Helvetica, sans-serif }

/* Tables */
table { width: 100%; margin: 0px 0px 12px 0px }
th, tr, td { padding: 5px 6px 5px 6px }
th { margin: 0px 0px 1px 0px; background: #3cb371; background: -webkit-gradient(linear, left top, left bottom, from(#3cb371), to(#32965f)); background: -moz-linear-gradient(top,  #3cb371,  #32965f); color: #ffffff; text-align: left; border: 1px solid #32965f }
td { border-right: 1px solid #ffffff }
tr { border-bottom: 1px solid #e9e9e9 }
tr.even { background-color: #f5f5f5; color: #444444 }

/* Horizontal rules */
hr.comments { background-color: #e9e9e9; color: #e9e9e9; height: 1px; margin: 35px 0px 35px 0px }

/* Form controls */
form div { margin: 0px 0px 10px 0px }
#searchform div { margin: 0px 0px 40px 0px }
input, textarea { border: 1px solid #cccccc; padding: 3px; background-color: transparent; color: #444444 }
input:focus, textarea:focus { background-color: #f5f5f5; color: #444444 }
#shoutbox .formfields input:focus, #shoutbox .formfields textarea:focus, #sidebar input.searchbox:focus { background-color: #f5f5f5; color: #777777 }
.formfields input, .formfields textarea { width: 292px }
#shoutbox .formfields input, #shoutbox .formfields textarea { width: 269px; background-color: transparent; color: #777777 }
#sbcomment { height: 109px }
#sidebar input[type="checkbox"], #sidebar input[type="radio"] { margin: 0px 10px 0px 0px }

/* Form labels */
.formfields label { float: left; width: 160px; display: block; vertical-align: baseline }
.formfields label.error, #shoutbox .formfields label.error { padding: 0px 0px 0px 21px; background: #ffffff url('images/cross-icon.png') no-repeat left; width: 100%; float: none; display: block; color: #ff0000; vertical-align: baseline }
.formfields label.error { margin: 5px 0px 0px 160px }
#shoutbox .formfields label { margin: 0px 0px 3px 0px }
#shoutbox .formfields label.error { margin: 3px 0px 0px 0px }

/* Buttons */
input.button, #sidebar input.votebutton, input.comment-contact-button, input.sb-button, input.searchbutton, #show-old-shouts, #add-a-comment { padding: 3px 0px 3px 0px; font-weight: bold; background: #3cb371; color: #ffffff; cursor: pointer; border: 1px solid #32965f; text-align: center }
input.button { width: 60px; margin: 0px 0px 0px 5px }
input.comment-contact-button { width: 140px; margin: 5px 0px 30px 320px }
input.sb-button { width: 100px; float: right; }
input.searchbutton { width: 60px; font-size: 75% }
#sidebar input.votebutton { width: 60px }
input.button, input.comment-contact-button, input.searchbutton, input.sb-button, #sidebar input.votebutton, #show-old-shouts, #add-a-comment { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.2); box-shadow: 0px 1px 2px rgba(0,0,0,.2); text-shadow: 0px 1px 1px rgba(0,0,0,.3); background: -webkit-gradient(linear, left top, left bottom, from(#3cb371), to(#32965f)); background: -moz-linear-gradient(top,  #3cb371,  #32965f) }
input.button:hover, input.comment-contact-button:hover, input.searchbutton:hover, input.sb-button:hover, #sidebar input.votebutton:hover, #show-old-shouts:hover, #add-a-comment:hover { background: #32965f; color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#32965f), to(#3cb371)); background: -moz-linear-gradient(top,  #32965f,  #3cb371) }
input.disabled, input.disabled:hover { background: #dddddd; color: #ffffff; border: 1px solid #cccccc }

/* Search boxes */
#sidebar input.searchbox { width: 222px; margin: 0px 10px 0px 0px; border: 1px solid #cccccc; background-color: #ffffff; color: #444444 }
input.searchbox { width: 292px; margin: 0px 5px 0px 0px }

/* Images */
#logo { width: 350px; height: 90px; border: 0px; float: left; cursor: pointer }
img.feed-icon-14x14 { width: 14px; height: 14px; border: 0px; margin: -5px 5px 0px 0px; vertical-align: middle }
img.feed-icon-24x24 { width: 24px; height: 24px; border: 0px; margin: 0px 10px 5px 0px; vertical-align: top }
img.twitter-icon-48x48 { width: 48px; height: 48px; border: 0px; float: left; margin: 0px 10px 0px 0px }
img.cross-icon { width: 16px; height: 16px; vertical-align: baseline }
img.indicator { width: 16px; height: 16px; border: 0px; margin: 0px 10px 0px 0px }
#bensampsonbanner, #benoldfieldbanner { width: 300px; height: 80px; border-width: 0px }
#auzmosiscombanner { width: 300px; height: 60px; border-width: 0px }

/* Header */
#header { height: 90px; background: url('images/header-bg.png') repeat-x #7d26cd; border-bottom: 1px solid #ffffff; color: #ffffff }
#header a:link, #header a:active, #header a:visited { background-color: transparent; color: #eeeeee; text-decoration: none }
#header a:hover { background-color: transparent; color: #ffffff; text-decoration: underline }
#header ul li, #footerbar ul li { float: left; padding: 0px 0px 0px 30px }
#header-wrapper, #footer-wrapper, #footer-wrapper-morein { width: 940px; margin: 0px auto 0px auto }
#header-nav { height: 20px; padding: 35px 0px 35px 0px; text-align: right; float: right }

/* Main content */
#body { background: url('images/grey-bg.png') repeat-x #ffffff; color: #444444 }
#wrapper { width: 940px; margin: 0px auto 0px auto; padding: 40px 10px 40px 10px }
#main { margin: 20px 0px 0px 0px; padding: 30px 0px 0px 0px; border-top: 3px solid #7d26cd }
#main-content { width: 540px }

/* Posts */
div.post { margin: 0px 0px 60px 0px }
div.post-details { height: 34px; background-color: transparent; color: #aaaaaa; border-bottom: 1px solid #e9e9e9; margin: 0px 0px 18px 0px }
div.post-details ul li { float: left; margin: 0px 19px 0px 0px }
div.post-details ul li.end { float: left; margin: 0px 0px 0px 0px }

/* Comments */
div.comment-details { margin: 0px 0px 18px 0px; font-weight: bold }
span.comment-date-time { font-weight: normal }
span.separator { padding: 0px 10px 0px 10px }
div.add-comment { text-align: right }

/* Sidebar */
#sidebar { width: 300px; float: right; background-color: transparent; color: #777777; margin: 0px 0px 30px 0px }
#sidebar p { line-height: 18px; margin: 0px 0px 20px 0px }
#sidebar ul { margin: 0px 0px 20px 0px }
#sidebar ul li { padding: 0px 0px 18px 0px; word-wrap: break-word }
#leaguetablecolumn ul li, #sidebar ul.nav li, ul#author-articles li, #playerreportscolumn ul li, #opinioncolumn ul li, #newscolumn ul li { background: url('images/arrow.png') no-repeat left center #ffffff; padding: 6px 0px 6px 17px; border-bottom: 1px solid #e9e9e9 }
ul#author-articles li { font-weight: normal }
#injuries { width: 300px }
#sidebar ul.nav li { font-weight: bold }
#sidebar ul.wp-polls-ul li { padding: 6px 0px 6px 0px; border-bottom: 1px solid #e9e9e9 }

/* Shoutbox */
#shoutbox { margin: 0px 0px 30px 0px }
#box { width: 278px; height: 310px; margin: 0px 0px 20px 0px; overflow: auto; padding: 10px 10px 0px 10px; border: 1px solid #e9e9e9; background-color: #f5f5f5; color: #777777; word-wrap: break-word }
span.name { font-weight: bold }
#shoutbox ul { margin: 0px }
#sbhoney { position: absolute; margin-left: -10000px }
#shoutbox ul li { padding: 0px 0px 18px 0px; word-wrap: break-word }
#shout-form-containter { position: relative }
#shout-form-containter-inner { position: absolute; background-color: #ffffff; color: #777777; height: 230px; top: -270px; border: 1px solid #e9e9e9; padding: 10px; width: 278px; display: none }
#add-a-comment-container { height: 26px }
#submit-cancel { float: left; line-height: 23px }
#show-old-shouts, #add-a-comment { display: block }
#show-old-shouts:hover, #add-a-comment:hover { text-decoration: none }
.new-shout { color: #cb822d; background-color: transparent }

/* Footer */
#footer-wrapper-morein { border-top: 3px solid #7d26cd; padding: 20px 0px 20px 0px }
#footerbar { background-color: #7d26cd; color: #ffffff; padding: 25px; clear: both }
#footerbar a:link, #footerbar a:active, #footerbar a:visited { background-color: transparent; color: #eeeeee; text-decoration: none }
#footerbar a:hover { background-color: transparent; color: #ffffff; text-decoration: underline }
#footerbar .right { float: right }

/* Alignment */
.right { text-align: right }
.left { float: left }
.centre { text-align: center }
.clear { clear: both }

/* Pagination */
.wp-paginate { margin: 0px 0px 24px 0px; text-align: center }
.wp-paginate li { display: inline }
.wp-paginate a { background-color: #e9e9e9; border: 1px solid #cccccc; color: #444444; margin: 0px 4px 0px 0px; padding: 3px 6px 6px 6px; text-align: center; text-decoration: none }
.wp-paginate a:hover, .wp-paginate a:active { background-color: #dddddd; color: #444444 }
.wp-paginate .title { color: #444444; background-color: transparent; margin: 0px 4px 0px 0px }
.wp-paginate .gap { color: #444444; background-color: transparent; margin: 0px 4px 0px 0px }
.wp-paginate .current { color: #ffffff; background: #3cb371; background: -webkit-gradient(linear, left top, left bottom, from(#3cb371), to(#32965f)); background: -moz-linear-gradient(top,  #3cb371,  #32965f); border: 1px solid #32965f; margin: 0px 4px 0px 0px; padding: 3px 6px 6px 6px }

/* Top 3 home page columns */
#tweetscolumn { width: 300px; float: left; margin: 0px 20px 0px 0px }
#tweetscolumn p { margin: 18px 0px 18px 0px; line-height: 18px; clear: left }
#tweet ul li { background: url('images/arrow.png') no-repeat left center #ffffff; padding: 7px 0px 7px 17px; border-bottom: 1px solid #e9e9e9 }
#chatboxcolumn { width: 300px; float: left; margin: 0px 20px 0px 0px }
#leaguetablecolumn { width: 300px; float: right }
#leaguetablecolumn ul li { font-weight: bold }

/* Latest in columns */
#playerreportscolumn { width: 300px; float: left; margin: 0px 20px 30px 0px }
#opinioncolumn { width: 300px; float: left; margin: 0px 20px 30px 0px }
#newscolumn { width: 300px; float: right; margin: 0px 0px 30px 0px }

/* Social Media Buttons */
#socialmedia { padding: 15px 0px 12px 0px; margin: 0px 0px 40px 0px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9 }