/*  
Theme Name: Review Catcher
Theme URI: http://localreputationsuperhero.com
Version: 1.0
Description: Review Catcher theme is a simple solution for internet marketers to catch customer reviews for their client's needs.
Author: Local Reputation Superhero
Author URI: http://localreputationsuperhero.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* ------------------------------------------------------------------------ 1. Misc */

* { 
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}

img {
	max-width: 100%;
	height: auto;
}
img {-ms-interpolation-mode: bicubic;}

.fl {
	float: left;
}

.fr {
	float: right;
}

ul, ol {
	margin-left: 0px;
}

.first { 
	margin-left: 0 !important; 
}

.last {
	margin-right: 0 !important;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.aligncenter {
	float: none;
	display: block; 
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: auto !important; 
	margin-right: auto !important; 
}

input[type="submit"] {
	cursor: pointer;
	display: inline-block;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	padding: 5px 14px 6px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}

input[type="submit"]:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}

input[type="submit"]:focus {
  outline: 1px dotted #666;
}

input[type="text"] {
	width: 97%;
	height: 35px;
}


table td.label {
	color: #444;
	background: #f1f1f1;
	border-radius: 0;
}

table td.label a {
	color: #444;
	text-shadow: none;
}

.fademe img,
a img {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;	
	-webkit-transition: opacity .25s ease-in-out;
}

.fademe img:hover,
a img:hover {
	opacity: 0.5;
}

.form-allowed-tags code { 
	float: left; 
	margin: 8px 0 12px 0;
}

#wpstats {
	display: none;
}

/* ------------------------------------------------------------------------ 2. Typography */

h1, h2, h3, h4, h5, h6 {
  color: #444;
  margin-bottom: 10px;
  text-align: center;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #bfbfbf;
}

h1 small {
  font-size: 18px;
}

h2 {
  font-size: 24px;
  line-height: 36px;
}

h2 small {
  font-size: 14px;
}

h6 {
  text-transform: inherit;
}

/* links */ 

a { 
	color: #4d8b97;
}

abbr, tla, acronym {
	cursor: help;
	text-decoration: underline;
}

cite, q {
	font-style: italic;
}

ins {
	background-color: rgba(254, 255, 0, 0.68);
	text-decoration: none;
}
.home-neg, .home-pos {
	width: 460px;
}
/* ------------------------------------------------------------------------ 3. Main Styles */

#main {
	background: white;
	padding: 20px;
	border-radius: 10px;
}

html {
	overflow-y: auto;
	-webkit-text-size-adjust: none;
	margin-top: 0px !important;
}

html, body {
	background: #efefef;
}

#wrapper {
	padding: 0 0 40px;
}
/* Review Icons */

#social-networking {
	width: 400px;
	margin: 10px auto;
	text-align: center;
}
.social-icons li a {
	width: auto;
}
.social-icons li a img {
	border-radius: 5px;
	border: 5px solid #444;
	-webkit-box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333;
	margin: 10px 0;
}

/* ------------------------------------------------------------------------ 5. Header */

#header { 	
	padding: 10px 0;
}

#head-wrapper {
	position: relative;
}

.logowidth {
	width: auto;
}

#logo {
	padding: 10px 0;
	text-align: center;
}

#header.imageyup #logo {
	position: absolute;
	top: 50%;
	margin-top: -70px;
	padding-left: 40px;
}

#site-title, #site-title a  {
	color: #000;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	margin-bottom: 0;
}

#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #454545;
}

#site-description {
	color: #7a7a7a;
	font-size: 14px;
}

#header-image img {
	max-width: 100%;
	height: auto;
}


/* content Tables */

