/*  
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 {padding-bottom:25px;}

/*page navigation - adding '.blog' class prevents the pagenav plugin style's sheet from taking over
====================================================*/
.wp-pagenavi {margin-top:20px;text-align: right;}
#bloghome .wp-pagenavi span.current,
.wp-pagenavi a {font-size: 15px!important}
.wp-pagenavi span.pages {color: #555;text-align: left;float: left;}
.wp-pagenavi a {font-style: italic;}
	
#bloghome .wp-pagenavi a,
#bloghome .wp-pagenavi span.pages,	
#bloghome .wp-pagenavi span.extend
{padding: 3px 10px;margin:1px}

/*previous and next entries - single.php*/
.navigation {width:100%;margin: 35px 15px 5px 15px;padding-top:25px;}
#bloghome .navigation li {text-align: center;display: block;padding-bottom: 10px;}
#bloghome .navigation li span a{font-size: 15px!important;color: #6d808b;}

/*for external link*/
a.external {text-decoration: underline;}

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

/* ======================================
[common and reset elements]
======================= */
#blog_content {width:66%;float:left;min-height: 42em;padding-left: 20px;margin-top: 10px;padding-right: 15px;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 {margin-top: 0;padding-right: 20px;}
.single #blog_content h1 {margin-top: 10px;}
.single #blog_content img {margin-bottom: 15px;clear: both;}



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

/*.home #blog_content{width:69%!important;}
.home #blog_sidebar{width: 22%!important;padding-left: 1%;}*/

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


#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:29%;padding-right: 4%;}


#blog_content ul.decimal {margin-top: 10px;}
#blog_content ul.decimal li{list-style-type: decimal;margin-left: 35px;list-style-position: inside;padding-bottom: 10px;}

#blog_sidebar ul {width: 98%;margin: 0 auto 15px auto;}
#blog_sidebar li a {color: #000!important;line-height: 1.5;padding-bottom: 6px;}
#blog_content ul.disc li {list-style:none;padding-bottom: 6px;}
#blog_content ul.bullet li{list-style-type: disc;margin-left: 25px;padding-bottom: 15px;}

ul.sub li {list-style: decimal;margin-left:30px;margin-bottom: 10px;}


.decimal a {color: #000!important}

#blog_content dd {clear: both;padding-top: 5px;}	
		#blog_sidebar  li {font-size:13px;color: #555;display: block;border-bottom: 1px dotted #D0DEE1;padding:6px 0;margin-right: 15px;}
#blog_sidebar .widget_tag_cloud {overflow: hidden;clear: both;}
#blog_sidebar .widget_tag_cloud a {background: #f9f9f9;padding: 1px 5px;float: left;margin: 2px;line-height: 1.5em;}
#blog_sidebar .cat-item a {text-align: left!important;float: left;}
#blog_sidebar .cat-item {text-align: right;color: #666;}
	
.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.author {color: #d65d5a;}


.no-display,
legend span.no-display,
#bloghome span.next,
#bloghome span.previous {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;}


/*post meta info*/
span.separator,span.slash {font-size: 6px!important;padding: 3px;}
.post-meta {padding-bottom: 15px;line-height: 1.3;}

.post-meta .date {font-size: 12px;}

.month, .year {}
.year {margin-top: 1px;}
.my-wrap {}

.post-meta-info {}

.single .post-meta-info {margin-bottom:35px}


/* ======================================
[COMMENTS SECTION]
======================= */
/*comment messages*/

.textarea {clear: both;}
h2#comments {padding-left: 15px;padding-top: 10px;}
dl#respond button {padding: 5px 20px;letter-spacing: 1px;margin-top:10px;}
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;position: relative;border-top: 1px dotted #ddd}

#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 15px!important;}
/*depth 2*/
#blog_content .commentlist li li {margin:0 15px;list-style: none;position: relative;}

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

/*by author*/
.comment-author {}
/*#blog_content .commentlist  li.bypostauthor  {}*/
#blog_content .commentlist li.bypostauthor .comment-author {border-right: 1px dotted #d77072;}
.commentlist li.bypostauthor .comment-author time {border-color:#d77072;}


/*author/guest info*/
.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;}
.reply a {padding-right: 5px;}
 img.avatar {width: 40px;height: 40px;}
 img.avatar, .commentlist time{float: right;font-size: 12px;}
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-he.png) no-repeat left 13px;padding: 10px 10px 8px 27px;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.nocomments{margin-top: 15px;text-align: center;font-size:25px;padding: 5px!important;color: #ccc;text-shadow: 1px 1px 1px #fff;border-bottom:1px dotted #ddd;
border-top: 1px dotted #ddd;background:#FCFCFC}


/*end comments elements*/




#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;}
.blog-post-view dt {font-size: 15px;}






code {padding: 5px 15px!important;display: block;border: 1px solid #ddd;margin: 35px 10px 15px 0;line-height: 1.6em;background: #f9f9f9;}
code.blocktype, code, .code {color:#355;}
code.php {color:#655;}
 code.css {color: #636b82;}
 code.js {color: #333;}

.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;}



	/*if related_posts_by_category enable*/
#blog_content .related-post {margin-top: 25px;padding-left: 5px;padding-top:20px}
	#blog_content .related-post ul {padding-top: 10px;display: block;overflow: hidden;margin-bottom: 25px;}
	#blog_content .related-post ul li {color: #ccc;list-style: none;padding-bottom: 8px;margin-left: 30px;}
		#blog_content .related-post ul li a{color: #333}
	#blog_content .related-post li img {float: left;margin-right:10px ;margin-bottom: 10px;}


.archives .archives li {padding-bottom: 5px}
.page-template-template-archives-php nav li,
.page-template-sitemap-php nav li {float: left;width:29%;padding-right: 4%;padding-bottom: 5px;}
.page-template-sitemap-php nav h2,
.page-template-template-archives-php nav h2 {clear: both}

.page-template-template-archives-php nav,
.page-template-sitemap-php nav {clear: both;padding:0 0 20px 30px;overflow: hidden;}
.page-template-template-archives-php .by-category,
.page-template-sitemap-php .by-category {padding-left: 45px;}

.page-template-template-archives-php .by-category h2,
.page-template-sitemap-php .by-category h2{padding-top: 35px;}




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
==========================================*/
.home ul#socialmedia,
.archive ul#socialmedia  {margin-top: 30px;}
ul#socialmedia {clear: both;padding-bottom: 15px;margin-right: 15px;}
ul#socialmedia li {display: block;border-bottom: 0}

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 -32px;}



.widget_rss {margin-top: 25px;}
.widget_rss img{float: right;display: none;}



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{color: #ee6270}



@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;margin-top:65px;top: 0;z-index: 10000;width:40%;float: right;}
.skipto a{font-size: 12px;color: #000;padding: 5px;}

 body { background: #fff ;
  		font: normal 100.1%/1.5em 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:focus {overflow: hidden;outline:thin dotted ;color:6B8E23 ;}
a:active, a:hover {outline: none;}


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

ul.sub li a {color: #7e933d;}



a[href*="#"]:link:after,
a[href*="#"]:visited:after {content:"";}
a[href*="#"] {border:none;}
a[href^="http"]{background: url(images/icon-external.png) no-repeat right 3px;padding-right:11px;font-weight: normal;}

a[href*="lotusseedsdesign.com/blog"] {background-image: none;padding-right: 0}
a[href*="wikimedia.org"] {font-weight: normal!important;}

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

.wp-pagenavi a:link,.wp-pagenavi a {color: #333;}
.skipto a:hover, .skipto  a:focus,
#blog_content a:hover,
#blog_content a:focus,
#main-wrap .hdr-col li a:hover span, .hdr-col li a:focus  span,
#blog_sidebar ul li a:hover
span a:hover,
.mag li.nav-1 a:hover,
.mag li.nav-1 a:focus,
#bloghome .wp-pagenavi a:hover,
#bloghome .wp-pagenavi span.current,
#bloghome .wp-pagenavi span.extend,
#blog_content .related-post ul li a:hover,
#blog_content .related-post ul li a:focus,
#blog_sidebar  li a:hover,
#blog_sidebar  li a:focus,
cat-item a:hover,
cat-item a:focus,
#blog_sidebar .widget_tag_cloud a:hover,
#blog_sidebar .widget_tag_cloud a:focus
 {color: #507425!important;text-decoration: none}


/*form elements*/
fieldset {border:none}
legend {white-space: normal}
input, textarea {padding:3px 5px;margin-top:5px;border:1px solid #ccc; }
textarea {margin-left: 0!important;}
/* 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 #333;padding: 2px 6px;background: #353535;color: #fff;text-transform: uppercase;}





  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: 24px;font-weight: normal;margin-top: 30px;} 
   
 .archive h1.title,  #sticky-post h1 {margin-top: 0px!important;}
h1, h2, h3, h4, h5, h6,   dl#leave-comment dt a,
p.share{font-family: 'Museo', sans-serif;font-weight: normal!important;}

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





h2.title {margin-top: 10px;}

h3 span {font-size: 14px}             
h2, h3, h4, h5, h6, dt { font-size:18px ;line-height: 1.35em;color: #151515;padding-top: 15px;padding-bottom:10px; }

 
 .single #blog_content h2, 
  .single #blog_content h3,  .single #blog_content h4, 
   .single #blog_content h5,  .single #blog_content h6{font-size: 18px;}
 
 #breadcrumbs {padding-left: 15px;padding-top: 15px;}
#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 {padding-top: 10px}

p, p span, dd,dd span, li, li span, td, td span {font-size:14px;}


/* ======================================
[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;}

#blog_content .related-post,
.line,.navigation,
#sticky-post{background: url(images/line-dot.gif) repeat-x right bottom}

ul#socialmedia {background: url(images/line-dot.gif) repeat-x -177px 100%}


 #content {clear: both;overflow: hidden}

.line {padding-top: 20px;}
#sticky-post{overflow: hidden;padding-bottom: 25px;padding-right: 10px;}

#sticky-post .post-meta {padding-bottom: 25px;}



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

#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;border-bottom: 1px solid #f9f9f9;}


#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:#ededed;padding: 10px;margin-right: 22px;border: 3px solid #f9f9f9;border-bottom: 0;min-height:262px;border-left: 0;}
#main-wrap ul li a span {font-size: 13px!important;border-bottom: 1px solid #f1f3f3;display: block;padding: 6px 0;color: #000 ;margin-left:10px;margin-right: 5px;}

#blog_content .related-post h2,
#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;}



	/* 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:95px; width:343px;background: url(images/logo.jpg) no-repeat 0 top;float: left;margin-left: 15px;}
	#header .tagline, #logo span {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;margin-right: 18px;background: transparent;}
#quick-access ul {float: right;margin-right: 10px;}
#quick-access ul li {float: left;}
#quick-access li a {float:left;padding:8px 20px 5px 20px;text-decoration: none;border-right: 1px dotted #777;background: #474848;letter-spacing: 1px;color: #fff;font-size: 0.8em;}


#footer li a:hover,
#footer li a:focus,
	#quick-access li a:hover, 
	 #quick-access li a:focus,
	 #quick-access li a:active a 
	 { background: #be1a16;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;width: 50%;}

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

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

#footer p {padding: 3px 3px 3px 25px;font-size: 12px}

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


#footer .ftr_links a {color: #d77072}
#footer li a {float:left;color: #fff;padding: 8px 20px;text-decoration: none;border-right: 1px solid #666;font-size: .8em;margin-top: 1px;background:#444;}


 .gotop {float: right;width:10%;margin-top: -40px;font-size: 11px; text-align: right;margin-right: 20px;}
 footer .gotop a {background: url(images/icon-arrows.png) no-repeat right -17px;color: #aaa;text-transform: uppercase;padding-right: 20px;}
 footer .gotop a:hover, footer .gotop a:focus {color: #fff;}
/*
 ======================================
  [Keyboard navigation tab access features]
 ====================================== */
button {background: #333;color: #eee;padding: 3px 15px;border:0;font-size: 12px;}
button:hover, 
button:focus {background: #555;}
td a:focus,
p a:focus
{text-decoration:none;}


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



/*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;}


 /*clear elements
==================================*/
#hdr-wrap,header, section,nav,
 #container,#content, footer, footer ul,

.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;}


article, aside, figure, figcaption, footer, header, mark, menu, nav, section, small, video,
h1, h2, h3, h4, h5, h6, dt,
#blog_sidebar li,
ul#socialmedia li,
.wp-pagenavi,
ul.navigation,
span.next,span.previous,
.alignright, .alignleft,


 /*comment area*/
 .commentlist li,
 .author-info,
 dl#respond dt,
 dl#respond label,
 dl#respond div input
 {display: block;}

 
 #container,#hdr-wrap, .commentlist li,
 .commentlist li .comment-author time,
 ul.navigation  {width: 100%;}

/*---------------------------------
	[ ipad and any PC notebook landscape view ]
---------------------------------*/
@media only screen and (orientation: portrait) and (device-width: 768px) {
	#header, #content, .ftr-inner, #main-wrap{width:98%;}
	#adv-cust{width: 67%;}
.hdr-col{width: 26%; margin-right: 2%;}
#main-wrap ul li:last-child,#main-wrap ul li:nth-child(4) {display: none;}
#adv-cust{min-height:156px}
 .hdr-col{min-height:136px}
	.box {padding-right: 2%;width: 31%;}

	}