/*
Theme Name: 8asians V2
Theme URI: http://www.8asians.com
Description: This is the new theme for 8asians.com.
Version: 0.1
Author: Ernie Hsiung
Author URI: http://littleyellowdifferent.com/
*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/* 8ASIANS CSS */

body { background:url(images/bg3.gif) center top no-repeat; color:#444; }

        h3 { margin-top:20px; font-family: "adelle-1","adelle-2"; font-size:123.1%; }

/* #hd { height:275px; } previously for featured module */
#bd { clear:both; margin-top:25px; }

		#hd  { position:relative; height:135px; }
        #hd h1 a img { float:left; margin:35px 0 29px 35px;}
        #hd h1 a span { display:none; }

		#bannerzone { float: right; margin-right: 10px; margin-top: 12px; margin-bottom:6px; }
	
		#navleft { clear: both; float: left; margin-top: 10px; margin-left: 10px; margin-bottom: 5px; }
		#navleft li { float:left; }
		#navleft li a { padding:0 10px; font-weight:bold; color:#555; }
		
		#navright { float: right; margin-right: 10px; margin-top:10px; }
		#navright li { float:left; }
		#navright li a { padding:0 4px; }

        .content { margin: 0 20px;}
        .nav { margin-right: 20px; }
        .content p { margin:15px 5px 15px 5px; font:116% Helvetica, Arial; line-height: 1.65em;}
        .content a { color:#069; }
        blockquote { margin: 25px 0 25px 50px; font:85% Verdana, Arial !important; line-height:1.6em !important; }
        .byline { font:85% Helvetica, Arial; color:#666; text-transform: uppercase }

        .blogpost { margin-top:15px; }
	.blogpost ul, .blogpost ol { padding-left:2em; text-indent:-1em; margin-top:10px;  }
        .blogpost ol { text-indent:-1.5em; }
	.blogpost ul li, .blogpost ol li { list-style-position:inside; list-style-type:disc; font-size:100%; line-height:1.5em;  }
        .blogpost ol li { list-style-type:decimal; }

        .authorpic { float:left;margin-right:10px; width:65px; }

/* previously #555 */
h2 { color:#444; display:block; font-size:185%; font-family: "adelle-1","adelle-2"; line-height:1.1em }
h2 a { color:#444 !important; text-decoration:none; }

        #post-meta { border-top:1px solid #999; border-bottom:1px solid #999; color:#666; padding:20px 0; background-color:#EFEFEF; }
        #post-meta h4 { text-transform: uppercase; color:#666; font-size:85% Helvetica, Arial }
        #post-meta ul { padding-left:2em; text-indent:-1em; margin-top:10px;}
        #post-meta ul li { list-style-position:inside; list-style-type:disc; font-size:100%; line-height:1.5em;}

        ul.comment li { border-bottom:1px solid #ccc; }
        ul.comment li { font-size:93%; }
        p.comment-byline, p.comment-metadata { text-transform: uppercase; font-size:77%; color:#666;  }

        ul#popular li { text-transform: uppercase; font-size:92%; }
        ul#popular li a { color:#999; font-weight:bold; }
	ul#popular li ul li a { color:#000; font-weight:normal; }
        ul#popular li ul li { text-transform: none; }

	ul#popular li { margin-bottom:10px; }
	ul#popular li ul li { margin-bottom:0; }

        .searchbox { color:#999; width:200px; padding:5px; font-size:118%; }
        a { text-decoration:none; }
        a:hover { text-decoration:underline;}
	em { font-style: italic; }
	strong { font-weight: bold; }

.wpcf7-form textarea { width:100%;  }

.alignnone { display:block; margin: 0 auto; margin-bottom:10px; }
.alignright { float:right; margin-left:20px; }
.alignleft { float:left; margin-right:20px; }

.yui-g.content { border-right:1px solid #ccc; padding-right:20px; }

#google_ads_div_125x125_Square_Side_1, #google_ads_div_125x125_Square_Side_2, #google_ads_div_125x125_Square_Side_3, #google_ads_div_125x125_Square_Side_4 { margin-bottom:5px; }

.comment img { vertical-align: middle; }

#dsq-combo-recent, #dsq-combo-popular { font-size:85%; }

.bloghdrimg, .bloghdrtxt { display: table-cell; vertical-align: top; }

.simpleblog h2 { line-height:0.8em; margin-left:5px; }
.simpleblog h2 a { font-size:65%; padding:0; }
.simpleblog.blogpost p { font-size:93%; padding:-10px; }
.simpleblog.blogpost .postmeta { border-top:0px !important; padding-top:0 !important; padding-left:5px !important; text-align:left !important; }

.bloghdrtxt p a { color:#444; text-decoration:none; font-weight:bold }
.bloghdrtxt p a:hover { text-decoration:underline; }
.postmeta a { color:#444 !important; text-decoration:none; font-weight:bold }

ul#popular li { margin:10px 0; }
ul#popular li a { text-decoration:none; }
ul#popular li a:hover { text-decoration:underline; }
ul#popular li ul li a { text-decoration:underline; }

.bloghdr.simpleblog .postmeta { border:0 !important; padding-top:0 !important; padding-left:5px !important; text-align:left !important; }
.blogpost.simpleblog { padding-bottom:20px; border-bottom:1px solid #ccc; }
#true-footer a { color:#444; text-decoration:none; font-weight:bold; padding:0 5px; margin-top:20px; padding:20px 0; background-color:#ddd; }
#true-footer a:hover { text-decoration:underline; }
#true-footer #doc4 ul li a { font:11px Verdana !important; font-weight:bold !important; padding:0; color:#222; }
#true-footer #doc4 ul li { margin-bottom:10px !important; line-height:0.5em !important; }

.simpleevent { -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#E1F3F8; border:1px solid #EEEEEE; margin:0 0 35px; padding:10px; }
.simpleevent h5 { text-transform:uppercase; margin:0; font-weight:bold; color:#fff; }
.simpleevent h2 { line-height:0.8em; }
.simpleevent h2 a { font-size:72%; color:#666 !important; }

/* PollDaddy Overwrites for Polls */
.pds-box { width:600px !important; } .pds-input-label { width:535px !important }

/* fbshare.me */
 .bloghdrtxt iframe, .postmeta iframe { vertical-align:middle; }

.tabs { margin-bottom:15px; }
.ui-tabs-nav { font:9px Verdana !important; }

.ui-tabs-panel { font-size:85%; }
.ui-tabs-panel ul li { margin:8px 0; }
.ui-tabs-panel ul li a { text-decoration:none; font-weight:bold; }
.ui-tabs-panel ul li a:hover { text-decoration:underline; }

#events-bdy2 { font-size:79%; }
#events-bdy2 li { clear:both; min-height:38px; }
#events-bdy2 img { float:left; margin-right:10px; border:1px solid #999; }

#onthisday { margin-bottom:35px; background-color:#eee; padding:15px;}
#onthisday h2 { font-size:18px; margin-bottom:10px; }
#onthisday ul li { margin:3px; }
#onthisday ul li a { font:11px Verdana; text-decoration:none; color:#000; font-weight:bold; }
#onthisday ul li a:hover { text-decoration:underline; }
#onthisday ul li span { font:9px Arial,Helvetica; color:#999; }

#post-ad { background-color:#eee; text-align:center; margin-bottom:15px;padding-bottom:15px; }


#post-meta ul li { font:11px Verdana; margin-bottom:10px; }
#post-meta ul li a { color:#000; text-decoration:none !important; font-weight:bold; }
#post-meta ul li a:hover { text-decoration:underline !important; }

#author-module { border:1px solid #999; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#author-module ul { padding-bottom:10px; }
#author-module .allauthors { font:11px Verdana; text-transform:uppercase; }
#author-module a { color:#444; text-decoration:none; }
#author-module a:hover { text-decoration:underline; }

#onthisday { border:1px solid #999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#onthisday .bd { text-align:center; }
#onthisday .bd img { border:5px solid #fff; margin:0 5px; }

#oiopub-container table td { padding:10px 5px; font-size:108.1%; }
#oiopub-container table td select { padding:5px; }
#oiopub-container table td textarea { width:100% !important; }

#oiopub-container table  { width:750px !important; }
#oiopub-container table table { border:1px solid #444; margin:10px 0; }

#oio-link-1 { border:1px solid #999; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#oio-link-1 a { color:#444; font-weight:bold; }
#oio-link-1 a.empty { text-transform:uppercase !important; font:85% Verdana; color:#999; text-decoration:none; }
#oio-link-1 a.empty:hover { text-decoration:underline; }
#oio-link-1 li { padding:3px 0; }

#events { border:1px solid #aaa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px; }
#events li { clear:both; height:50px;padding-right:5px; margin:10px; }
#events img  { float:left; margin-right:10px; border:1px solid #aaa; }
#events li a { color:#000; font:10px Verdana; font-weight:bold; text-decoration:None; }
#events li a:hover { text-decoration:underline; }

.tabbox {
clear:both;
overflow:visible;
position:relative;
}
.tabbox .tabPanel h5 {
float:left;
font-size:1em;
margin:0;
}
.tabbox .tabPanel h5 a {
border:0 none;
color:#CCCCCC;
display:block;
height:20px;
margin:0 15px 0 0;
outline:medium none;
text-decoration:none;
}
.tabbox .tabPanel h5 a:hover, .tabPanel.selected h5 a {
border-bottom:4px solid #BDBDCF;
color:#8B8BB0;
}
.tabbox .tabContent {
background:none repeat scroll 0 0 #EEEEEE;
border:1px solid #BDBDCF;
left:-9999px;
margin:0;
padding:0;
position:absolute;
top:-9999px;
width:298px;
}
.tabbox .selected .tabContent {
left:0;
top:24px;
}
a.tabcontent:link, a.tabcontent:visited {
border-bottom:0 none;
}
.box {
border-left:1px solid #BDBDCF;
border-top:1px solid #BDBDCF;
margin:5px 0 35px;
padding:5px;
}
.box p {
margin:0;
}
.box ul, .column ul, .feed_ad ul {
margin:0;
padding:5px 0 0;
}
.box li, .column li {
margin-left:20px;
padding:0 0 10px;
}
.tabContent ul { font:10px Verdana; margin:10px; }
.tabContent ul li a { text-decoration:none; color:#444; }
.tabContent ul li a:hover { text-decoration:underline; }
.tabContent ul li { margin:10px 0; }

.authorcontent { margin-right:3em; margin-left:2em; }
.authorcontent h3 { clear:both; font-family:"droid-serif-1","droid-serif-2",serif; font-size:18px; }
.authorcontent h3 a { color:#333; text-decoration:none; }
.authorcontent h3 a:hover { text-decoration:underline; }
.authorcontent .blogpost { line-height:1.5em; }

.authorcontent .byline { margin-bottom: 10px; }
.authorcontent .byline a { text-decoration: none; font-weight: bold; color:#444;  }
.authorcontent .byline a:hover { text-decoration: underline; }



.thumbnail.summary { float:right; margin-left:20px; max-height:200px; max-width:200px; }
.bpcontent { width:450px; float:left; margin-bottom:40px; }
.meta {
border-color:red red red #CCCCCC;
border-style:solid;
border-width:0 0 0 1px;
float:right;
height:auto;
margin-bottom:30px;
padding-left:15px;
width:115px;
}

.categorytag { -moz-border-radius:2px; border:1px solid #CDDEE1; font-size:10px; text-transform:uppercase; padding:2px 5px; background-color:#E3F4F9; }
.categorytag { text-decoration:none; color:#444; font-weight:bold; }

.cmments a { background:url(images/comment-icon.png) no-repeat; padding-left:20px; text-transform: uppercase; text-decoration: none; font-size:85%; color:#444; font-weight:bold; }
.cmments { margin-bottom:5px; }

.tags { margin-bottom:20px; }

.mdr {
    margin-bottom: 10px;
    margin-top: 30px;
}

/* Pull thumbnails to the left to have title align with blog post */
.bloghdr { margin-left:-10px }
.bloghdr.simpleblog { margin-left:0 }

/* Featured modules - requires GetTheImage, MoodRing plugins */
.panel { margin-left:7px; float:left;position:relative; width:235px; overflow:hidden; height:160px; margin-bottom: 20px; margin-top: 5px; }
.panel .link {  position:absolute; padding:10px; bottom: 0; color: #FFFFFF; left:0; background: url(images/caption.png); width:215px; }
.panel .frontpage { max-width:235px; }

.emo { font-family: "adelle-1","adelle-2"; font-size:12px !important; }

#moodthingy-widget { margin-bottom:10px; }

/* Related related post thumbnails */
.micropanel { float: left; margin-left: 7px; margin-top: 5px; position: relative; width: 110px; }
.micropanel .wrapper {
    background: none repeat scroll 0 0 #666666;
    border-radius: 5px 5px 5px 5px;
    height: 78px;
    overflow: hidden;
    text-align: center;
}
img.relatedposts { max-height: 115px; max-width: 115px; overflow: hidden; }
.micropanel a.caption { font:10px Verdana; color:#444; font-weight:bold; display: block; margin:10px 0; }
.categorybtn { font:11px Verdana; border:1px solid #ccc; padding:2px 4px; margin-right:10px; border-radius:2px; background:url(images/caption.png); }
.categorybtn a { color:#fff; font-weight:bol; }
.more { font-weight:bold; display:block; text-align:right; margin:20px 0; }

/* EHSIUNG SOCIAL MEDIA FLOATING */
.yui-g.content { position: relative; }
#socialmediawrapper { 
    clear: both;
    padding-left: 10px;
    position: absolute;
    top: 0;
    width: 66px;
    left: -92px; }
#socialmedia.fixed { position:fixed; top: 50px; width: 70px; }

.gaspcss { font-size:11px }.gaspcss img { float:left; width:150px; height:150px; border:1px solid #ccc; padding:5px; border-radius:10px; margin-right:20px; margin-left:-190px; }.gaspcss p { margin-left:190px; }

.wf-loading { visibility: hidden; }

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}