/*  
Theme Name: Temple Gate
Version: 1.0
Author: Tee G. Peng
Author URI: http://www.lotusseedsdesign.com/
*/

@import url(css/css3support.css);
/*blog index.php page*/ 


.post-date:first-child {margin-top: -25px;}

.postcontent {border-bottom: 3px solid #ddd;padding-bottom:15px;}

/*page navigation - adding '.blog' class prevents the pagenav plugin style's sheet from taking over
============================================================*/
#bloghome .wp-pagenavi {margin-top: 30px;display: block;margin-bottom: 15px;width: 100%;clear: both;overflow:hidden;text-align: right;}
#bloghome .home .wp-pagenavi {border-top: 0;padding-top: 0;}

#bloghome .wp-pagenavi a:link {color:#555}

#bloghome .wp-pagenavi a {
	border:none;font-size: 15px;
text-decoration: none;
	color: #555!important;}
	

#bloghome .wp-pagenavi a:hover {	
	border:none;
	color: #555!important;

}

#bloghome .wp-pagenavi span.pages {;color: #777;border:none!important;}
#bloghome .wp-pagenavi span a, 	
#bloghome .wp-pagenavi span a.page, 	
#bloghome .wp-pagenavi span.current,
#bloghome .wp-pagenavi span.extend
{border:none!important;;}


#bloghome .wp-pagenavi span.current {font-weight: bold;
color:#555}


#bloghome .wp-pagenavi span.extend {color:#555}
	
#bloghome .wp-pagenavi a,
#bloghome .wp-pagenavi span.pages,	
#bloghome .wp-pagenavi span.current,
#bloghome .wp-pagenavi span.extend
{padding: 3px 5px 1px 5px!important;margin: 1px;}



/*previous and next entries - single.php*/
#bloghome ul.navigation {display: block;width: 99%;overflow: hidden;clear: both;margin: 0 15px}
#bloghome .navigation li {float: left;width: 48%;list-style: none!important;margin-left: 0!important;}
#bloghome .navigation  li.right {float:right;width: 48%;text-align: right;margin-right: 25px;}
#bloghome .navigation li span a{font-size: 12px;color: #737373;text-shadow: 1px 1px 1px #ddd;}

#bloghome span.next,
#bloghome span.previous {display: block;clear: both;color: #888;font-size: 13px;}
#bloghome span.next {text-align: right;}





/* Align classes generated by WordPress color: #704423
============================================================*/

.aligncenter {
	margin: 10px auto 20px auto;
	display: block;}

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

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

.col-left {float: left;}
.col-right {float: right;}

.wp-caption-text {color: #000;text-shadow:2px 2px 3px #ddd;}

/*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 {width:68%;float:left;min-height: 42em;padding-left: 15px;padding-right: 15px;background: #fff;border-right: 1px dotted #ddd;}

#blog_content p {padding-bottom: 20px;}
.post-info {background: #fdfdfd;border-top: 3px solid #ddd;padding: 10px;color: #555;clear: both;}

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

.single #blog_content {padding-right: 20px;}

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

.home #blog_content{width:72%!important;}
.home #blog_sidebar{width: 22%!important;}

#blog_sidebar h2 {background: url(images/icon-he.png) no-repeat left 5px;display: block;padding: 5px 10px 5px 30px; font-size:1.1em;;color: #000;margin-bottom: 25px;text-transform: capitalize;text-shadow: 3px 3px 3px #ddd;}


#blog_sidebar p span.caption {background: #fafafa!important;display: block;padding: 5px 10px;font-size: 12px!important; margin-top: 5px;width: 85%;}
			
			
.box {float: left;width: 30%;padding-right: 3%}

#blog_content ul.disc {margin-top: 15px;}
#blog_sidebar ul {width: 98%;margin: 0 auto 15px auto;}
#blog_sidebar li a {font-size: 1em;color: #000!important;line-height: 1.5;}


#blog_content dd {clear: both;padding-top: 5px;}	
		#blog_sidebar  li {font-size:12px;color: #555;display: block;border-bottom: 1px dotted #D0DEE1;padding:6px 0;margin-right: 15px;}

#blog_sidebar ul li a:hover {text-decoration: none;color: #488897!important;text-shadow: 1px 1px 1px #ddd;}
#blog_sidebar .cat-item a {text-align: left!important;float: left;}
#blog_sidebar .cat-item {text-align: right;color: #555;}
	
.filed-under,
span, span a{font-size: 11px!important;}
	.post-date,
	span {color: #555;}
	
	p span {font-size: 14px!important;}

span.separator,
span.slash {font-size: 6px!important;color: #999;padding: 3px;}

span.mcategories{margin-right: 15px;}
span.author {color:#d77072;}
.no-display,
legend span.no-display {position: absolute;text-indent: -99999px;}




pre .xml {background: #fff;border: 1px dotted #ddd;font-family: "Courier New", Courier, mono;}


.category {padding-top: 15px;padding-bottom: 15px;clear: both;line-height:1.2em!important;}

/* ======================================
[COMMENTS]
======================= */


/* ======================================
[COMMENTS SECTION]
======================= */
.postmeta-bottom {margin-top: 15px;padding: 6px 10px;color: #777;font-size: .75em;overflow: hidden;clear: both; display: block;}

#searchsubmit {overflow: hidden;padding-left:5px;	}
#blog_content .commentlist img{padding: 0;border:0;margin: 0 auto;}
#commentform label {display: block;	width: 26%;float: left;font-size: 1em;}
#commentform input {
	width: 53%;float: left;
	margin: 0px 5px 1px 0;
	padding: 3px 	}

#commentform textarea {width: 98%;
	margin-top:5px;}


