/*
	Theme Name: TemPuteh
	Theme URL: http://www.dynamicwp.net/category/free-themes
	Description: TemPuteh Theme with theme options page. Fixed-width, widget ready, two colums, left sidebar support hierarchical categories. Compatible with Wordpress 2.8 and higher.
	Author: DynamicWP Team
	Author URI: http://www.dynamicwp.net
	Version: 1.0.0
	Tags: two-columns, fixed-width, left-sidebar, black, white, theme-options, threaded-comments
*/

 
html, body , div, img, a, h1, h2, h3, h4, h5, h6, ul, li, blockquote, p{ border:0; margin:0; padding:0;  }

body { background:  line-height: 20px;  font:14px Arial, Helvetica, sans-serif; }
td{ font-size: 14px; line-height: 19px;}
a {outline: none;}
p{margin: 14px 0;}
h1, h2, h3, h4, h5, h6{ margin: 10px 0;}
h1 {  letter-spacing:-1px; font:2.3em Arial, Helvetica, sans-serif; }
h2 {  letter-spacing:-1px; font: bold 1.8em arial, helvetica, sans-serif; }
h3 { font:1.4em arial, helvetica, sans-serif; }
h4{font-size: 1.2em; font-family: arial, helvetica, sans-serif;}
h5{font-size: .9em}
h6{font-size: .7em}
blockquote { margin:22px 40px 22px 20px; padding:0 0 0 20px; border-left: 3px #DFDFDF solid; font-style:italic; }
ul{padding-left: 40px; margin: 14px 0;}
small { font-size:0.85em; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed #000; }

/* Links */
 a, a:visited { text-decoration:none; }

/* Forms */
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em helvetica, arial, sans-serif; }
textarea { line-height: 14px; }
label { cursor:pointer; }
caption, th, td { font-weight:normal; text-align:left;}
th{ background:#464646; color:#FFFFFF; text-transform:uppercase; border:1px solid #464646;}
th a{color: #FAA500; }
th a:hover{color: #000; }
tr{ border:1px solid #464646;}
table{ margin:5px; border: 0 none; border-collapse:collapse; padding: 0; border:1px solid #464646;}
table td { background:#F3F3F3 none repeat scroll 0 0;}
table td, table th { border:1px solid #464646; padding:6px 9px; text-align:left; }
fieldset{	border: none;}

/* Global Classes */
.clear { clear:both; }
.single-thumb { border: 7px solid #DFDFDF; float: left; display: inline; margin: 0px 15px 5px 0px; }

/* Layout */


.twitter-rss{ position:absolute; right:0; top: 25px; font-weight: bold; font-size:20px; }
.twitter-rss div { float: left;}



.wrapp{ width:960px; height:100%; margin:0 auto; position: relative;}

/* page list*/

.menulist{ padding: 0px 0; margin: 0; list-style-type: none; }
.menulist li{	float: left; margin-right: 2px; padding:0px 0; }
.menulist li a{  padding: 15px 10px; display: block; color:#909090; }
.menulist li a:hover, .menulist .current_page_item a{ color: #FFF; border-bottom:1px none; }

/* logo */
#logo {}
#logo h1{ font-size: 4em; font-weight: bold; margin: 0px 0 0 5px; text-transform:capitalize; text-shadow: 0 2px 0 #AAAAAA;}
#logo a{ color: #444; border-bottom:none; border-left:none; padding-bottom:1px; }
#logo-desc{ color: #444; font-size: .8em; font-style: italic; margin: 0 0 0 19px; background-color:none;}

/* jsearch */
.jsearch{ position: absolute; right: 1px; top: 40px; padding: 1px; border:none;}
.fr{ position: absolute; right: 5px; bottom: 15px; }
#topSearch {	width: 178px; height: 32px; margin: 0;	padding: 0; }
#topSearch p.fields{	margin: 0;	padding: 0; }
#topSearch p.fields input {	color: #000; font-size: 14px; font-weight: bold; width: 140px; padding-right:20px;  overflow: hidden; border: none; margin: 0 2px 0 0; }


/* Navi Styles */
.jqueryslidemenu ul.superfish{	float: right;padding-left: 10px;}
.topmenu { background:none; float:left; width:948px; min-height:45px; padding: 0 0px; margin-top: 0px; margin-left:10px; border-bottom:none;}
.topmenu ul{ padding: 0; margin:0; list-style-type: none; background-color:none ;}

/* container style */
.container{ background:none; margin-top: 10px;}


/* leftbody */
.left{ width: 275px; padding: 0 10px 0 0;	float:left; background:none; }
.left ul{ padding:0; margin: 0; list-style-type: none; }
.left a{border-bottom: 1px dashed transparent;}
.left a:hover{ color: #f2a000; }
.left .widgettitle a:hover{color: #DDD;}
.sidebar-thumb{width: 40px; height: 40px;}


.widgetwrapper{padding-left: 0;}

/*main body */
.bodywrapper{background:none;}
.side-bottom{ background: none;}


.postwrapper .post-title{ border:none; background:none;}
.postwrapper .post-info{border:none;}

.topofcontent{ padding-bottom: 10px; border-bottom: 1px #CCCCCC solid; }
.post-title{ border-top:none; background:none; padding-top:10px;}
.post-title h2{ font-size: 2em;	padding: 0;	margin: 0; }

.post-title a:hover{ color: #faa500;  }
.post-image{ margin: 0 auto; }
.post-image img{	padding: 5px; background: #aaa; float:right; margin-left:20px; margin-right:10px; }

.title{ float:left; width:436px;}

.coment a{ color:#fff;}
.post-image-thumbnail{width:200px; height:150px ;}

.post-info a{padding-left:0px;background:none;}
.category{ float: left; }
.read-more{ position: absolute;	bottom: 1px; left:-7px; height:29px; }

.more-link{ margin-top: 20px; }

/* block */

.odd-block{	float: left;}
.even-block{ float: right; }

/*content */
.aligncenter{ display: block; margin: 10px auto; }
.alignleft {	float: left; margin: 5px 10px 5px 0; }
.alignnone{	margin: 5px 10px 5px 0;}
.alignright { float: right; margin: 5px 0 5px 10px; }

.wp-caption {
	text-align: center;
	background: #fff;
	border: solid 1px #d6d1c7;
	padding: 5px 5px 0;
	margin-bottom: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.wp-caption-text {
	font: italic 1em/1.3em Georgia, "Times New Roman", Times, serif;
	margin: 6px 0;
	color: #777;
}

/*navigation */
.navigation .alignright a, .navigation .alignleft a{ padding: 3px 7px; margin: 0; color: #aaa; background:none; border:none; font-weight:bolder;}
.navigation .alignright a:hover, .navigation .alignleft a:hover{ color: #666;	background:none; }

/*module*/


.widget li a{ padding: 2px 0; }

#wp-calendar{ margin: 0 auto;}

/*tab start*/

#tabs {	height:auto !important;	padding:0; border:none; display: block; overflow:hidden;list-style-type:none; margin-bottom: 10px;}

#tabs #feat img { padding: 2px; border: 1px solid #eee; float: left;	margin: 0 10px 10px 0;	background-color:#DDD; }

ul.gttTabs {	width: 100%; padding: 0; list-style-type:none;}
ul.gttTabs li {	float: left; display:inline; line-height: 34px;	 color: #fff; 	font-weight: bold; margin:0px 0px 0px 0px !important; cursor: pointer; list-style-type:none;  }
ul.gttTabs li.last { margin: 0 !important; }

ul.gttTabs li a , .left ul.gttTabs li a:hover{}
ul.gttTabs li.last a{ padding: 0 10px; }

#tagcloud {	padding:10px; }
#sub img { float: right; 	margin: 0 0 8px 8px; }

.inside li img.avatar, .inside li img.thumbnail {	border: 1px solid #ddd;	padding: 3px; background-color: #ffffff; float: left; margin: 0 8px 0 0; list-style-type:none; }
.inside li:last-child { border-bottom:transparent;}
/*tabs ends*/

/*  Footer Styles */
.footer { clear:both; width:960px; background:none; overflow:hidden; padding: 6px 0; border-top:none; border-bottom:none; margin:10px 0; }

.footer p a { color:#f2a000;  }
.footer p a:hover { border-bottom:1px dashed #fff; color:#666 }
.footer-box { width: 250px; float: left; padding: 20px; margin-left: 15px; border: 1px solid #333539; background-color: #292A2E; color: #FFFFFF; }
.footer-box ul { margin: 0px; padding: 0px; }
.footer-box ul li { margin: 0px; padding: 0px; display: block; float: left; width: 100%; }
.footer-box a:link, .footer-box a:hover, .footer-box a:visited { color: #D5D5D5; display: block; padding: 5px 10px; width: 100%; }

/* the comments style*/
ol.thecomments { list-style:none; 	margin:0px; padding:0px; }
ol.thecomments li { 	position: relative;  }
ol.thecomments li li{ 	padding-left: 30px; }
.comment {  }
ol.thecomments li.comment .comment-author img {	position:absolute; right:20px; top:32px; padding: 1px; border:5px #d8d8d8 solid; }
ol.thecomments li.comment .reply {	position:absolute; right:-4px; bottom:10px; display:block; }

ol.thecomments li.comment .reply a:hover { border-color: #c1c1c1; color:#fff; background-color:#faa500; }
ol.thecomments li cite {	font-weight:bold; }
ol.thecomments li .comment-meta { display:block; font-size: 0.7em; }
ol.thecomments ul.children{list-style-type: none;}
ol.thecomments ul.children li{list-style-type: none; }
li.comment ul.children { list-style:none; margin:0;	padding:0; }

.commentnavigation {	margin:20px 20px; display:block; line-height:40px; }
.commentnavigation a { color:#fff; background:#2f4458; padding:7px 20px;	font-size:.75em; text-decoration:none; font-weight:bold; }
.commentnavigation a:hover {	background:#333; }
li.comment #respond {	padding-top:1px;}
li.comment .callfade, .says {	display:none;}

.comment-form input#submit{ width: 14%; }
.comment-form label { font-size: 11px;	font-weight:bold; color:#555; }
.comment-form span {	font-size: 10px; font-style:italic; color:#777; }
.comment-form span strong {	color:#555; }
.comment-form span a {	color:#326a9a; }
.comment-form span a:hover { color:#000; }
#comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment { display:none; }
#commentform .inputerror { border: 1px dashed #aaa; }
.comment-form button {	width: 130px; height: 40px;	text-indent: -9999px; border: none;	cursor: pointer; }
.comment-form button#submit { margin-top: 10px; }
.comment-form button:hover { background-position: 0 -40px; }
.commentator-data{ width: 103%; margin: 0 10px 10px 0;}
.commentator-data-last{margin-right: 0;}

/*----------------------------dropdown navigation -------------------------------*/
div.jqueryslidemenu{font: bold 12px Verdana;z-index: 1000;padding-top: 14px;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;z-index: 1000;}
/*Top level list items*/
.jqueryslidemenu ul li{position: relative;display: inline;float: left;z-index: 1000;}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{display: block; /*background of tabs (default state)*/padding: 10px 10px 10px 7px;border-right: 0px solid #778;color: #fff;text-decoration: none;z-index: 1000; background:none; margin-right:}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;z-index: 1000;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{z-index: 1000;}
.jqueryslidemenu ul li li a:link, .jqueryslidemenu ul li li a:visited{z-index: 1000;color: #FFF;}
.jqueryslidemenu ul li a:hover{color: #fff; /*tab link background during hover state*/z-index: 1000;}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;z-index: 1000; background: #454545; -moz-border-radius : 5px;-webkit-border-radius: 5px; border-radius: 5px;}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{display: list-item;min-height: 33px;z-index: 1000; padding: 4px; }
.jqueryslidemenu ul li ul li li:first-child{margin-top: 0;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;z-index: 1000;}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{background-color:none;padding: 7px 0 0 10px;min-height: 26px;font: normal 13px Verdana;width: 140px; /*width of sub menus*/margin: 0;border-top-width: 0;z-index: 1000;}
.jqueryslidemenu ul li ul li a:hover{background: #FAA500; z-index: 1000;-moz-border-radius : 5px;-webkit-border-radius: 5px; border-radius: 5px;}

.downarrowclass{position: absolute;top: 23px;right: 7px;}

.rightarrowclass{position: absolute;top: 12px;right: 5px;}

/* ---------------------------------------------------------------- 
 *  contact page
 * ---------------------------------------------------------------- 
*/

#contact label{display: block; padding: 5px 0;}
#contact input, #contact textarea{border: dashed 1px #999; margin-bottom: 10px; padding: 8px; width: 300px;}
#contact textarea{width: 500px;}
#contact input.submit{cursor: pointer; min-height: 34px; margin-top: 10px; width: 142px; font-size: 14px; font-weight: bold; background: #DFDFDF;}

#content .errormsg, #content .successmsg{background: #FFF6BF; padding: 10px; margin: 5px 0; border: 1px dashed #FFD324;}

/*-------------flickr widget ---------*/
.flickr_badge_image{float: left;}
.flickr_badge_image img {padding: 2px; border: 1px solid #333; margin-left: 2px;}

/*-------------pagenavi-css-----------*/

.wp-pagenavi a, .wp-pagenavi a:link {	padding: 5px 4px; margin: 2px;	text-decoration: none; 	color: #666;	}


.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	text-decoration: none;
	color: #fff;
}
.wp-pagenavi span.pages {
	padding:5px 0;
	font-weight:bold;
	color: #666;
	margin-top:-4px;	
	float: left;
	height:22px;
	width:98px;
	text-align:center;
}
.wp-pagenavi span.current {
	padding: 5px 4px; 
	color: #ff9c00;
	
}
.wp-pagenavi span.extend {
	padding: 5px 4px 2px 4px; 
	color: #000000;
}

/*---search---*/


