/*
Theme Name: Chess
Theme URI: http://localhost.loc/
Description: Costom Chess theme for Papatoetoe Chess Club
Author: Alex
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: Chess
*/
* {margin:0;padding:0;font-family:verdana,arial,sans-serif;cursor:default;}
:focus{outline:0;}::-moz-focus-inner{border:0;}
html,body{height:100%;}
body{font-size:90%;background:#B2AD9E url(./background.png) no-repeat fixed 1% 160px;}

a,a * {color:#00F;cursor:pointer;}
a:hover, a:focus {color:#F00;}
a:focus {outline:1px #000 dashed;}
a:active{color:#444;text-shadow:0 0 1px #333;outline:0;}

a img {border:0;}

hr.clear{visibility:hidden;}
.clear{clear:both;}
p{cursor:text;}
pre *,pre{padding:5px;font-size:120% !important;font-family:monospace !important;border:1px #CCC solid;background:#FEFEFE;cursor:text;}

ul,ol{padding-left:34px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote:before,blockquote:after {content:'';content:none;}

/*form things should go here*/
form {}
form input {font-size:90%;}
form input[type=text], form input.txt, form textarea,form input[type*=pass],form input[type=email],form input[type=url],form input[type=number],form input[type=search] {cursor:text;}
form input[type=submit], form input.btn, form label {cursor:pointer;}
form fieldset {}

form.fc1 {}
form.fc1 * {margin:0;padding:0;display:inline;position:static;}
form.fc1 fieldset {display:block;border:0;}
form.fc1 fieldset div {margin:4px 0;display:block;position:relative;}
form.fc1 fieldset div label {position:absolute;display:block;padding:3px;width:110px;cursor:pointer;}
form.fc1 fieldset div input {padding:3px;display:block;width:200px;}
form.fc1 fieldset div input.txt, form.fc1 fieldset div textarea {position:relative;top:0px;left:110px;padding:2px;cursor:text;}


article table{width:100% !important;border-collapse:collapse;}
article table th,
article table td{padding:1px;border:2px #CCC solid;}
article table caption {color:#333;font-size:140%;font-weight:bold;}






@font-face {
	font-family: marketing;
	src: url(fonts/Marketing.ttf);
}



@font-face {
	font-family: lbright;
	src: url(fonts/LBRITEDI.ttf);
}


@font-face {
  font-family: 'form font';
  font-style: normal;
  font-weight: normal;
  src: local('form font'), local('formfont'), url('fonts/forms.woff') format('woff');
}

@font-face {
  font-family: 'Marker';
  font-style: normal;
  font-weight: normal;
  src: local('Marker'), url('fonts/Marker.woff') format('woff');
}



h1 {font-family:Marker;}

.aligncenter {margin:0 auto;text-align:center;}
img.size-full {max-width:100%;height:auto;}


/*basic template*/

	/*container and footer*/
	#container {height:auto !important;height:100%;min-height:100%;}
	#container, #footer {margin:0 auto;position:relative;width:82%;min-width:700px;max-width:1480px;}

	/*keep theese numbers the same for stretching the footer up and down*/
	#contentWrap {padding-bottom:30px !important;}
	#footer {margin-top:-30px;height:30px;}


	/*content areas*/
	#leftContainer,#centerContainer,#rightContainer {float:left;position:relative;height:auto !important;height:2px;min-height:2px;}
	#centerContainer {width:100%;}

		/*left container (left)*/
		#content {margin-left:0;}
		#leftContainer {margin-right:-0;width:0;z-index:2;}

		/*main container (center)*/
		#centerContainer {}

		/*sidebar container (right)*/
		#content {margin-right:180px;}
		#rightContainer {margin-left:-180px;width:180px;}

/*
#rightContainer{background:#AEA;}
#centerContainer {background:#EAA;}
#leftContainer{background:#AAE;}
#contentWrap {background:#EEA;}
#content {background:#AEE;}
*/

/*
#headerText {position:relative;height:100px;background:url(./logo.png) no-repeat 0px 0px;}
#skip_to_content {display:none;}
#headerText h1 {padding:5px 0px 0px 108px;width:512px;height:70px;}
#headerText h1 a {display:block;padding:0px 0px 0px 8px;width:450px;height:65px;text-decoration:none;color:#FFFFFF;border-left:1px #FFFFFF solid;text-shadow:0 2px 1px #000000;}
#headerText h2 {position:absolute;top:42px;left:121px;font-weight:normal;font-size:17px;}

*/




#headerText {position:relative;height:120px;background:url(./logo.png) no-repeat 10px 10px;}
#skip_to_content {display:none;}
#headerText h1 {padding:25px 0px 0px 108px;width:512px;}
#headerText h1 a {display:block;padding:0px 0px 0px 8px;width:450px;height:65px;text-decoration:none;color:#FFFFFF;border-left:1px #FFFFFF solid;text-shadow:0 2px 1px #000000;}
#headerText h2 {position:absolute;top:65px;left:121px;font-weight:normal;font-size:17px;pointer-events:none;}
#headerText img {display:none;position:absolute;top:10px;left:10px;width:81px;height:97px;}

/*
#headerText h1 {background:#FFA;}
#headerText h1 a {background:#AFA;}
#headerText h2 {background:#EFF;}
*/



/*Nav supports up to 2 (or even more in !IE browsers etc) levels deep*/
#nav {height:24px;}
#nav ul {list-style:none;padding:0;}
#nav > ul {position:relative;top:4px;left:0px;}
#nav > ul li.current-menu-item,
#nav > ul li.current_page_item {top:2px;}
#nav ul li {position:relative;float:left;margin-right:4px;}
#nav ul ul {display:none;position:absolute;width:180px;border:1px #E8E8E8 solid;background:#FAFAFA;z-index:50;}
#nav ul ul.left {right:0px;}#nav ul ul.left a {text-align:right;}
#nav ul ul li {display:block;float:none;margin:0;}

#nav li a {position:relative;padding:3px 8px;font-size:100%;text-decoration:none;color:#4D4D4D;border:1px #CCC solid;border-bottom:0;background:#FFFFFF;}
#nav ul ul li a {position:static;display:block;margin:2px;padding:2px 2px 2px 7px;border:1px #EFEFEF solid;}
#nav ul ul ul {top:-3px;left:180px;}
#nav ul ul.left ul {top:-3px;left:-180px;}


#nav ul ul li a:hover {border:1px #CCC solid;}
#nav a:hover, #nav li.current_page_item a {color:#000000;}

#nav ul li:hover > ul {display:block;}



/*actual page content*/
#contentWrap {background:#FFFFFF;}

#content h1 {margin:25px 45px;font-size:140%;}
#puzzleframe {overflow:hidden;width:310px;height:341px;border:0;}
#puzzleframe,
#content p {margin:15px 50px;}

#content {background-color:#FFF;}
#content article {margin:4px 14px 4px 4%;position:relative;background:#FFF;}
#content article h1 {margin:20px 4% 0px 0px;font-size:150%;}
#content article h1 a {display:inline;margin:0px;color:#645E4F;letter-spacing:-1px;text-decoration:none;}
#content article header time {margin:0px 2%;padding:0.5em 1px 0.1em 1px;position:relative;left:-1px;font-size:80%;color:#313131;border-bottom:1px #CCC solid;}
#content article header time a {text-decoration:none;}
#content article p {margin:8px 1%;font-size:100%;line-height:20px;}
#content article dl,
#content article ul,
#content article ol {padding:8px 4%;}

#content article footer {margin:10px 2% 0px 2%;font-size:70%;color:#313131;}
#content article footer div {display:inline;}
#content article footer div:after {margin:0 5px 0 7px;content:'|';color:#CCC;}
#content article footer ul,#content article footer li {margin:0px !important;padding:0px !important;list-style:none;display:inline;}
#content article footer li:after {content:',';}#content article footer li:last-of-type:after, #content article footer div:last-of-type:after {content:'' !important;content:none;}


#content span.page-separate-counter {display:block;position:relative;top:20px;text-align:center;font-size:10px;color:#777;}



/*pagination for posts page*/
#posts_page_pageinator {margin:20px 0;}
#posts_page_pageinator div {width:50%;height:auto !important;height:8px;min-height:8px;float:left;}
#posts_page_pageinator div a {padding:0 12px;text-decoration:none;}
#posts_page_pageinator div.nav-next {text-align:right;}

/*this is why i should stop using id's and class all the things*/
.nice-button,
#posts_page_pageinator input.button {display:block;width:95%;height:auto;margin:5px auto;padding:5px;border:1px #555 solid;-moz-border-radius:6px;border-radius:6px;cursor:pointer;font-weight:bold;font-size:13px;color:#FFF;text-align:center;text-decoration:none;text-shadow:1px 1px 0px #000;outline:0;}
.nice-button:active,
#posts_page_pageinator input.button:active {color:#FFF;background:#B2AD9E;text-shadow:none;}

.nice-button:hover {color:#FFF;}

.nice-button::-moz-selection {background:transparent;}
.nice-button::selection {background:transparent;}

.nice-button-select {display:inline-block;margin:8px;width:auto;vertical-align:middle;}



#contactform {}
#contactform fieldset {margin:20px 5%;padding:20px 0px;border:2px #CCC solid;-moz-border-radius:15px;}
#contactform fieldset legend {margin-left:50px;padding:0px 5px;}
#contactform fieldset legend, #contactform label {font-size:80%;}
#contactform label,#contactform input,#contactform textarea {display:block;width:100%;}
#contactform input,#contactform textarea {padding:5px 8px;font-size:15px;font-family:'form font';border:1px #CCC solid;}
#contactform fieldset div {margin:5px 10px;}



/*Side bar contents*/
#rightContainer {}


#rightContainer div.item {margin-bottom:20px;padding:10px 5px 0 0;}
#rightContainer div.item h3 {padding-bottom:5px;font-size:110%;font-weight:bold;}

#rightContainer div.item a.next-week-calendar {display:block;width:100%;text-align:center;line-height:180%;color:black;text-decoration:none;}
#rightContainer div.item a.next-week-calendar:hover {outline:1px #000 dashed;}
#rightContainer div.item a.next-week-calendar strong {color:blue;}
#rightContainer div.item a.next-week-calendar span {color:black;}
#rightContainer div.item a.next-week-calendar:hover span {color:red;}


/*search*/
#searchform {padding:0px 2px;}
#searchform label {display:none;}
#searchform div {
position:relative;
width:170px;
height:22px;
border:1px #CCCCCC solid;
}
#searchform div input.focus {color:#000000;}
#searchform div input.blur {color:#777777;}

#s, #searchsubmit {position:absolute;padding:0;height:22px;font-size:10pt;border:0;background:transparent;}
#s {left:0px;padding-left:5px;width:143px;}
#searchsubmit {
left:148px;
width:22px;
text-indent:-9999px;
background:transparent url(./magnifying-glass.gif) no-repeat 2px 4px;
}




/*future for the table containing the calender*/
#calendar_wrap table {}
#calendar_wrap table a {text-decoration:none;}
#calendar_wrap table *::-moz-selection {background:transparent;}
#calendar_wrap table, #calendar_wrap td, #calendar_wrap th {border-collapse:collapse;}

#calendar_wrap caption {font-size:105%;}

#calendar_wrap thead th {text-align:center !important;border-bottom:1px #000000 solid;cursor:help;}

#calendar_wrap thead th, #calendar_wrap tbody td {padding:1px 2px;text-align:right;border-left:1px #000000 solid;}
#calendar_wrap thead th:first-of-type, #calendar_wrap tbody td:first-of-type {border-left:0;}
#prev, #next {text-align:center;}#prev a, #next a {text-decoration:none;}
#today {text-decoration:underline;text-shadow:0 1px 1px #888;}





/*#footer*/
#footer {background:#FFFFFF;}
#footer strong.title {position:absolute;bottom:7px;left:5px;font-size:90%;letter-spacing:-1px;}
#footer strong.title a {text-decoration:none;color:#AAA;}
#footer address {padding:5px 0px 0px 0px;text-align:center;font-style:normal;border-top:1px #CCC solid;}
#footer small {font-size:70%;color:#212121;}









/*specials*/
	/*rounded's for the nav-menu*/
	#nav li a {-moz-border-radius:7px 7px 0px 0px;}
	#nav ul ul a {-moz-border-radius:0px;}

	/*rounded border for the search-bar*/
	#searchform div, #contactform input, #contactform textarea {-moz-border-radius:6px;}



/*form inputs*/

input, textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.loading {
display:block;
padding:0;
margin:10px auto;
width:80%;
height:35px;
text-align:center;
font-size:11px;
background:url(loading-bar.gif) no-repeat center 12px;
}



.horizontal-rule {
display:block;
margin:20px auto;
height:1px !important;
border:0 !important;
width:90%;
line-height:0;
background:-moz-linear-gradient(left,rgba(216,216,216,0) 0%,rgba(216,216,216,1) 25%,rgba(216,216,216,1) 75%,rgba(216,216,216,0) 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(216,216,216,0)),color-stop(25%,rgba(216,216,216,1)),color-stop(75%,rgba(216,216,216,1)),color-stop(100%,rgba(216,216,216,0)));
background:-webkit-linear-gradient(left,rgba(216,216,216,0) 0%,rgba(216,216,216,1) 25%,rgba(216,216,216,1) 75%,rgba(216,216,216,0) 100%);
background:-o-linear-gradient(left,rgba(216,216,216,0) 0%,rgba(216,216,216,1) 25%,rgba(216,216,216,1) 75%,rgba(216,216,216,0) 100%);
background:-ms-linear-gradient(left,rgba(216,216,216,0) 0%,rgba(216,216,216,1) 25%,rgba(216,216,216,1) 75%,rgba(216,216,216,0) 100%);
background:linear-gradient(left,rgba(216,216,216,0) 0%,rgba(216,216,216,1) 25%,rgba(216,216,216,1) 75%,rgba(216,216,216,0) 100%);
}


.nice-button,
#posts_page_pageinator input.button {
background:#A69F8E;
background:-moz-linear-gradient(top, #b2ad9e 0%, #a69f8e 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2ad9e), color-stop(100%,#a69f8e));
background:-webkit-linear-gradient(top, #b2ad9e 0%,#a69f8e 100%);
background:-o-linear-gradient(top, #b2ad9e 0%,#a69f8e 100%);
background:-ms-linear-gradient(top, #b2ad9e 0%,#a69f8e 100%);
background:linear-gradient(to bottom, #b2ad9e 0%,#a69f8e 100%);
}









@media print {

* {float:none !important;text-shadow:none !important;-moz-box-shadow:none !important;background:transparent !important;}

a {color:#000080 !important;text-decoration:none !important;}

#headerText {position:relative;height:120px;background:url(./logo-print.png) no-repeat 10px 10px !important;}
#headerText h1 a {color:#000000 !important;border:0 !important;}
#headerText img {display:block !important;}


#nav,
#leftContainer,
#rightContainer,
.slider-wrapper,.theme-default,.nivoSlider,#home_page_image_slider,
#posts_page_pageinator {display:none !important;}


#container, #footer {width:100% !important;}

#content {margin:0 !important;}
#content article header a,
#content article footer a {color:#000000 !important;text-decoration:none !important;}
#content .content a:after {content:" (" attr(href) ") " !important;font-size:90% !important;}


form {display:none !important;}

#footer {position:fixed !important;bottom:-4px !important;display:block !important;height:22px !important;text-align:center !important;}
#footer *,
#footer strong a,
#footer strong {display:inline !important;font-weight:normal !important;color:#000000 !important;position:static !important;font-size:10px !important;border:none !important;}
#footer address a {display:none !important;}

}



iframe.chess_replay {width:100%;border:0;overflow:hidden;}