.grid {
  list-style: none;
  margin-left: -20px; }
  .grid > .grid__col--2-of-2, .grid > .grid__col--3-of-3, .grid > .grid__col--4-of-4, .grid > .grid__col--5-of-5, .grid > .grid__col--6-of-6, .grid > .grid__col--8-of-8, .grid > .grid__col--12-of-12 {
	  width: 100%; }
  .grid > .grid__col--1-of-2, .grid > .grid__col--2-of-4, .grid > .grid__col--3-of-6, .grid > .grid__col--4-of-8, .grid > .grid__col--6-of-12 {
    width: 50%; }
  .grid > .grid__col--1-of-3, .grid > .grid__col--2-of-6, .grid > .grid__col--4-of-12 {
    width: 33.33333%; }
  .grid > .grid__col--2-of-3, .grid > .grid__col--4-of-6, .grid > .grid__col--8-of-12 {
    width: 66.66667%; }
  .grid > .grid__col--1-of-4, .grid > .grid__col--2-of-8, .grid > .grid__col--3-of-12 {
    width: 25%; }
  .grid > .grid__col--3-of-4, .grid > .grid__col--6-of-8, .grid > .grid__col--9-of-12 {
    width: 75%; }
  .grid > .grid__col--push-2-of-2, .grid > .grid__col--push-3-of-3, .grid > .grid__col--push-4-of-4, .grid > .grid__col--push-5-of-5, .grid > .grid__col--push-6-of-6, .grid > .grid__col--push-8-of-8, .grid > .grid__col--push-12-of-12 {
    margin-left: 100%; }
  .grid > .grid__col--push-1-of-2, .grid > .grid__col--push-2-of-4, .grid > .grid__col--push-3-of-6, .grid > .grid__col--push-4-of-8, .grid > .grid__col--push-6-of-12 {
    margin-left: 50%; }
  .grid > .grid__col--push-1-of-3, .grid > .grid__col--push-2-of-6, .grid > .grid__col--push-4-of-12 {
    margin-left: 33.33333%; }
  .grid > .grid__col--push-2-of-3, .grid > .grid__col--push-4-of-6, .grid > .grid__col--push-8-of-12 {
    margin-left: 66.66667%; }
  .grid > .grid__col--push-1-of-4, .grid > .grid__col--push-2-of-8, .grid > .grid__col--push-3-of-12 {
    margin-left: 25%; }
  .grid > .grid__col--push-3-of-4, .grid > .grid__col--push-6-of-8, .grid > .grid__col--push-9-of-12 {
    margin-left: 75%; }
  .grid > .grid__col--pull-2-of-2, .grid > .grid__col--pull-3-of-3, .grid > .grid__col--pull-4-of-4, .grid > .grid__col--pull-5-of-5, .grid > .grid__col--pull-6-of-6, .grid > .grid__col--pull-8-of-8, .grid > .grid__col--pull-12-of-12 {
    margin-left: -100%; }
  .grid > .grid__col--pull-1-of-2, .grid > .grid__col--pull-2-of-4, .grid > .grid__col--pull-3-of-6, .grid > .grid__col--pull-4-of-8, .grid > .grid__col--pull-6-of-12 {
    margin-left: -50%; }
  .grid > .grid__col--pull-1-of-3, .grid > .grid__col--pull-2-of-6, .grid > .grid__col--pull-4-of-12 {
    margin-left: -33.33333%; }
  .grid > .grid__col--pull-2-of-3, .grid > .grid__col--pull-4-of-6, .grid > .grid__col--pull-8-of-12 {
    margin-left: -66.66667%; }
  .grid > .grid__col--pull-1-of-4, .grid > .grid__col--pull-2-of-8, .grid > .grid__col--pull-3-of-12 {
    margin-left: -25%; }
  .grid > .grid__col--pull-3-of-4, .grid > .grid__col--pull-6-of-8, .grid > .grid__col--pull-9-of-12 {
    margin-left: -75%; }
  .grid > .grid__col--1-of-5 {
    width: 20%; }
  .grid > .grid__col--push-1-of-5 {
    margin-left: 20%; }
  .grid > .grid__col--pull-1-of-5 {
    margin-left: -20%; }
  .grid > .grid__col--2-of-5 {
    width: 40%; }
  .grid > .grid__col--push-2-of-5 {
    margin-left: 40%; }
  .grid > .grid__col--pull-2-of-5 {
    margin-left: -40%; }
  .grid > .grid__col--3-of-5 {
    width: 60%; }
  .grid > .grid__col--push-3-of-5 {
    margin-left: 60%; }
  .grid > .grid__col--pull-3-of-5 {
    margin-left: -60%; }
  .grid > .grid__col--4-of-5 {
    width: 80%; }
  .grid > .grid__col--push-4-of-5 {
    margin-left: 80%; }
  .grid > .grid__col--pull-4-of-5 {
    margin-left: -80%; }
  .grid > .grid__col--1-of-6 {
    width: 16.66667%; }
  .grid > .grid__col--push-1-of-6 {
    margin-left: 16.66667%; }
  .grid > .grid__col--pull-1-of-6 {
    margin-left: -16.66667%; }
  .grid > .grid__col--5-of-6 {
    width: 83.33333%; }
  .grid > .grid__col--push-5-of-6 {
    margin-left: 83.33333%; }
  .grid > .grid__col--pull-5-of-6 {
    margin-left: -83.33333%; }
  .grid > .grid__col--1-of-8 {
    width: 12.5%; }
  .grid > .grid__col--push-1-of-8 {
    margin-left: 12.5%; }
  .grid > .grid__col--pull-1-of-8 {
    margin-left: -12.5%; }
  .grid > .grid__col--3-of-8 {
    width: 37.5%; }
  .grid > .grid__col--push-3-of-8 {
    margin-left: 37.5%; }
  .grid > .grid__col--pull-3-of-8 {
    margin-left: -37.5%; }
  .grid > .grid__col--5-of-8 {
    width: 62.5%; }
  .grid > .grid__col--push-5-of-8 {
    margin-left: 62.5%; }
  .grid > .grid__col--pull-5-of-8 {
    margin-left: -62.5%; }
  .grid > .grid__col--7-of-8 {
    width: 87.5%; }
  .grid > .grid__col--push-7-of-8 {
    margin-left: 87.5%; }
  .grid > .grid__col--pull-7-of-8 {
    margin-left: -87.5%; }
  .grid > .grid__col--1-of-12 {
    width: 8.33333%; }
  .grid > .grid__col--push-1-of-12 {
    margin-left: 8.33333%; }
  .grid > .grid__col--pull-1-of-12 {
    margin-left: -8.33333%; }
  .grid > .grid__col--2-of-12 {
    width: 16.66667%; }
  .grid > .grid__col--push-2-of-12 {
    margin-left: 16.66667%; }
  .grid > .grid__col--pull-2-of-12 {
    margin-left: -16.66667%; }
  .grid > .grid__col--5-of-12 {
    width: 41.66667%; }
  .grid > .grid__col--push-5-of-12 {
    margin-left: 41.66667%; }
  .grid > .grid__col--pull-5-of-12 {
    margin-left: -41.66667%; }
  .grid > .grid__col--7-of-12 {
    width: 58.33333%; }
  .grid > .grid__col--push-7-of-12 {
    margin-left: 58.33333%; }
  .grid > .grid__col--pull-7-of-12 {
    margin-left: -58.33333%; }
  .grid > .grid__col--10-of-12 {
    width: 83.33333%; }
  .grid > .grid__col--push-10-of-12 {
    margin-left: 83.33333%; }
  .grid > .grid__col--pull-10-of-12 {
    margin-left: -83.33333%; }
  .grid > .grid__col--11-of-12 {
    width: 91.66667%; }
  .grid > .grid__col--push-11-of-12 {
    margin-left: 91.66667%; }
  .grid > .grid__col--pull-11-of-12 {
    margin-left: -91.66667%; }
  .grid .grid__col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: -.25em;
    min-height: 1px;
    padding-left: 20px;
    vertical-align: top; }
    @media (max-width: 700px) {
      .grid .grid__col {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: auto; } }
    @media (max-width: 700px) and (min-width: 480px) {
      .grid .grid__col[class*="grid__col--m-"] {
        display: inline-block;
        margin-right: -.24em; }
      .grid .grid__col.grid__col--m-1-of-2, .grid .grid__col.grid__col--m-2-of-4 {
        width: 50%; }
      .grid .grid__col.grid__col--m-1-of-3 {
        width: 33.33333%; }
      .grid .grid__col.grid__col--m-2-of-3 {
        width: 66.66667%; }
      .grid .grid__col.grid__col--m-1-of-4 {
        width: 25%; }
      .grid .grid__col.grid__col--m-3-of-4 {
        width: 75%; } }
    @media (max-width: 480px) {
      .grid .grid__col[class*="grid__col--s-"] {
        display: inline-block;
        margin-right: -.24em; }
      .grid .grid__col.grid__col--s-1-of-2, .grid .grid__col.grid__col--s-2-of-4 {
        width: 50%; }
      .grid .grid__col.grid__col--s-1-of-3 {
        width: 33.33333%; }
      .grid .grid__col.grid__col--s-2-of-3 {
        width: 66.66667%; }
      .grid .grid__col.grid__col--s-1-of-4 {
        width: 25%; }
      .grid .grid__col.grid__col--s-3-of-4 {
        width: 75%; } }
  .grid .grid__col--centered {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .grid .grid__col--d-first {
    float: left; }
  .grid .grid__col--d-last {
    float: right; }
  .grid.grid--no-gutter {
    margin-left: 0;
    width: 100%; }
    .grid.grid--no-gutter .grid__col {
      padding-left: 0; }
    .grid.grid--no-gutter .grid__col--span-all {
      margin-left: 0;
      width: 100%; }
  .grid .grid__col--ab {
    vertical-align: bottom; }
  .grid .grid__col--am {
    vertical-align: middle; }

html *
{
  font-family: Tahoma !important;
	color:#444;
	line-height:1.30em;
}

p, div, td, th, span, button, input, textarea, option {
   	font-size: 13pt;
}

input, textarea {
	padding:0.5em;
}

h1#page-title, h1#center-title {
	margin:20px 10px 0px 20px;
}

	h1#center-title {
		text-align:center;	
	}

