@charset "UTF-8";
/*
Theme Name: PT-blog
Author: Principled Technologies Inc.,
Author URI: http://www.principledtechnologies.com/
Version: 1.0
Tags: 
*/

/* CSS Document */

/*Reset*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)*/


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, em, img, ins, kbd, q, s, samp,
small, strike, strong, 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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* PT CSS */

.hiddenimage {
	display:none;
}

.container-fluid {
	margin: 0 auto;
	float: none;
}
#wrapper {
	margin: 0 auto;
}

.visible-phone2 {
	display:  none !important;
}

body {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	line-height: 1;
	}
p {	font-size: 1.2em;	padding-top: 1em; 	font-weight: 300;	line-height: 1.2em;	}
h1 { 	font-size: 2.5em;	font-weight:200;	color:#5e5e5e;	}
h2 {		font-size: 2em;	    font-weight:200;	color:#5e5e5e;	}
h3 {		font-size: 1.5em;    font-weight:300;	}
h4 {		font-size: 1.5em;	font-weight:400;	}
h5 {		font-size: 1.2em;	font-weight:400;	}

strong {		font-weight: 400;	}
em {	font-style:  italic; 	}

blockquote {
	padding:  1em 0em 0em 1em;
	font-size:  1.2em;
	line-height:  1.2em;
	}	

form {
	margin-top:  2em;
	}
label, input {
	display:  inline-block;
}
label {
    width: 25%;
    /* positions the label text beside the input */
    text-align: right;
    font-size:  1.2em;
    font-weight: 300;
	}

label + input {
    width: 50%;
    margin: 0 0 0 1em;
	}

#header, .navbar-inner {
	background-image: url(/css/grid_noise.png);
	}

#header {
	height: 10em;
	padding-top: 2em;
	}
	#headercontainer {
		margin-bottom: 2em;
		padding:0px;
		max-width:1330px;
		}
	#headerImage {
		width: 18em;
		float: left;
		}
	
#factsMatter p {
		font-weight: 600;
		color: #fff;
		background-color:#ed1b24;
		margin-top: 2.5em;
		padding:  3px 5px 0px 8px;
		float: right;
		}
	.reg {
		font-size: 0.8em;
		font-weight: 200;
		line-height: 2em;
		margin-top: -3px;
		}	
		
#brand {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight: 600;
	color:#fff;
	background-color:#ed1b24;
	text-shadow: none;
	text-align: left;
	clear: none;
	padding-bottom: 5px;
	}
	
.center .navbar-inner {
    text-align:center;
	}
#navcontainer{
	padding:0px;
	max-width:1270px;
	}

.navbar {
		margin-bottom: 0px;
		margin-top: -15px;
		}
		.navbar-inner {
		  min-height: 40px;
		  padding-right: 20px;
		  padding-left: 20px;
		  background-color: transparent;
		  background-repeat: repeat;
		  border: none;
		  -webkit-border-radius: 0px;
		     -moz-border-radius: 0px;
		          border-radius: 0px;
		  filter: none;
		  *zoom: 1;
		  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
		     -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
		          box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
			}
		.navbar .brand {
		  display: block;
		  float: none;
		  padding: 5px 20px 10px;
		  margin-left: -20px;
		  margin-right: -20px;
		  font-size: 20px;
		  font-weight: 200;
		  color: #777777;
		  text-shadow: 0 0px 0 #fff;
			}
		.nav-collapse .nav > li > a,
		.nav-collapse .dropdown-menu a {
		  padding: 9px 15px;
		  font-weight: 300;
		  color: #777777;
		  -webkit-border-radius: 0px;
		     -moz-border-radius: 0px;
		          border-radius: 0px;
			}
		.navbar .btn-navbar {
			float: right;
			padding: 7px 10px;
			margin-right: 0px;
			margin-left: 5px;
			color: #fff;
			text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
			background-color: #ed1b23;
			*background-color: #ed1b23;
			border: 1px solid #fff;
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ed1b23), to(#ed1b23));
			background-image: -webkit-linear-gradient(top, #ed1b23, #ed1b23);
			background-image: -o-linear-gradient(top, #ed1b23, #ed1b23);
			background-image: linear-gradient(to bottom, #ed1b23, #ed1b23);
			background-image: -moz-linear-gradient(top, #ed1b23, #ed1b23);
			background-repeat: no-repeat;
			border-color: none;
			border-color: none;
			filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
			filter: progid:dximagetransform.microsoft.gradient(enabled=false);
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
			        box-shadow: none;
			}
		.navbar .btn-navbar:hover,
		.navbar .btn-navbar:active,
		.navbar .btn-navbar.active,
		.navbar .btn-navbar.disabled,
		.navbar .btn-navbar[disabled] {
		  color: #fff;
		  background-color: #ed1b23;
		  *background-color: #ed1b23;
		  border: 1px solid #e5e5e5;
			}
	
		.nav a {
			color:#4b4b4b;
			font-size: 1.3em;
			font-weight:300;
			}
		.nav a:hover {
			color: #ed1b23;
			}
		#contactline {
			border: none;
			}
		#homeline {
			border: none;
			}
		.dropdown-menu li {
			text-align: left;
			}

#searchbox	{
	background: #fff;	
	border: 1px solid #cccccd;         
	height: 20px;
	padding: 2px;
	overflow: hidden; /* Clear floats */
	}
		#search {
			border: none;
			box-shadow: none;
			width: 80%;
			float: left;
			margin-top: -4px;
			font-family:  'Source Sans Pro' Arial, Helvetica, sans-serif;
			}
		#submit, #searchsubmit {
			float: right;
			width: 24px;
			border: none;
			padding-bottom: 10px;
			overflow: hidden;
			background-color: transparent;
			background-image: url(/css/mag.png);
			background-size: 18px;
			background-repeat: no-repeat;
			margin-left: 3px;
			margin-top: 1px;
			}
		#mag {
			width: 18px;
			margin-left: 10px;
			margin-bottom: -4px;
			}
		#desktopsearch {
			height: 15px;
			margin: -22px auto 0px auto;
			float: right;
			}

			.spotlight-sidebar {
				width: 21%;
				float: right;
			}

