/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/
/* term description */
div.term_desc {
	margin: 0 20px;
}
/* review specs table */
table.specs { border-collapse: collapse; margin: 10px; }
table.specs { width: 710px; }
table.specs th, table.specs td { font-size: 8pt; font-family: sans-serif; border-bottom: 1px solid #CCC; text-align: center; padding: 5px; vertical-align: top; line-height: 11pt; }
table.specs th { font-size: 10pt; border-bottom: 1px solid black; font-weight: bold; }
table.specs td.best { background-color: rgba(26,255,108,0.15); }
table.specs td.worst { background-color: rgba(218, 67, 67, 0.15)}
table.specs > td, table.specs td.spec { font-size: 9pt; font-weight: bold; background-color: #EEE; white-space: nowrap;  }
table.specs td.subspec { padding-left: 20px; font-size: 8pt; }
table.specs td.data small { font-size: 7pt; }

table.specs.devices2 th.void { width: 26%; }
table.specs.devices2 th.device { width: 37%; }

table.specs.devices3 th.void { width: 16%; }
table.specs.devices3 th.device { width: 28%; }

table.specs.devices3 th.void { width: 16%; }
table.specs.devices3 th.device { width: 21%; }


/* google+ embeds */
div#___post_0 {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 20px !important;
	display: inherit !important;
}

/* custom comment count */
#author_A_1 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: block;
    height: 29px;
    min-width: 33px;
    position: relative;
    float: right;
    text-align: center;
    text-decoration: none;
    align-self: stretch;
    perspective-origin: 24px 14.5px;
    transform-origin: 24px 14.5px;
    background: rgb(128,181,231) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 15px/15px Roboto, Arial, sans-serif;
    margin: 0px 0px 20px 6px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 7px 8px;
    transition: all 0.2s ease-out 0s;
}/*#author_A_1*/

#author_A_1:after {
    bottom: -8px;
    color: rgb(255, 255, 255);
    display: block;
    height: 0px;
    left: 4px;
    position: absolute;
    text-align: center;
    width: 0px;
    align-self: stretch;
    perspective-origin: 4px 4px;
    transform-origin: 4px 4px;
    content: '';
    border-top: 0px solid rgba(0, 0, 0, 0);
    border-right: 0px none rgb(255, 255, 255);
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-left: 8px solid rgb(68,107,155);
    font: normal normal normal normal 15px/15px Roboto, Arial, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    transition: all 0.2s ease-out 0s;
}/*#author_A_1:after*/

/*
 * review stuff
 * easier here than in template
 */
 

div.review-buy {
	width: 45%;
	float: left;
	padding-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
} 		

div.review-section {
	padding-top: 7px;
}

div.whistleout-review-box {
	margin-right: 20px;
	margin-left: 15px;
}

table.review-proscons ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
table.review-proscons ul li {
    padding-left: 1em;
}


.single-product.layout-full .images img {
width: 200px;
}

img.attachment-shop_catalog {
	max-width: 200px !important;
}

iframe.twitter-tweet {
	margin-left: auto !important;
	margin-right: auto !important;
}

/***** Interviews ********************/
 
/*+=+= General interviewer/interviewee name styles =+=+*/
.intername, .inteename {
    position:relative; /* Gives it the correct placement */
    padding:3px 5px 5px; /* Give it some room around the letters */
    margin:0 8px 0 0; /* Give the bubble some room to breath */
    color:#ffffff; /* Color the letters */
    font-size:110%; /* Make the speech bubble text a little larger */
    float:left; /* Make it stay left instead of stacking on top */
    -moz-border-radius: 8px; /* Round edges for Firefox */
    -webkit-border-radius: 8px; /* Round edges for Safari & Chrome */
}
 
/*+=+= Interviewer's bubble colors =+=+*/
.intername {
    background:#075698; /* default background for browsers without gradient support */
    background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#2e88c4), to(#075698)); /* Safari & Chrome gradient */
    background:-moz-linear-gradient(50% 100% 90deg, #075698, #2e88c4); /* Firefox gradient */
    background:linear-gradient(top, #2e88c4, #075698); /* Catch-all gradient */
}
 
/*+=+= Interviewee's bubble colors =+=+*/
.inteename {
    background:#c81e2b; /* default background for browsers without gradient support */
    background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#f04349), to(#c81e2b)); /* Safari & Chrome gradient */
    background:-moz-linear-gradient(50% 100% 90deg, #c81e2b, #f04349); /* Firefox gradient */
    background:linear-gradient(top, #f04349, #c81e2b); /* Catch-all gradient */
}

/*+=+= Adds the interviewer/interviewee triangle to make it look like a speech bubble =+=+*/
.intername:after, .inteename:after {
    content:"\00a0"; /* Generates invisible content (like a non-breaking space) */
    position:absolute; /* Allows positioning of the triangle */
    bottom:-20px; /* Position the triangle vertically */
    left:15px; /* Position the triangle horizontally */
    width:0; /* Widens the triangle (requires changing positioning) */
    height:0; /* Heightens the triangle (requires changing positioning) */
    border-width:5px 0px 15px 10px; /* Vary these values to change the angle of the vertex */
    border-style:solid; /* Gives it a border */
}
 
/*+=+= Interviewer's little triangle to make it look like a speech bubble =+=+*/
.intername:after {
    border-color:#075698 transparent transparent; /* Gives the border a color */
}
 
/*+=+= Interviewee's little triangle to make it look like a speech bubble =+=+*/
.inteename:after {
    border-color:#c81e2b transparent transparent;  /* Gives the border a color */
}

/*+=+= Interviewer's paragraph style =+=+*/
.question {
    display:block; /* Correctly positions paragraphs */
    line-height:1.5em; /* Space between paragraph lines */
    margin:20px 0 15px 40px; /* Give it some room */
    font-style:italic; /* Changes font style to italic */
    background:#f2f2f2; /* Gives a background color to paragraph */
    -moz-border-radius:8px; /* Rounded corners in Firefox */
    -webkit-border-radius:8px; /* Rounded corners in Safari & Chrome */
}
 
.question p {
    padding:5px 10px 10px; /* Add padding around the paragraphs */
}

/*+=+= Interviewee's paragraph style =+=+*/
.answer {
    display:block; /* Correctly positions paragraphs */
    line-height:1.5em; /* Space between paragraph lines */
    margin:20px 0 15px 40px; /* Give it some room */
    -moz-border-radius:8px; /* Rounded corners in Firefox */
    -webkit-border-radius:8px; /* Rounded corners in Safari & Chrome */
}
 
.answer p {
    padding:5px 10px 10px; /* Add padding around the paragraphs */
}