/*
Theme Name: Not In My Game
Theme URI: 
Description:
Version: 1.0
Author: Brand New Media
Author URI: http://www.brandnewmedia.co.uk
*/

* {margin: 0px; padding: 0px; border: none; text-decoration: none; border-collapse: collapse;}

.cboth {clear: both;}

a.button {padding: 7px 10px; background-color: #365a9a; -moz-border-radius: 4px; color: #FFFFFF !important; text-transform: uppercase; font-size: 12px; font-weight: bold;}
a:hover.button {background-color: #ed1e00; text-decoration: none !important;}
input.button {cursor: pointer; padding: 7px 10px; background-color: #365a9a; -moz-border-radius: 4px; color: #FFFFFF !important; text-transform: uppercase; font-size: 12px !important; font-weight: bold; padding: 6px 5px !important;}
input.button:hover {background-color: #ed1e00;}
.imgbutton img {border: none !important;}

body {background: url(images/background_body.jpg) no-repeat top center #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;}
body.form {background-image: none;}

#wrapper {position: relative; padding-bottom: 180px; min-height: 1000px;}

#topbar {height: 42px; width: 99%; background-color: #182832; color: #d3d1d1; font-size: 14px; font-weight: bold; padding-left: 14px;}
#topbar .content {width: 994px; margin: 0px auto; line-height: 42px; vertical-align: middle;}
#topbar .content ul.menu {list-style: none; float: left;}
#topbar .content ul.menu li {float: left; border-right: 1px solid #46535b;}
#topbar .content ul.menu li.current-menu-item, body.home #menu-item-26 {background-color: #ed1e00; color: #FFFFFF !important;}
body.home #menu-item-26 a {color: #FFFFFF !important;}
body.category-news #menu-item-31 a {color: #FFFFFF !important;}
body.category-partners #menu-item-179 a {color: #FFFFFF !important;}
#topbar .content ul.menu a {display: block; height: 42px; padding: 0px 9px; color: #d3d1d1;}
#topbar .content ul.menu a:hover {background-color: #ed1e00; color: #FFFFFF;}
#topbar .content ul li.current_page_item {background-color: #ed1e00; color: #FFFFFF;}
#topbar .content ul li.current_page_item a {color: #FFFFFF;}
#topbar .content ul.follow {list-style: none; float: right;}
#topbar .content ul.follow li {height: 42px; float: left; margin-right: 3px;}

#holder {width: 994px; margin: 0px auto;}

#header {height: 153px;}
#header #logo {width: 153px; float: left; margin-right: 38px;}

#header #back {width: 395px; height: 87px; background-color: #57bbeb; float: left; margin-top: 33px; margin-right: 12px; position: relative;}
#header #back .back {font-size: 20px; color: #FFFFFF; text-transform: uppercase; text-transform: uppercase; position: absolute; left: 13px; top: 22px;}
#header #back .stand {font-size: 20px; color: #000000; position: absolute; left: 13px; top: 46px;}
#header #back .plus {color: #FFFFFF; font-size: 34px; left: 130px; position: absolute; top: 37px;}
#header #back .sofar {width: 78px; height: 59px; background: url(images/background_sofar.jpg) no-repeat; position: absolute; top: 15px; right: 18px; color: #57bbeb; text-align: center; font-size: 13px; font-weight: bold;}
#header #back .sofar p {padding-top: 2px;}
#header #back .sofar .number {font-size: 24px;}

#header #community {width: 395px; height: 87px; background-color: #028c05; float: left; margin-top: 33px; position: relative;}
#header #community span.tournaments {font-size: 20px; color: #FFFFFF; text-transform: uppercase; text-transform: uppercase; position: absolute; left: 13px; top: 22px;}
#header #community .part {font-size: 20px; color: #000000; position: absolute; left: 13px; top: 46px; cursor: pointer;}
#header #community .plus {color: #FFFFFF; font-size: 34px; left: 100px; position: absolute; top: 37px; cursor: pointer;}
#header #community .games {width: 78px; height: 59px; background: url(images/background_games.jpg) no-repeat; position: absolute; top: 15px; right: 18px; color: #028c05; text-align: center; font-size: 13px; font-weight: bold;}
#header #community .games p {padding-top: 2px;}
#header #community .games .number {font-size: 24px;}

#takeastand {height: 134px; position: relative;}
#takeastand .cta {width: 736px; height: 107px; position: absolute; right: 0px; top: 15px; background: url(images/background_takeastand.jpg) no-repeat;}
#takeastand .cta span.back {font-size: 30px; font-weight: bold; color: #FFFFFF; position: absolute; left: 55px; top: 22px;}
#takeastand .cta span.terrorism {font-size: 20px; font-weight: bold; color: #FFFFFF; position: absolute; left: 55px; top: 55px;}
#takeastand .cta a {position: absolute; cursor: pointer; width: 165px; height: 105px; display: block; position: absolute; right: 0px; top: 0px;}

#content {width: 994px; margin-left: -1px;}
#content h1 {font-size: 30px; font-weight: bold; letter-spacing: -0.03em; margin-bottom: 25px;}
#content h2 {font-size: 30px; font-weight: bold; letter-spacing: -0.03em; margin-bottom: 25px;}
#content p {line-height: 20px; margin-bottom: 18px;}
#content .content {padding: 14px;}

#content td {padding-top: 15px; padding-bottom: 15px;}
#content tr {border-bottom: 1px solid #ded9d9;}
#content table input {border: 1px solid #ded9d9; padding: 3px; font: inherit;}
#content table img {margin-right: 15px;}

#content .post {margin-bottom: 30px;}
#content .post h1 {text-transform: none;}
#content .post img {border: 5px solid #eaeced;}
#content .post img.alignleft {margin-right: 15px; margin-bottom: 15px; float: left;}
#content .post h2 {color: #365a9a; text-transform: none !important; font-size: 25px; font-weight: normal; margin-bottom: 14px; line-height: 30px; letter-spacing: -0.03em;}
#content .post img.post_image {float: left; border: 5px solid #eaeced; margin-right: 21px; margin-bottom: 7px;}
#content .post .post_meta {margin-bottom: 7px; height: 32px; float: left;}
#content .post .post_meta span {background-color: #ebeff4; padding: 10px 18px 10px 14px; font-size: 12px; font-style: italic;}
#content .post .post_content {padding-top: 15px;}
#content .post ul {margin-left: 15px; margin-bottom: 30px;}
#content .post li {line-height: 20px; margin-bottom: 6px;}
#content .post h3 {margin-bottom: 30px; letter-spacing: -0.03em;}
#content .post a {color: #375a9c;}
#content .post a:hover {text-decoration: underline;}
#content .post h2#tellusyourstory, #content .post h2.bold {font-weight: bold; color: #000000; text-transform: none; font-size: 30px;}

#content .post ul.blogroll {list-style: none; margin-left: 0px;}
#content .post ul.blogroll li {cursor: pointer; position: relative; width: 323px; margin-right: 7px; float: left; height: 204px; background: url(images/background_partner.jpg) no-repeat;}
#content .post ul.blogroll li img {border: none !important;}
#content .post ul.blogroll li h3 {padding-top: 35px; padding-left: 25px; margin-bottom: 10px;}
#content .post ul.blogroll li p {font-size: 12px; line-height: 25px; color: #333333; padding-left: 25px; padding-right: 30px;}
#content .post ul.blogroll .partner {width: 323px; height: 204px; position: absolute; top: 0px; left: 0px; z-index: 50;}
#content .post ul.blogroll .text {width: 323px; height: 204px; position: absolute; top: 0px; left: 0px; z-index: 25; display: none;}

#content .catpost {margin-bottom: 30px;}
#content .catpost h2 {color: #365a9a; font-size: 25px; font-weight: normal; margin-bottom: 14px; line-height: 30px; letter-spacing: -0.03em;}
#content .catpost h2 a {color: #365a9a;}
#content .catpost h2 a:hover {text-decoration: underline;}
#content .catpost h2 span {font-weight: bold; color: #333333; text-transform: none;}
#content .catpost img.post_image {float: left; border: 5px solid #eaeced; margin-right: 14px;}
#content .catpost .post_meta {margin-bottom: 7px; height: 32px; padding-top: 10px; float: left;}
#content .catpost .post_meta span {background-color: #ebeff4; padding: 10px 18px 10px 14px; font-size: 12px; font-style: italic;}
#content .catpost .post_excerpt {width: 330px; float: left;}

#content .share {width: 70px; float: right;}
#content .tweetmeme_button {margin-bottom: 10px; float: none !important;}
#content .fbshare {margin-right: 5px;}

#content #left {width: 265px; float: left; background-color: #FFFFFF; margin-right: 13px;}
#content #left .content {padding: 14px;}
#content #left .campaign {margin-bottom: 60px;}
#content #left .partners img {margin-bottom: 30px;}
#content #left a {color: #365a9a; font-weight: bold;}
#content #left a:hover {text-decoration: underline;}

#content #middle {width: 410px; float: left; background-color: #FFFFFF; margin-right: 13px;}
#content #middle h1 {}
#content #middle .content {padding: 14px;}
#content #middle .post {margin-bottom: 45px;}
#content #middle .post h3 {color: #365a9a; font-size: 25px; font-weight: normal; margin-bottom: 14px; line-height: 30px; letter-spacing: -0.03em;}
#content #middle .post h3 a {color: #365a9a;}
#content #middle .post h3 a:hover {text-decoration: underline;}
#content #middle .post .post_meta {margin-bottom: 7px; height: 32px;}
#content #middle .post .post_meta span {background-color: #ebeff4; padding: 8px 18px 8px 14px; font-size: 12px; font-style: italic;}
#content #middle .post .post_image {margin-bottom: 20px;}
#content #middle .post .excerpt {width: 305px; float: left;}

#content #right {width: 265px; float: left; background-color: #FFFFFF;}
#content #right .content {padding: 14px;}
#content #right a {color: #365a9a; font-weight: bold;}
#content #right a:hover {text-decoration: underline;}
#content #right .content div {margin-bottom: 14px;}

#content #right .twitter {font-size: 15px; font-weight: bold; text-transform: lowercase;}
#content #right .twitter a {color: #365a9a;}
#content #right .twitter a:hover {text-decoration: underline;}
#content #right .twitter li {margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px solid #8f9193; overflow-x: hidden;}
#content #right .twitter li.tweet2 {margin-bottom: 0px !important; padding-bottom: 0px !important; border-bottom: none;}
#content #right .twitter ul {width: 199px; background-color: #ebeff4; list-style: none; padding: 5px 23px 10px 15px;}
#content #right .twitter .top {width: 237px; background: url(images/background_twittertop.jpg) no-repeat; height: 11px; margin-bottom: 0px !important;}
#content #right .twitter .bottom {width: 237px; background: url(images/background_twitterbottom.jpg) no-repeat; height: 68px; margin-bottom: 0px !important;}

#content #right .twitter .bottom {display: none;}

#content #right .map {border: 3px solid #365a9a;}
#content #right .gm-map {margin-bottom: 0px !important;}

#content #right .share {float: none !important;}

#content #page {width: 688px; float: left; background-color: #FFFFFF; margin-right: 13px;}
#content #page .content {padding: 14px;}

#content .matches-holder {width: 620px; background-color: #eaeced; padding: 10px;}

#content .matches-head {border: 3px solid #FFFFFF; background-color: #182832; color: #FFFFFF; font-weight: bold; padding: 10px; margin-bottom: 5px; font-size: 16px;}
#content .matches-head .location {width: 190px; float: left; margin-right: 15px}
#content .matches-head .when {width: 130px; float: left; margin-right: 15px;}
#content .matches-head .details {width: 230px; float: left;}

#content #matches {overflow-x: hidden; height: 200px; overflow-y: scroll;}
#content #matches .location {width: 190px; float: left; margin-right: 15px;}
#content #matches .when {width: 130px; float: left; margin-right: 15px;}
#content #matches .details {width: 230px; float: left;}
#content #matches .match {background-color: #FFFFFF; border: 3px solid #d4d6d7; padding: 10px 7px 10px 7px; margin-bottom: 3px; color: #365a9a; font-size: 13px;}

#bottom {position: absolute; height: 180px; bottom: 0px; border-top: 1px solid #cccccc; width: 99%; background: url(images/background_footer.jpg) repeat-x bottom left;}
#bottom .content {width: 994px; margin: 0px auto;}
#bottom .social {height: 40px;}
#bottom .social ul {list-style: none;}
#bottom .social ul li {float: left; width: 160px; height: 40px; line-height: 40px; border-right: 1px solid #CCCCCC; text-align: center; vertical-align: middle;}
#bottom .social ul li img {vertical-align: text-bottom; margin-right: 7px;}
#bottom .social ul li:first-child {border-left: 1px solid #CCCCCC;}
#bottom .social a {color: #365a9a; font-size: 12px;}
#bottom .footer {font-size: 12px; padding-top: 25px; margin-bottom: 25px;}
#bottom .footer ul {list-style: none; text-align: center;}
#bottom .footer li {display: inline; margin-right: 10px; padding-right: 10px; border-right: 1px solid #486272}
#bottom .footer li:last-child {border-right: none;}
#bottom .footer a {color: #FFFFFF; text-transform: lowercase;}
#bottom .footer a:hover {text-decoration: underline;}
#bottom .copyright {color: #789bb1; font-size: 12px; text-align: center;}

.gform_wrapper input.medium {border: 1px solid #d9d9d9; font: inherit; padding: 6px 3px; margin-bottom: 14px; width: 229px !important;}
.gform_wrapper textarea.medium {border: 1px solid #d9d9d9; font: inherit; padding: 6px 3px; margin-bottom: 14px;}
.gform_wrapper li.left {width: 237px; float: left;}
.gform_wrapper li.right {width: 237px; float: left; margin-left: 73px;}
.gform_wrapper li#field_1_4 {clear: both;}
.gform_wrapper .gform_footer {padding: 0px 15px 10px !important;}

#dbem_global_map {width: 640px !important;}
#dbem_locations_list {display: none;}
.map #dbem_global_map {width: 237px !important;}

.sbcontent {padding: 25px 25px 0px 25px;}
.sbcontent h2 {font-size: 30px; font-weight: bold; margin-bottom: 20px; letter-spacing: -0.03em;}
.sbcontent h2.sofar {text-transform: uppercase; margin-left: -3px;}
.sbcontent h2.sofar span {color: #ed1e00;}
.sbcontent h3 {font-size: 19px; font-weight: bold; margin-bottom: 25px; letter-spacing: -0.03em;}
.sbcontent label {font-size: 13px; font-weight: normal !important; color: #333333;}
.sbcontent input.medium {width: 180px !important;}
.sbcontent .pledge-name {width: 190px !important; float: left;}
.sbcontent .pledge-email {width: 190px !important; float: left; margin-left: 70px;}
.sbcontent .pledge-birth {clear: both; width: 190px !important; float: left;}
.sbcontent .pledge-gender {width: 190px !important; float: left; margin-left: 70px;}
.sbcontent .pledge-gender li {float: left;}
.sbcontent .pledge-gender label {margin-right: 10px;}
.sbcontent .pledge-town {clear: both;}
.sbcontent input {border: 1px solid #d9d9d9;}
.sbcontent .pledge-terms .gfield_label {display: none !important;}
.sbcontent .pledge-newsletter .gfield_label {display: none !important;}
.sbcontent .gform_footer {padding: 0px !important;}
.sbcontent .pack-name {width: 190px !important; float: left;}
.sbcontent .pack-email {width: 190px !important; float: left; margin-left: 70px;}
.sbcontent .pack-house {clear: both;}
.sbcontent .pack-street {width: 190px !important; float: left;}
.sbcontent .pack-town {width: 190px !important; float: left; margin-left: 70px;}
.sbcontent .pack-county {clear: both; width: 190px !important; float: left;}
.sbcontent .pack-postcode {width: 190px !important; float: left; margin-left: 70px;}
.sbcontent .pack-terms {clear: both;}
.sbcontent .pack-terms .gfield_label {display: none !important;}
.sbcontent .pack-newsletter .gfield_label {display: none !important;}
.sbcontent p {line-height: 20px; font-size: 13px;}

.gfield_error.right {margin-left: 0px !important;}
.gfield_error.pledge-email {margin-left: 0px !important;}
.gfield_error.pledge-name {margin-right: 40px !important;}
.gfield_error.pack-email {margin-left: 43px !important;}

.locationinfo, .storycontent { !important; font-size: 14px !important; color: #333333 !important;}

.nocomments {display: none;}