body {
	margin:0 auto;
	background-color:#000;
}

button {
	background-color: #735383;
	color: #fff;
	border:solid 1px #000;
	border-radius: 4px;
	padding:0.8em;
	text-align:center;
	cursor:pointer;	
}

a { color:#b70101;	
}

.at4-count * {
  line-height:1em;
}

#fixedbit {
	width:100%;
	z-index:1;
	top:0px;
}

#site-title {
	background-color:#58286F;
	width:100%;
}

#site-title img {
	display:block;
	margin:0 auto;
	padding:10px;
	width:75%;
	height:auto;
}

#padder { 
	display:block;
	margin-bottom:70px;
	width:75%;
	height:auto;
	display:none;
	
}


nav.topnav {
	background-color:#735383;
  min-height:44px;
}

nav.topnav ul {
	list-style-type: none;
    padding: 0.5%;
    margin: 0px;
}

#hamburger {
	display:none;
	float:left;
	max-width:44px;
}

		#searchfield::-webkit-search-cancel-button {
			-webkit-appearance: none;
			height: 18px;
			width: 18px;			
			background: url("../Images/xdelete_desktop2.png");
		}
		
#searchbox {
			padding:0.5%;
			overflow:hidden;
}

#member-login { text-align:center; line-height:2.5em;}
#menu {
	padding-left:20px; 
	line-height:2.5em;
}

