/*  
Theme Name: Viue Responsive
Last update: July 2015
Author: Sergi Mateo
Version: 8.1
Company: Viue Studio SL
*/

/*Reset*/

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, 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;
	-webkit-text-size-adjust: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General Styles */
body {
	background: #2c3e50;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	font: normal normal 16px Open Sans, Open Sans, Open Sans, Open Sans;
	font-weight: 500;
	color: #444;
}

#wrap {
	background: #FFFFFF;
	margin: 0 auto;
	width: 1170px;
	text-align: left;
}

a {
	color: #207f7b;
	text-decoration: none;
}

a:hover {
	color: #2c3e50;
}

a img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

small {
	font-size: 9px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearer {
	clear: both;
}


/* Header styles */
#header {
	width: 1170px;
	overflow: hidden;
}

#cabe {
	background: url('/assets/img/header_bg.jpg') no-repeat;
	width: 1170px;
	float: center;
	padding-bottom:15px;
}

.topSearch {
	width: 180px;
	float: center;
	padding-top: 23px;
}

.s {
	border: 1px solid #92bdbb;
	width: 250px;
	float: left;
	height: 18px;
}

.searchSubmit {
	padding: 0;
	background: none;
	border: none;
	font: normal bold 12px Open Sans, Open Sans, Open Sans;
	cursor: pointer;
	float: right;
	line-height: 20px;
}

/* Page structure styles */

#page {
	width: 1170px;
	overflow: hidden;
}

#lsidebar {
	width: 301px;
	float: left;
	margin-right: 30px;
	margin-left: 18px;
	padding-top: 0px;
}

#content {
	float: right;
	width: 800px;
	margin-right: 20px;
}

#contentpage {
	float: left;
	width: 990px;
	margin-right: 20px;
	margin-left: 20px;
}

/* Sidebars styles */

#lsidebar .leftPic{
	padding-top: 170px;
	background: url('/assets/img/css/wp-content/themes/viue-responsive/img/pic-sidebar.jpg') no-repeat;
}

#lsidebar .leftPicCustomWrap {
	width: 200px;
	overflow: hidden;
}

#lsidebar .leftPicCustom {
	margin: 0;
	border: 0;
	background: none;
}

#lsidebar h2, #rsidebar h2 {
	font: normal normal 17px Open Sans, Open Sans, Open Sans;
	color: #2c3e50;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #207f7b;
}

#lsidebar ul, #rsidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#lsidebar ul ul ul, #rsidebar ul ul ul {
	margin: 4px 0 0 10px;
	padding: 0;
	list-style: none;
}

#lsidebar ul li, #rsidebar ul li {
	margin: 0 0 25px 0;
	padding: 0;
	list-style: none;
}

#lsidebar li li, #rsidebar li li {
	margin: 0;
	padding: 4px 0;
	list-style: none;
	border-bottom: 1px solid #ddd;
}

#lsidebar li li li, #rsidebar li li li {
	margin: 0;
	padding: 4px 0;
	list-style: none;
	border: none;
}

#lsidebar ul ul ul a, #rsidebar ul ul ul a {
	font-size: 13px;
}

#lsidebar li.rssFeed {
	background: url('/assets/img/css/wp-content/themes/viue-responsive/img/bg-rss.gif') no-repeat;
	width: 300px;
	height: 50px;
	font: normal bold 12px Open Sans, Open Sans, Open Sans;
}

.textwidget {
	padding-top: 10px;
}

/* Content styles */

.topAd {
	margin-bottom: 25px;
}

.archiveTitle {
	font: normal normal 14px Open Sans, Open Sans, Open Sans;
	color: #666;
	font-variant: small-caps;
	text-transform: capitalize;
	border-bottom: 1px solid #ddd;
}

.post {
	margin-bottom: 20px;
	width: 800px;
}

.postpage {
	margin-bottom: 20px;
	width: 1130px;
}

.postFeatured {
	margin-bottom: 25px;
	width: 450px;
	overflow: hidden;
	padding: 10px;
	background: #f5f5f5;
}

.post a, .postFeatured a {
	text-decoration: none;
}

.postTitlee h1, .postTitlee h2 {
	font: bold 28px Open Sans, Open Sans, Open Sans;
	color: #36393D;
	margin-top:-5px;
	margin-left:30px;
	margin-right:30px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ddd;
}

