/*
Theme Name: Temple Gate WordPress
Author: Lotus Seeds Design
Version: 1.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
*/
/* temple-gate.css <-- controls colors, font sizes and a few presentational elements used in the theme */



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

a[href*="#"]:link:after,
a[href*="#"]:visited:after {content:"";}
a[href*="#"] {border:none;}
/*hide from browsers*/
.no-display,
legend span.no-display,
#searchform button span {position: absolute;text-indent: -99999px;}

table {width: 473px;border: 1px solid #ddd;border-collapse: collapse;border-spacing:0;}
th, td {padding: 5px 10px;border: 1px solid #ddd;vertical-align: top;}
th {width: 15%;}

abbr[title], dfn[title] { border-bottom:1px dotted #70D819; cursor:help; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
blockquote {padding:10px 15px}
blockquote ul li{
	list-style-type: disc;
}
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; }


/* ======================================
[column & row wrappers - site structure]
 ============================================== */

#container{text-align: left;background: #fff;}

#hdr-wrap, footer {text-align: center;}

header, footer,.ftr-inner {width: 980px}
header{text-align: center;position: relative}
 	
 #content {width:960px;padding-bottom: 25px;margin-top: 3px;
background: url(images/line-vert.png) repeat-y 71% bottom;}

#hdr-wrap, #container,#content, footer, header{margin: 0 auto;}	
 	
#breadcrumbs {
	width: 930px;
	margin-top: 2px;
	padding: 4px 0 2px 25px;
	background-color: #CCC;
}

section#blog_content {width:68%;float:left;min-height: 42em;padding-left: 15px;padding-right: 15px;border-top: 10px solid #fff;}

#blog_sidebar {width: 25%;float:right;margin-right: 2%;padding-top: 25px}



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

/* logo, h1 */
	#logo{width:504px;background: url(images/logo.png) no-repeat -504px top;float: left;margin-top: 15px;margin-left: 15px;}
	
	#logo:hover{}
	 #logo:hover span {color: #70D819}
	
header .tagline, #logo span {
	font-size:10px!important;
	clear: both;
	margin-top: 68px;
	letter-spacing: 1px;
	padding-left: 16px;
	display: block;
	text-align: center;
	margin-left: -130px;
}