.submit {margin-top: 6px;font-size: 14px;}



.tags {margin-top: 15px;}
	
span.user {color: #3b7032;}
.commentlist dl {overflow: hidden;border-top: 1px dotted #ddd;}
.commentlist dl dt span {padding-left: 10px;font-size:13px;font-weight: normal;} 

.commentlist  {padding: 0 15px;}
.commentlist li {padding: 10px 0 0 0;margin: 0;;overflow: hidden;clear: both;list-style: none;}
.commentlist li.even {overflow: hidden;
}
 
.reply {float: right;}
.reply a {font-size: 9px;margin-right: 10px;padding: 2px 5px!important;border: 1px solid #D6E6C6}
.avatar{float: left;}
.guest {color: #c83b17; font-size:13px;line-height: 0.5;text-decoration: underline;}
ol.commentlist dd  {display: block;font-size: 16px!important;clear: both;padding-left:65px;}
ol.commentlist dd p {padding-top: 5px;}
dl#leave-comment {overflow: hidden;padding: 10px 15px 35px 0}


dl#leave-comment dt a{background: url(images/icon-he.png) no-repeat left 5px;display: block;padding: 5px 10px 15px 25px; font-size:1.35em;;color: #555;margin-top: 15px;}
.nocomments a {padding-left: 15px;background:url(	images/icon-comment.gif) no-repeat left 2px;padding-right: 5px;}
.nocomments {margin-left: 5px;}
p.nocomments{margin-top: 25px; margin-left: 25px;}
dl#leave-comment p.allowed-tags {font-size: 14px;color: #333;padding-left: 0;margin-top: 5px;}

dl#leave-comment button.close {margin-top: 15px;clear: both;}

dl#leave-comment dt a:hover {color:#313131;}
dl#leave-comment dd {padding: 5px 25px 15px 28px;}
dl#leave-comment div {float: left;width: 33%;margin-top: 15px;}
dl#leave-comment label {display: block;clear: both;font-weight: bold;width: 90%;}
dl#leave-comment div input {display: block;clear: both;width: 86%;margin-bottom: 10px;}

#blog_content ul.decimal {margin: 20px 10px 10px 10px;list-style: decimal;}
#blog_content ul.decimal li {margin-left: 35px;padding-bottom: 6px;color: #777;list-style-type: decimal;}
#blog_content ul.decimal li a {color: #f0efd5;font-size: 1em;}
.blog-post-view span {font-size:14px}
p#comments{font-size:20px;padding: 25px 10px;color: #555;}
.cancel-comment-reply {clear: both;display: block;}
p.published-notice {font-size: 13px;}

dl#leave-comment div {float: left;width: 33%;}
dl#leave-comment label {display: block;clear: both;font-weight: normal;width: 90%;}
dl#leave-comment div input {display: block;clear: both;width: 86%;margin-bottom: 10px;}

#blog_content ul.decimal {margin: 10px 10px 10px 10px;list-style: decimal;}
#blog_content ul.decimal li {margin-left: 25px;color: #777;list-style-type: decimal;}
#blog_content ul.decimal li p {color: #3D5666;}

#blog_content ul.decimal li a, #blog_content ul#normal li {font-weight: bold;font-size: 1em;color: #3D5666!important}
.blog-post-view dt {font-size: 0.98em;}


#blog_content ul.list{margin: 20px 10px 10px 0px;list-style: decimal;}
#blog_content ul.list li {margin-left: 35px;padding-bottom: 6px;color: #e6393a;list-style-type: decimal}




.blog-post-view span {font-size: .95em;}
.post-date, .mcategories, .author {font-size: .75em!important;}
#blog_content span {font-size: 1em;}

code {padding: 5px 15px!important;display: block;border: 1px solid #ddd;margin: 15px 10px 5px 0;line-height: 2em;background: #f9f9f9;}
code.blocktype {color:#355;}
code.php {color:#655;}
 code.css {color: #636b82;}
 code.js {color: #333;}
.blog-post-view span {font-size: .95em;}
.theme-name {font-weight: normal;}
.mag-name {color: #90E576;}

.mag-terms ,
.mag-menu,
.mage-tag,
.mage-block-type, .mag-block-type,
.mage-xml, .mag-xml,
.mage-blockID, .mage-path,
.mag-tpl,
.mag-location,
.mag-feature,
.mag-location {font-weight: bold;}


dl.article dd {margin-top: 10px;}



.mag-feature {}
.mag-name {font-weight: bold;}
.mag-terms {text-decoration: underline;}
.mag-menu {} /*menu path in the admin*/
.mag-location {}  /*location in the admin*/ 
.expired {text-decoration: line-through;}
.mag-tpl {}
.mage-tag  {}
.mage-blockID, .mage-path {}
.mage-block-type, .mag-block-type {}
.mage-xml, .mag-xml {}


p.published-notice {font-size: .8em;color: #555;}
.related {padding-top: 10px;display: block;overflow: hidden;margin-bottom: 25px;}
.related li {padding-bottom: 5px;margin-left: 30px;list-style-type: decimal-leading-zero;}
.archive .related li {padding-bottom: 5px;margin-left: 30px;list-style-type: decimal-leading-zero;}
.related li a{color:#757575;font-style: normal; text-shadow: 1px 1px 1px #ddd;}
.archive .related li a{font-size: 1.2em!important;}
.archive .related li  {font-size: .8em!important;font-style: italic;}

.archives .archives li {padding-bottom: 5px;}

.single .related li a {font-size: 1em!important;}
.single .related li {padding-bottom: 5px;margin-left: 15px;list-style-type: none;}


strong.unbold, em.unbold {font-weight: normal!important;}

p.tip {background:#616560 ;padding: 10px;border: 1px solid #ededed;color: #e8e8e8;margin-top: 10px;}
.nobdr {clear: both!important;display: block!important;}
.nobdr-clear{clear: both!important; display: block;}



/* Social Media Icons
==========================================*/

ul#socialmedia {clear: both;border-bottom:3px solid #ddd;padding-bottom: 15px;margin-right: 15px;}
ul#socialmedia li {display: block;border-bottom: 0}
ul#socialmedia li:hover {background: #fff;}
ul#socialmedia li a {padding-left: 25px;padding-bottom: 10px;}
#rss {background: url(images/icon-rss.png) no-repeat left top;}

#rss-email {background: url(images/icon-rss.png) no-repeat left -36px;}



.widget_rss {margin-top: 25px;}




abbr, acronym, .help {
  border-bottom: 1px dotted #aeaeae;
  cursor: help;
  }
#menu {float: left;}

.mag {margin-left:10px;margin-top: -3px;padding-bottom: 5px;}
.mag li {float: left;}
.mag li a { padding: 5px 10px;display: block;float: left;margin-top:5px;text-shadow: 1px 1px 1px #000;}		
.mag li a span {font-style: italic;color: #ddd;}
.mag li.nav-1 a:hover,
.mag li.nav-1 a:focus {text-decoration: none;color: #89aa50;}
.mag li.nav-1 a{color:#f36}


@font-face {
	font-family: 'MuseoSans500';
	src: url('MuseoSans_500.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500'), url('MuseoSans_500.woff') format('woff'), url('MuseoSans_500.otf') format('opentype'), url('MuseoSans_500.svg#MuseoSans-500') format('svg');}
	
@font-face {
	font-family: 'Museo500';
	src: url('museo500-regular-webfont.eot');
	src: local('☺'), url('museo500-regular-webfont.woff') format('woff'), url('museo500-regular-webfont.ttf') format('truetype'), url('museo500-regular-webfont.svg#webfonttfk0l8Lh') format('svg');
	font-weight: normal;
	font-style: normal;
}


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

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

 body { background: #fff ;
  		font: normal 100.1%/1.5em "Museo Sans", Lucida Sans, Arial, sans-serif;color: #000;}
  		
  		

  		
 * {margin:0; padding:0;} /* Reset all elements */
img {border:none;display: block;}


  .clear {clear: both;height: 0;line-height: 0; }
  


a {text-decoration:none;color:#E40300}

a:hover {text-decoration: underline;}

#h a.external,
dl#narrow-by-list dd a.external,
a.external  {color: #c44611;text-decoration: underline;}




span.fleft a{text-transform: lowercase;}
dt a {font-weight: bold;}


  fieldset {border:none}
  legend {white-space: normal;color: #222;}
  legend span {padding-bottom: 12px;}
  label {font-size: 13px; color: #222;cursor:pointer;}


  input, textarea {padding:2px 5px;margin-bottom:1px;border:1px solid #ddd; }
  input {background: #f8f8f8}
textarea {margin-left: 0!important;background: #f8f8f8 }
  option {width: 99%;}

  em {	font-style:normal;}
   p em {font-weight: bold;} 
   
  h1,  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #2e6878; }
    h1 
   {font-size: 20px;font-weight: normal;} 
   
h1, h2, h3, h4, h5, h6,   dl#leave-comment dt a,
p.share{font-family: 'Museo', sans-serif;}

h1, h2, h3, h4, h5, h6 {padding-top: 15px;line-height: 1.3em;font-weight: normal;}
h2 {line-height: 1.5em;font-size: 15px}





h2.title {border-top: 1px dotted #ddd;margin-top: 10px;}

h3 span {font-size: 14px}             
h2, h3, h4, h5, h6, dt { font-size:17px ;line-height: 1.35em;color: #000;padding-top: 20px;padding-bottom:8px; }

 
 .single #blog_content h2, 
  .single #blog_content h3,  .single #blog_content h4, 
   .single #blog_content h5,  .single #blog_content h6{font-size: 18px;}
 
 
#breadcrumbs, 
#breadcrumbs a {font-size: 12px;font-weight: normal;}
dt {font-weight: bold;}                    
					
p{line-height: 1.55em;}

li{list-style: none;line-height: 1.55em;} 
li h4 {font-size: 1em;}
td {padding: 3px 5px;vertical-align: top;}

p.share {margin-top: 15px;}

p, dd, li, td {font-size:14px;}
span a:hover{text-decoration: underline;color: #8FA3A5;} 
/* ======================================
[column & row wrappers - site structure]
 ============================================== */
 	#header-wrap {background: #f8f8f8;}
 	#header-wrap, #container, #footer {width:100%;clear: both;overflow: hidden;}
 	#header, #main-wrap,
 	#content, .ftr-inner {margin: 0 auto;width: 980px;}
 	
#container{text-align: left;}



 #content {clear: both;overflow: hidden;padding-top: 15px;}

.line {border-bottom:1px dotted #ddd;padding-top: 
15px;}
#sticky-post{border-bottom: 1px dotted #ddd;overflow: hidden;padding-bottom: 25px;}




/*taming source order layout*/
#main-wrap {overflow: hidden;
margin-top: 1px;border-bottom: 3px solid #ddd;}

#adv-cust{float: left;width: 67%;overflow: hidden;min-height:256px;position: relative;margin: 2px 0 0 13px;background: #fff;}

#adv-cust img {width: 99%;margin: 0 auto;}


#adv-cust p {font-size: 10px;color: #fff;position: absolute;right: 0; bottom: 0;background: #fff;opacity: 0.81;z-index: 10000;margin-right: 4px;}
#adv-cust p a {color: #555;padding: 10px;}



.hdr-col {float: right;width: 27%;background: #ddd;padding: 10px;margin-right: 22px;border: 3px solid #fff;border-bottom: 0;min-height:262px;border-left: 0;}
#main-wrap ul li a span {font-size: 13px!important;border-bottom: 1px solid #e8e8e8;display: block;padding: 5px 0;color: #000 ;margin-left:30px;}


#header .hdr-col h2 {background: url(images/icon-he.png) no-repeat left 5px;display: block;padding: 5px 10px 0 29px; color: #000;margin-bottom:5px;text-transform: capitalize;text-shadow: 1px 1px 1px #fff;font-size: 1.1em;}

#main-wrap .hdr-col li a:hover span, .hdr-col li a:focus  span {text-decoration: none;color:#2e6878;}

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

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

	#header {background:#f8f8f8;overflow: hidden;clear: both;position: relative;}
	/* logo, h1 */
		
	
	#logo{height: 100px; width:343px;background: url(images/logo.jpg) no-repeat 0 top;float: left;margin-left: 15px;}
	
	

#header .tagline, #logo span {font-size: .85em;text-indent: -9000px;position: absolute;}
	

/* Quick Access - Home | About | Contact  
==============================================*/

#site-access {clear: both;width: 100%;overflow: hidden;background:#333}



#quick-access {float:right;width:65%;overflow: hidden;margin-top: -1px;background: transparent;}
#quick-access ul {float: right;margin-right: 10px;}
#quick-access ul li {float: left;}

#quick-access li a {float:left;color: #eef5e7;padding:8px 15px 5px 15px;text-decoration: none;border-left: 1px solid #4f584f;font-size: .8em;}



	#quick-access li a:hover, 
	 #quick-access li a:focus,
	 #quick-access li a:active a 
	 { background:#000;color:#fff;text-shadow: 1px 1px 1px #000;}
     




/* ======================================
footer - search
 ====================================== */
#searchform {padding-top: 10px;}
#searchblog {background: #f7f7f7 url(images/icon-search.png) no-repeat 3px center; padding-left: 15px;font-size: 12px;text-align: right;}

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

#footer {text-align: left; margin-top: 25px;color: #3d443d;
background:#fff;clear: both;padding-bottom:25px;}

#footer p {padding: 3px 3px 3px 10px;font-size: .8em;}

#footer .ftr_links {float: left;overflow: hidden;
width:66%;}
#footer ul {clear: both;overflow: hidden;background:#444;opacity: 0.81;margin-bottom: 10px;}
#footer  li {display: inline;}


#footer .ftr_links a {color: #d77072}
#footer li a {float:left;color: #fff;padding: 8px 25px;text-decoration: none;border-right: 1px solid #4f584f;font-size: .8em;margin-top: 1px;text-shadow: 1px 1px 1px #000;background:#333;}
#footer li a:hover, #footer li a:focus {background:#222;}



/*
 ======================================
  [Keyboard navigation tab access features]
 ====================================== */
button {background: #333;color: #fff;padding: 2px 10px;border:0;font-size: 12px;}
button:hover, 
button:focus {background: #555;}
td a:focus,
p a:focus
{text-decoration:none;}
#login ul li a:hover,
#login ul li a:focus,
.skipto  a:hover, 
.skipto  a:focus {text-decoration: underline;color: #000;text-shadow: 1px 1px 1px #ddd;}

#footer p a.external:hover,
#footer p a.external:focus {color: #000;text-decoration: underline;}

a.left, a.right { /*the left and right buttons (links)*/ 
 /* could be any color  */ 

font: bold 16px Arial; 
overflow: hidden; 
} 
a.left span, a.right span{ 
 
} 
a.left img, a.right img{ 
border: 0; 
} 

/*for fancy box*/
#img-gallery {display: block;clear: both;overflow: hidden;width: 100%;margin-bottom: 20px;}
#img-gallery li {float: left;width: 45%;height:150px;}