.entry-content table {
	width: 100%;
	margin: 20px 0;
	border: 1px solid #dddddd;
	border-left: 0;
	border-collapse: separate;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.entry-content table th, .entry-content table td {
	padding: 8px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

.entry-content table thead:first-child tr:first-child th,
.entry-content table tbody:first-child tr:first-child th,
.entry-content table tbody:first-child tr:first-child td {
  border-top: 0;
}
.entry-content table thead:first-child tr:first-child th:first-child,
.entry-content table tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.entry-content table thead:first-child tr:first-child th:last-child,
.entry-content table tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.entry-content table thead:last-child tr:last-child th:first-child,
.entry-content table tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.entry-content table thead:last-child tr:last-child th:last-child,
.entry-content table tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}

/* ------------------------------------------------------------------------ 9. 404 page */

body.error404 {
	min-height: 800px;
}

#nothing-found {
	padding: 40px 0 180px;
	text-align: center;
}

#nothing-found h1 {
	font-size: 8em;
	line-height: 100%;
	color: #000;
}

#nothing-found h1 span {
	color: red;
}

#nothing-found label {
	float: none;
}

/* ------------------------------------------------------------------------ 10. Search/archive page */

#archive-page-title h3, 
#search-page-title h3 { 
	font-size: 16px; 
	margin-bottom: 0;
}

.no-results {
	padding: 20px;
}

.no-results .entry-content {
	padding: 20px 0;
}

/* ------------------------------------------------------------------------ 12. Page Templates */

/* site map */

h2#authors, h2#pages, h2#posts {
	font-weight: normal;
	border-bottom: 1px solid #eee;
	margin-top: 15px;
	padding-left: 35px;
	background: url(images/icn-sitemap.png) no-repeat;
	background-position: 0 5px;
}

h2#pages {
	background-position: 0 -25px;
}

h2#posts {
	background-position: 0 -52px;
}

ul#sitemap-posts {
	margin-left: 0;
}

ul#sitemap-posts > li {
	list-style: none;
}

ul#sitemap-posts > li h3 {
	font-weight: normal;
	margin-bottom: 0;
}

ul#sitemap-posts ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ------------------------------------------------------------------------ 12. IE8 Styles */

#ie8 .format-image img {
	width: auto\9;
}

/* ------------------------------------------------------------------------ 13. Media queries */


/* Smartphones */
@media (max-width: 480px) {
	
	#logo {
		text-align: center;
	}
	
	#header.imageyup #logo {
		position: absolute;
		top: 15%;
		left: 0;
		padding: 0 !important;
		margin-top: 0;
		width: 100%
	}
	
	#header.imageyup #logo #site-title a, #header.imageyup #logo #site-title {
		font-size: 1.25em;
		line-height: 1;
	}
		
	/* Post Comments */
	
	.post.format-status .post-header .entry-content, .fullwidth .post.format-status .post-header .entry-content {
		min-height: 60px;
	}
	
	/* post format video */
	
	.format-video embed, .format-video iframe, .format-video object {
	 	max-width: 100%;
	}
	#social-networking {
	width: auto;
	margin: 10px auto;
	text-align: center;
	}
	.social-icons li a {
	width: auto;
	}
	.social-icons li a img {
	border-radius: 5px;
	border: 5px solid #444;
	-webkit-box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333;
	margin: 10px 0;
	}
}

/* tablet and mobile */ 
@media (max-width: 979px) {	

}
/* mobile to tablet */ 
@media only screen and (max-width: 767px) {
	
	body {
		padding-left: 0;
		padding-right: 0;
	}	 	
	.container {
		padding-left: 20px;
		padding-right: 20px;
		max-width: 460px;
	}
	
	/* post format status */
	.post.format-status .post-avatar {
		float: left;
		margin: 0 20px 20px 0;
	}
	
}


/* Landscape tablets */
@media (min-width: 768px) and (max-width: 979px) {
	
	.tabbed-widget .tab-count-1 > li > a {
		width: 226px;
	}
	
	.tabbed-widget .tab-count-2 > li > a {
		width: 112px;
	}

	.tabbed-widget .tab-count-3 > li > a {
		width: 74px;
	}

	.tabbed-widget .tab-count-4 > li > a {
		width: 55px;
		font-size: 10px;
	}

}

/* default desktop */
@media (min-width: 980px) {
	
	.menu-header-container {
		width: 480px;
	}
	.logowidth {padding-left: 35px;}
}