/*  
Theme Name: TNGGP
Theme URI: http://gedepangrango.org
Description: <p>Affordable Web Hosting &amp; Design</p>
Version: 1.0
Author: go-idwebhost.com &amp; IDwebdesign
Author URI: http://go-idwebhost.com


*/

/* Social Style */


html
{
	height: 100%;
	margin-bottom: 0.1em;
}
*
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
p
{
	line-height: 1.6em;
	margin: 0.7em 0;
}
dl
{
	margin: 1em 0;
}
dt
{
	font-weight: bold;
}
dd
{
	margin: 0.5em;
	padding: 0;
}
img.right
{
	float: right;
	margin: 10px 0 0 10px;
}
img.left
{
	float: left;
	margin: 10px 10px 0 0;
}
hr
{
	display: none;
}
body
{

	color: #333;
	font: 80%/1.6em Tahoma, verdana, helvetica; 
	margin: 0;
	padding: 0;
	text-align: center;

	  }
a
{
	text-decoration: none;
}
a:link, a:visited
{
	color: #666;
}
a:hover, a:active
{
}
h1, h2, h3, h4, h5, h6
{
	font-family: Arial, verdana, helvetica;
}

/* Etc
******************** */
br.clear {
	clear: both;
}

/* Design 
******************** */
#container-top {
	background: #DADBBB url('images/container-bg.gif') repeat-y top center;
	}
#container-bottom {
	border:0px solid red;
	height:50px;

	  background: #DADBBB url('images/footer-bottom.gif') top center no-repeat;
		margin: 0px auto;
		}		
#top {
	margin: 0 auto;
	width: 950px;
	position: relative;
	height: 88px;
	background: transparent url('images/header_pic.gif') no-repeat top center;
  border-bottom: 1px solid white;
	}
#topi {
 	
	left: 0;
	width: 576px;
	top: 0;
	position: absolute;
	width: 600px;
	height: 88px;
}
#page {
	text-align: left;
	width: 916px;
	margin: 0 auto;
  background:white;
  padding-top:1px;
  padding-bottom:20px;  
  padding-left:17px;
  padding-right:17px;

}
.site-map {
  margin-left: 8px;
  font-size:85%;

}
.site-map a, .site-map a:hover {
  text-decoration:underline;
}
#header {
/*	background: #1BACF2;
	*/border-bottom: 5px solid #B98718;
}
#headr {
	width: 950px;
	margin: 0 auto;
	color: #C3EAFB;
	text-align: left;

}
#headr h1 {
	margin: 0;
	padding: 23px 0 0 125px;
	font-size: 1.6em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display:none;
}
#headr h1 a {
	color: #FFF;
	}
#headr h1 a:hover {
	color: #FFF;
	}
#headr .description {
	padding: 0px 0 0 125px;
	color: #efefef;
	display:none;	
}
.logo {
	left:0px;
	top: 0px;
	position:absolute;
}
.rss2 {
	position: absolute;
	right:0;
	bottom: 0;
}
#left {
	float: left;
	width: 665px;
	border:0px solid red;
	margin-left:0px;
	}
#gap1, #gap2 {
	width: 225px;
	border: 0px solid green;
  padding:5px;

}	
#gap1 {
  float: left;
  margin-left:0px;
  background: #F7F0D4;
  }	
#gap2 {
  float: left;
  margin-right:0px;
  background: #D8D9BA;
}
#right {
	float: right;
  margin-right:0px;
}

#content {
	width: 405px;
	float: right;
	border:0px solid green;
	padding:5px 5px;
	margin-right:0px;
	}
#content-wide {
	width: 665px;
	margin-left:0px;
	margin-top:0px;	
	float: left;
	border:0px solid green;
}
.cw-top {
  border: 0px solid black;
  width:658px;
  float: left;
  margin-left:0px;
}
.cw-left {
  border: 0px solid red;
  width:318px;
  float: left;
  margin-top:0px;
  margin-left:0px;
  margin-right:15px;
}
.cw-right {
  border: 0px solid blue;
  width:318px;
  margin-top:0px;
  float: left;
  margin-right:0px;  
}  
.cat-title, .cat-title a, .cat-title a:hover {
  width:100%;
  border: 0px solid blue;
  border-bottom: 2px solid #67132B;
  font-size:1.8em;
  font-family:"Arial Narrow", Arial, verdana, helvetica;
  color: #67132B;
  margin-top:25px;
  margin-bottom:5px;
    }