#searchbox, #search-inputs	{

	}
	#search-inputs input:first-of-type {
		width: 94%;
	}
	@media only screen and (max-width: 790px) {
		#search-inputs input:first-of-type {
			width: 100%;
		}
	}
	#searchsubmit {
		position: absolute;
		right: 0px;
		top: 5px;
	}
	#searchform {
		width: 100%;
		margin-top: 0;
	}
	#search-inputs {
		margin:  0 0 20px 0;
		position: relative;
	}
		#blog-search {
			border: none;
			box-shadow: none;
			width: 80%;
			float: left;
			margin-top: -4px;
			font-family: 'Source Sans Pro' Arial, Helvetica, sans-serif;
			}
		#blog-search-submit {
			float: right;
			width: 24px;
			border: none;
			padding-bottom: 10px;
			overflow: hidden;
			background-color: transparent;
			background-image: url(/css/mag.png);
			background-size: 18px;
			background-repeat: no-repeat;
			margin-top: 1px;
			}
	
#content {
	padding: 2em 0em;
	background-image:url(/css/grid_noise.png);
	box-shadow: 0px 5px 20px 0px #999999 inset;
	clear: both;
	}
	.search #content {
	background-image:  none;
	box-shadow: none;
	width:  68%;
	float:  left;	
	}

.xprt-family .span4, .xprt-family .span12 {
  margin-left: 0 !important;
  }
.xprt-family {
  margin: 3em 0 0 0;
  border-top: 1px dotted #ccc;
  padding: 2em 20px 0 20px;
  clear: both;
	}
.xprt-family li {
  padding: 1em 0;
  text-align: left;
  }	 
.xprt-family img {
  width: 50%;
  max-width: 50%;
  }
	
#Footer {
	color: #fff;
	text-align: center;
	height: 4em;
	background:  url(/css/metal.gif) repeat-x;
	padding-top: 15px;
	clear: both;
	}
	#Footer a {
		color: #fff;
		text-decoration: none;
		font-weight: 600;
		font-size: 1.4em;
		padding:  5px 0px 10px;
		}
	#Footer p {
		font-style: italic;
		padding-top: 10px;
		}

#bar, .midbar, .metalbg {
	background-image:url(/css/metal.gif);
	}
#bar {
	height: 2em;
	}
.midbar {
	height: 1em;
	}
.metalbg {
	box-shadow: 0px 10px 30px 0px #555555 inset;
	}
.metalbg img {
	margin: 0 auto;
	}	

#bm-socialLinks-2 {
	color: #fff;
	margin-top: -10px;
	text-align: left;
  }
#bm-socialLinks-2 a {
  display: inline;
  }  
#bm-socialLinks-2 img {
	margin: 0 8px 10px 0;
	border-bottom: none;
	border: 0 !important;
	height: 40px;
	width: 40px;
	}
#bm-socialLinks-2 img {
  margin-top: 0;
  }

	.blue-btn, .blue-btn2, .order-submit {
		color: #fff;
		background-color: #0088cc;
		padding: 0.3em 0.5em;
		margin-right: 1em;
		font-size: 1.2em;
		}
	.blue-btn2 {
		margin-right:  0em;
		}
		.blue-btn:hover, .blue-btn2:hover {
			color: #fff;
			background-color: #0072ab;
			text-decoration: none;
			}

	#insights-blog {
	background-image:url(../css/grid_noise.png);
	/* box-shadow: 0px 5px 20px 0px #999999 inset; */
	}

.group:before,  group:after { content: " ";  display: table;  
}  
		.group:after {   clear: both;  
		}  
		.group {  *zoom: 1;  
		} 

.entry-content, .entry-summary {
	margin-top:  1.2em;
}

.entry-content ul{
	margin-top: 10px;
    margin-left: 5%;
    font-size: 1.2em;
    font-weight: 300;
    padding-bottom: 1em;
    color: #222;
    line-height: 1.5;
    list-style-type: disc;
}

