/*
Theme Name: Temple Gate Responsive WordPress
Theme URI: http://accessible-themes.com/temple-gate
Author: Lotus Seeds Design
Author URI: http://lotusseedsdesign.com/
Description: Temple Gate
Version: 2.0
Tags: two-columns, fixed-width, threaded-comments, sticky-post, translation-ready, theme options, White, Clean,
The CSS and XHTML are released under GPL:
http://www.opensource.org/licenses/gpl-license.php
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: templegate
*/
/* temple-gate.css <-- controls colors, font sizes and a few presentational elements used in the theme */

.sticky{}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}


/* Don't show URL's of internal anchors */

a[href*="#"]:link:after,
a[href*="#"]:visited:after {content:"";}
a[href*="#"] {border:none;}
/*a[href^="http"]{background: url(/temple-gate/wp-content/themes/templegate/images/icon-external.png) no-repeat right 3px;padding-right:11px;}*/
/*a:hover[href^="http"]{text-decoration: underline;}*/

/*hide from browsers*/
ul#socialmedia li span,
.no-display {position: absolute!important;left: -99999px!important;font-size:0;}
.hide{display:none;}

table {width:98%;border: 1px solid #dadada;border-collapse: collapse;border-spacing:0;margin-bottom:15px;}
th, td {padding: 5px 10px;border: 1px solid #dadada;vertical-align: top;}th {width: 15%;}
abbr[title], dfn[title] { border-bottom:1px dotted #C12D2D; cursor:help; }
pre, code, kbd, samp { font-family: Monaco, Lucida Console, monospace, sans-serif; }
blockquote {padding:10px 20px;font-style:italic;color:#666;}
blockquote p {font-size:18px;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
blockquote, q { quotes:none; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }



/* #Base 1000 Grid
================================================== */
.full-width {width:100%;overflow:hidden;}
.container                                  { position: relative; max-width: 1000px; margin: 0 auto; padding: 0;}
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 1%; margin-right:1%;text-align:left; }


/* ======================================
[column & row wrappers - site structure]
 ============================================== */
header, footer,.ftr-inner {max-width:1000px}
 	
#hdr-wrap, #container,#content, footer, header{margin: 0 auto;}	
#breadcrumbs {background: #999;margin-top: 3px;padding: 4px 0 2px 25px;text-align:left;text-shadow:1px 1px 5px #eee;box-shadow: 0 -1px 45px #fff}
#blog_content {float:left;border-top: 10px solid #fff}
#blog_sidebar {float:left;text-align:left}


/* ======================================
  [Header Section]
/* ====================================== */



/* logo, h1 */
.logo {position:relative;}
	#logo{width:280px;float: left;margin-top:20px;margin-left: 5px;}
	.home h1 {}
	#logo:hover{background-position: 0 top;}
	 #logo:hover span {color: #C12D2D}
	
#logo em {font-size:13px;clear: both;margin-top:45px;letter-spacing: 1px;margin-left:92.5px;display: block;text-align: center;text-decoration:none;position:absolute;top:0;
font-weight:bold;left:0;color:#999;
font-style:normal;}



*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
/* Quick Access - Home | About | Contact  
==============================================*/
#quick-access {background:#333;min-height:2em;overflow:hidden;clear:both}
.hor-menu{float:right;width:auto;margin-top: -1px;margin-right: 18px;background: transparent;}
.home .hor-menu{margin-right:25px;}
.hor-menu{float: right;margin-right:22px;}
.hor-menu li {float: right;}
.hor-menu li a {float:left;padding:9px 20px 5px 20px;text-decoration: none;border-left: 1px dotted #777;background: #555;letter-spacing: 1px;}
.hor-menu li:last-child a{border-left: 1px dotted #777;}

.hor-menu li a:hover, 
.hor-menu li a:focus,
.hor-menuli a:active a 
	 { background:#000;color:#fff;text-shadow: 1px 1px 1px #000;}
	 
	 /*ad and images*/ 
	 .ad-sponsor {font-size:12px!important;text-align:left;
text-transform:uppercase;color:#ccc;}
.hdr-ad-box {float:right;margin:0 20px 15px 0;max-height:65px;}
.hdr-ad-box h2 {margin:5px 0;padding:0;}
.ftr-ad-box{padding:5px 0;overflow:hidden;}
.ftr-ad-box .ad-sponsor {margin:0 0 0 15px!important;text-align:left;padding:!important;}
.ftr-ad-box .ad-sponsor {margin-top:0;}
.ftr-ad-box img {margin:5px  auto;text-align:center;}

	 
/*  [Footer section]====================*/

footer {margin-bottom:20px;}
#ftr {position: relative; padding-bottom:25px; margin-top:10px;}
#ftr ul {background:#656565;margin-bottom: 10px;}
#ftr  li {display: inline;}
#ftr li a {float:left;padding: 8px 25px;text-decoration: none;border-right: 1px dotted #999;margin-top: 1px;text-shadow: 1px 1px 1px #000;background:#555;text-transform: uppercase;}
footer p {text-align: left;color:#888;}

 .gotop {position: absolute;right: 0;width:10%;margin-top: -40px;color: #aaa}
 footer .gotop a {color: #aaa;font-size: 20px!important;}
 
 
 
.img-callout {float: left;margin-right: 15px;margin-bottom: 15px;}


/* ======================================
[common and reset elements]
======================= */


#random{overflow: hidden!important;clear: both!important;margin:5px auto 0 auto;height:200px;display:block;border:5px solid #fff;background-position:center 10%;border-radius:1px;box-shadow: 0 -5px 15px #ddd}

/*header: banner section*/

#headline-cat {position:absolute;width:auto;z-index:55;background-color:#fff;opacity:0.78;text-align:left;;margin-left:21px;margin-top:15px;padding:1px 25px 1px 15px;border-left:7px solid #e21;box-shadow: 0 1px 5px #aaa;font-family:"Museo Sans", Arial, sans-serif;
font-variant:small-caps;border-radius:0 50px 250px 0 ;}
#headline-cat a{color:#000;font-size:18px;}

#banner {border: 5px solid #fff}
.pika-stage,#banner{box-shadow: 0 0 20px #ddd}
.pika-stage img {width:100%;height:270px}
#banner-section div.banner-text {float:left;vertical-align:top;color:#333;}

.pika-textnav
.pika-textnav a,
	.jcarousel-skin-pika  .banner-thumb:hover,
.jcarousel-skin-pika  .banner-thumb:focus {cursor:pointer;}
	#banner .jcarousel-item h3 {margin:0;padding:0;line-height:1.1;}
	
.pika-stage {position: absolute;z-index:40;border: 5px solid #fff;overflow:hidden;}

	#banner-section .pika-stage li {width:100%!important;text-align:left;padding:15px; font-size:25px; box-shadow: 0 0 10px #fff;color: #fafafa; z-index:15 }
	#banner-section .pika-stage li  .banner-text p {font-size:15px;text-align:left;}
	
		.pika-stage .caption {position: absolute;/*box-shadow:3px 3px 8px #555;*/padding:10px 15px 15px 35px; top: 60px; color:#333;left:0;z-index:15;text-align:left;opacity:0.8;background:transparent url(/temple-gate/wp-content/themes/templegate/images/bg-trans-white.png) repeat left 0;border-bottom:2px solid #fff;}
		.pika-stage .caption h3{padding: 0; margin-bottom:5px;}
		.pika-stage .caption h3 a{ line-height: 25px;color:#333;text-shadow: 0 0}





/*adjustment for h1*/
.archive #blog_content h1,
 .search h1, .page .archives h1{padding-bottom: 0;}

 .search-no-results h1 {padding-bottom: 15px;}

/*homepage==============*/
.home h2:first-child {padding-top:10px;}
.line .box, .line  .postcontent {float: left;border-left: 1px dotted #ddd;padding-left:15px;}	
 .line:last-child {margin-bottom:25px;}
.line, #sticky-post {padding-top:15px;padding-bottom:25px;margin-left:10px;}
#sticky-post{/*border-top:5px solid #d77072;*/}	
#sticky-post .box {padding-right:15px;}


.line .post-meta {float: left;margin: 10px 0 10px 0;padding:0 7px 15px 10px;line-height:1.2em;border-left: 1px dotted #ddd;}
.line time {float: left;width:98%;padding:6px 0;margin-bottom:5px;text-transform: uppercase;line-height: 1.5em;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;}

.date,.single time,
.post-author, .post-meta-info {display:inline-block;width:auto;}

/*.month, .year {line-height: 1.2em;text-align: justify!important;width: 92%;}*/
/*.year {margin-top: 1px;}*/
/*.line .my-wrap {float: left;width: 45%}*/

.line .post-meta-info {clear: both;}
.post-meta span, .post-meta-single time,
.post-meta-info span {display:inline-block;float:none;}

.post-meta .show-comment {margin-bottom:0;padding-bottom:0;}
.line .show-comment,
.line .meta-category,.tags {margin-top: 10px;}

/*single and pages page*/
.blogarticle .image {width:100%;}
.postmeta-info{float:left;}
.blogarticle .post-meta-single{overflow:hidden;margin-bottom:25px;padding:10px 10px 10px 5px;border-top: 1px dotted #ddd;border-bottom: 1px dotted #ddd}

/*Pages page add line below h1*/
.addline {padding-top:25px;padding-left:10px;}
 
.blogarticle .postcontent{overflow:hidden;}
.blogarticle .show-comment {float:right;width:auto;text-align:right;}
.blogarticle .show-comment span {display:inline-block;text-align:left;padding-left:10px;}


/*single page*/
h1.title {background-color:#fff;text-align:left;margin:25px 0 15px 8px;padding:0 15px ;border-left:7px solid #e21;background: url(/temple-gate/wp-content/themes/templegate/images/bg-line-hor.png) repeat left 0}

.title-alt {margin-left:12px;}
.archives-tpl{border-top:1px dotted #ddd;display:block;}
.postcontent p {padding-bottom:20px;}

.inner-tpl .blogarticle{margin-left:2%;margin-right:0}

.inner-tpl .blogarticle .postcontent{padding:3% 3% 3% 5%;}

/*aside - nav, section
================================================*/

	#blog_content h1 {padding-left:20px;}



/*single page (a.k.a posts page) and Pages page*/
/*.postcontent {margin-bottom: 25px;}*/
.post-info {margin:25px 0;padding: 10px 15px;}

.postcontent ol,
.postcontent ul {margin: 10px 10px 10px 22px;}
.postcontent li {margin-left: 10px;padding-bottom:10px}
.single .postcontent ul li {list-style: disc;}
.postcontent ol li {list-style-type:decimal-leading-zero;}


.image {margin: 5px 15px 5px 0;clear:both;}

.single #blog_content img {margin-bottom: 15px;clear: both;}

	/*if related_posts_by_category enable*/
	#blog_content .related-post ul {margin:10px 0;border-bottom:1px dotted #ddd;padding-bottom:15px;}
	#blog_content .related-post ul li {display:inline-block;width:32%;padding:0 1%;vertical-align:top;text-align:center;margin-bottom:20px;}
	#blog_content .related-post li img {display:block;max-width:180px;max-height:180px;margin:0 auto 10px auto;border:1px solid #ededed;padding:5px;border-radius:5px}
	#blog_content .related-post h2{border-left:7px solid #ccc;margin-top:25px;padding:2px 17px;}
	#blog_content .related-post h3{line-height:1.3;font-size:17px}

/*archives page sitemap, template-archives*/

/*.page #blog_content h2,
.page #blog_content article,
.page #blog_content nav
 */
 .sitemap .archives{margin-left: 14px;}
 .archives-wrap {display:block;clear:both;margin-left: 34px;}
  .archives-wrap li,.p404 .archives li {padding-bottom:8px;}
.page-template-sitemap-php #blog_content .archives-inner{display:inline-block;width:45%;vertical-align:top;margin-left:15px;}



/*404 page*/
p.p404{margin:25px 25px 15px 40px;}
.p404 .archives h2 {padding-bottom:15px;}
.p404 .archives h3 {margin-top: 25px;padding-bottom: 20px;}


 /*======================================
[sidebar section]
=======================*/ 

.img-box {margin-top:20px;}
#blog_sidebar li {padding:6px 0;}

#blog_sidebar .cat-item a {text-align: left!important}
#blog_sidebar .cat-item {text-align: left;;}
#blog_content ul.disc {margin-top: 15px;}
#blog_sidebar li a {line-height: 1.5}



/*Accordion - accordion menu*/	
.acc-menu {clear:both;overflow:hidden;position:relative;}
.acc-menu ul li, .acc-menu ul li a{display:inline-block;}
.acc-menu ul {overflow: hidden;display:none;padding-top:5px;padding-left:15px}
.ui-accordion-content-active {border-top:1px dotted #ddd;padding-bottom:15px;}
#blog_sidebar  .acc-trigger{border-top:1px dotted #ddd;
	text-shadow:1px 1px #fff;
	text-decoration: none;padding:5px 0 5px 0;
	display: block;}


	
	


 /*!
 * jQuery UI Accordion 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
.ui-accordion .ui-accordion-header {
	/*display: block;*/
	cursor: pointer;
	position: relative;
/*border-top:1px dotted #ddd;
	text-shadow:1px 1px #fff;padding-left:10px;margin-top:2px;
	text-decoration: none;*/

	min-height: 0; /* support: IE7 */
}





#blog_sidebar .widget  {margin-top:20px;overflow:hidden;}

#blog_sidebar h2 a {padding: 5px 0 5px 3px; text-transform: capitalize;text-shadow: 1px 1px 1px #ddd;}

/*if textwidget enable*/
#blog_sidebar .widget_text {margin-bottom: 25px;}
#blog_sidebar .widget_text h2 {background-image: none;padding:5px 0;text-shadow: 0 0;margin-top: 5px;font-weight: normal;}

/*if tags cloud enable*/
.tagcloud {padding-top:10px;}
#blog_sidebar .widget_tag_cloud {margin-top:20px;margin-bottom: 20px;}
#blog_sidebar .tagcloud a {line-height: 1.33em;padding: 2px 5px;margin: 2px;float: left;font-size:120%;}


/*if popular widget enable*/
.wpp-date {font-weight:normal;}
.responsive-tabs li span {color:#999;font-size:14px;}

/*if ftr-widget enable*/
#ftr-widget {overflow:hidden;border-top:1px dotted #ddd;}
#ftr-widget .widget {float:left;;width:30%;}
.wpp-comments {font-weight:normal;}
/* ======================================
[COMMENTS SECTION]
======================= */
h2#comments,dl#respond dt{border-left:7px solid #e36150;margin-top:25px;}
/*comment messages*/
h2#comments {padding: 10px 5px 10px 15px;}
h2#comments span{font-size:inherit;color:#777;}
dl#respond button {padding: 5px 20px;letter-spacing: 1px;}
.textarea {;overflow:hidden;clear:both;text-align:left;}
dl#respond textarea {width: 98%;font-size:15px;}
#comment-count {padding: 15px;}/*h2*/
#blog_content .commentlist {margin: 10px 0;}
#blog_content .commentlist li {margin:  0;padding:5px 0!important;position: relative;}

/*#blog_content .commentlist ul.children, 
#blog_content .commentlist ul ul,
#blog_content .commentlist ul  li,
#blog_content .commentlist ul ul li  {margin: 0!important;list-style: none;}*/
/*#blog_content .commentlist ul.children li {margin: 0 0 0 10px!important;}*/
/*depth 2*/
#blog_content .commentlist li li {margin-left:5px;	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;   }


 img.avatar {float:left; margin:10px 15px 15px 0}
/*.commentlist li .comment-message {margin:0 1%;padding-left:10px;padding-bottom:10px;;float:left;width:88%;position:relative; border-left: 1px dotted #ddd;}*/
.fn {font-size:14px;}
.reply-comment {position:absolute;top:6px;right:5px;}
/*by author*}*/
.fn , .comment-meta {display:inline-block;padding-right:5px;padding-top:5px;}
.comment-content {padding-bottom:20px;padding-left:59px;}
.fn span:before {content:'(';}
.fn span:after {content:' )';}
/*#blog_content .commentlist  li.bypostauthor  {}*/

.commentlist li.bypostauthor .comment-author time {border-color:#d77072;}


/*author/guest info*/
header .block-wrap {margin-bottom:10px;}
.block-wrap{overflow:hidden;display:block;}
.comment-id {font-size: 25px!important;color: #ddd;position: absolute;right: 0;bottom: 0;font-style: italic;}
.reply, .cancel-comment-reply {clear: both;display: block;text-align:right;}


 img.avatar, .comment-meta{margin-top:5px;;border:0}

/*.single .commentlist .comment-time {display:block;background-color:#ddd;}*/

 .commentlist li p {padding-top:10px;}

dl#respond {padding-bottom:25px}
dl#respond dt {padding:5px 10px 5px 15px}

dl#respond p.allowed-tags {overflow:hidden;padding-top:15px;}
.allowedtags {background-color:#f9f9f9;display:block;width:95%!important;overflow:hidden;padding:15px;margin:5px;}.allowedtags code {line-height:2em;color:#666;}
dl#respond dd {padding:25px 0 15px 20px;}
dl#respond div {float: left;width: 33%;margin-top: 15px;}
dl#respond label {width: 90%;margin-bottom:5px;}
dl#respond div input {width: 86%;margin-bottom: 10px;}
.no-published {font-size: 12px;}
p#comments{font-size:20px;padding: 25px 10px;}
p.nocomments{margin-top: 15px;text-align: center;}
dl#respond p.show-admin-info {margin-bottom: 0;padding-bottom: 0;border-top: none;}
dl#respond .submit {margin-right:13px;}



/* Social Media Icons
==========================================*/
#socialm{overflow:hidden;margin-bottom:15px}
#blog_sidebar #socialm h2 {padding-left:10px;padding-top:10px;}
ul#socialmedia {padding:5px 0 5px 0;}
ul#socialmedia li {border-bottom: 0;display:block;float:left;}
ul#socialmedia li:last-child a{padding-right:0;}
ul#socialmedia li a{padding-right:5px;display:block;}
ul#socialmedia li#pinterest a{background: url(/temple-gate/wp-content/themes/templegate/images/icon-pinterest.png) no-repeat 0 5px;width:28px;height:30px;display:block}
ul#socialmedia li#pinterest a:hover {background: url(/temple-gate/wp-content/themes/templegate/images/icon-pinterest.png) no-repeat 0 -52px;}
ul#socialmedia li#rss a,
ul#socialmedia li#rss-email a{font-size:20px;margin-top:2px;}
ul#socialmedia li#twitter a{font-size:28px;margin-top:-4px;}
ul#socialmedia li a:focus {outline:none;background-color:transparent;}


/* =============
[common and reset elements]======================= */

abbr, acronym, .help {border-bottom: 1px dotted #ededed;cursor: help;}
*, .home h1, .home h1 span {margin:0; padding:0;} /* Reset all elements */
img {border:none;display: block;}
.clear {clear: both;height: 0;line-height: 0; }
span.fleft a{text-transform: lowercase;}
i, em, .bold{font-weight: bold;}


/*form elements*/
fieldset {border:none}
legend {white-space: normal}
input, textarea {padding:8px 5px;border:2px solid #ddd;margin:5px 4px 2px 0;}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
option {width: 99%;}

/*IE watch out: do not group unsupported selectors of IE6 as the browser ignores the entire rule*/ 
[required]{background-color:#FFFFE0}
.required { background-color:#FFFFE0}
/*:invalid { background-color: red; }*/

button {border: 1px solid #aaa;padding: 2px 6px;color: #f9f9f9;text-transform: uppercase;border-radius:3px}

button:hover, button:focus,
input:focus, textarea:focus,
#searchform input:focus {background: #555;color: #fff;border-color: #ddd;font-size:15px;}
textarea:focus {min-height:;}
#blog_content button {  width: auto; overflow: visible; }

/* search
 ====================================== */
.blog-search {margin-bottom:10px;min-height:50px;}
#searchblog, #searchblog:focus {font-size: 14px;text-align: left;padding-left:25px;width:99%;margin:2px;}

#searchform input {float: left;border-radius: 2px;text-align:center;}
.search-form {position:relative;z-index:5;}


/*page navigation 
=========================================================*/
#pagination{overflow:hidden;min-height:25px;margin:5px 1% 0 1%}
.wp-pagenavi {text-align:left;padding: 2px 5px 1px 5px;border:2px solid #fff;margin:5px;}
#pagination .wp-pagenavi a {border-right: 1px dotted #ddd;font-size: 13px;}
.wp-pagenavi a,.wp-pagenavi a:hover,
.wp-pagenavi span.current {font-size: 12px;}
#pagination .wp-pagenavi span.current {float: right;font-size:15px;font-style:italic}	
.wp-pagenavi span.pages,.wp-pagenavi span.current,
.wp-pagenavi span.extend{color:#777;}
.wp-pagenavi a,.wp-pagenavi span.pages,	.wp-pagenavi span.current,
.wp-pagenavi span.extend{padding: 0 8px!important;}

 /*.share social media*/
 .pinterest-btn {padding-top:25px;overflow:hidden;}
 .share {margin-top:10px;border-top:1px solid #fff;border-bottom:1px solid #fbfbfc;clear:both;padding-top:15px;background: url(/temple-gate/wp-content/themes/templegate/images/bg-line-hor.png) repeat-x left 0;}
.share .sharediv , .g-plusone{display:inline;float:left;margin-right:10px;}

/*for single post and page pages*/
#blog_content  ul.navigation {padding-bottom: 10px;margin:20px 15px 0 0;}
.navigation li {float: left;width: 48%;line-height: 1.2em;list-style: none!important;}
.navigation .right {float:right!important; text-align: right!important;margin-right: 0!important;}
span.next,span.previous {position: absolute;left: -555555px;margin-top: 10px;}
.navigation li span {line-height:1.3;}
.navigation span.arrows {font-size:40px!important; color:#efefef;clear:both;display:block;text-shadow:1px -1px 2px #f9f9f9;}

		
		
		
/* Align classes generated by WordPress
===============================================*/
.alignleft,.col-left {float: left;}
.alignright, .col-right, .fright, .rightbox {float: right;}
.aligncenter {margin: 10px auto 20px auto;display: block;}
.alignleft {margin: 15px 20px 8px 0}
.alignright, .col-right, .fright { margin: 15px 0px 8px 20px}

/* control floated elements 
==================================*/
.fleft {float:left;}
.col-right, .fright {float:right;}/* col-right controls opc.js in onepage checkout */


/*clear elements
==================================*/
#hdr-wrap,header,article, section,nav,
 #container,#content, footer, footer ul,
.post-info,
ul.navigation,
.wp-pagenavi,#social-media,
h2#comments,
.commentlist li li
 {clear: both;overflow: hidden;}
 
 nav, 
 #banner,
 #sticky-post,
 .commentlist li,.commentlist dl,
dl#respond,#searchsubmit
{overflow: hidden;}



#pagination,
span.next,span.previous,
dl#respond textarea,

dl#respond p.allowed-tags,
 dl#respond label,
 dl#respond div input
 {clear: both;}
 
 
 
article, aside, figure, figcaption, footer, header, mark, menu, nav, section, small, time, video,
h1, h2, h3, h4, h5, h6, dt,
#blog_sidebar li,

.wp-pagenavi,
ul.navigation,
span.next,span.previous,
.alignright, .alignleft,
.navigation li .alignright a,
.navigation li .alignleft a,
.my-wrap, .date, .month, .year, .comments, .post-meta-info , .post-info,
 /*comment area*/
 .commentlist li,
 .author-info,
 dl#respond dt,
 dl#respond label,
 dl#respond div input
 {display: block;}

 
 #container,#hdr-wrap, #quick-access, .commentlist li,
 .commentlist li .comment-author time,
 ul.navigation  {width: 100%;}
 
 
 
 /* #Media Queries
================================================== */

	@media only screen and (min-width: 801px) {
	#content {margin-bottom:10px;background: url(/temple-gate/wp-content/themes/templegate/images/line-vert.png) repeat-y 72% top}
 .line .box, .line  .postcontent {width:80%}	
.line .post-meta {width:20%;}

#blog_content {width:71%;padding-right:20px;min-height:25em;}
#blog_sidebar {width:25%;padding-top:30px;}

#blog_sidebar form {padding-bottom:15px;}

#pagination{width:99.5%}

#random{width:966px;}
#banner-section .pika-stage li {height:250px}
.pika-stage {width:70%;height:270px;margin-left:23px}
.pika-stage .caption {font-size:25px; width:95%;box-shadow:3px 3px 8px #555}
		.pika-stage .caption h3{padding: 0; margin-bottom:5px;}
	.pika-stage .caption h3 a{ line-height: 25px;font-size:23px;color:#333;text-shadow: 0 0}
	
	
.jcarousel-skin-pika .jcarousel-item {height:80px;margin-bottom:3px;}

.jcarousel-skin-pika  .banner-thumb {float:left!important;width:99%!important;height:80px!important;margin:1px 0;overflow:hidden;}
	#banner .jcarousel-item h3 a{font-size:14px;}

#banner-section	.jcarousel-skin-pika .banner-text p {display:none;}
	

/*if Wordpress Popular Posts plugin enable*/
.jcarousel-skin-pika{float: right;width:25%;background: #fafafa;margin-right: 25px;border-left:0;height:270px;text-align: left;box-shadow: 0 0 10px #ddd;}

.skipto {position: absolute;text-indent: -99999px;font-size:0;height:0;} .skipto a:focus {text-indent:0}
/*aside {position:fixed;top:10%;}*/
}/*do not delete*/


  	
  	
  @media only screen and (min-width: 768px) { 
  /**/
  
  


footer p.copyrights {float: right;padding-right:30px;}
footer p {padding: 3px 3px 3px 25px;text-align: left;color:#888;}


.ftr-ad-box img {max-width:95%;margin:5px  auto;text-align:center;}

.menu-toggle {display: none;}
  }

 /* #Tablet (Portrait)
================================================== */
 @media only screen and (min-width: 768px) and (max-width: 999px) { /*#blog_content {width:68%;padding-right:20px;min-height:30em;}
/*#blog_sidebar {width:28%;padding-top:30px;}  
 .line .box, .line  .postcontent {float: left;width:80%;border-left: 1px dotted #ddd;}*/	
 /*#slides{width:90%!important;}*/
    	/*ul.mainmenu li a {padding:10px 18px 10px 18px;}*/
    	/*.page #blog_content div{display:inline-block;width:45%;vertical-align:top;}*/
}



 	
 	  @media only screen and (max-width:800px)  {
	.skipto {position: relative;float:right;;font-size:13px;text-align:right;margin:50px 20px 0 0;} .skipto a:focus {text-indent:0}
	
		#hdr-wrap{background-color:#ededed;}
	#blog_sidebar {width:100%;padding:0}
#blog_content,#blog_sidebar {float:left; }


	#hdr-wrap, #breadcrumbs, .ftr-inner {margin-left:1.5%;margin-right:1.5%;width:97%;}	
	#blog_content,
	aside.inner-wrap{margin-left:2%;margin-right:2%;width:96%;}
		aside.inner-wrap{padding-top:2%;}
		#sticky-post .box {padding-right:0}
	.line, #sticky-post {margin-left:0;}
 .line:last-child {margin-bottom:0}
 
 	.wp-pagenavi {padding:5px;border:2px solid #fff;margin:0}
	
.line .box, .line .postcontent {width:76%}	
.line .post-meta {width:24%;}

#headline-cat {margin-left:16px}


.pika-stage,#banner{box-shadow: 0 0 10px #ddd}
#random,
.pika-stage {width:95.3%;margin:0 0 5px 17px!important;text-align:center}


#blog_sidebar .block-wrap {background: rgba(243,243,243, 0.8);padding:20px 15px 5px 15px}
#blog_sidebar #socialm {background-color:#fff;margin-bottom:10px;padding-bottom:0;}
#blog_sidebar #socialm h2,ul#socialmedia{float:left;}
#blog_sidebar #socialm h2{padding-top:15px;}
ul#socialmedia li a {padding-right:10px;}
ul#socialmedia {margin-left:25px;}



.blog-search {margin-bottom:0;min-height:auto;}
#searchblog, #searchblog:focus {padding:10px 5px 10px 25px;width:100%;margin:0}

.blog-search .s-icon{/*padding-top:13px*/}
footer p {padding-left:30px;padding-right:30px;} 
.pika-thumbs,
   .jcarousel-skin-pika .jcarousel-prev-vertical:before,
    .jcarousel-skin-pika .jcarousel-next-vertical:before,
 .jcarousel-skin-pika .jcarousel-next-vertical:before,
   .jcarousel-skin-pika .jcarousel-prev-vert{display:none;}


.inner-tpl {padding-bottom:35px;}
.inner-tpl .blogarticle{margin-right:3%}

.p404 h2,.p404 ul{padding-left:5%;}
	}
  
 	
 	
 @media only screen and (max-width: 767px) {
	 /*single page*/
.single #blog_content{margin-left:2%;margin-right:2%;width:96%;}

	#blog_content {padding-right:0;min-height:15em;margin-left:0;margin-right:0;width:98%}
	#blog_content,#blog_sidebar {/*margin-bottom:15px;*/border-left: 0}
		.postcontent {padding-left:1%;}
	/*#random{width:92%;}*/
	



/*homepage*/
.line .box, 
.line  .postcontent,
.line .post-meta {width:100%}	

.post-meta time:before{content:'Posted on';font-style:normal;}
.post-meta time {font-style:italic;}
.author-info, 
.post-meta time {display:block;float:left;font-size:13px;
text-transform:none;border:0;padding:0;margin:0;clear:none;width:auto;font-family:"Museo Sans", Arial, sans-serif;line-height:1.5;}
.author-info .author-meta {display:none;}

.blogarticle .post-meta-single {padding-left:2%;}
/*sitemap, archives pages*/
.sitemap{border-bottom:25px solid #fff;}
/*#searchform input {padding-top:10px ;padding-bottom:10px ;background-color:#fff;}*/
/*.archives-wrap,
.archives-tpl{padding-left:5%;}*/

		
		/*sidebar section*/
		#blog_sidebar {width:100%;/*border-top:15px solid #ededed*/}
		#blog_sidebar .block-wrap {padding:0}
		
	#blog_sidebar #socialm {background-color:#fbfbfb;margin-bottom:0}
	ul#socialmedia {margin-left:15px;}
	.blog-search {width:100%;;overflow:hidden;margin-bottom:20px;background: rgba(243,243,243, 0.8);
}
	#searchform{margin:20px 3%;text-align:center;}
.search-form {padding-bottom: 30px;margin:0 auto;}


/*.single page*/
/*.date,.post-meta-single time,
.post-author, .post-meta-info {display:inline-block;}*/
.post-author {width:100%!important}
/*.post-meta-info .post-author time {width:auto;display:none;}*/
	/*home slides*/
#headline-cat {margin-left:0;border-radius:0 50px 200px 0 ;}
#banner-section .pika-stage li .banner-text p {font-size:14px}
#random,
.pika-stage {width:100%;margin:0 0 5px 0!important}
.pika-stage .caption h3 a{font-size:19px}
	#banner .jcarousel-item h3 a{font-size:14px;}
.jcarousel-skin-pika{width:100%;height:250px}

	.jcarousel-container  {display:none!important;}

#pagination{width:100%;margin:0 }


	
	.skipto {text-align: right;position: absolute;right:0;margin-top:98px;width:auto;}
.skipto a{font-size: 13px;color: #f9f9f9;padding-left: 5px;}


 /*sidebar*/.responsive-tabs-wrapper,
 .acc-menu {padding-left:3%;padding-right:3%;}
/* switch nav menu to dropdown in mobile view */
	.menu-toggle {text-align:left;
	cursor: pointer;display:inline-block;float:left;		font: 14px/1.5 Helvetica, sans-serif;color:#ededed;
	padding: 14px 0 12px 15px;text-transform:uppercase;}
	.menu-toggle:after {
	color:#999; margin-left:5px;display:inline-block;}
	.toggled-on .hor-menu,.toggled-on .hor-menu > ul {display: block;margin-left: 0;padding: 0;}
	.toggled-on li a{display:block;}
	.toggled-on li,.toggled-on .children {display: block;width:100%;}

	.toggled-on .hor-menu li > ul {display: block;float: none;}
	
.hor-menu,.home .hor-menu{margin-right:0}
.hor-menu li a {float:none;padding:9px 20px 5px 20px;text-decoration: none;border-left: none;border-bottom: 1px dotted #777;background: #555;letter-spacing: 1px;text-align:left;}
ul.hor-menu,
	div.hor-menu > ul {display: none;}

		/*switch horizontal menu to dropdown*/
	.mainnav,#primary,#primary li a:hover, #primary li a:focus, .current-menu-item a {border-radius:0!important;}


h1.title {margin-top:15px;font-size:150%}





footer p {padding: 3px 15px;text-align: center;}


/*hide from responsive view*/
#blog_sidebar .widget_text, #blog_sidebar .widget_tag_cloud
{display:none;}

.ftr-ad-box:before {content:'AD';color:#ccc;text-align:left;}
.ftr-ad-box img {max-width:95%;margin:5px  auto;text-align:center;}
.img-box {display:none;}
    


	}
 
  @media only screen and (max-width: 600px) { 
  
  	#hdr-wrap,#content, .inner-wrap-ftr {margin-left:0;margin-right:0;width:100%;}

#breadcrumbs {background: #fff;margin-top: 3px;padding: 4px 5px 2px 15px;text-align:left;text-shadow:1px 1px 5px #eee;box-shadow: 0 0}
  
  #quick-access {background:#666;min-height:auto}
  
.blogarticle .show-comment {float:left;text-align:left;clear:both;}
.blogarticle .show-comment span {display:inline-block;text-align:left;padding-left:0}

 dl#respond div {float: left;width:99%;margin-top: 15px;}
dl#respond label {width: 90%;margin-bottom:5px;font-size:18px!important;}
dl#respond div input {width:95%;margin-bottom: 10px}
dl#respond div input, dl#respond textarea {border:2px solid #ccc}

/*post meta in home, archives and sitemap*/
#sticky-post .post-meta{border-top:4px solid #e21;}
 .line {border-bottom: 4px solid #ddd!important}
 #content .wp-pagenavi{background-color:#fff;}


 .line, .home #sticky-post {padding-top:0px;padding-bottom:25px;margin-left:10px;border:0;margin-top:0}
.home #sticky-post {background-color:#fff;}
.home .line .image {margin-top:0;}

.line .post-meta {margin: 0 0 10px 0;padding:10px 7px 15px 10px;line-height:1.2em;border-left:0}


 .line .box, .line  .postcontent {width:100%!important;border:0;padding-left:0;}	
.line .post-meta {width:100%!important;border-left:0;background-color:#fbfbfb;margin-bottom:0!important;}

/*.post-meta time, .post-meta-info, .show-comment, .meta-category{display:inline-block;width:auto;margin-right:5px;margin-top:0;}*/

#random,.post-meta .tags, body.archive .tags {display:none;}


.companyinfo{padding-bottom:20px;}
 .gotop {position: absolute;right: 0;width:100%;margin:0 auto 0 auto;color: #aaa;bottom:0;text-align:center;}
 footer .gotop a {color: #aaa;font-size: 30px!important;}
 ul#socialmedia li a{padding-right:9px}


.inner-tpl {padding-bottom:15px;}
	
	.wp-pagenavi a,.wp-pagenavi a:hover,
.wp-pagenavi span.current 
		#pagination .wp-pagenavi span,
	#pagination .wp-pagenavi a {font-size: 14px!important;}

/*Single page*/
	#blog_content .related-post ul {margin-bottom:0;padding-bottom:0}
	/*#commentlist {margin-left:2%!important;}*/
	dl#respond {padding-bottom:25px}
/*dl#respond dt {padding:5px 10px 5px 15px}*/
	dl#respond dd {padding:25px 0 15px 2%}
}
 

 	
 @media only screen and (max-width: 480px) { 
 #blog_content button {  width: 94%;}


 #blog_sidebar #socialm h2,ul#socialmedia{float:left;clear:both;}
 ul#socialmedia {padding:0;}
 #blog_sidebar #socialm h2 {width:100%;padding-bottom:0;}
 #ftr{border-radius:0}

#random{width:92%;}
#breadcrumbs,#quick-access {margin-left:0%;margin-right:0%;width:100%;}

.home #breadcrumbs{display:none;}
.pika-stage,#banner{box-shadow: 0 0 10px #ddd;border:0}
.pika-stage {width:100%;margin:1px 0!important}
#headline-cat {margin-left:0}
.pika-stage .caption {top:60px; }
.banner-text p {display:none!important;}

.no-display{display:none;}
 /*.line .box, .line  .postcontent {width:70%;}	
.line .post-meta {width:30%;}*/

	#blog_content .related-post ul li {width:33%}
	#blog_content .related-post li img {max-width:130px;max-height:130px;}
	
	.commentlist  cite {display:block;}
	.comment-content {padding:0 2%;clear:both;}
	.skipto {margin-top:102px}
	
	/*.author-info {clear:both;}*/
 	}
 	
 	@media only screen and (max-width:320px) {
	#blog_content .related-post ul li {width:50%}
	}