.cat-title a, .cat-title a:hover {
  text-decoration:none;
  border:none;
    }    
 #content-wide h2 {
  font-weight:bold;
  font-size:1.3em;
} 
#content-wide .entry p {
  line-height:14px;
}   

.outbox-cat3 {
  border:1px solid #008040;
  background:#FFFFC4;
  margin-top:30px;
  padding:5px;
}

.outbox-cat3 .cat-title  {
  border:none;
  margin-top:0px;
  color:#008040;
  font-size:1.4em;
  font-weight:bold;
}

.post {
	margin-bottom: 10px;
}
.entry {
	margin-bottom: 10px;
	text-align: justify;
}
.entry p {
	font-family: Tahoma;
}
.entry  a {
	color: #AF8C00;
}

.entry table {
  border-collapse:collapse; 

  border:1px solid #969542;
}




.entry table th {
  background:#006C36;
  padding:3px;
  color: white;
  border:1px solid #969542; 
  text-align:center;
}

.entry table th a {
  color: white;
  text-decoration:underline;
}

.entry table td {
  /*background:#747A34;
  */padding:3px;
  border:1px solid #969542;  
}

.entry .noBorder, .entry .pme-navigation {
  border-collapse:collapse; 
  border:0px solid #969542;
}

.entry .noBorder th, .entry .pme-navigation th {
  padding:3px;
  color: white;
  border:0px solid #969542; 
  text-align:center;
}

.entry .noBorder td, .entry .pme-navigation td {
  /*background:#747A34;
  */padding:3px;
  border:0px solid #969542;  
  text-align:left;  
}

.side1 {
	width: 215px;
	float: left;
	color: #000;
	border:0px solid #999981;
	padding:4px;
}
.side2 {
	width: 215px;
	float: LEFT;
	color: #000;
	border:0px solid #999981;
	padding:4px;
}

#out-foot {
/*	background: #ccc;
*/}

#footer {
	background: #747A34;
	margin: 0px auto;
	padding-top: 10px;
	text-align: left;
	width: 951px;
	color: white;
	font-size: 85%;
	height:130px;
	font-family: verdana;
/*	border:1px solid #366200;
*/}
#footer p {
  line-height:1.3em;
}
#footer a {
	color: white;
	text-decoration: underline
}
#footer a:hover {
	text-decoration: underline;
}
#footer .footer-left {
  float: left;
	border:0px solid red;
	margin-left:15px;
	padding-left:0px;
	}
#footer .footer-right {
  float: right;
/*	border:1px solid white;*/
	margin: 5px 20px;
		}	
.fot-img {
  display:block;
}
			
#footer .footer-right img {
	float: left;
	padding-right:10px;
		}	
#footer .footer-right p {
  float: left;
	/*border-left:1px solid white;*/
	height:40px;
	padding-top: 5px;
	margin-top: 5px;

		}	
		
/* Design 
******************** */
.side1  ul, .side2  ul{
	list-style: none;
}
.side1  ul.children, .side2  ul.children{
	margin-left: 16px;
}
.boxy, .side1 .categories, .side2 .categories, .widget, .side1 .linkcat, .side2 .linkcat  {
	margin-bottom: 20px;
}

input#s {
	width: 160px;
	padding-left: 1px;
	background: #D3DAED;
	border: 0px solid red;
	color: #A73228;
  height:16px;
}
input#bSubmit {
/*	background: #F7F0D4;
	border: 1px solid white;
	*/color: #A73228;
	height:23px;
	padding:0px;
		margin: 0px;

}

input#s:focus {
	background: #fff;
	color: #A73228;
}

input#searchsubmit
{
	margin: 0;
}


/* Design  Typo
********************* */
.side1 h2, .side2 h2{
	font: 1.1em Arial, verdana, helvetica;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding: 4px;
	background: #006C36;
/*	font-weight:bold;
*/}
.side1 ul ul, .side2 ul ul, .prev-list ul {
   list-style:square;
   margin-left:18px;
}
.side1 ul ul ul, .side2 ul ul ul {
   list-style:disc;
   margin-left:18px;
}
.side1 ul li ul li a, .side2 ul li ul li  a {
	color: #333;
/*	background: url(images/bullet2.gif) 2px 4px no-repeat;
*/	padding-left: 0px;
}
.side1 ul li ul li ul li a, .side2 ul li ul li ul li a {
	color: #333;
/*	background: url(images/bullet2.gif) 15px 4px no-repeat;
*/	padding-left: 0px;
}
.side1 ul li ul li ul li a:hover, .side2 ul li ul li ul li a:hover {
	color: #333;
/*	background: url(images/bullet.gif) 15px 4px no-repeat;
*/	padding-left: 0px;
}