.skipto {text-align: right;position: absolute;right: 0;margin-top:75px;}
.skipto a{font-size: 11px;color: #000;padding: 5px;}

/* Quick Access - Home | About | Contact  
==============================================*/
#quick-access {
	min-height:2em;
	display: block;
	background-color: #326913;
}
#mainnav{float:right;width:100%;overflow: hidden;margin-top: -1px;margin-right: 18px;background: transparent;}
#mainnav ul {float: right;margin-right: 10px;}
#mainnav ul li {float: left;}
#mainnav li a {float:left;padding:8px 20px 5px 20px;text-decoration: none;border-right: 1px dotted #777;background: #474848;letter-spacing: 1px;}
#mainnav li:first-child a{border-left: 1px dotted #777;}

	#mainnav li a:hover, 
	#mainnav li a:focus,
	#mainnav li a:active a 
	 { background:#000;color:#fff;text-shadow: 1px 1px 1px #000;}
	 
	 
	 
/*  [Footer section]====================*/
footer {position: relative; padding-bottom:25px; margin-top: 5px;}
footer ul {background:#34661F;margin-bottom: 10px;}
footer  li {display: inline;}
footer li a {
	float:left;
	padding: 8px 25px;
	text-decoration: none;
	border-right: 1px dotted #777;
	margin-top: 1px;
	text-shadow: 1px 1px 1px #000;
	text-transform: uppercase;
	background-color: #34661F;
}
footer p.copyrights {float: right;padding-right:30px;}
footer p {padding: 3px 3px 3px 25px;text-align: left;}
footer p a{font-style: italic;}

 
 .gotop {position: absolute;right: 0;width:10%;margin-top: -45px;font-size: 16px;color: #ddd}
 footer .gotop a {background: url(images/icon-arrows.png) no-repeat right -17px;color: #ddd;text-transform: uppercase;padding-right: 20px;}
 
 
 
 
 

/*for external link*/
a.external {text-decoration: underline;}
a.external:hover {color: #000!important;}

.img-callout {float: left;margin-right: 15px;margin-bottom: 15px;}


/* ======================================
[common and reset elements]
======================= */
#blog_content p {padding-bottom: 20px;}

/*header: banner section*/
#banner-section {
	overflow: hidden;
	margin-top: 1px;
}

/*if Adv Cust plugin enable*/
#banner{float: left;width: 65%;height:280px;margin-left:23px;background: #fff url(images/banner.jpg) no-repeat 0 0}
#banner img {width: 100%;height: 280px;margin: 0 auto;}


#banner, header .widget{border:3px solid #fff}
/*if Wordpress Popular Posts plugin enable*/

header nav.widget{float: right;width: 27%;background: #ddd;padding: 10px;margin-right: 25px;border-left:0;min-height:260px;text-align: left;clear: none!important;}

header .widget ul {padding: 10px 5px;}
header .widget h2 {background: url(images/icon-symbol.png) no-repeat 5px 12px;display: block;padding: 10px 10px 5px 30px;text-transform: capitalize;text-shadow: 1px 1px #ededed;}
#banner-section .widget li { display: block;clear: both;overflow: hidden;border-bottom: 1px dotted #fff;padding: 4px;}
#banner-section .wpp-post-title {font-weight: bold;margin-top:5px;margin-bottom: 5px;text-shadow: 1px 1px #ededed;}
/*.wpp-comments {}*/


/*homepage==============*/
.home h2:first-child {padding-top:10px;}
.box, .postcontent {float: left;width: 72%}	
 .line:last-child {margin-bottom: 50px;}
.line {padding-top: 15px;}
#sticky-post{padding-bottom:15px;padding-right: 15px;background:#f8f8f8;border-top: 2px solid #70D819;}		

/*post meta info*/
span.separator,span.slash {font-size: 6px!important;padding: 3px;}
.post-meta {float: left;width:18%;clear:right;margin: 10px 3% 10px 0;padding:15px 2%;line-height:1.2em!important;border-right: 1px dotted #ededed}

time {float: left;width: 7em;padding:6px 5px;margin-bottom: 10px;text-transform: uppercase;line-height: 1.5em;}

.date {float: left;padding-bottom: 3px;padding-right: 6px;margin-right:8%;margin-top: 4px;width:40%;font-size: 180%;border-right: 1px dotted #ccc;font-style: italic;text-align:center;}

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

.post-meta-info {clear: both;margin-bottom:35px}

.comments a {padding-left: 15px;background:url(	images/icon-comment.gif) no-repeat left 2px;padding-right: 5px;}
.comments {margin-bottom: 15px;}

.tags {margin-top: 15px;}

/*aside - nav, section
================================================*/
aside section{margin-bottom: 15px;}

#blog_sidebar li {border-bottom: 1px dotted #D0DEE1;padding:6px 0;margin-right: 15px;}

#blog_sidebar ul li a:hover {text-decoration: none}
#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 ul {width: 98%;margin: 0 auto 15px auto;}
#blog_sidebar li a {line-height: 1.5;}



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

#blog_content ol,
#blog_content ul {margin: 10px 10px 10px 10px;}

#blog_content li {margin-left: 25px;padding-bottom: 6px}

ol li {list-style-type: decimal;}
ol ul li{
	list-style-type: disc;
}
#blog_content ul li{
	list-style-type: disc;
}
#blog_content ul li ul li{
	list-style-type: circle;
}
.image {float: left;margin: 5px 15px 10px 0;}

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

	/*if related_posts_by_category enable*/
	#blog_content .related-post ul {margin-bottom: 25px;margin-top: 10px;}
	#blog_content .related-post ul li {list-style: disc;color: #ccc;}
	#blog_content .related-post li img {float: left;margin-right:10px ;margin-bottom: 10px;}

/*archives page sitemap, template-archives*/
.archives h2 {margin-left: 25px;}
.archives ul{margin-left: 45px;}
.archives li {padding-bottom: 5px;}


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


 /*======================================
[sidebar section]
=======================*/ 
#blog_sidebar h2 {background: url(images/icon-symbol.png) no-repeat left 6px;padding: 5px 10px 5px 26px; margin-top: 15px;margin-bottom: 5px;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*/
#blog_sidebar .widget_tag_cloud {margin-bottom: 20px;}
#blog_sidebar .widget_tag_cloud a {line-height: 1.33em;padding: 2px 5px;margin: 2px;float: left;}

#blog_sidebar .widget_rss a .rsswidget {
	display:none
}
/* ======================================
[COMMENTS SECTION]
======================= */
/*comment messages*/
h2#comments {padding-left: 15px;padding-top: 10px;font-weight: bold;}

dl#respond button {padding: 5px 20px;letter-spacing: 1px;}
dl#respond textarea {width: 98%;}


#comment-count {padding: 15px;}/*h2*/
#blog_content .commentlist {margin: 10px 0;}
#blog_content .commentlist li {margin:  0;padding: 0!important;}

#blog_content .commentlist ul.children, 
#blog_content .commentlist ul ul,
#blog_content .commentlist ul  li,
#blog_content .commentlist ul ul li  {margin: 0!important;}
#blog_content .commentlist ul.children li {margin: 0 0 0 15px!important;}
/*depth 2*/
#blog_content .commentlist li li {margin:0 15px;}

#blog_content .commentlist li .comment-author {float: left;width: 23%; border-right: 1px dotted #ddd;padding-right: 1%;margin-top: 5px;margin-bottom: 5px;}
.commentlist li .comment-message {float: left;width:71%;margin-left: 3%;padding-top: 10px;}

/*by author*/

#blog_content .commentlist  li.bypostauthor  {}

#blog_content .commentlist li.bypostauthor .comment-author {border-right: 1px dotted #70D819;}

.commentlist li.bypostauthor .comment-author time {border-color:#70D819;}
.commentlist li.bypostauthor  img.avatar{float: left;}

/*author/guest info*/
.reply, .cancel-comment-reply {clear: both;display: block;text-align:right;}
.reply a {padding-right: 5px;}
 img.avatar, .commentlist time{float: right;}
cite.fn {padding-left: 5px;font-weight: bold;}
.author-info{float: right;text-align: right;padding-right: 5px;}

.commentlist li .comment-author time {text-align: center;padding: 5px 0;border-bottom: 0;}

dl#respond {padding: 0 0 35px 0}
dl#respond dt {background: url(images/icon-symbol.png) no-repeat left 13px;padding: 10px 10px 8px 30px;margin-top: 15px}

dl#respond p.allowed-tags {padding-left: 0;margin-top: 15px}
dl#respond dd {padding: 5px 25px 15px 28px;}
dl#respond div {float: left;width: 33%;margin-top: 15px;}
dl#respond label {width: 90%;}
dl#respond div input {width: 86%;margin-bottom: 10px;}
.no-published {font-size: 10px;}
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;}

/*end comments elements*/



/* Social Media Icons
==========================================*/
ul#socialmedia {padding-bottom: 5px;margin-top: 25px;}
ul#socialmedia li {border-bottom: 0;display: block;}
ul#socialmedia li a {display: block;padding-left: 25px;background: url(images/icon-rss.png) no-repeat 0 0;margin-bottom:5px;}
ul#socialmedia li a#rss {background-position: 0 0}
ul#socialmedia li a#rss-email {background-position: 0 -37px;}
ul#socialmedia li a#twitter {background-position:  0 -82px;}
ul#socialmedia li a#fb {background-position: 0 -130px;}
ul#socialmedia li a span {font-weight: bold;}

/* ======================================
[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;}
img:hover, .search-form button:hover {opacity: 0.8;}
.clear {clear: both;height: 0;line-height: 0; }
a.external  {text-decoration: underline;}
span.fleft a{text-transform: lowercase;}
i, em {font-weight: bold;}
fieldset {border:none}
legend {white-space: normal;/*overwrite IE default color*/;}
input, textarea {padding:3px 5px;margin-top:5px;border:1px solid #ccc; }
textarea {margin-left: 0!important;}
option {width: 99%;}
button {border: 1px solid #333;padding: 2px 6px;background: #353535;color: #fff;text-transform: uppercase;}
button:hover, button:focus,
input:focus, textarea:focus,
#searchform input:focus {background: #464646;color: #fff;border-color: #ddd;}


/* search
 ====================================== */
#searchform {margin-bottom: 10px;}
#searchblog {background: #f7f7f7 url(images/icon-search.png) no-repeat 3px center; padding-left: 15px;font-size: 12px;text-align: right;}
.search-form button{background: #686868 url(images/icon-arrows.png) no-repeat 4px 2px;float: left;border: 0;width: 28px;height: 23px;padding: 0;}
#searchform input {float: left;margin-top: 0;margin-right: 4px;}


/*page navigation 
============================================================*/
#pagination{margin-top: 40px!important}
.wp-pagenavi {text-align:left;background: #fefefe;padding: 2px 5px;border: 1px dotted #ccc;}
.wp-pagenavi a {border-right: 1px dotted #ccc;}
.wp-pagenavi a,.wp-pagenavi a:hover,
.wp-pagenavi span.current {font-size: 12px;}
.wp-pagenavi span.current {float: right;font-size: 18px!important;}	
.wp-pagenavi a,
.wp-pagenavi span.pages,	
.wp-pagenavi span.current,
.wp-pagenavi span.extend
{padding: 0 8px!important}

/*for single post and page pages*/
#blog_content nav ul.navigation {margin-bottom: 15px;padding-bottom: 10px;margin-left: 0;margin-right: 0;}
.navigation li {float: left;width: 45%;line-height: 1em;list-style: none!important;margin: 0!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;}
.alignright, .alignleft {padding-top: 5px;}
.navigation li .alignright a{margin-bottom: -16px;padding-right: 20px}
.navigation li .alignleft a{margin-top: -15px;padding-left:20px;}



		
		
		
/* 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,
#site-access,
.post-info,
ul.navigation,
.wp-pagenavi,nav#social-media,
h2#comments,
.commentlist li li
 {clear: both;overflow: hidden;}
 nav, 
 #banner,
 #sticky-post,
 .commentlist li,.commentlist dl,
dl#respond,#searchsubmit
{overflow: hidden;}

ul#socialmedia,
time,.date,
#pagination,
span.next,span.previous,
dl#respond textarea,
dl#respond .textarea,
cite.fn,
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,
ul#socialmedia li,
.wp-pagenavi,
ul.navigation,
span.next,span.previous,
.alignright, .alignleft,
.navigation li .alignright a,
.navigation li .alignleft a,
/*post-meta*/ 
 .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%;}