#slide-menu {
	display:none;
	z-index:999;
	position:absolute;
	background:#fff;
	border:solid 1px #000;
	padding:1em 5em 2em 1em;
	font-size:18pt;
	margin-top:0px;
	list-style-type:none;
	box-shadow: 5px 5px 26px #666;
}

#slide-menu li a {	
	white-space:nowrap;
}

#member-loggedin {line-height:2.5em; text-align:center;}
#menu li a, #member-login li a, #member-loggedin li a  {
	color:#fff;	
	text-decoration:none;	
}
#member-avatar {
	width:24px;
	height:24px;
	vertical-align: middle;
	margin: 0px 8px 0px 8px;
}


#menu li a:hover, #member-login li a:hover, #member-loggedin li a:hover { 
	text-decoration: underline;
}

nav.topnav ul li {
	display:inline;
	color: #fff;
}

ul#menu li:not(:last-child):after, 
ul#member-login li:not(:last-child):after,
ul#member-loggedin li:not(:last-child):after {

	content: ' | ';
}

#member-icon {
	display:none;
}

#container {
	max-width: 1200px;
	margin:0 auto;
	background-color:#fff;
}

article#main, #results {
	padding: 0px 20px 0px 20px;
}

nav.sidebar {
	background-color:#eee;
	margin: 1em 0.5em 0em 0.5em;
}

