/*
	@author : tratstil <tratstil@gmail.com>
	my.opera.com/tratstildesign/blog
	banglang_2010 theme
	for Opera blog.
*/
/*<common>*/
	/*<clear default>*/
		*{margin: 0;padding: 0;border: 0;}
		/* Normalize padding and margins */
		body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
		form, fieldset, input, p, blockquote, th, td {
			margin: 0;
			padding: 0;
		}
		/* Normalize header sizes */
		h1, h2, h3, h4, h5, h6 {
			font-size: 100%;
		}
		/* Normalize list styles */
		ol, ul {
			list-style: none;
		} 
		/* Normalize font style and weight on odd elements */
		address, caption, cite, code, dfn, em, strong, th, var {
			font-style: normal;
			font-weight: normal;
		} 
		/* Normalize table borders */
		table {
			border-collapse: collapse;
			border-spacing: 0;
		} 
		/* Normalize other borders */
			fieldset, img {
			border: 0;
		} 
		/* Normalize text-alignment */
		caption, th {
			text-align: left;
		} 
		/* Normalize (remove) quotation marks */
		q:before, q:after {
			content:'';
		}
		a:link, a:visited, a:active{
			text-decoration:none;
		}
		body{
			color:black;
		}
		a:link , a:hover , a:visited , a:active{
			color:black;
		}
	/*</clear default>*/
	body{
		font-family:Verdana, Geneva, Arial;
		font-size:1em;
		background:#7a7774 url(http://files.myopera.com/tratstildesign/theme/banglang_2010/bl_topbg.png) no-repeat center 50px;
		overflow-x:hidden;
	}	
/*</common>*/
/*<myopera>*/
	#myopera{
		/*background:url(http://files.myopera.com/tratstil/files/theme/overall.png);*/
	}
	#myo a:link, #myo-nav a:visited, #myo-nav a:active{
		color:gray !important;
	}
	#myo a:hover{
		color:black !important;
		border-bottom:1px solid white;
	}
	#myo-nav {
		top:0px !important;
		padding:0px;
		height:25px !important;
		display:none;
	}
	#myo-nav ul{
		position:absolute !important;
		top:0px !important;
		margin:auto;
		top:0px !important;
	}
	#myo{
		background:none !important;
		border-bottom:none !important;
		width:100% !important;
		position:absolute !important;
		left:0px !important;
		height:50px !important;
	}
	div>div#myo{
		text-align:-moz-center !important;	
	}
	div#myo{
		text-align:center !important;
	}
	#myo2{
		position:relative !important;
		margin:auto !important;
		width:920px;
	}
	#user-info{	
		width:920px !important;
	}
	#myo-login{
		background:url(http://files.myopera.com/tratstil/files/theme/transparent30.png) !important;
		top:50px;
		height:50px;
		width:920px;
		margin:auto;
		position:absolute !important;
		z-index:4000;
	}
/*</myopera>*/
/*<layout>*/
	#wrap0{
		width:100%;
	}
	div>div#wrap0{
		text-align:-moz-center;	
	}
	div#wrap0{
		text-align:center;
	}
	#wrap1{
		width:960px;
		margin:auto;
		clear:both;
		background:transparent url(http://files.myopera.com/tratstildesign/theme/banglang_2010/shadows1.png) top left repeat-y;
	}
	#wrap2{
		width:100%;
		background:transparent url(http://files.myopera.com/tratstildesign/theme/banglang_2010/shadows2.png) top right repeat-y;
	}
	div>div#wrap2{
		text-align:-moz-center;	
	}
	div#wrap2{
		text-align:center;
	}
	#wrap3{
		width:920px;
		margin:auto;
	}
	#wrap4{
		text-align:left;
		background:#ffffff;
	}
	#mainwrap{
		width:680px;
		float:left;
		text-align:left;
	}
	#sidewrap{
		overflow:visible;
		width:240px;
		float:right;
		text-align:left;		
	}
	#main{
		width:100%;
		overflow:hidden;
		position:relative;
		padding-bottom:50px;
		height:auto;
	}
	#side{
		width:100%;
	}
