/*Styling the graphic bookmark page*/

.bookmarks-gallery {
	background: #242D36;
	text-align: center;
	margin: 0 auto;
}
.bookmarks-gallery img {
	width: 150px;
	height: 150px;
	margin: 24px 8px 15px 8px;
}

.wp-smiley {
        padding-left:1px;
        padding-bottom:1px;
}

.comment .comment-content {
	overflow:hidden;
	margin-bottom:4px;
        margin-right:30px;
}

.diagram .header { 
	font-size: smaller; 
	margin-left: 0.25em; 
	margin-right: 0.25em; 
	margin-bottom: 0; 
	margin-top: auto; 
	padding: 0.25em; 
	border: 0.1em outset; 
	width: 6.5em; 
	float: left; 
	background: #FFFFFF; 
} 

.diagram { 
	width: 21em; 
} 

.diagram .hand { 
	width: 7em; 
} 

.diagram .south , .diagram .north { 
	margin-left: 7em; 
} 

.diagram .north { 
	padding-bottom: 1ex; 
} 

.diagram .south { 
	clear: both; 
	padding-top: 1ex; 
} 

.diagram .west { 
	float: left; 
	clear: left; 
} 

.diagram .east { 
	float:right; } 
	
.hand .seatname { 
	margin-left: 1em; 
	font-size: smaller; 
	font-style: italic; 
} 

.hand {
  padding-bottom: 14px;
}

.holding:before { 
        display: inline; 
}     

.spade { 
background-image: url(http://www.vikingsinspace.nl/S.gif); 
background-position: center left;
background-repeat: no-repeat;
position:relative;
padding-left: 15px
}

.heart { 
background-image: url(http://www.vikingsinspace.nl/H.gif); 
background-position: center left;
background-repeat: no-repeat;
position:relative;
padding-left: 15px
}

.diamond { 
background-image: url(http://www.vikingsinspace.nl/D.gif); 
background-position: center left;
background-repeat: no-repeat;
position:relative;
padding-left: 15px
}

.club { 
background-image: url(http://www.vikingsinspace.nl/C.gif); 
background-position: center left;
background-repeat: no-repeat;
position:relative;
padding-left: 15px
}

.bidding_diagram {
  margin-bottom: 50px;
  width: 75%;
}

.bidline {
  clear: both;
}

.bidlineheader {
  clear: both;
  font-weight: bold;
}

.bid {
  /* border: solid transparent 1px; */
  /* width: 3.5em; */
  width: 25%;
  float: left;
  /* margin-right: .5em; */
}

.mark {
  font-size: 70%;
  /*vertical-align: top; */
  vertical-align: top;
  font-style: italic;
}

.mark_low {
  font-size: 70%;
  vertical-align: bottom;
  font-style: italic;
}

@media only all and (max-width: 400px) {
body {
background-color: white !important;
}
}