nav.sidebar ul {
    list-style-type: none;
	    padding: 1%;
}

nav.sidebar ul li a {
	font-size: 18px;	
	padding:2px;
	border-bottom:solid 1px #ccc;
}

p.rel-article {

	margin-left:0.5em;
	margin-right:0.5em;
	
}
p.related-title {
	font-size: 11pt;
	margin-right: 0em;
	padding:0.3em;
}

#related-heading {
	text-align:center;
	background-color:#735383;
	color:#fff;
}

div.related-block {
	padding-right:0em;
	margin-left:0.5em;
	margin-right:0.5em;
}

#category-select {
	display:none;
}


#features {
	text-align:center;
}

#features-mobile {
	display:none;
	text-align:center;
}

#features img, #features-mobile img {
	width:88%;
	height:auto;
	max-width:160px;
	border:solid 1px #777;
	margin-bottom:0.5em;
}

#leftbar { 
	padding-left:0.8em;
}
	
	#leftbar .addthis_sharing_toolbox {
		margin-top:2em;
		text-align:center;
	}

/* Gripe The News */

#news-teaser p {
	font-size: 11.5pt;
	font-weight:bold;
}

.newsgrid {
	position:relative;
	padding-right:1.5em;
	padding-bottom:1em;
	padding-top:0;
}

.newstitle {
	position:absolute;
	padding:0.5em;
	background-color:#000;
	color:#fff;
	opacity:0.7;
	top:0;
	left:0;
	font-size:12pt;
	margin-right:1.5em;
	margin-top:0;
}

/* Adsense */

#adsense1 {
	max-width:350px;
	min-width:360px;
	max-height:300px;
	float:right;
	display:inline-block;
	padding:8px;
}

#adsense2 {
	margin-top:2em;
}

#adsense3 {
	margin:auto;
	margin-top:2em;
	max-width:160px;
}


#adsense4-wrapper {
	text-align:center;
	padding:1em;
}


/* Comments style */

.clink {
	color:#b70101;
}
#commentform, 
#gripeform, 
#registerform, 
#profileform {
	margin-top: 2em;
	margin-bottom: 2em;	
}

	#commentform>div, 
	#gripeform>div, {
		background-color:#eee;
		border:solid 1px #ccc;
		padding:2em;
		padding-top:0.8em;
		border-radius:5px;
	}

.comment {
	margin-bottom: 20px;
}

.blocklab {
	
	margin-bottom:10px;
	margin-top:15px;
	display:block;
	
}
#commentcontent, 
#gripecontent {
	height:5em;
	width:98%;
}

#comment-form-error, 
#gripe-form-error, 
/*#register-form-error,*/
/*#profile-form-error */
{
	background-color:#800;
	color:#ff8;
	text-align:center;
	padding:1em;
	border-radius:5px;
	margin-top:3em;
}


#comment-form-error {
	display:none;
	color:#fff;
	padding:1.2em;
	border-radius:4px;
}

.comment-text {
	margin-bottom:12px;
	border:solid 1px #5a5;
	border-radius:8px;
	background-color:#efc;
	padding:2%;
}

.comment-user img {
	width:32px;
	height:32px;
	float:left;
}

.comment-user-mobile {
	display:none;
}

.cdr {

	float:left;
	font-size:11pt;
	line-height:16px;
	
}

.cdr a {
	line-height: 16px;
	font-size:12pt;
	display: inline-block;

}

.karma {
	line-height:16px;
}

.add-k {
	width: 0; 
	height: 0; 
	float:right;
	margin-left:5px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 16px solid #080;
	cursor: pointer;
}

.sub-k {
	display:inline;
	width: 0; 
	height: 0; 
	float:right;
	margin-left:10px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 16px solid #800;
	cursor: pointer;
}