#insights-blog #blogcontent {
	float: left;
	padding:  4em 20px 0%;
	}
	#blogcontent p.date-subtitle {
		color: #aaa;
  		font-size: 1em;
   		margin-top: -36px;
	}
	#insights-blog .post {
		padding-bottom:  6%;
		}
			#insights-blog .post h2 {
				font-size:  1.8em;
				}
			#insights-blog .post ul {
				list-style:  disc;
				margin-top:  10px;
				margin-left:  5%;
				font-size:  1.2em;
				font-weight:  300;
				}
			#insights-blog .post ul li {
				line-height:  1.2em;
				margin:  10px 0px;
				}
			#insights-blog .post ul li:last-child {
				margin-bottom:  0px;
				}
			#insights-blog .post .entry-meta {
				font-size:  1em;
				padding-top:  0.5em;
				font-weight:  500;
				}
			.entry-meta, .entry-content {
			  clear: both;
			}
			.entry-meta {
			  margin: 10px 0;
			}
			.avatar {
			  width: 50px !important;
			  height: 50px !important;
			  margin: 0px 10px 10px 0;
			  float: left;
			  clear: both;
			  border: none !important;
			  }
			.by-author {
			  margin: 10px 0 0 0 ;
			  }
			#insights-blog .entry-footer {
				margin: 0 0 20px 0;
				}
			#insights-blog .share-post img{
				width:  25px;
				height:  26px;
				border: none !important;
				}
			.share-post {
				float: right;
				width:  100%;
				padding-top:  1em;
				margin-bottom: 3%;
				}
			#nav-above {
				padding-bottom: 2em;
				}	
			.nav-previous, .nav-next {
				width:  50%;
				}
			.nav-previous {
				float:  left;
				}			
			.nav-next {
				float:  right;
				text-align: right;
				}
			#nav-below {
				margin-bottom:  3em;
			}
			#blogcontent figure {
				padding:  0.5em 0;
			}
			#blogcontent img {
				border: 0;
			}
			#blogcontent p {
				color: #222;
				line-height:  1.5em;
				padding-top: 0;
				padding-bottom: 1em;
			}
			#blogcontent i, #blogcontent em {
				font-style: italic;
			}
			#blogcontent b, #blogcontent strong {
				font-weight: 500;
			}
#insights-blog aside {
	width:  30%;
	float:  right;
	padding-top:  4em;
	}
			#insights-blog aside h5 {
				padding:  0 0 8px 0;
				}
			#insights-blog aside li {
				line-height:  1.2em;
				margin:  0 0 8px 10px;	
				}
			#insights-blog aside form {
				margin:  0;
				padding: 0 ;
				}
			 #recent-posts, #archives, #categories {
				padding-bottom:  1em;	
				}
			#tech-everywhere-blurb {
				padding-bottom:  2em;
				}
			#tech-everywhere-blurb p {
				padding-top:  0;
				font-size:  1em;
				line-height: 1.2em;
				font-weight: 400;
				font-style: italic;
				}
			#recent-posts li {
				margin:  20px 0;
				}
			#recent-posts li  a { 
				}
			#recent-posts li:last-child {
				margin-bottom:  0;
				}
			#recent-posts li:first-child {
				margin-top:  0;
				}
			#myList {
				width: 100%;
				}
	 #blogcontent .page-title, #content .page-title { 
		font-size:  1.2em;
		font-weight:  300;
		color:  #777;
		margin-bottom:  1em;
		}

		#insights-blog h2.page-title-search {
			margin-top: 2em;
			font-size: 1.6em;
			padding-bottom: 1em;
		}

		#search-no-results #search-inputs {
			max-width: 400px;
			margin-top: 2em;
		}

		#blogcontent .search-result-image {
			max-width: 100px;
			float: left;
			margin: -25px 0.6em 0 0;
		}

table, tr, th, td {
	border: 1px solid #ccc;
	margin-top: 1em;
	}
th {
	font-weight: 400;
	text-align:  left;
	padding:  5px;
	}
td {
	padding:  5px;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignleft {
	float: left;
	margin-right: 2em;
	}
.alignright {
	float: right;
	margin-left: 2em;
	}
.edit-link {
	margin-bottom: 20px;
}
.logged-in-as {
	font-size: 1em;
}

/*Comments*/

#comments {
/*	border-top: 1px dotted #aaa;*/
	margin: 1em 0 0 0;
}
.comments-display {
	margin:  0 0 1.5em 0 !important;
}
.comments-display li:last-child {
	border-bottom: 1px dotted #aaa;
}
#comments h3 {
	font-size: 1em;
	font-weight:  400;
	text-transform: uppercase;
	color: #777;
}
#comments h3 {
	padding: 1.5em 0;
}
.comment {
	border-top: 1px dotted #aaa;
	padding:  20px 0 20px 10px;
}
.children {

}
.children li {
	margin-left:  30px;
	padding-left: 20px;
}
.children li:first-child {
	margin-top: 20px;
}
.children li:last-child {
	border-bottom: none;
}
.comment-author img {
	width: 30px !important;
	height: 30px !important;
}
.comment-author span {
	font-size: 1.2em;
	color:  #444;
	font-weight: 400;
}
.comment-meta {
	padding: 0.5em 0;
	color:  #aaa;
	font-weight:  300;
	font-size: 0.9em;
}
.comment-meta span, .comment-meta a {
	display: none;
}
.comment-content p {
	font-size: 1em;
	font-weight: 300;
}
.unapproved {
	color: #ed1b23;
	margin: 10px 0;
	display: block;
}
#comments li .children {
	margin-top: 15px;
}
.comments-display {
	margin: 0 2em 3em 0;
}
.comment-respond {
	background-color:  #f7f7f7;
	padding:  20px 20px 40px 20px;
	border: 1px dotted #aaa;
	margin-bottom: 2em;
}
.children .comment-respond {
	margin-left: 50px;
	margin-bottom: 20px !important;
}
.comment-notes {
	font-size: 1em;
}
#reply-title {
	padding:  0.5em 0 0 0 !important;
}
#reply-title a {
	margin-left:  10px;
}
.comment-respond form {
	margin-top:  1em;
}
.comment-respond label {
	text-align: right;
	font-size:  0.8em;
	font-weight: 400;
	text-transform: uppercase;
	width:  80px;
	color: #777;
}
.comment-respond .required {
	color: #ed1b23;
}
.comment-respond input, .comment-respond textarea {
	margin: 0;
	margin-left:  1%;
	border-radius: 0;
	width:  75%;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
}
.form-allowed-tags {
	display: none;
}
.form-submit #submit {
	float: left;
	width: 150px;
	text-align: center;
	border: none;
	padding-top: 8px;
	padding-bottom: 10px;
	overflow: hidden;
	color: #fff;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #777;
	background-image: none;
	margin-left: 90px;
	margin-top: 0;
	border-radius: 3px;
}
.form-submit #submit:hover {
	background-color: #555;
}
.comment-policy-link {
  display: block;
  margin-top: 1em;
  margin-left: 90px;
}
.comment-policy {
  display: none;
  font-size: 0.9em;
  margin: 0;
  margin-top: 1em;
  margin-left:  90px;
  width:  75%;
}

.blogvideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
    margin-bottom: 1em;
	height: 0;
}
.blogvideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.blue-box{
	margin: 0 0 1em 0;
    padding: 1em;
    background-color: #e0f3ff;
    border-radius: 3pt;
    clear: both;
}
#trust-results{
	line-height: 1em !important;
	font-weight: bold;
}
#image-modal-body{
	max-height: 5000px !important;
}
.deviceimage{
	cursor: pointer;
}
.modal.fade.in {
    top: 38% !important;
}
.modal-device-image{
	display: none;
}
.modal-selected{
	display: block !important;
}
/* -- Media Queries --*/

@media (min-width: 1200px){
		.nav li {
			border-left: 1px solid #cccccd;
			line-height: 0.4em;
			}
		#mag {
			width: 20px;
			margin-left: 10px;
			margin-bottom: -6px;
			}
		#desktopsearch {
			width: 300px;
			height: 15px;
			margin: -20px 10px 0px auto;
			}
		#searchbox {
			margin-top: 20px;
			}
			
						
		.menu-title-new, .menu-title-new-final{
			height: 30px;
		}
		.menu-item{
			border-right: 1px solid white;
			width: 24.8%;
		}
		.menu-item-final{
			width: 24.8%;
		}
		.multi-line{
			line-height: 1.5em;
		}
		
		.sub-menu-title-new, .sub-menu-title-new-final{
			height: 30px;
		}
		.sub-menu-item, .sub-menu-item-final{
			//width: 7.1%;
			padding: 5px 12px;
		}
		#sub-menu-items{
			width: 450px;
		}
		#more-item{
			max-width: 41px;
		}
		.clicked-menu-item a{
			text-decoration: underline;
		}
			
		}
@media (min-width: 980px) and (max-width: 1200px) {
		.nav li {
			border-left: 1px solid #cccccd;
			line-height: 0.4em;
			}
		.nav a {
			font-size: 1.1em;
			}
		#desktopsearch {
			width: 175px;
			margin-right: 10px;
			}
		#searchbox {
			margin-top: 20px;
			}
		#submit {
			margin-left: -45px;
			}
			
								
		.menu-title-new, .menu-title-new-final{
			height: 30px;
		}
		.menu-item{
			border-right: 1px solid white;
			width: 24.8%;
		}
		.menu-item-final{
			width: 24.8%;
		}
		.multi-line{
			line-height: 1.5em;
		}

		
		
		.sub-menu-title-new, .sub-menu-title-new-final{
			height: 30px;
		}
		.sub-menu-item, .sub-menu-item-final{
			//width: 7.1%;
			padding: 5px 12px;
		}
		#sub-menu-items{
			width: 450px;
		}
		#more-item{
			max-width: 41px;
		}
		.clicked-menu-item a{
			text-decoration: underline;
		}
			
			
			
	}
@media (min-width: 768px) and (max-width: 979px){
		.nav li {
			border-left: 1px solid #cccccd;
			line-height: 0.2em;
			}
		.nav a {
			font-size: 1em;
			}
		.nav-collapse .nav > li > a,
		.nav-collapse .dropdown-menu a {
		  padding: 9px 8px;
		  }
		#submit {
			margin-left: -47px;
			}
		#desktopsearch {
			width: 119px;
			margin-right: 20px;
			}
		#searchbox {
			margin-top: 20px;
			}
		#blog-search {
			width: 70%;
		}
		.xprt-family img {
		  max-width: 80%;
		  }
		  
		  
		  		
		.menu-title-new, .menu-title-new-final{
			height: 30px;
		}
		.menu-item{
			border-right: 1px solid white;
			width: 24.8%;
		}
		.menu-item-final{
			width: 24.8%;
		}
		.multi-line{
			line-height: 1.5em;
		}
		.multi-line-mq2{
			line-height: 1.5em;
		}
		.xprt-sub{
			padding-right: 10px;
		}
		
		
		.sub-menu-title-new, .sub-menu-title-new-final{
			height: 30px;
		}
		.sub-menu-item, .sub-menu-item-final{
			//width: 7.1%;
			padding: 5px 12px;
		}	
		#sub-menu-items{
			width: 450px;
		}
		#more-item{
			max-width: 41px;
		}
		.clicked-menu-item a{
			text-decoration: underline;
		}
			
		  
		  
		}	