.postTitlee h1 a, .postTitlee h2 a {
	font: bold 28px Open Sans, Open Sans, Open Sans;
	color: #36393D;
	text-decoration: none;
}

.postTitlee h1 a:hover, .postTitlee h2 a:hover {
	font: bold 28px Open Sans, Open Sans, Open Sans;
	color: #2c3e50;
}

.postTitle h1, .postTitle h2 {
	font: 26px Open Sans, Open Sans, Open Sans;
	color: #36393D;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ddd;
	margin: 0 0 5px 0;
}

.postTitle h1 a, .postTitle h2 a {
	font: 26px Open Sans, Open Sans, Open Sans;
	color: #36393D;
	text-decoration: none;
}

.postTitle h1 a:hover, .postTitle h2 a:hover {
	font: 26px Open Sans, Open Sans, Open Sans;
	color: #2c3e50;
}

.postcate {
	font-size: 11px;
	text-transform: uppercase;
	line-height: 20px;
}

.postInfo {
	font-size: 12px;
	float: right;
}

.social {
	float: right;
}

.post img {
  	max-width: 100%;
   height: auto !important;
 }

.postContent {
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 25px;
	width: 800px;
	overflow: hidden;
}

.postContentpage {
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 25px;
	width: 1130px;
	overflow: hidden;
}

.sizeFeatured {
	width: 450px;
}

.featHead {
	font: normal normal 14px Open Sans, Open Sans, Open Sans;
	color: #777;
	font-variant: small-caps;
	text-transform: capitalize;
	background: #ddd;
	padding: 3px 10px;
}

.postContent h1 {
	font: normal normal 23px Open Sans, Open Sans, Open Sans;
	color: #36393D;
}

.postContent h2 {
	font: normal normal 20px Open Sans, Open Sans, Open Sans;
	color: #36393D;
}

.postContent h3 {
	font: normal normal 20px Open Sans, Open Sans, Open Sans;
	color: #36393D;
}

.postContent h4 {
	font: normal bold 14px Open Sans, Open Sans, Open Sans;
	color: #666;
	font-variant: small-caps;
	text-transform: capitalize;
}

.postContent blockquote {
    background-image: url('/assets/img/css/wp-content/themes/viue-responsive/img/blockquote.png');
    background-position: initial initial;
    background-repeat: no-repeat no-repeat;
    border: none;
    margin: 0;
    padding: 0 30px 5px 60px;
    color: #777;
}

.postExtras {
	border-top: 1px solid #ddd;
	padding: 5px 0;
	font-size: 14px;
}
.extra {
	border-top: 0px solid #ddd;
}

.postMeta {
	border-top: 1px solid #ddd;
	text-align: right;
	padding-top: 5px;
	font-size: 14px;
	width: 480px;
	overflow: hidden;
}

.postMetaFeatured {
	border-top: 1px solid #ddd;
	text-align: right;
	padding-top: 5px;
	font-size: 11px;
	width: 450px;
	overflow: hidden;
}

.postMeta a, .postMetaFeatured a {
	color: #2c3e50;
	text-decoration: none;
}

.postMeta a:hover, .postMetaFeatured a:hover {
	color: #207f7b;
}

.postLink {
	float: left;
}

.postComments a {
	background: url('/assets/img/css/wp-content/themes/viue-responsive/img/icon-comments.gif') no-repeat 0 4px;
	padding-left: 16px;
}

.postLink a {
	background: url('/assets/img/css/wp-content/themes/viue-responsive/img/icon-postlink.gif') no-repeat 0 1px;
	padding-left: 14px;
}

.navigation {
	width: 480px;
	font: normal normal 14px Open Sans, Open Sans, Open Sans;
	overflow: hidden;
}

.navigation a {
	text-decoration: none;
	margin-bottom: 25px;
	display: block;
}

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}

.aligncenter {
	margin: 0 auto;
}

/* Comments styles */

.commentZone {
	margin-bottom: 25px;
}

h3#respond, h3#comments, h3#trackbacks, h3#related {
	font: normal normal 18px Open Sans, Open Sans, Open Sans;
	color: #2c3e50;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ddd;
	margin: 30px 0 0 0;
}

.commentList {
	margin: 0;
	padding: 0;
	list-style: none;
}

.commentList .reply {
	margin-bottom: 10px;
}

.commentList li.depth-1 ul.children {
	border-bottom: none;
}

.commentList li {
	overflow: hidden;
	display: block;
	padding: 10px 0 0 0;
}