/*</layout>*/
/*<top>*/
	#top{
		height:413px;
		background:url(http://files.myopera.com/tratstildesign/theme/banglang_2010/bl_banner.jpg);
		left:0px;
		position:relative;
	}
	#top2{
		padding-top:50px;
		display:block;
		color:white;
	}
	#menu{
		position:absolute;
		z-index:4500;
		bottom:0px;
		width:100%;
		height:30px;
		max-height:300px;
		background:url(http://files.myopera.com/tratstildesign/theme/banglang_2010/bl_menubg.png) top left repeat-x;
		border-bottom:1px #c870db solid;
	}
	#menu ul{
		position:absolute;
		bottom:0px;
	}
	#menu li{
		float:left;
		z-index:4500;
	/*	list-style-image: url(http://files.myopera.com/tratstil/files/theme/2010/dot.png);
		list-style-position:inside;*/
	}
	#menu span{
		display:block;
		padding-top:5px;
	}
	#menu a{
		height:30px;
		padding-left:5px;
		padding-right:5px;
		display:block;
	}
	#menu a:link,#menu a:visited, #menu a:active {
		color:gray;
	}
	#menu a:hover{
		color:black;
		border-top:1px #c870db solid;
		background:url(http://files.myopera.com/tratstil/files/theme/transparent30.png);
	}
	#menu #selected{
		color:#e79443 !important;
		font-size:110%;
		font-weight:bolder;
		border-top:1px #c870db solid;
		background:url(http://files.myopera.com/tratstil/files/theme/transparent30.png);
	}
/*</top>*/
/*<design main>*/
	body{
		/*font-family:'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;*/
		line-height:1.4;
	}
	#content{
		border-top:2px #c870db solid;
		background:url(http://files.myopera.com/tratstildesign/theme/banglang_2010/bl_footerbg.png) no-repeat left bottom;
		line-height:1.55;
	}
	#wrap0{
		font-size:80%;
	}
	#main{
		font-size:110%;
		text-align:left;
		padding:10px 0px 10px 0px;
		
	}
	#sidewrap{
		background:url(http://files.myopera.com/tratstildesign/theme/banglang_2010/bl_sidebg.png) fixed no-repeat left center;
	}
	.mmskey{
		display:none;
	}
	.buttons{
		font-size:90%;
	}
	.buttons a:link,.buttons a:visited,.buttons a:active ,input[type=button]{
		font-weight:bolder;
		color:#525252;
		background:none !important;
		border:none;
	}
	.buttons a:hover{
		color:black;
		text-decoration:underline;
	}
	.buttons span, input[type=button]{
		border:0px;
		cursor:pointer;
	}
	input[type=button] , input[type=submit]{
		text-decoration:underline !important;
		background:none !important;
		cursor:pointer;
		text-align:right;
	}
/*</design main>*/
/*<design footer>*/
	#footer{
		border-top:2px #c870db solid;
		clear:both;
		text-align:left;
		font-size:70%;
		height:117px;
	}
	#footer-promo:{
		display:none;
		display:none !important;
	}
	#footer2{
		clear:both;
		text-align:left;
		display:none !important;
	}
/*</design footer>*/
/*<format post>*/
	.sticky{

	}
	.post{
		padding-bottom:50px;
	}
	.post .title{
		font-size:150%;
		font-weight:bolder;
		color:#913ba4;
		text-align:left !important;
		padding:0px;
		margin:0px;
	}
	.post .title a:hover, .post .title a:link, .post .title a:visited{
		color:#913ba4;
	}
	.postinfo{
		margin:0px;
		padding:0px;
		text-align:left;
	}
	.postdate,.tags{
		font-size:70%;
		padding-left:10px;
		color:#913ba4;
	}
	.tags a:link, .tags a:visited {
		color:#913ba4;
		font-weight:bolder;
	}
	.postdate{

	}
	.post .tags{

	}
	.post .tags a{
	}
	.content{
		clear:both;
		padding:10px;
		min-height:150px;
		/*text-indent: 1.5em;*/
		/*background:url(http://files.myopera.com/tratstil/files/theme/transparent30.png);*/
	}
	.content:first-letter{
		font-size:120%;
		font-weight:bolder;
	}
	.pagenav{

	}
	.pagenav a:link, .pagenav a:visited{

	}
	.pagenav a:hover{

	}
	.pagenav-info{

	}