@media (max-width: 767px){
	.visible-phone2 {
		display:  inline !important;
		}
	#headerImage {
		margin-left: 3%;
		max-width: 90%;
		}
	.center.navbar .nav,
	.center.navbar .nav > li {
		margin: 0 auto;
	    float:none;
	    display: block;
	    *zoom:1; /* hasLayout ie7 trigger */
	    vertical-align: none;
	    text-align: left;
		}	
	.nav a {
		font-size: 1.2em;
		}
	#phonesearch {
		margin-top: 20px;
		margin-bottom: 5px;
		}
	#searchbox {
		height: 30px;	
		}
	#search {
		margin-top: 1px;
		}
	#contactline {
		border-right: none;
		border-left: none;
		padding-bottom: 10px;
		}
	#searchbox {
		margin-top: -10px;
		margin-left: auto;
		margin-right: auto;
		}
	#submit {
		float: right;
		width: 24px;
		background-size: 23px;
		margin: 3px 3px 0px 0px;
		}
	#searchresults {
		padding: 2em 330px;
		}
	#login {
		padding-right: 5%;
		}
	.w90 {
		width: 90%;
		padding-left: 5%;
		}
	#insights-blog #blogcontent {
		float: left;
		margin: 0 5%;
		padding:  2.5em 0 0 0;
		overflow: hidden;
		}
	#insights-blog aside {
		float: left;
		width: 90%;
		margin: 0 5%;
		/*border-top: 1px dotted #ccc;*/
		padding-top: 2em;
		}
	#about-sidebar {
		text-align: center;
		}
	.nav-previous, .nav-next {
		margin-bottom:  20px;
		}
	 #recent-posts {
	 	padding-bottom: 1.5em;
	 }
	 #categories, #archives {
		padding-bottom:  1em;
		}
	#categories select, #archives select {
		width: 70%;
	}
	#blog-search {
		width: 80%;
	}
	#blog-search-box {
		width: 98%;
	}
	#blog-search-box #searchbox, #blog-search-box #search-inputs {
		height: 27px;
		padding: 8px 2px 2px;
	}
	#blog-search-box #search-inputs input {
		font-size:  1em;
	}
	.xprt-family li {
	  text-align: center;
	  }
	  		
	 
	.menu-item, .menu-item-final{
		width: 50%;
	}
	.menu-title-new{
		border-bottom: 1px solid white;
	}
	.right-column-item{
		box-shadow: inset 1px 0 0 0 white;
	}
	.top-border-row{
		box-shadow: inset 0 1px 0 0 white;
	}
	.bottom-border-row{
		border-bottom: 1px solid white;
	}
	.no-border{
		border: 0px !important;
	}
	.members-item{
		border-top: 1px white solid;
		margin-top: -1px;
	}
	.first-xprt-sub{
		border-top: 1px white solid;
	}
	.xprt-sub{
		text-align: center !important;
		padding-left: 0px !important;
	}
	.sub-menu-item, .sub-menu-item-final{
		width: 50%;
	}	
	.clicked-menu-item{
		background-color: #e5e5e5;
	}
	  
	  
	  
	}
		
@media (min-width: 480px) and (max-width: 767px){
#respond label {
	width: auto;
}
#respond input, #respond textarea {
	margin: 0;
	display: block;
	width: 95%;
}
#respond #submit {
	margin-left: 0;
}
.comment-policy-link {
  margin-left: 0;
}
.comment-policy {
  margin-left:  0;
  width:  95%;
}

}

@media (max-width: 480px) {
	#respond label {
		width: auto;
	}
	#respond input, #respond textarea {
		margin: 0;
		display: block;
		width: 95%;
	}
	#respond #submit {
		margin-left: 0;
	}
	.comment-policy-link {
	  margin-left: 0;
	}
	.comment-policy {
	  margin-left:  0;
	  width:  95%;
	}
}


/*This is for the - stuff*/
body {
  font-family: Source Sans Pro, sans-serif;
}
h1 {
  font-weight: 300;
}
h1.spotlight-device-name {
	margin: 0 0 1em 0;
}
#blogcontent.search-results { width: 79%; }
@media (max-width: 767px) {
	#insights-blog #blogcontent.search-results.spotlight-content { width: 100%; padding: 2em 1em; }
}
.search-results h1.spotlight-device-name {
	float: left;
	clear: left;
	font-size: 2em;
	border-bottom: 1px solid #ccc;
	width: 95%;
}
h1.page-title-search { margin-top: 2em; }
h2 {
  margin-top: 0;
}
#insights-blog #blogcontent.spotlight-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em 0;
  width: 100%;
}
#insights-blog #blogcontent.spotlight-content.search-results {
	width: 79%;
}
@media only screen and (max-width: 790px) {
#insights-blog #blogcontent.spotlight-content.search-results {
	width: 90%;
	float: none;
}
}

.device-info {
  width: 25%;
  float: left;
  background-color: rgb(0, 62, 89);
  padding-bottom: 3em;
}
.device-display-img {
  text-align: center;
  background-color: #fff;
  width: 98%;
  margin: 1%;
  padding: 20px 0 10px;
  position: relative;
}
.device-display-img img {
  max-width: 90%;
}
.device-display-img .img-nav-controls {
	left: 0;
	width: 100%;
	padding-top: 10px;
}

.device-display-img .img-nav-controls .arrow-next img, 
.device-display-img .img-nav-controls .arrow-prev img {
	width: 30px;
	height: 30px;
	margin: 0px 8px;
} 