.commentList li ul.children {
	overflow: hidden;
	display: block;
	padding: 0px;
	margin: 0;
	border: 0px solid #ddd;
	background: #fff;
}

.commentList li ul.children li {
	padding: 0;
	margin: 0;
}

.commentList li ul.children ul.children {
	overflow: hidden;
	display: block;
	padding: 0px;
	margin: 0;
	background: #fff;
	border: 0px solid #ddd;
}

.commentList li.depth-1 {
	border-bottom: 1px solid #ddd;
}

.commentLeft {
	float: left;
	width: 80px;
}

.commentLeft img {
	padding: 4px;
	border: 1px solid #e5e5e5;
}

.commentAuthor {
	font: normal bold 14px Open Sans, Open Sans, Open Sans;
}

.commentAuthor a {
	color: #2c3e50;
}

.commentAuthor a:hover {
	color: #207f7b;
}

.commentRight p {
	margin: 10px 0;
}

#author, #email, #url {
	border: 1px solid #92bdbb;
}

#comment {
	border: 1px solid #92bdbb;
	width: 100%;
	height: 100px;
}

#submit {
	width: 80px;
	height: 20px;
	border: none;
	background: url('/assets/img/css/wp-content/themes/viue-responsive/img/bg-addcomment.gif') no-repeat;
	font: normal bold 12px Open Sans, Open Sans, Open Sans;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.trackbackList {
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ddd;
}

.trackbackList li {
	padding: 4px 0 0 0;
	margin-left: 23px;
}


/* Footer styles */

#footer {
	border-top: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	margin-bottom: -5px;
	width: 1170px;
	overflow: hidden;
}

/* Tags styles */

#tags {
	border-top: 1px solid #ddd;
	padding-top: 5px;
	font-size: 10px;
	margin-bottom: 0px;
	width: 1170px;
	overflow: hidden;
}

/* BlogAd */

.blogad {
    padding:10px 10px;
    width: 728px;
    background:#F9F2F3;
    border:1px dashed #D40000;
    text-align:left;
    margin: 0 0px 5px 5px;
}

.blogad a {
    font-size:14px;
    margin-bottom:10px;
    color:#D40000;
}

/* Pagenavi style */

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #B72E2E !important;
		border-color:#AD2D2D !important;
		background:#E43838 !important;
		background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #B72E2E !important;
		border-color:#AD2D2D !important;
		background:#E43838 !important;
		background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838)) !important;
}

/*April's New CSS*/

div, img, p, input, textarea, blockquote {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 15px;
}

#wrap {
  	width: auto;
	max-width: 1170px;
}

#header {
	width: 100%;
}

#cabe {
  	background: none;
  	width: 100%;
  	height: auto;
}

#cabe img {
	width: 100%;
}

#lsidebar {
  	width: 301px;
  	float: left;
  	margin-right: 18px;
  	margin-left: 25px;
  	padding-top: 9.2px;
}

.postTitle h1, .postTitle h2 {
	line-height: 29px;
}

.postTitlee h1, .postTitlee h2 {
	line-height: 32px;
}

.post img {
	margin-bottom: 10px;
}

.s {
	margin-bottom: 0px !important;
}

.twitter-share-button {
  	width: 118px !important;
}

.twitter-counter {
  	margin-top: 10px;
	margin-bottom: 10px;
}

.lr-simple-ss-frame {
	margin-bottom: 10px;
}

.wp-pagenavi {
	height: 32px;
}

.wp-pagenavi .current {
	font-size: 12px;
}

.gallery-columns-5  {
	margin-bottom: 20px;
}

#gallery-1 {
	overflow: auto;
}

#gallery-1 .gallery-item {
  	width: 17% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
}

.single-attachment .gallery-item img {
	width: 100% !important;
  	height: 100% !important;
}

.single #gallery-1 br, .single-attachment #gallery-1 br {
	clear: none !important;
}

h3#respond, h3#comments, h3#trackbacks {
	margin-bottom: 20px;
}

#commentform p {
	margin-bottom: 0px;
}

input, textarea {
	margin-bottom: 10px;
}

.single-attachment .lr-simple-ss-frame {
	display: none;
}

.fb-comments-container {
	margin-top: 30px;
}

.fb-comments-narrow, .fb-comments-narrower, .fb-comments-narrowest {
	display: none !important;
}

#footer {
	margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 11px;  
}

