/*  
Theme Name: Temple Gate
Version: 1.0
Author: Tee G. Peng
Author URI: http://www.lotusseedsdesign.com/
*/
/*page navigation - adding '.blog' class prevents the pagenav plugin style's sheet from taking over
============================================================*/
#bloghome .wp-pagenavi {font-size: .9em;clear: both;margin: 10px 0;display: block;border-bottom: 2px solid #ddd;}
#bloghome .wp-pagenavi a:link {color:#758A3B;}
#bloghome .wp-pagenavi a {
	border:1px solid #fff;
	margin-right: 1px;background:#2e6878;
	text-decoration: none;
	color: #fff!important;}
#bloghome .wp-pagenavi a:hover {	
	border:1px solid #2e6878;
	color:#758A3B!important;
	background:#fff;
}
#bloghome .wp-pagenavi a:active {text-decoration: none;	}

#bloghome .wp-pagenavi span.pages {display: none;}
#bloghome .wp-pagenavi span a,
#bloghome .wp-pagenavi span.pages, 	
#bloghome .wp-pagenavi span a.page, 	
#bloghome .wp-pagenavi span.current
{border:1px solid #2e6878!important;}

#bloghome .wp-pagenavi span.current {font-weight: bold;
	color: #252525;}
#bloghome .wp-pagenavi span.extend {	
	color:#2e6878;}
	
#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;}

ul.navigation {margin: 10px 0;padding: 5px 0;overflow: hidden; border-top: 1px dotted #ddd;}
.navigation li {float: left;width: 49%;line-height: 1.25em;}
.navigation  li.right {float:right;width: 49%;text-align: right;}
.navigation li span {font-size: 17px;}
.navigation li a {color:#7A9B33;font-weight: bold;font-size: 108%;}
span.next,
span.previous {display: block;clear: both;color: #555;}
span.next {text-align: right;}



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

/* ======================================
[common and reset elements]
======================= */
.post-info { background:#fdfdfd; padding:10px; color:#555; clear:both; }
#blog_sidebar {margin-top: 15px;}
#blog_sidebar h2 { background:url(images/icon-he.png) no-repeat left 5px; display:block; padding:5px 10px 5px 30px; margin-bottom:5px; text-transform:capitalize;}
#blog_sidebar p span.caption { background:#fafafa!important; display:block; padding:5px 10px; font-size:12px!important; margin-top:5px; width:85%; }
#blog_content dd { clear:both; padding-top:5px; }
#blog_sidebar li { font-size:90%; color:#777; display:block; border-bottom:1px dotted #D0DEE1; padding:6px 0;  }
#blog_sidebar ul li a:hover { text-decoration:none; color:#488897!important;background: #ddd; }
#blog_sidebar .cat-item a { text-align:left!important; float:left; padding-left: 20px;padding-right: 5px;}
#blog_sidebar .cat-item { text-align:right;  }
.filed-under,span,span a { font-size:13px!important; }
.post-date,span { color:#555; }
p span { font-size:17px!important; }

span.mcategories { margin-right:5px; }
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-bottom:10px; line-height:1.2em!important; }


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

.search-submit { overflow:hidden; padding-left:5px; width:30%;height: 28px;background:#2e6878;margin-top: 5px;}


#blog_content .commentlist img { padding:0; border:0; margin:0 auto; }

#commentform input {  margin-bottom: 8px;width: 85%; }
#commentform legend span {font-size: 120%;}
#commentform textarea { width:98%; }
.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; 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 p { padding-top:5px; }
dl#leave-comment { margin-bottom: 10px;border-bottom:1px dotted #D0DEE1;}
dl#leave-comment dt a { background:url(images/icon-he.png) no-repeat left 8px; display:block; padding:5px 10px 0 25px; font-size:1.35em; margin-top:5px; }
.nocomments a { padding-left:15px; background:url(images/icon-comment.gif) no-repeat left 2px; padding-right:5px; }
.nocomments { margin-left:5px; }
p.nocomments { padding: 5px 0 2px 0;text-align: center; background: #ddd;width:97%}

dl#leave-comment dt a:hover { color:#313131; }
dl#leave-comment dd { padding:5px 15px 5px 28px; }
dl#leave-comment div { width:100%;  }




p#comments { font-size:20px; padding:25px 10px; color:#555; }
.cancel-comment-reply { clear:both; display:block; }

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;padding:8px 0; margin-top: 10px; }
ul#socialmedia li { display:block; border-bottom: 0; }

ul#socialmedia li a { padding-left:23px; padding-bottom:5px; }
#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; }

/* ======================================
[common and reset elements]======================= */
.quicknav { background:#444; overflow: hidden;margin: 0 auto; }
#footer .quicknav {margin-top: 10px;}
.quicknav a {font-size: 12px!important;}

body { background:#f8f8f8; font:normal 100.1%/1.5em "Museo Sans", Lucida Sans, Arial, sans-serif; color:#252525; }
#header strong { display:block; clear:both; font-size:13px; line-height:1.3em; padding:0 10px 10px 10px; text-align:center; color: #777;font-weight: normal;}

* { margin:0; padding:0; }
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; }
dt a { font-weight:bold; }
label {cursor:pointer; padding-bottom: 5px;}
fieldset {border: 0;}
input,textarea { padding:4px 5px; margin-bottom:1px; border:2px solid #2e6878 }
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, .home h2, .home h2 a {font-size: 120%;line-height:1.25em; padding:10px 0 8px 0; color:#2e6878;}
h2,h3,h4,h5,h6,dt,h2 a,h3 a,h4 a,h5 a,h6 a,dt a { font-size:116%; line-height:1.25em; padding:10px 0; color:#2e6878; }
#breadcrumbs,#breadcrumbs a { font-size:85%; font-weight:normal; }
dt { font-weight:bold; }

label, input {font-size: 102%;}
p { line-height:1.3em;font-size: 106%; }
#blog_content  p {padding-bottom: 15px;}
li { list-style:none; line-height:1.55em; }
li h4 { font-size:1em; }
td { padding:3px 5px; vertical-align:top; }

dd,li,td,h3 span { font-size:100%; }
span a:hover { text-decoration:underline; color:#8FA3A5; }

/* ======================================
[column & row wrappers - site structure]
 ============================================== */
#container,#footer { width:100%; background:#f8f8f8; }
#container,#footer,#footer ul { clear:both; overflow:hidden; }
#container { text-align:left; }
#header,#container,#footer,.inner { width:auto; }

/*prevent horizontal scrolling from showing up in opera mini in vertical view*/
#blog_content { padding:0 3%; }
.line { border-bottom:1px dotted #ddd; padding-top:10px; }


/* ======================================
  [Header Section]
/* ====================================== */
#logo { height:70px; width:100%; background:url(images/logo-alt.jpg) no-repeat center top;  display: block; }
#header .tagline,#logo span { position: absolute;left: -3333px; }

/* Quick Access - Home | About | Contact  
==============================================*/
#quick-access h1 { color:#fff; padding:2px 0; }
#quick-access { clear:both; padding:1%; overflow:hidden; background:#2e6878; border-top: 2px solid #fff;}
#quick-access ul { padding-left:5px; }
#quick-access li { display:block; padding:0; }
#quick-access li a { color:#eef5e7; float:left; padding:2px 8px; text-decoration:none;  }
#quick-access li a:hover,#quick-access li a:focus,#quick-access li a:active a { background:#000; color:#fff; text-transform:uppercase; line-height:1em; }

/* footer - search
 ====================================== */
#searchblog { background:#f7f7f7 url(images/icon-search.png) no-repeat 3px center; padding-left:25px;width:55%;margin-left: 10px;height: 22px;font-size: 100%; }
#searchform { padding-top:10px; padding-bottom:10px; margin-bottom:10px; width:100%;border-bottom:1px dotted #ddd;  }

/* [Footer section]
 ====================================== */
#footer { text-align:center; margin-top:25px; }
#footer p { padding:3px; font-size:90%; display:block; }
#footer ul { background:#444;margin-bottom:10px; }
#footer li { display:block; float: left;}
#footer  a { color:#d77072; }
#footer li a,
#footer .quicknav a,
.quicknav a  { color:#fff; padding:5px 9px; text-decoration:none; background:#333;float: left; font-size: 13px;border-right: 1px solid #777; display: block;}
.quicknav li.last a {border-right: 0!important;}

#footer li a:hover,#footer li a:focus { background:#222; }

/*[Keyboard navigation tab access features]
 ====================================== */
#footer p a.external:hover,#footer p a.external:focus { color:#000; text-decoration:underline; }
a.left,a.right { font:bold 16px Arial; overflow:hidden; }
#sticky-post , .box {padding: 5px 0 10px 0;border-bottom:1px dotted #ddd; }
#blog_sidebar li { background:#f9f9f9; margin-right:5px; font-size:100%; }
#blog_sidebar .cat-item a { text-align:left!important;font-size: 105%; }
#blog_sidebar .cat-item { text-align:left; color:#555; padding-left:10px; }