.device-display-img .img-nav-controls .arrow-next, 
.device-display-img .img-nav-controls .arrow-prev {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.35;
	transition: opacity .2s;
} 

.device-display-img .img-nav-controls .arrow-next:hover, 
.device-display-img .img-nav-controls .arrow-prev:hover {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.6;
} 

.quick-specs-wrap table {
	border-collapse: separate;
	border: 0;
}
.quick-specs-wrap tr, .quick-specs-wrap td, .quick-specs-wrap th {
	border: 0;
}
.quick-specs {
  width: 100% !important;
  color: white;
  padding: 1em;
  margin: 0 auto;
}
th.quick-specs-title {
  text-align: center !important;
  text-transform: uppercase;
  font-weight: 300 !important;
  font-size: 1.2em;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid #fff;
  letter-spacing: 1px;
}
.quick-specs th {
  text-align: left;
  font-weight: 600;
  padding: 8px 10px;
}
.quick-specs td {
  font-weight: 300;
  word-break: break-word;
}
.spotlight-results-column {
	width: 50%;
	float: left;
	margin: 0 2%;
}
.spotlight-results-column tr, .spotlight-results-column td, .spotlight-results-column th {
	border: 0;
}
.spotlight-results {
  margin: 0 0 2em 0;
}
.spotlight-results-title {
  color: #fff;
  font-size: 1.2em;
  font-weight: 300;
  text-transform: uppercase;
  background-color: rgb(0, 62, 89);
  padding: 10px;
  letter-spacing: 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.spotlight-results-summary {
  width: 100%;
}
.spotlight-xprt-logo {
  display: inline;
  text-align: center !important;
  float: left;
  width: 50%;
}
.spotlight-xprt-logo img {
  margin: 2em auto 2em !important;
  width: 75%;
}
img.mb3-logo {
    width: 100%;
    margin: 2.5em auto 2.5em !important;
}
.spotlight-scores {
  text-align: center;
  color: #0088cc;
  width: 50%;
  float: left;
}
.two-scores {
  width: 50%;
  float: left;
  text-align: center;
}
.one-score {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom:20px;
}
.score h3 {
  font-size: 3em;
  font-weight: 300;
  margin: 0;
  padding: 1.25em 0 0 0;
  line-height: 0;
}
.spotlight-results.webxprt-3 .score h3 {
    padding: 0.75em 0 0 0;
}
#blogcontent .score p {
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px 0 0 0;
  line-height: 1.2em;
}
#blogcontent .score p.type {
	color: #0088cc;
	font-weight: 400;
}
#blogcontent .score p.whats-better {
	padding: 5px 0 0 0;
	text-transform: none;
	font-weight: 400; 
	font-size: 0.8em; 
	color: #aaa;
}

#blogcontent p.footnote {
	color: #aaa;
	font-size: 0.9em;
}

#blogcontent.page {
	width: 65%;
	float: left;
}

#blogcontent.search-results p.footnote {
	clear: both;
}

.spotlight-score-details {
  border-collapse: collapse;
  border: 0;
  border-bottom: 2px solid #ccc;
  width: 100%;
  text-align: left;
}
.full-xprt-name {
  background-color: #888;
  color: #fff !important;
  letter-spacing: 1px;
  font-size: 0.9em;
  font-weight: 400;
  padding: 3px 10px !important;
  text-align: center;
}
.spotlight-score-details th, .spotlight-score-details td {
 border-top: 1px dotted #ccc;
 padding: 10px;
 color: #000;
}
.spotlight-score-details th {
  width: 60%;
}
.whats-better {
	padding: 5px 0 0 0 !important;
	color: #aaa;
	text-transform: none !important;
	font-size: 0.8em !important;
	font-weight: 300;
	letter-spacing: normal !important;
}
tr.d0 th, tr.d0 td {
	background-color: #eee;
}
tr.d1 th, tr.d1 td {
	background-color: #fff;
}
.spotlight-sidebar a {
  display: block;
  padding: 0 0 1em 0;
  color: #0088cc;
  text-decoration: none;
}
#spotlight-compare-link{
  display: block;
  padding: 0 0 2em 0 !important;
  color: #0088cc;
  text-decoration: none;
}
.spotlight-sidebar a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 790px) {

.device-info, .spotlight-results, .spotlight-sidebar, .spotlight-xprt-logo, .spotlight-scores, h1, .score {
  width: 90%;
  clear: both;
  float: none;
  margin: 0 auto 2em;
}
#blogcontent.page h1 {
	margin: 1em 0;
}
.device-display-img {
  text-align: center;
  background-color: #fff;
  width: 100%;
  margin: 0;
  padding: 20px 0;
}
.spotlight-results-summary {
  text-align: center;
  margin-top:20px;
}
.spotlight-xprt-logo img {
  margin: 0 auto !important;
  width: 60%;
  text-align: center;
}
.spotlight-scores h3 {
  padding: 1em 0 0 0;
}
.spotlight-results-column {
	width: 100%;
}

p.date-subtitle {
	padding-left: 2.6em;
}

.score h3 {
  font-size: 3em;
}
.score p {
  font-size: 1.2em;
}

/*
#login-menu-test {
	padding-left: 1em;
}
*/

#blogcontent .spotlight-device-name, #insights-blog h2.page-title-search {
	padding-left: 1em;
	padding-right: 1em;
}

