/*

Theme Name: Musketeer Chess Theme 

Author: jerome choain

Author URI: http://jcfrog.com

Description: Musketeer chess site main theme

*/

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, img, ins, kbd, q, s, samp,
small, strike, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




* {
  margin:0;
  padding:0;
  text-decoration:none;
  color:black;
}

body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 16px;
    padding : 0;
    margin : 0;
}


body {background:#ffffff;}
h1,h2 {color:#555;}
a {color:#DDAA88}

h2,h3,h4,h5,p,ul,ol {
	margin-bottom : 1rem;
}
li {
	margin-left : 1rem ;	
}

.container {
  margin:0 auto;
  max-width:900px;
}
.header {
  background:#E9E3CB;
  border-top:7px solid #FFCC00;
  margin-bottom:20px;
  padding-top:10px;
}
#header-logo {
	background-image : url(assets/images/logo-header.jpg);
	width:277px;
	height:95px;
	margin : 0 auto ;
	cursor : pointer ;
}

/*.header h1 {
  color:#CC3030;
  font-size:40px;
  margin:10px 0;
}
.header h2 {
  color:#FF9090;
  font-size:24px;
}*/

.content p {
	margin-bottom : 1rem ;
	line-height : 1.4rem;
}

.content {
  display:inline-block;
  width:100%;
}

.content img {
	max-width : 100%;
}

.menu li {
  border-right:1px solid #DDD;
  display:inline-block;
  padding:10px;
  list-style:none;
}

.menu li:last-child {border:none;}
.menu a {color:#555;}
.current-menu-item , .current_page_item{background :#fff;}

.widgets {
  display:inline-block;
  width:200px;
  vertical-align:top;
}
.widgets li {list-style:none;}
.widgets aside {
  background:#FFF;
  border-radius:3px;
  box-shadow:0 2px 6px -2px #999;
  margin:0 0 15px;
  padding:15px;
}
.widgets aside h1 {
  border-bottom: 1px dashed #CCC;
  color:#555;
  margin-bottom:10px;
  font-size:18px;
}

.post {
  background:#FFF;
  border-radius:3px;
  /* box-shadow:0 2px 6px -2px #999; */
  margin:0 10px 15px;
  padding:0 70px;
}
.post h1 {
	margin-bottom: 15px;
	text-align : center;
	font-size: 1.4rem;
	font-variant: all-petite-caps;
}

.comment-respond {
  border-top:1px solid #DDD;
  font-size:14px;
  margin:20px 5px;
  padding-top:10px;
}
.comment-form-comment > label {
	display : none ;
}
footer {
  text-align:center;
  font-size:12px;
  border-top:1px solid #E0E0E0;
  margin-top:20px;
  padding:10px 0;
  background:#E9E3CB;
  border-bottom:3px solid #FFCC00;
  
}



/* games */

.game-item {
    float: left;
    width: 30%;
    min-width: 150px;
    border-radius: 0px;
    border-style: solid;
    border-color : #fff !important;
    border-width: 1px;
    margin : 1% ;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.2);
}

.game-item h2{
font-size: .8rem;
background: #E9E3CB;
padding: 14px 0;
letter-spacing: .1px;
border-bottom: 3px solid #FFCC00;
}
.game-item p{
    margin: 4px 0;
		text-align: center !important;
}

.game-item-button {
    padding : 5px;
    border-radius : 3px;    
}
a.game-item-button {
	text-decoration: none !important;
	padding: 1px 6px;
	margin: 0 2px;
	min-width: 30%;
	display: inline-block;
}

.game-item-button-grey{
    background: #656565;
    color: white;  
}
.game-item-button-green{
    background: #6dd400;
    color: white;  
}


img.game-icon{
    width : 80px;
    height : 80px;
    border-radius: 50%;
    border-style: solid;
    border-color: #bbb; 
	border-width : 2px;
padding: 0 !important;
margin: 0 !important;
}


.social-but {
	width : 1.5rem ;
	height : 1.5rem ;
	background-size : contain ;
	display : inline-block ;
}
.social-but-twitter {
	background-image : url(assets/images/twitter.png);
}
.social-but-fb {
	background-image : url(assets/images/facebook.png);
}
.social-but-yt {
	background-image : url(assets/images/youtube.png);
}
/* responsive adjustments */
body.mobile {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/

@media screen and (max-width: 768px) {
	.game-item {
	    width: 47%;
	}
}
@media screen and (max-width: 520px) {
	.post {
		padding : 0 ;
	}
	.game-item {
	    width: 90%;
	}
}


.aligncenter{
	display : block ;
	text-align: center;	
}
img.aligncenter{
	margin : auto ;
}

.alignright {
	float: right;
	text-align: right;
}

hr.inter-posts {
  width: 150px;
  text-align: center;
  margin: 0 auto;
  border-top: 1px solid gray;
  border: none;
  border-top: 1px solid #e9e3cb;
}

/* comments */
.fn{
  font-weight: bold;
}
.comment-meta.commentmetadata {
  font-size: 12px;
  padding : 5px 0 ;
}

.comment-body {
  padding : 5px 0 ;
}
.reply {
  padding: 5px 0;
  font-size: 12px;
  font-weight: bold;
}
#comment {
  width: 100%;
}