.side1 ul li ul li  a:hover,.side2 ul li ul li  a:hover {
	color: #822601;
/*	background: url(images/bullet.gif) left 4px no-repeat;
*/}
.side1 ul li ul li.current_page_item a,.side1 ul li ul li.current-cat a, .side2 ul li ul li.current-cat a  {
	color: #822601;
	font-weight: bold;
/*	background: url(images/bullet.gif) left top no-repeat;	
*/}
#recentcomments .recentcomments a:link, #recentcomments .recentcomments a:visited {

	background: none;

}


h2.pagetitle {
	text-align: left;
	font: 1.5em Arial, verdana;
	border-bottom: 1px solid #ccc;
}

.post h2 {
	font: 18px Arial, serif;	
  
}
.post h2 a {
	color: #015D82;
	display: block;
	font-size:14px;
	margin-top:20px;
}
.post h2 a:hover {	
	color: #980F1F;
}
p.postmeta {
	margin-bottom: 10px;
	color: #A73228;
}

p.meta {
	font-size: 87%;
	border-top: 2px solid #822601;
	margin-bottom: 10px;
	color: #A73228;
}
p.meta a
{
	color: #A73228;
	text-decoration: none;
}
span.user
{
	padding: 3px 5px;
}

span.timr

















{









	background: #822601;
	color: #fff;
	padding: 3px 5px;
}
span.catr
{
	padding: 3px 5px;
}
span.editr
{
	padding: 3px 5px;
}
span.commr
{
	background: url(images/ico/comment.gif) 1px 0 no-repeat;
	padding: 0 2px 0 19px;
}
span.email
{
	background: url(images/ico/email.gif) 1px 0 no-repeat;
	padding: 0 2px 0 21px;
}
span.print
{
	background: url(images/ico/print.gif) 1px 0 no-repeat;
	padding: 0 2px 0 21px;
}
span.cw-meta
{
  font-size:11px;
  color:gray;
}
span.cw-meta a, span.cw-meta a:hover 
{
  text-decoration:underline;
}
.post ul.postspermonth{
	list-style:none;
	padding: 0;
	margin: 0;
}
.post p a {
	border-bottom: 1px solid #ccc;
	color:#006C36;
}
.post ul, #login ul {
	margin-left: 20px;
	list-style:square;	        
}
.post ul li ul {
	list-style:disc;	
}
.post ol {
	margin-left: 20px;
}
.post p a:hover {
	border: none;
}
.categr, .monthr {
	margin-bottom: 20px;
}
.categr h2, .monthr h2{
	border-bottom: 1px solid #ccc;
}

.rss {
/*	background: url(images/feed-icon-10x10.png) left center no-repeat;
	*/padding-left: 12px;
}
/* Comment Etc
********************* */
.navigation 
{
	margin-bottom: 20px;
	width: 100%;
	float: left;
}

.navigation a
{
	color: #666;
	border-bottom: 1px solid #ccc;
}
.alignleft
{
	float: left;
	width: 50%;
}
.alignright
{
	float: right;
	text-align: right;
	width: 50%;
}



.ileft {
	float: left;
	margin-right: 5px;
}
#avatr {
	border: 1px solid #333;
}
p.stats {
	color: #999;
	font-size: .8em;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}
blockquote
{
	background: url(images/blockquote.gif) no-repeat left top;
	color: #666;
	margin: 1em;
	padding: 0 0 10px 50px;
}
#content .commentsfeedr
{
	background: url(images/ico/feed_add.png) no-repeat left center;
	padding: 3px 20px;
}
#content .trackbackr
{
	background: url(images/ico/arrow_refresh.gif) no-repeat left center;
	padding: 3px 20px;
}
input.textbox, textarea
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #ccc 1px solid;
	font: 1em Verdana, Arial, Serif;
	padding: 2px;
}
input.textbox:focus, textarea:focus
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #999 1px solid;
}
#submit
{
	/*padding: 3px 5px;
*/}
.comment
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
	list-style: none;
	margin: 0;
	padding: 1em 0.5em;
}
.alt
{
	background: #fff;
}
.MyAvatars
{
	border: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	padding: 3px;
}