#insights-blog #blogcontent {
	overflow: hidden;
	width: 100%;
}

#insights-blog #blogcontent.page {
	width: 90%;
	margin: 0 auto;
	padding: 0 1em;
}

.container-fluid {
	overflow: hidden;
}

.spotlight-results-column {
	margin: 0;
}

#blogcontent p.footnote {
	padding-left: 2em;
	padding-right: 2em;
}

#nav-below {
	padding-left: 2em;
	padding-right: 2em;
}

.spotlight-sidebar {
	border-top: 1px dotted #ccc;
	padding-top: 2em;
}

#blogcontent.page {
	width: 100%;
}


}
@media screen and (min-width: 480px) and (max-width: 790px) {
	.spotlight-xprt-logo img {
	  width: 40%;
	}
}

@media screen and (max-width: 979px) {
	.score h3 {
		padding-top: 0.75em;
	}
}


.xprt-menu {
		background-image:url(/css/xprt-bg.gif);
		clear: both;
	}
	#login {
		text-align: right;
		margin: 0em 0px 1.5em 0px;
		}
	#login-menu-a {
		text-align: right;
		}
	#login-menu-wrap {
		}
	#login-menu-b {
		text-align: right;
		clear:  both;
		height:  36px;
		position:  relative;
		}
		#log-link {
			position: absolute;
			top:  15px;
			right:  75px;
			clear: both;
			}
		#members-area-link {
			border-right: 1px solid #ccc;
			padding-right:  0.4em;
			margin-right:  0.2em;
			}
		.menu-btn {
			width:  45px;
			float: right;
			text-align: center;	
			margin-right:  10px;
			background-image:url(/css/xprt-bg.gif);
			color:  #fff;
			padding: 15px 5px 5px 5px;
			border-bottom-left-radius:  3px;
			border-bottom-right-radius: 3px;
		}
		.menu-btn:hover {
			text-decoration:  none;
			color:  #ccc;
		}
		.menu-btn:active {
			text-decoration:  none;
			color:  #ccc;
		}
		#menu {
			text-align:  left;
		}
		#menu a {
			color:  #add5e5;
		}
		.menu-group {
			width: 20%;
			float:  left;
		}
		.menu-title {
			color:  #fff;
		}
		
		
		.menu-item, .menu-item-final{
			text-align: center;
			margin-left: 0px !important;
			float: left;
		}
		.menu-title-new, .menu-title-new-final{
			text-align: center;
			line-height: 30px;
			cursor: pointer; 
			cursor: hand;
		}
		.menu-title-new a:hover, .menu-title-new-final a:hover{
			text-decoration: none;
		}
		.menu-title-new a, .menu-title-new-final a{
			color: white;
		}
		.xprt-menu-new{
			width: 100%;
			clear: both;
			background-image: url(/css/xprt-bg.gif);
			z-index: 1;
			position: relative;
			//opacity: 0.8; 
		}
		.xprt-menu-new ul li{
			//background-image: url(/css/xprt-bg.gif);
		}
		.xprt-menu-new-bg {
			//height: 30px;
			//width: 100%;
			//background-image: url(/css/xprt-bg.gif);
		}

		.sub-menu-item, .sub-menu-item-final{
			text-align: center;
			margin-left: 0px !important;
			float: left;
		}
		.sub-menu-title-new, .sub-menu-title-new-final{
			text-align: center;
			line-height: 30px;
			cursor: pointer; 
			cursor: hand;
		}
		.sub-xprt-menu-new{
			z-index: 1;
			//opacity: 0.8; 
		}


		.xprt-sub{
			z-index: 10;
			cursor: pointer; 
			cursor: hand;
			text-align: left;
			padding-left: 15px;
		}
		.xprt-sub a{
			text-decoration: none !important;
		}
		.xprt-sub a:hover{
			text-decoration: none;
		}
		#menu-items{
			background-color: #004059;
			padding: 0;
		}
		.sub-nav{
			background-color: #004059;
			z-index: 999;
		}
		.selected-menu-item{
			background-color: #005B7F;
		}
		.selected-sub-menu-item{
			background-color: #0081c2;
		}
		.selected-sub-menu-item a{
			color: white;
		}
		#login-menu-test{
			margin: 0;
		}
		.xprt-italics-header{
			font-style: italic;
			font-weight: bold;
			font-size: 1em;
			font-weight: 500;
			margin-bottom: 0px !important;
			margin-top: 1em;
			color: #333333;
		}
		.infographics-bottom-row{
			margin-top: 10px;
			margin-left: 0px !important;
		}
		#join-header{
			font-weight: 300;
		}
		.join-text{
			font-weight: 400;
		}
		#see-wp{
			font-size: 1.4em;
		}
		
		
		
		#menu ul {
			padding:  1em 0em 1em;
		}
		#menu ul li {
			line-height:  1.5em;
	}

/* Recent Posts sidebar */

#recent-posts {
	
}

.spotlight-recent-posts {

}

.spotlight-recent-posts h3 {
	margin: 0.8em 0 1em;
}

a.recent-post-box {
	clear: both;
	display: table;
	margin-bottom: 0.8em;
	border: 1px solid #ddd;
	width: 100%;
	padding: 4px;
	font-size: 1em;
	transition: color 0.5s, background-color 0.5s;
}

a.recent-post-box:hover {
	text-decoration: none;
	color: #333;
	background-color: #ddd;
}
	
a.recent-post-box img {
	max-width: 65px;
	display: table-cell;
	margin-right: 1em;
}

