@import url("n.css"); 
@import url("tab.css"); 
@import url("c.css"); 

*{margin:0; padding:0}

body{background:#fff; color:#222; font:13px "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,arial,sans-serif; text-align:center}
a{color:#6baa08; border-bottom:none; text-decoration:none}
a:hover{color:#6c8c3a; text-decoration:underline}

hr{visibility:hidden}

img{border:none}

img{border:none}

.ob-container{width:960px; margin:0 auto; text-align:left}
.levelob, .levellnk {width:960px}
.levelob-in, .levellnk-in {padding:20px 0; width:100%}
.mc{width:600px; float:left}


.cm{width:320px; float:right}

.cm-meta{padding:20px 20px 0 0}
.cm-meta h2{font:22px Arial,sans-serif; padding-bottom:6px; border-bottom:1px solid #ddd; margin-bottom:6px}
.cm-meta p{padding:4px 0}

.latest-episode h2{font-size:14px; text-transform:uppercase; padding-top:10px}

.lvhead{border-bottom:1px solid #ddd}
.lvhead h2{font-size:14px; text-transform:uppercase; padding-bottom:10px; width:46%; float:left}
.lvhead p{width:46%; float:right; text-align:right; font-size:11px; text-transform:uppercase}

ul.li-recent, ul.li-foot {list-style-type:none}
ul.li-recent li, ul.li-foot li{padding:0; display:block; width:210px; margin-right:30px; margin-bottom: 10px; float:left}
ul.li-foot li{width:300px }
ul.li-recent-blog li h3 { line-height: 18px; font-size: 14px !important;  }
ul.li-recent-blog li p { line-height: 18px; font-size: 12px !important;  }

/* for understanding browsers */
ul.li-recent {
margin-top: 10px;
}
ul.li-recent li {
min-height:180px; 
height:auto;
height: 180px;
padding: 10px 0;
}
/* for Internet Explorer */
/*\*/
* html ul.li-recent li {
height: 160px;
}
/**/

ul.sidefaq {
margin: 5px 0 5px 15px;
line-height: 18px;
}
ul.sidefaq li {
padding: 4px 0;
}

.li-recent a{color:#598f03}
.li-recent a:hover{color:#426c00}
.li-recent h3{font-size:12px; padding-bottom:4px}
.li-recent img{width:210px; height:140px; }
.li-recent p{font-size:11px}
.li-recent img.img_th { width: 50px; height: 50px; float: right; margin-left: 10px; margin-bottom: 5px;}

.footer{border-top:4px solid #ddd; color:#333; font-size:11px}
.footer-in{width:960px; margin:0 auto; text-align:left; padding:20px 0}
.footer a{color:#111; text-decoration:underline !important}
.footer h3{font-size:11px; padding-bottom:5px; text-transform:uppercase}

.footer ul.li-foot li ul{list-style-type:square}
.footer ul.li-foot li ul li{float:none; width:auto; padding:3px 0}
p.dsgn{clear:both; text-align:right; border-top:1px solid #eee; padding:10px 0; color:#222}
p.dsgn a{color:#111 !important}

.cl:after, .cf:after, .post:after, .comment:after, blockquote:after { content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

.cl, .cf, .post, .comment, blockquote {display:inline-block}

* html .cl, * html .cf, * html .post, * html .comment, * blockquote {height:1%}
.cl, .cf, .post, .comment, blockquote {display:block}

img#wpstats{width:0px; height:0px; overflow:hidden}

div.wp-caption{width:auto !important; margin: 10px 0;}
p.wp-caption-text{font-size:11px; border:1px solid #eee; background: #f9f9f9; padding-left: 8px;}

div.alignright {
float: right;
margin-left: 20px;
}
.twit {
margin: 10px 0;
padding: 5px 10px;
border: 1px solid #eee;
}
.twit img {
vertical-align: middle;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane {
	width: 290px;
	height: 330px;
	overflow: auto;
	background: #fff;
	margin-bottom: 20px;
	margin-top: 8px;
}


.entryphoto {
background: #eee;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px 0 10px 15px;
margin: 15px 0;
}
.entryphoto p {
margin: 0;
padding: 0;
}
.entryphoto .flickrphotos {
margin: 0;
padding: 0;
}


.entryphoto h2 {
font-size: 13px;
}


.fbboxhome {
background: #f8f8f8;
max-height:160px;
height:auto !important;
height:160px;
}

/* flickr: Credits: blog.twitter.com */

.flickrphotos a img {
	margin-right: 4px !important;
	margin-bottom: 2px !important;
	width: 60px;
	height: 60px;
	border: 4px solid transparent;
	margin: -4px -3px -4px -4px;
  -webkit-transition: -webkit-transform .1s ease-in;
}

.flickrphotos a:hover img {
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 1px 3px #666;
	-moz-box-shadow: 0px 1px 3px #666;
	position: relative;
	-webkit-transform:rotate(10deg) scale(1.15);
	-moz-transform:rotate(10deg) scale(1.15);
}

ul.sharethis {
list-style-type: none; margin: 8px 0 0 0;
}
ul.sharethis li { float: left; width: 100px; }