/* CSS Document */
/*======================================
				Reja
			www.eSoftArena.com
=======================================*/
body{
	font:normal 0.875em Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	background:#fff url(images/header_bg.jpg) repeat-x 0 0;
}

*{margin:0; padding:0}
img,fieldset{border:0}
.hide, #hdr h1 a span, #content fieldset span{display:none;visibility:hidden}
#error{ display:none; background:#ffebe8; border:1px solid #cc0000; font-weight:bold; padding:5px 10px; margin-bottom:10px; font-size:11px;}

p{margin-bottom:12px; line-height:17px}

.padd_left{ margin-left:153px}

.text_color_brown{color:#666664!important; font-size:11px!important; text-decoration:underline!important}

#wrap_hd{ width: 968px; text-align:left; margin:0 auto;	position:relative; }
#wrap_cont{
	/*background:#f6f6f6 url(images/middlediv_bg.jpg) repeat-x 0 0;*/
	background:#fff url(images/content-bg.gif) repeat-x;
	border-bottom:1px solid #fff;
}
#middlearea{
	width:1024px;
	text-align:left;
	margin:0 auto;
	position:relative;
	}
/*=======================================
			HEADER
========================================*/
#hdr{	width:968px;	height:115px; margin:0 0 5px 0; background:url(images/hdr-bg.jpg) repeat-x; padding: 0; }
#hdr a{ float:left; }
#hdr a.logo { margin-right:0 !important; }
#hdr ul{ height:44px; padding:71px 0 0 35px; }
#hdr ul li{
	list-style:none;
	display:inline;
	margin-right:25px;
}
#hdr ul li a{
	font-family: "Century Gothic","Apple Gothic", sans-serif;
	color: #E9E9E9;
	font-size: 14px;
	text-decoration:none;
	font-weight:bold;
}
#hdr ul li a:hover, .selected{
	color:#3c9dc0!important;
}

/*=======================================
			top menu
========================================*/
#topnav{ float:right; width:679px; padding:58px 0 0 0; }
	
#topnav ul{	padding:0 0 0 5px; margin:0; list-style:none;	}
	
#topnav ul li{ margin:0 0 0 35px; float:left;	}

#topnave li a {
	font-family: "Century Gothic","Apple Gothic", sans-serif;
	color: #E9E9E9;
	font-size: 16.2px;
	text-decoration:none;
	font-weight:bold;
}

#home a:link, #home a:visited{
	background:url(images/home.jpg) no-repeat 0 0;
	width:55px;
	height:18px;
	display:block;
	}
	
#home a:hover, #homepage #home a{
	background:url(images/home_hover.jpg) no-repeat 0 0;
	}	
#about a:link, #about a:visited{
	background:url(images/about.jpg) no-repeat 0 0;
	width:75px;
	height:18px;
	display:block;
	}
	
#about a:hover, #aboutpage #about a{
	background:url(images/about_hover.jpg) no-repeat 0 0;
	}
	
#contact a:link, #contact a:visited{
	background:url(images/contact.jpg) no-repeat 0 0;
	width:86px;
	height:18px;
	display:block;
	}
	
#contact a:hover, #contactpage #contact a{
	background:url(images/contact_hover.jpg) no-repeat 0 0;
	}
	
#login a:link, #login a:visited{
	background:url(images/think360.jpg) no-repeat 0 0;
	width:78px;
	height:18px;
	display:block;
	}
	
#login a:hover, #think360page #login a{
	background:url(images/think360_hover.jpg) no-repeat 0 0;
	}
	
#blog a:link, #blog a:visited{
	background:url(images/blog.jpg) no-repeat 0 0;
	width:44px;
	height:18px;
	display:block;
	}
	
#blog a:hover{
	background:url(images/blog_hover.jpg) no-repeat 0 0;
	}
	
#podcasts a:link, #podcasts a:visited{
	background:url(images/podcasts.jpg) no-repeat 0 0;
	width:75px;
	height:18px;
	display:block;
	}
	
#podcasts a:hover{
	background:url(images/podcasts_hover.jpg) no-repeat 0 0;
	}