a.recent-post-box span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 100%;
}

#categories form {
	margin-top: 1em;
}

/* Twitter/FB share */

.share-post img {
	width:  25px;
	height:  26px;
	border: none !important;
}

.share-post a { text-decoration: none; }

div.share-post {
	float: none;
	margin-bottom: 1em;
	padding-top: 0;
}

/* Device Compare Page */


	.bts-title{
		padding-bottom: 20px;
	}
	.spotlight-item{
		width: 200px; 
		/* height: 325px; */
		margin: 20px 10px; 
		text-align: center; 
		position: relative; 
		display: inline-block;
		vertical-align: top;
		border-radius: 3px;
		border: solid 2px #dedede;
		margin: 15px 9px;
	}
	.spotlight-compare-check{
		height:30px; 
	}
	.device-name{
		padding:20px 0px;
	}
	.bottom-row{
		background-color: #dedede; 
		/*
		position: absolute; 
		bottom: 0; 
		*/
		width: 100%;
	}
	.compare-options{
		text-align: center;
		margin-top: 0.5em;
	}
	.info{
		display: none;
	}
	.results-table{
		display: none;
	}
	.result-cell{
		padding-left: 30px;
		width: 90px;
	}
	.expand{
		width: 100%;
		cursor: pointer;
		/* padding: 0 0 8px 0; */
		height: 25px;
	}
	.details{
		display: none;
		position: absolute;
		bottom: 0;
		left: 33%;
	}
	
	#compare-button {
		background-color: #dedede;
		text-decoration: none;
		font-weight: 400;
		color: #fff;
		padding: 0.25em 1em 0.4em 1em;
	}
	#compare-link{
		margin: 15px;
	}
	.device-image-container {
		height: 200px;
	    position: relative;
	}
	.device-image{
		width: 190px;
		position: absolute;
		top: 50%;
		left: 0px;
		right: 0px;
		margin: 0 auto;
		transform: translateY(-50%);
	}
	#compare-screen{
		display: none;
		width: 80%;
		margin: 0 auto;
	}
	.device-data{
		display: inline-block;
		width: 100%;
		vertical-align: top;
		text-align: center;
	}
	.device-name-compare{
		text-align: center;
		color: #0088cc !important;
		/* font-weight: bold; */
	}
	.compare-results-title{
		width: 100%;
		text-align: center;
		background-color: #004059;
		color: white;
		padding: 10px 0;
	}
	.results-image{
		width: 25%;
		margin: 10px auto;
	}
	.webxprt-score, .webxprt3-score, .mobilexprt-score, .mobilexprt3-score, .batteryxprt-score, .touchxprt-score, .crxprt-score, .hdxprt-score{
		text-align: center;
		color: #0088cc;
		font-size: 1.5em;
		font-weight: 300;
		margin: 0;
		padding: 1em 0;
		line-height: 0;
	}
	.compare-score-details{
		display: none;
		margin-top: 0px;
	}
	.compare-score-details td, .compare-score-details th, .return-link, #page-title{
		text-align: center;
	}
	.expand-benchmark{
	    margin-bottom: 10px;
		text-align: center;
		cursor: pointer;
	}
	.results-width{
		width: 100%;
	}
	#page-title{
		font-weight: bold;
		margin-bottom: 10px;
	}
	.compare-section{
		display: none;
	}
	#device-images img{
		width: 100%;
	}
	#return-link-bottom{
		padding-bottom: 2em;
	}

/* Back to School page */

	.bts-expand-image{
		padding-top: 6px;
	}
	.bts-details{
		display: none;
		position: absolute;
		bottom: 0;
		left: 35%;
		font-size: 1em;
	}
	
	.results-header{
		width: 100%;
		text-align: center;
		background-color: #005a82;
		color: white;
		padding: 10px 0;
	}
	#device-filter{
		width: 150px;
	}
	#device-container{
		margin-left: 0;
		text-align: center;
	}
	#compare-row, .remove-margin-left{
		margin-left: 0;
	}
	
	
	.checkbox-container {
	  width: 20px;
	  position: relative;
	  margin: 20px auto;
	}
	.checkbox-container label {
	  width: 16px;
	  height: 16px;
	  cursor: pointer;
	  position: absolute;
	  top: 0;
	  left: 0;
	  background: #dedede;
	  /* background: #005a82; */
	  border-radius: 2px;
	}
	.checkbox-container label:after {
	  content: '';
	  width: 9px;
	  height: 5px;
	  position: absolute;
	  top: 2px;
	  left: 2px;
	  border: 3px solid #fcfff4;
	  border-top: none;
	  border-right: none;
	  background: transparent;
	  opacity: 0;
	  -webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	}
	.checkbox-container label:hover::after {
	  opacity: 0.3;
	}
	.checkbox-container input[type=checkbox] {
	  visibility: hidden;
	}
	.checkbox-container input[type=checkbox]:checked + label:after {
	  opacity: 1;
	}
	
	@media screen and (max-width: 790px){
		.bts-title {
			margin: 0 auto 0.5em !important;
		}
	}

	.sticky{
		position: fixed;
		bottom: 0;
		left: 0;
		margin: 0 auto !important;
		background-color: white;
		padding: 15px 0px !important;
		z-index: 100000;
		width: 100%;
		border-top: 1px solid #ccc;
	}
	
	
	.selected-details, .selected-details:hover{
		color: #add5e5;
	}