h3#respond, h3#comments {
	font: bold 1.2em Arial, serif;
	color: #333;
}

#comment {
	width: 98%;
}
/* Top Navigation Style 
********************* */
/*  Menuv
******************** */
#topy {
	width: 949px;
	margin: 0 auto;
  background:#969542; 
	position: relative;
	height: 28px;
	font-size: 100%;
	border-left:1px solid #969542;
	border-right:1px solid #969542;

}
#menuv   {


 			}
#menuv  ul {
	list-style: none;
	left: 0px;
	top: 0px;
	position: absolute;
 padding:4px 0px;
 border:0px solid black;

 			}

#menuv li {

   	display: inline;
 border: 0px solid red;
 padding: 6px 0px;
 	}
#menuv li.page_item  a, #menuv li.admintab  a {
	display: inline;
	 background: #969542;
 color: white;
 font-weight: bold;
 padding: 6px 6px;
 border-right: 0px solid white;
 margin: 0px;
 }

#menuv li.current_page_item  a {
 background: #9F3D34;
 color: white;
 font-weight: bold;
 padding: 6px 6px;
 border: 0px solid #9F3D34;
 margin: 0px;
 }
  
#menuv li  a:hover {
 background: #9F3D34;
 color: white;
}

#menuv .search-menu {
	background: transparent url(images/search-bg.png) no-repeat left 2px;

 border:0px solid red;
 position: relative;
 float:right;
 margin-right:14px;
 font-weight:bold;
 color:white;
 margin-top:1px;
 padding-left:6px;
 
}
#menuv .search-menu a,#menuv .search-menu a:hover{
 color:white;
 
}
#menuv form {
 border:0px solid blue;

}

#menuv li.rss2  a {
	right: 0;
	top: 0;
	position: absolute;
}

fieldset {
	border: none;
}
textarea#cp_message {
	width: 100%;
}



pre {
	width: 95%;


	overflow:auto;

	font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
	color: #A73228;
	max-height: 350px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #A73228;
	padding: 5px;
	background: #F7E2D4;
}

code {
font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
color: #A73228;
padding: 2px;
}

.submit input, .submit input:focus, .button, .button:focus {
	background: url( images/fade-butt.png );
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.10em;
}

.submit input:active, .button:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}

/* calender */
#calendar_wrap  {
  text-align:center;
  margin:auto 15px;
  border:0px solid red;
}

#calendar_wrap table caption {
  font-weight:bold;
}

#calendar_wrap table {
   width:100%;
	border-collapse: collapse;
}
#calendar_wrap table thead th{
  border-top:1px solid black;
  border-bottom:1px solid black;
}
#calendar_wrap table tfoot tr{
  border-top:1px solid black;
}
#calendar_wrap #today{
  border:0px solid blue;
  font-weight:bold;
  background: transparent url('images/circle.gif') no-repeat top center;
}

/* table search */
.t-search {
	border-collapse: collapse;
  border:0px solid red;
  margin-top:2px;
}

/* .prev-list */
.prev-list {
  margin-top:20px;
}
.prev-list h3 {
  font-size:14px;
  border:0px solid red;
  margin-bottom:7px;
}
.prev-list ul {
   list-style:square;
   margin-left:16px;
}
.prev-list ul li {
  line-height:15px;
  border:1px solid white;
  margin-bottom:4px;
}
.prev-list ul li a {
	color: #015D82;
	display: block;
  line-height:15px;


}
.prev-list ul li a:hover {	
	color: #980F1F;
}
.prev-list ul li a:visited {	
	color: #808080;
}

/* wp-login.php */
.input {
   width: 170px;
}


/* style form for email to friend and contact us  */
#yourname, #youremail, #friendemail, #friendname, #imageverify,
#wpcf_your_name, #wpcf_email, #wpcf_response, #wpcf_usersubject, 
{
  width:300px;
  border:1px blue #ccc;
}

#yourremarks,
#wpcf_msg 
{
  width:400px;
  border:1px blue #ccc;
  height:150px;
}

#imageverify,
#wpcf_response 
{
  width:60px;
}