/*=======================================
			CONTENT
========================================*/
#main{ width:968px; overflow:hidden; text-align:left; margin:0 auto; position:relative; }
#sidebar{ width:310px;/*341*/ float:left; padding:35px 14px 0 4px; font-size:13px; }

#content{	width:640px; float:right;	overflow:hidden; padding:0 0 0 0
}
#sidebar h2{ font-size:13px; font-weight:bold; padding-left:9px; background:url(images/recent-bg.gif) repeat-x 0 100%; padding-bottom:8px;margin:0; color:#333; }
.widget {	padding-bottom:8px; }
#sidebar ul { margin:0;padding:0;  }
#sidebar ul li{ list-style: none outside none; padding:1px 0 4px 0; font-weight:bold; font-weight:bold; background:url(images/recent-bg.gif) repeat-x 0 100%; }
#sidebar ul a{ font-size:13px; color:#333; font-weight:bold; 	text-decoration:none; background-color: #badae6; display:block;width:292px;padding:4px 8px 4px 9px; }
#sidebar ul a:hover{ color:#de329a; }
#category{ padding:8px 0 0px 0; background:url(images/recent-bg.gif) repeat-x 0 top; }
#archive-top{ margin: 2px 0 0 0; }

#archive li a {	background-color: #ccecf8;}
#content{	padding:36px 0 0 0;}
#content fieldset h2{	width:300px; height:29px; font-size:22px; 	color:#333; float:left; padding-bottom:0;padding-top:4px;
}
#content fieldset a{ float:right;	display:block; width:108px;
	height:26px; padding:6px 0 0 12px; background:url(images/subs.png) no-repeat left top;
}
#content fieldset a:hover{
	background-position:left bottom;
}
*html #content fieldset a:hover{background-position:0px -32px;}
#content h1 a, #content h1,#content h2 a{
	font-size:20px;
	padding-right:10px;
	display:block;
	color:#39b2e1;;
	text-decoration:none;
	font-weight:normal;
	margin-bottom:20px;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}

#content h3 a:hover{
	color:#34b6e4;
}
/*=======================================
			IMAGE
========================================*/

p img {	padding: 0;	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 4px 10px;
	display: inline;
}

img.alignleft {
	padding: 0px;
	margin: 0 18px 4px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}

html>body .entry li {
	margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}