.karma-count {
	line-height:16px;
	float:right;
	font-size:11pt;
}

.report { 
	margin:0px 3px 0px 8px;
	font-size: 13px; 
  	background-color: #dd0;
  	width: 15px;
  	height: 15px;
  	line-height: 15px;
  	color: #c00;
	font-weight: bold;
  	text-align: center;
  	border-radius: 50%;
	display:inline;
	float:right;
	border:solid 1px #999;
}

	.comment-user .author {
		font-size:10pt;
		font-weight:600;
		font-family: Arial !important;
		margin:0px;
		padding-top:10px;
		padding-bottom:15px;
		width:80%;
		clear:both;
		word-wrap: break-word;
		word-break: break-word;
	}

/* page specific CSS */

/* BROWSE */

#browse tr:nth-of-type(even) { 
  background: #eee; 
}

#browse tr th {
	text-align:left;
	padding:0.5em;
	padding-bottom:1.5em;
	background:#fff;
}

#browse tr td { 
	vertical-align: top;
	padding:0.5em;
}

#browse tr td:last-child {
	text-align:right;
}

/* GRIPES PIPES */

.pipe-content {
	display:none;
}

.pipe-button {
	background-color: #429A61;
	
}

.piper {
	cursor: pointer;
}

/* CATEGORY */

.cat-entry {
	clear:both;
}

.cat-text {
	display:inline;
}

.cat-thumb {
	width:120px;
	height: 90px;
	padding-right: 11px;
	float: left;
}

.pager {
	text-align:left;
	margin-top:1em;
	margin-bottom:1em;
	float:left;
}

.sort {
	float:right;
	margin-top:1em;
	margin-bottom:1em;
}

.sortorder, .sortorder option {
	font-size:10pt;
}

/* LOGIN / USER */

div#login {
	width:90%;
	max-width:400px;
	background-color:#cfc;
	padding:3%;		
	text-align:center;
	margin-top:1.3em;
	margin-bottom:3em;
	margin-left: auto;
	margin-right:auto;
	float:center;
}
div#login input, 
div#register input {
	padding:2%;
}

div#register {
	width:90%;
	max-width:400px;
	background-color:#ffc;
	padding:3%;		
	text-align:center;
	margin-left: auto;
	margin-right:auto;
	margin-bottom:3em;
	float:center;
}

div#profile {
	width:90%;
	max-width:400px;
	background-color:#fcf;
	padding:3%;		
	text-align:center;
	margin-top:1.3em;
	margin-bottom:3em;
	margin-left: auto;
	margin-right:auto;
	float:center;
}

div#profile label {
	width:40%;
	text-align:left;
	display:inline-block;
}

.recaptcha {
	text-align:center;
}

.g-recaptcha  {
	display:inline-block;
}

#resetform {
	display:none;
	margin-top:2em;
}

/* FOOTER */

footer {
	background-color: #735383;
	height:8em;
	width:100%;
	margin-top:2em;
}

p#bottomlinks {
	color:#fff;
	line-height: 6em;
}
p#bottomlinks>a {
	color:#fff;
}

#spinner {
	display:none
}

#spinner img{
    position: fixed;
    top:-100%; right:-100%; left:-100%; bottom:-100%;
    margin:auto;
    z-index:0;
}

/* Cookie bollocks */

.cc_banner {
	background-color:#c7c7c7 !important;
}

.cc_btn { 
	background-color:#58286F !important;
	color:#eee !important;
}