#gravatar {
	float:left;
	margin-right:6px;
}

/*Button more*/

button, input[type="button"], input[type="reset"], input[type="submit"], a.more-link, .comment-list .reply a {
	border: 0;
	background-color: #16a085;
	font-size: 16px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.more-link:hover, .comment-list .reply a:hover {
	opacity: 0.8;
	color: #fff;
}

a.more-link {
	display: block;
	color: #fff;
	text-decoration: none;
	border:0;
	margin: 1.6em 0 0;
	padding: 0.4em 0.4em;
	font-weight: 700;
	max-width: 151px;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: center;
}


/*Media Queries*/

@media screen and (max-width: 1160px) {
  	
  	#page {
		width: 100%;
    	padding: 0 20px;
	}
	  
  	#contentpage, .postpage {
  		width: 100%;
  	}
  
    #content {
    	width: 60%;
    	margin-left: 2.5%;
    	margin-right: 0;
  	}
  
  	.post, .postContent, .postContentpage {
  		width: 100%;
  	}
  
  	#contentpage {
  		margin: 0 auto;
  	}
  
  	.postContentpage img {
  		max-width: 100%;
    	height: auto !important;
  	}
  
  	.postcate {
  		line-height: 16px;
  	}
  
  	.post img {
  		width: 100% !important;
    	height: auto !important;
    	border: 0;
  	}
  
  	.post .leermore {
  		width: auto !important;
  	}
  
  	#comment {
  		width: 100%;
    	padding: 5px;
  	}
  
  	#lsidebar {
  		width: 37.5%;
    	margin: 0;
  	}
  
  	#searchform {
  		width: 100%;
  	}
  
  	.s  {
  		width: 235px;
    	
  	}
  
  	.single-attachment .gallery-item img {
		width: 100% !important;
  		height: auto !important;
	}
  
  	.fb-comments-wide {
  		display: none !important;
  	}
  
  	.fb-comments-narrow {
  		display: block !important;
  	}
  
  	#footer {
  		width: 100%;
  	}
}

@media screen and (max-width: 768px) {
  
  	#page {
  	}
  
	#content, #lsidebar {	  
  		width: 100%;
    	margin: 0 auto;
  	}
  
  	ul.related_post li {
  		width: 100px !important;
  	}
  
  	ul.related_post li img {
  		width: 100px !important;
    	height: 100px !important;
  	}
  
  	#lsidebar {
  		margin-top: 40px;
  	}
  
  	.s  {
  		width: 270px;
  	}
  
  	#gallery-1 .gallery-item {
  		width: 23% !important;
    	margin-left: 1% !important;
    	margin-right: 1% !important;
  	}
  
  	.fb-comments-narrow {
  		display: none !important;
  	}
  	
  	.fb-comments-narrower {
  		display: block !important;
  	}
  
  	#footer {
  		width: 100%;
    	padding-left: 10px;
    	padding-right: 10px;
  	}
		
}

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

	#u_0_0 {
    	width: 100% !important;
	}
 

  	.fb-like.fb_edge_widget_with_comment.fb_iframe_widget, .fb-like.fb_edge_widget_with_comment.fb_iframe_widget > span, .fb-like.fb_edge_widget_with_comment.fb_iframe_widget > span > iframe {
    	width: 100% !important;
    	height: auto !important;
	}

	.fb-comments,
.fb-comments iframe[style],
.fb-comments span,
.fb-comments iframe span[style] {
    	width: 100% !important;
	}

  .fb-like-box{
    	min-width:280px;
    	width: 100% !important;
	}
  
	.fb-like-box iframe[style]{
    	min-width:280px;width: 100% !important;
	}
  
	.fb-like-box span{
    	min-width:280px;
    	width: 100% !important;
	}
  
	.fb-like-box iframe span[style]{
    	min-width:280px;
    	width: 100% !important;
	}  
  
}

@media screen and (max-width: 480px) {
  	
  	.wp-pagenavi {
		height: auto;
	}
  
	.wp-pagenavi a, .wp-pagenavi span.current {
  		float: left;
  	}
  
  	#gallery-1 .gallery-item {
  		width: 31.33% !important;
    	margin-left: 1% !important;
    	margin-right: 1% !important;
  	}
  
  	.fb-comments-narrower {
  		display: none !important;
  	}
  
  	.fb-comments-narrowest {
  		display: block !important;
  	}
  
}

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

	.s  {
  		width: 220px;
  	}

}