.entry a{	color:#de329a; text-decoration:underline; }

.postmetadata, .postextradata {	width:100%; color:#fff; font-weight:bold; 	margin: 24px 0; position:relative; padding-bottom:20px; border-bottom:1px solid #999; clear:both; }
.postmetadata a, .postextra_left a { color:#fff;padding:8px 0 0 11px; height:24px; }
.postmeta_right { float:right; }

.postmeta_left a{ display:block; width:283px; background: url(/images/button_bg_content_lrg.png) no-repeat left bottom;color:#fff;padding:8px 0 0 11px; }
.postmeta_right a, #blogpage .postextra_left a  { display:block;padding-left: 7px; width:113px; background: url(/images/bg_find_out_more.png) no-repeat left top; }
.postmetadata .postmeta_left a:hover { background-position: left top; }
.postmetadata .postmeta_right a:hover, .postextradata .postextra_left a:hover { background-position: left bottom; }
/*=======================================
			FOOTER
========================================*/

#ftr{	width:938px; padding:64px 15px 32px 15px;	font-size:11px; margin:0 auto; position:relative; }
#ftr a{
	color:#333;
	text-decoration:none;
}
#ftr a:hover, .postmetadata b a:hover{
	color:#3c9dc0;
}

#ftr span{
	display:block;
	padding:0 10px 0 16px;
}

.float_left{
	float:left;
}
.float_rght{
	float:right;
}

/*=======================================
		 for comment
========================================*/
.show_all_comments{
	width:636px;
	overflow:hidden;
}
.all_comment{
	width:636px;
	padding:5px 0;
	overflow:hidden;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6
}
.all_comment_bg{ width:100%; height:auto;	background:#e9e9e9; }
.bg2 { background: #d6f0fa;  }
.comment-edit-link { color:#de329a; }
.comment-edit-link:hover { color:#333; }
.cmnt_style{
	width:616px;/*636*/
	padding-left:10px;
}
.cmnt_style_text{ padding:11px 10px 18px 0px;	border-bottom:1px dotted #000; font-size: 13px;}
.cmnt_style p{
	margin:0;
}
.commentmetadata{ font-size:13px; display:block; margin:0 0 23px 0; }
cite{	font-size:13px; font-weight:bold; font-style:normal; float:left; margin-right:10px;}
.respond{
	font-size:20px;
	color:#34b6e4;
	font-weight:normal;
	margin-bottom:8px;
}
.comment_reply{
	width:636px;
	padding-top:10px;
}
.reply_inputs{
	padding:11px 10px 22px 10px;
}
.reply_inputs label b{
	font-size:11px;
	display:block;
	color:#221e1f;
	margin-bottom:6px;
}
.comment_reply textarea{
	width:604px;
	height:112px;
	padding:10px;
	border: 1px solid #e2e9ef;
	border-top: 1px solid #acadb2;
}
.input_style{
	width:272px;
	height:18px;
	padding:2px 0 0 2px;
	border: 1px solid #e2e9ef;
	border-top: 1px solid #acadb2;
}
.add_comment_btn{	width:120px; height:32px;	border:0;	margin-left:506px; cursor:pointer;	background: url(images/subtn.gif) no-repeat; }
.add_comment_btn:hover { background-position: left bottom; }
.comment_reply p{
	margin:0;
	padding:0;
	margin-bottom:8px;
}

.social_Bookmarking p{
	display:none; font-size:11px;
}
.sociable strong{color:#fff; font-size:11px; line-height:26px}
.blog_posted{
	color:#34b6e4;
	text-decoration:none;
	display:block;
	font-weight:bold;
	margin-bottom:28px;
}
/*=======================================
		 for recent post
========================================*/

#recent-top h2{ padding:8px 9px; }
#recent-top ul li{ background:url(images/recent-bg.gif) repeat-x 0 100%; padding-bottom:5px; }
#recent-top ul li .post { background-color:#c5e5f1;padding-bottom:12px; }
#recent-top ul li .post a { background-color:transparent; }
#recent-top ul li .post_info { color:#666;padding-left:9px;  }
#recent-top .post_info a{ color:#de329a; font-style:normal; 	line-height:14px; display:inline; padding:0; }
#recent-top .post_info a:hover { text-decoration:underline; }

.postmetadata a:hover, .entry a:hover{ color:#333; }

.widget {
	
	margin-top:5px;
	margin-left:0!important;
	margin-left:-16px;
	padding:0px 0 5px 0px;
	background:#fff;
}
.entry h2 { font-size:17px; }
.entry h3 { font-size:14px; }
.entry dt { float:left; }
.entry dd { margin-left:40px;margin-bottom:7px; }

.entry { position:relative; }
.mediaMeta { float:right; width:320px;margin:0 0 10px 10px; }
.postContent { position:relative; }
.postContent p, .postContent h4, .postContent h3 {  }
.postContent ul {  }
.powerpress_links { margin:25px 0; }
 
.postData { margin:10px 0; }
.postData p { margin:0; font-style: italic; }
.postData a, .powerpress_links a { color:#de329a; }
.postData a:hover { color:#333; }
.postData p span { color:#4e4e4e; }
.postData .blue { color:#3cadd6; font-weight:bold;font-style: normal;  }
.postmetadata { clear:both; }

#categoryHeading, #catTitle { border-bottom: 1px solid #999;padding-bottom:4px; margin-bottom:30px;}
#categoryList h2 { clear:both; }
#categoryHeading h1, #catTitle h1 { margin-bottom:10px; }
#catTitle p img { float:right;margin:-24px 0 10px 10px; }
.powerpress_player { margin-top:230px; }
.powerpress_video { margin-top:0 !important; }
.withImg { position:absolute;right:0; }
.withImg a { width:300px; display:block; }

.social_Bookmarking { float:right; }
.navigation a, .navigation a:visited { color:#de329a; }
.navigation a:hover { color:#333; }