/*</format post>*/
/*<format comment>*/
	/*write commend for post page*/
	#newcomment, .addcomment, #login-here{		
		background:url(http://files.myopera.com/tratstil/files/theme/transparent30.png);
		margin:0px;
		padding:0px;
		position:relative;
		width:100% !important;
	}

	#newcomment .avatar{
		width:50px;
		height:50px;
		margin:0;
		padding:2px;
		position:absolute;
		left:0px;
		top:0px;
	}
	#newcomment,#addcomment,#login-here{
		background:none !important;
		border:none !important;
		display:block !important;
		width:width:99% !important;
		margin:0 !important;
		padding:0 !important;
		text-align:left !important;
		overflow:hidden !important;
	}
	#newcomment h3,#login-here h3{
		display:block;
		height:30px;
		margin:0;
		padding:0;
		line-height:30px;
		padding-left:10px;
		border-top:2px #913ba4 solid ;
	}
	#login-here form{padding-bottom:15px;}
	#login-here .cc1 {
		float:left;
		width:175px !important;
		overflow:hidden;
		margin-right:3px;
	}
	#login-here #usrname{width:100%;}
	*html #login-here #usrname{width:95% !important;}
	#addcomment{
		display:block;
		width:99%;
		margin:0;
		padding:0;
		padding-top:170px !important;
		position:relative;
		border:1px white solid !important;
		background:url(http://files.myopera.com/tratstil/files/theme/transparent30.png);
		text-align:right !important;
	}
	#addcomment #addsmilies{
		display:block;
		width:89%;
		height:160px;
		margin:0;
		padding:0;
		margin-top:-170px !important;
		position:absolute;top:0px;right:0px;
	}
	#addcomment #addsmilies #addsmile{
		display:none;
	}
	#addcomment #addsmilies #smilies{
		display:block !important;
		width:99%;
		height:160px;
		margin:0;padding:0;overflow:hidden;
		background:none;position:absolute;top:0;left:0;border:none;
	}
	#addcomment #addsmilies #smilies .horizontal{
		margin:0;padding:0;
		margin-left:5px;
		width:99%;
		height:160px;
		text-align:justify;
		line-height:normal;
	}
	#addcomment #addsmilies #smilies .horizontal p{
		display:none;
	}
	#addcomment #addsmilies .dsmilies{
		display:block;
		width:99%;
		height:20px;
		margin:0;padding:0;
		overflow:hidden;
		position:absolute;
		bottom:2px;
		left:2px;
		z-index:45000;
	}
	#addcomment #comment{
		width:89% !important;
		height:200px;
		margin:5px;
		padding:0;
		border:none;
		padding:5px;
		overflow:auto;
		border:1px #f5cbfe solid;
		background:url(http://files.myopera.com/tratstil/files/theme/transparent30.png);
	}
/*postnav*/
	.postnav{

	}
	.postnav .prv{

	}
	.postnav .nxt{

	}
	/*comment*/
	.comments h3{
		display:none;
	}
	.comments .ownercomment{
		width:100%;
		clear:both;
	}
	.comments .avatar{
		width:10%;
		float:left;
		border-top:1px dashed gray;
		padding-top:5px;	
		padding-bottom:5px;
		padding-left:5px;
		
	}
	.comment1 .avatar{
		
		background:#f7eb8a;
	}
	.comment2 .avatar{
		background:#f8b6ab;
	}
	.comments .comment-by{
		width:89%;
		float:right;
		border-bottom:1px dashed gray;
		border-left:1px dashed gray;
		margin:0px;
		padding:0px;
	}
	.comment-by a{
		font-style:italic;
		/*	color:green;*/
		color:black;
		padding-left:10px;
	}
	.comments .text{
		font-family:'Monospace';
		font-size:14px;
		width:89%;
		float:right;
		padding-top:15px;
		padding-bottom:10px;	
		margin:0px;
		min-height:100px;
	}
	div>div.text{
		letter-spacing:1px;
	}
	.comments .comment-date{
		float:right;
		font-size:12px;
		padding-right:20px;
	}
	.comment1,.comment2{
		clear:both;
		padding-bottom:20px;
		height:auto;
		padding:auto;
	}
	.comments .editcomment{
		float:right;
		padding:5px;
		border-top:1px dotted gray;
	}
	.comments .editcomment a{
		/*color:#4a4a4a;*/
		color:gray;
		font-size:12px;
	}
	/*avatar*/
	.avatar{
		background:none;
	}
