/* 
	Classy yet somehow fancy
	table style created by Radu Bilei
	for Chris Heilmann's CSS Table Gallery
	http://twitter.com/radubilei
	http://icant.co.uk/csstablegallery
*/

table.mytable,table.mytable th,table.mytable td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}
table.mytable		{	background:black;  width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3)}
caption		{	text-align:left; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:#000000}

table.mytable thead, 
table.mytable tfoot			{	color:white; }

table.mytable thead th				{	padding:0.5em 1em; text-transform:uppercase; text-align:left; }
table.mytable thead th:first-child	{	width:20em; text-align:left; }

table.mytable tbody td,
table.mytable tbody th				{	font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; vertical-align:top }
table.mytable tbody th				 { color: #222; background-image: url("http://www.cybrjakk.net/css/images/tabel.png"); background-repeat: repeat-y; text-align: left; border-right: 1px solid #ccc }
table.mytable tbody td:last-child		{	border-right:1px solid #000000}

table.mytable tbody tr.odd th, 
table.mytable tbody tr.odd td			{	background-color:#eee; color:#222}

table.mytable tfoot td,
table.mytable tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
table.mytable tfoot th				{	text-align:left}

table.mytable a:link	{	line-height:1em; color:#000000; display:inline-block; padding:3px 7px; margin:-3px -7px}
table.mytable a:visited	{	color:#555}
table.mytable a:hover	{	text-decoration:none; background:#000000; color:#ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}

table.mytable ::-moz-selection{	background:#202020; color:#ffffff}
table.mytable ::selection		{	background:#202020; color:#ffffff}

table.mytable thead ::-moz-selection, 
table.mytable tfoot ::-moz-selection	{	background:#ffffff; color:#202020}
table.mytable thead ::selection, 
table.mytable tfoot ::selection		{	background:#ffffff; color:#202020}

#social {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #ccc;
	padding:15px 0 20px 0;
}
#social h2 {
	padding:0 0 10px 3%;
	margin:0;
}
#social ul {
	margin:0;
	padding:0 0 0 3%;
	list-style:none;
}
#social ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	width:74px;
	height:64px;
}
#social ul li a {
	display:block;
	float:left;
	width:64px;
	height:64px;
	background:transparent url(http://www.cybrjakk.net/CMN/Issue/images/social/social-thumb.gif) top left no-repeat;
}
#social ul li a:hover {
	background:transparent url(http://www.cybrjakk.net/CMN/Issue/images/social/social-thumb.gif) bottom left no-repeat;
}
#idelicious {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/delicious.gif) top left no-repeat;
}
#iflickr {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/flickr.gif) top left no-repeat;
}
#itwitter {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/twitter.gif) top left no-repeat;
}
#istumbleupon {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/stumbleupon.gif) top left no-repeat;
}
#iyoutube {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/youtube.gif) top left no-repeat;
}
#ilastfm {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/lastfm.gif) top left no-repeat;
}
#ilinkedin {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/linkedin.gif) top left no-repeat;
}
#idigg {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/digg.gif) top left no-repeat;
}
#ireddit {
	background:#efefef url(http://www.cybrjakk.net/CMN/Issue/images/social/reddit.gif) top left no-repeat;
}
#social ul li a span {
	display:none;
}
#mercontainer {
	clear:both;
	float:left;
	width:100%;
	padding-top:.5em;
}
#mercol1 {
	float:left;
	width:90%;
	position:relative;
	left:3%;
	overflow:hidden;
	padding-bottom:20px;
}
#merhome h1 {
	margin-top:45px;
}
ul.merch {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
#merhome ul.merch {
	margin:20px 0 0 0;
}
ul.merch li {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}
ul.merch li.left {
	clear:left;
	float:left;
	width:47%;
	position:relative;
	overflow:hidden;
}
ul.merch li.right {
	clear:right;
	float:right;
	width:47%;
	position:relative;
	overflow:hidden;
}
ul.merch li a {
	display:block;
	text-decoration:none;
	border:1px solid #ddd;
	background-color:#fff;
	color:#000;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-position:96% center;
	background-repeat:no-repeat;
	padding:0;
	overflow:hidden;
	position:relative;
}
ul.merch li a:hover {
	border:1px solid #000;
	background-color:#fff;
	color:#000;
	background-position:96% center;
	background-repeat:no-repeat;
}
ul.merch li a span {
	display:block;
	margin:0;
	padding:0;
	background:#dddddd;
	width:100%;
	position:relative;
	right:120px;
	min-height:120px;
}
ul.merch li a:hover span {
	background:#000;
	color:#fff;
}
ul.merch li a span strong {
	display:block;
	padding:10px 10px 5px 130px;
	cursor:pointer;
}
ul.merch li a span em {
	display:block;
	padding:5px 10px 10px 130px;
	cursor:pointer;
}