/* helper classes */
.redkarma {color:#b00;}
.ifl { float:left; margin-right:2%;  }
.ifr { float:right; padding-left:2%; }
.ifc { float:center; }
.w10a { width:10%; height:auto }
.w20a { width:20%; height:auto }
.w25a { width:25%; height:auto }
.w30a { width:30%; height:auto }
.w35a { width:35%; height:auto }
.w40a { width:40%; height:auto }
.w45a { width:45%; height:auto }
.w50a { width:50%; height:auto }
.w55a { width:55%; height:auto }
.w60a { width:60%; height:auto }
.w65a  {width:65%; height:auto; }
.w70a  {width:70%; height:auto; }
.w75a  {width:75%; height:auto; }
.w100a { width:100%; height:auto }
.tagline { font-weight: bold; }
.w50a { width:50%; height:auto }

/* Media Queries */

/* 320 640 970 1280 1600 1920 */

@media screen and (min-width:319px) and (max-width:639px) {
  /*
  #main p {display:none;}
  #main p:first-child {display:block;}
  #main p:nth-child(2) {display:block;}
  */
	#fixedbit {
		position:fixed;
	}
	
	#padder {
		display:block;
	}
	
	h1#page-title, h1#center-title { font-size:25px; }	

	.cat-entry {
		display:table
	}
	
	.cat-thumb {
		margin-right:10px;
	}
	
	.cat-entry a {
		display:table-cell;
		vertical-align:middle;
		font-size:12.5pt;
	}
	
	.cat-text {
		display:none;
	}
	
	#bottomlinks {
		text-align: center;
	}
	
	#adsense1 {
		display:none;
	}
	
	.addthis1 {
		display:none;
	}
	
	article p img.ifr, article p img.ifl, article p img.ifc {
		width:100% !important;
		height:auto !important;
		padding-bottom:5% !important;
	}
	
	.comments-comtainer {
    
		padding-bottom:36px !important;
	}

	.comment-user {
		display:none !important;
	}
	
	.comment-user-mobile {
		font-size:11pt;
		font-weight:bold;
		display:inline-block;
	}
	
  .youtube { width:100%;}
	
}

@media screen and (min-width:640px) {

	
	h1#page-title, h1#center-title { font-size:33px; margin: 10px 20px 10px 20px;}	
	
	nav.sidebar ul {
		padding: 0px 10px 0px 10px;
	}
	
	nav.sidebar ul li {
		font-size: 17px;	
		padding:4px;
	}	
	
	.comment-user img {
		width:64px;
		height:64px;
	}

	.addthis1 {
		display:none;
	}
	
	#rightbar {
	padding-right:0.8em;
}
	
}

@media screen and (max-width:760px) {

	#fixedbit {
		position:fixed;
	}
	
	#padder {
		display:block;
	}
	
	div.related-block img {
		display:none;
	}
	
	p.related-title {
		position:relative;
	}

	#member-login, #member-loggedin {
		text-align:right;
		margin-right:0.5em;
	}
	
	#menu {
			display:none;
	}
	
	#hamburger {
		display:inline-block;
	}

	#searchbox { 
		position:absolute;
		left:44px;
		right:0px;
		height:2.5em;
		padding:0px;	
		background: #735383;
	}
	
	#searchfield {
		width:100%;
		background: #735383;
		border: none;
		margin: 0;
		outline: none;
		color:#ffffff;
	}

		#searchfield::placeholder {
			color:#ffffff;
			opacity:0.7;
		}
		
		#searchfield::-webkit-search-cancel-button {
			-webkit-appearance: none;
			height: 18px;
			width: 18px;			
			background: url("../Images/xdelete.png");
		}

	#category-select {
		display:block;
		text-align:center;
	}
	
	#category-select select {
		display:inline-block;
		width:80%;
		padding:8px;
		font-size:15pt;
		margin:10px;
		
	}
	
	#category-select select option {
		font-size:15pt;
	}
	
	#features-mobile {
		display:block;
	}
	
	#features {
		display: none;
	}
	
	.sidebar {
		display:none;
	}	
	
	#rightbar {
		text-align:center;
		clear:both;
	}

	#adsense3 {
		display:none;
	}
	
	#adsense1 {
		display:none;
	}
	
	.comments-comtainer {
		padding-bottom:36px !important;
	}

	.comment-user {
		display:none !important;
	}
	
	.comment-user-mobile {
		display:inline-block;
		font-weight:bold;
		font-size:11pt;
	}

	
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Title"; }
	td:nth-of-type(2):before { content: "Date"; }
	td:nth-of-type(3):before { content: "Activity"; }
	td:nth-of-type(4):before { content: "Comments"; }
	
}

@media only screen and (min-width: 1024px) {
	
	.cdr a {
		display:inline-block;
	}
	
}

@media only screen and (max-width: 1023px) {
	
	#adsense1 { display:none; } /* crappy ipad portrait */
	#matchedcontent { display:none;}
	
}	

@media print {}