/*</format comment>*/
/*<design commonside>*/
	#sidewrap h2{
		color:#848484;
		text-align:right;
	}
	.sidebox{
		padding:5px;
		margin-top:2px;
		
		
	}
	.sidebox li{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	.sidebox ul{
		padding:0px;
		margin:0px;
	}
	.pad{
		padding:2px;
		width:100%;
		max-width:240px;	
		text-align:left;
	}
	div.pad{
		border:0px;
		border-top: 1px solid #913ba4;
	}
	div >div.pad {
		-moz-border-radius: 5px; /* for Mozilla browsers */
		-webkit-border-radius: 5px; /* for webkit browsers (Chrome, Safari) */
		border-radius: 5px; /* for Opera and others */
		border: 1px solid gray;
		border-right:0px;
		background:url(http://files.myopera.com/tratstildesign/theme/banglang_2010/bl_padbg.png) right repeat-y;
	}	
	#sidewrap a:link, #sidewrap a:visited, #sidewrap a:active{
		color:gray;
	}
	#sidewrap a:hover{
		color:black !important;
	}
/*</design commonside>*/
/*<design photosbox>*/
	#myphoto{
		padding:2px;
		/*max-width:240px;*/
		text-align:center;
	}
	#qp{
		
	}
	#qp .pad{
		border:0px;
		text-align:center;
	}
	#myphoto img{
		background:none !important;
	}
/*</design photosbox>*/
/*blogsearch
	#blogsearch .pad{
		border:0px;
	}*/
/*<design friendsbox>*/
	#friendz li {
		float:left;
		width:100px;
		height:100px;
		margin:0 0 4px 4px;
	}
	#visitors li, #visitors a:link, #visitors a:visited, #visitors a:active, .spotlighted a:link, .spotlighted a:visited, .spotlighted a:active {
	}
	#friendz a:link, #friendz a:visited, #friendz a:active {
		display:block;
	}
	#friendz li a:hover {

	}
	#friendz img {
		max-width:100px;
		display:block;
		margin-bottom:3px;
	}
	#friendz a {
		text-decoration:none;
		display:block;
	}
	#friendz .first {
		margin-left:0;
	}
	#friendz span {
		width:100%;
		height:13px;
		line-height:13px;
	}
/*</design friendsbox>*/
/*<design shoutbox>*/
	#shoutbox .pad{
		border:0px;
		height:auto;
		position:relative;
		background:none;
		text-align:left;
	}
	#shout-form{
		border:0px;
		border-top: 1px solid #913ba4;
		height:25px;
		padding:5px;
	}
	#shout-form{
		
	}
	div>form#shout-form{
		-moz-border-radius: 5px; /* for Mozilla browsers */
		-webkit-border-radius: 5px; /* for webkit browsers (Chrome, Safari) */
		border-radius: 5px; /* for Opera and others */
		border: 1px solid #913ba4;
	}
	#shoutbox ul{
		margin-bottom:5px;
		padding-bottom:30px;
	}
	#shoutbox li{
		position:relative;
		clear:both;
	}
	#shoutbox .userpic {
		position:absolute;
		right:0px;
		top:0px;
		display:inline;
	}
	#shoutbox .username{
		font-weight:normal;
		font-style:italic;
	}
	.userpic + p{
		position:absolute;
		height:30px;
		right:0px;
		bottom:19px;
		color:#cecece;
		z-index:10;
		display:block;
	}
	#shoutbox blockquote p{
		position:relative;
		font-size:14px;
		font-family:cursive;
		padding-bottom:50px;
		color:#BDBDBD;
		z-index:5;
		width:190px;
		clear:both;
	}
/*</design shoutbox>*/
/*<design calendar>*/
	#calendar{
		width:100%;
		background:url(http://files.myopera.com/tratstil/files/theme/overall_content.png);
		margin-top:2px;	
		padding:0px;
	}
/*</design calendar>*/
/*<design visitorsbox>*/
	#visitors  img{
		max-width:40px;
		height:auto;
		margin-right:5px;
		padding-left:5px;
	}
/*</design visitorsbox>*/

/*<tratstil common>*/
	.t_left{
		float:left;
	}
	.t_right{
		float:right;
	}
	.t_clear{
		clear:both;
	}
/*</tratstil common>*/