/*
Theme Name: WAN
Theme URI: http://weirdasianews.com
Description: WeirdAsiaNews
Version: 1.0
Author: 
Tags: 2 column theme
*/

/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, 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:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold; color:#333; }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
:focus { outline:0; }

/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.clearleft { clear:left; }
.clearright { clear:right; }
.clearboth { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }
div { position:relative; }
a:link { text-decoration:none; color:#3391D9; font-family:Tahoma; font-weight: bold; border:none; }
a:visited {	text-decoration:none; color:#3391D9; font-family:Tahoma; font-weight:bold; border:none; }
a:hover, a:active { color:#3391D9; text-decoration:none; border:none; }
body { background:url(images/bg.jpg); text-align:center; }
#wrapper { width:960px; margin:0 auto; text-align:left;position: relative; }
#content { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#666; padding-bottom:15px; background:url(images/content_bg.gif) repeat-y; overflow:hidden; }
#contentNoCol { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#666; padding-bottom:15px; background:url(images/content_single_bg.gif) repeat-y; overflow-y:hidden; }
#header { height:129px; position:relative; }
#headerLogo { float:left; background:url(images/header_logo_1.jpg) no-repeat left bottom; height:129px; width:232px; }
#headerLogo .siteTitle { text-indent:-9999px; height:100%; }
#headerLogo a { display:block; width:100%; height:100%; }
#headerAd { position:absolute; right:0; top:15px; }
#homeLoginRegister { position:absolute; bottom:0; right:0; }
#homeLoginRegister p, #homeLoginRegister div { display:inline; }
#homeLoginRegister p { font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin-right:20px; }
#homeLoginRegister a { font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
#homeLoginRegister a:hover { color:#000; }
#homeLoginRegister div { background:url(images/login_register_bg.gif) no-repeat top; color:#000; padding:3px 10px 3px 10px; }
#homeLoginRegister div a { padding:0 10px; }
#topNav { padding:5px; background:#000; }
#topNav ul { display:block; padding:0; margin:0 8px 0 0; }
#topNav ul li, #subNav ul li { display:inline; text-transform:uppercase; font-size:11px; }
#topNav ul li a, #subNav ul li a { text-decoration:none; }
#topNav ul li a:hover { color:#fff; }
#topNav .news #topNavNews a, #topNav .photos #topNavPhotos a, #topNav .videos #topNavVideos a, #topNav .engrish #topNavEngrish a { color:#fff; }
#subNav ul li a { color:#fff; }
#subNav ul li a:hover { color:#000; }
#subNav ul li.current-cat a { color:#000; }
#subNav { padding:5px; background:url(images/subnav_bg.gif) no-repeat bottom; }
#subNav ul { float:left; display:block; }
#subNav a.rssLink { display:block; float:right; color:#fff; font-size:11px; font-weight:normal; text-transform:uppercase; padding-right:7px; padding-left:17px; background:url(images/rss_feed.png) left 1px no-repeat; }
#subNav a.rssLink:hover { color:#000; }
#subNav ul li { margin:0 0 0 8px; padding:0 0 0 8px; border-left:1px solid #fff; }
#subNav ul li:first-child { margin:0; padding:0 0 0 8px; border-left:none; }
#topNav ul li { margin:0 0 0 8px; padding:0 0 0 8px; border-left:1px solid #857F65; }
#topNav ul li.firstChild { margin:0; padding:0 0 0 8px; border-left:none; }
#breadcrumbs { padding:5px; color:#000; font-size:12px; font-weight:bold; background:url(images/bg.jpg); }
#breadcrumbs a { color:#000; }
#wrapper .blackHeader { background:#000; color:#3391d9; text-transform:uppercase; font-weight:bold; font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding:5px; }
#wrapper .grayLink { background:#e2e2e2; display:block; margin:15px 10px; font-weight:normal; padding:5px 10px; }
#wrapper .grayLinkSingle { background:#e2e2e2; display:block; margin:15px 0; font-weight:normal; padding:5px 10px; }
#wrapper #homeLeft .grayLink, #wrapper #homeCenter .grayLink { margin:15px 10px; padding:5px 10px; *padding-left:0; display:block; }
#contentMain { float:left; overflow:hidden; position:relative; }
.home #contentMain { padding-bottom:250px; }
#homeLeft, #homeCenter { width:329px; margin-right:1px; position:static; }
#homeLeft { padding:15px 0; float:left; }
#homeCenter { margin-left:330px; }
#homeLeft h2 a, .homeMore h3 a { color:#9A6531; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; }
#homeLeft h2, .homeMore h3 { margin-bottom:10px; }
#homeLeft div { margin-left:10px; margin-right:10px; }
#homeLead, .homeMore { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #000; }
#homeLead a img { display:block; margin-bottom:15px; }
#homeLead p, .homeMore p { margin-bottom:10px; }
.homeMore a img { display:block; float:left; margin-right:10px; } 
#homeMoreRecent { padding:0 !important; }
#homeMoreRecent h4 a { font-weight:normal; padding-left:10px; background:url(images/arrow_header.jpg) no-repeat left 5px; }
#homeMoreRecent h4 { border-bottom:1px dotted #000; padding:4px; } 
#homeCenter { padding-top:15px; background:url(images/home_center_bg.png) no-repeat right top; }
#homeCenter div { margin:0 10px 15px 10px; border-bottom:1px dotted #000; padding-bottom:5px;}
#homeCenter div.popularPosts { border-bottom:none; padding:0 !important; }
#homeCenter div p { margin:10px 0;}
#homeCenter h5 a { text-transform:uppercase; font-size:11px; display:block; background:url(images/arrow_country.jpg) right center no-repeat; }
#homeCenter h5 { margin-bottom:5px; }
#homeCenter h4 a { color:#9A6531; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; }
#homeCenterBg { height:15px; background:url(images/home_center_bg.png) no-repeat right top; }
#homeCenter ul li, #homeLeft ul li { border-bottom:1px dotted #000; padding:4px; }
#homeCenter ul li a, #homeLeft ul li a { font-weight:normal; padding-left:10px; background:url(images/arrow_header.jpg) no-repeat left 5px; }
#bottomLeft { position:absolute; bottom:0; left:0; margin:0 !important; _bottom:-300px; width:329px; }
#bottomCenter { position:absolute; bottom:0; right:0;  margin:0 !important; width:329px; padding:0 !important; }
#homeCenter #bottomCenter { border-bottom:none; }
#singleContent { width:629px; padding:20px 15px; margin-right:1px; float:left; background:url(images/home_center_bg.png) no-repeat right top #fff; position:relative; } 
#singleContent.subNews { width:659px; padding:20px 0; margin-right:1px; float:left; position:relative; } 
#singleContent h1, #singleContent h1 a, .author-name-title { color:#9A6531; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; margin-bottom:20px; }
#singleContent a { font-weight:normal; }
#contentHolder { margin-right:180px; margin-bottom:25px; margin-top:10px; position: relative; }
#contentHolder.single { margin-right:0; }
.relatedPosts ul li { border-bottom:1px dotted #000; padding:4px; }
.relatedPosts ul li a { font-weight:normal; padding-left:10px; background:url(images/arrow_header.jpg) no-repeat left 5px; }
#sidebar { float:right; background:#fff; width:300px; }
#sidebar > div { margin:0 10px 10px; }
#sidebar div.sidebarAd { margin:10px 0 0 0; height:250px; }
#sidebar div.sidebarAd div { margin:0 !important; }
#sidebar h3 { margin:10px 0 5px 0; }
#sidebarLinks ul li a, #sidebarPopularPosts ul li a, #sidebarLatest h4 a { font-weight:normal; padding-left:10px; background:url(images/arrow_header.jpg) no-repeat left 5px; display:block; }
#sidebarLinks ul li, #sidebarPopularPosts ul li, #sidebarLatest h4 { border-bottom:1px dotted #000; padding:4px; font-size:12px; } 
#sidebar .sidebarGrayLink { background:#e2e2e2; display:block; margin:15px 0; font-weight:normal; padding:5px 10px; font-size:12px; }
#sidebarPhotos { text-align:center; }
#sidebarPhotos h3 { text-align:left; }
#sidebarLatest .grayLink { background:#e2e2e2; display:block; margin:15px 0; font-weight:normal; padding:5px 10px; }
.sidebarImages { overflow:auto; }
a.sidebarGalleryImg { display:block; float:left; padding:4px; border:1px solid #ccc; margin:5px; }
a.sidebarGalleryImg:hover { border:1px solid #666; }
#cse-search-box { background:url(images/bg.jpg); padding:10px; text-align:center; }
#cse-search-box label.hidden { display:none; }
#cse-search-box input#s { width:180px; height:17px; }
#cse-search-box input#searchsubmit { width:70px; }
h2.searchHeader { color:#9A6531; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; margin-bottom:20px; }
.searchSpacing { margin-bottom:20px; }
h2#title404 { font-size:28px; margin:10px 0 20px 0; }
#footer { height:171px; background:url(images/footer_bg.jpg) repeat-x bottom; padding-left:15px; position:relative; }
#randomFooterLink { position:absolute; display:block; top:125px; left:373px; width:250px; font-size:11px; }
#footer div.footerColumn { display:block; float:left; width:110px; margin-right:15px; margin-left:0; padding-top:35px; }
#footer div.footerDoubleColumn { display:block; float:left; width:225px; margin-right:0; margin-left:10px; padding-top:35px; }
#footer div.footerDoubleColumn ul li { display:block; float:left; width:112px; border-bottom:none; }
#footer #footerLogo { float:right; }
p#copyright { font-size:11px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#000; margin:9px 0; }
#footer ul li a { line-height:25px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:normal; }
#footer ul li a#footerRSS { padding-left:18px; background:url(images/footer_rss.png) no-repeat left center; display:block; }
#footer .footerDoubleColumn ul li a { line-height:20px; }
#footer h4 a { font-family:Tahoma, Geneva, sans-serif; font-size:11px; }
#footer ul li a.footerStrong { font-weight:bold; }
#footer ul li, #footer h4 { border-bottom:1px dotted #999; }
#footer h4 { line-height:25px; }
#writeForWan a { display:block; background:url(images/write-for-wan.jpg) no-repeat center; margin-top:10px; height:157px; }
.sitemapCategory { margin-bottom:15px; }
.sitemapCategory h3 { font-size:16px; font-weight:bold; }
h2.sitemapHeader { color:#9A6531; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; margin-bottom:20px; }
ul.sitemapList { margin-bottom:5px; }
ul.sitemapList li { list-style-type:none; margin-left:10px; background:url(images/arrow_header.jpg) no-repeat left 5px; padding-left:10px; }
a.allPosts { margin-left:20px; font-size:10px; color:#999; }
a.allPosts:hover { color:#333; }

/* Socmed */
#socmedTop { font-size:11px; font-family:Tahoma, Geneva, sans-serif; width:110px; background:#fff url(images/sharewan.jpg) no-repeat top center; padding-top:20px; float:right; margin:0 0 10px 15px; z-index:100; }
#socmedTop ul { padding:5px 10px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:0; } 
#emailPrint { padding:5px 15px 5px 15px; border-right:1px solid #ccc; border-left:1px solid #ccc; }
#emailPrint #email, #emailPrint #print { width:64px; float:left; }
img.WP-PrintIcon, img.WP-EmailIcon { top:3px; position:relative; }
li#topTweetmeme iframe { height:6px; }
#socmedTop li { padding:5px 0 5px 24px; border-bottom:1px dotted #666; }
li#topReddit, li#bottomReddit { background:url(images/socmed/icon_reddit.jpg) no-repeat left center; }
li#topDigg, li#bottomDigg { background:url(images/socmed/icon_digg.jpg) no-repeat left center; }
#socmedTop li#topTweetmeme { padding-left:0; padding-bottom:0; }
/* #contentMain #singleContent #socmedTop li#topBuzz span a span[style] { padding-left:26px !important } */
li#topStumble, li#bottomStumble { background:url(images/socmed/icon_stumble.jpg) no-repeat left center; }
li#topFark, li#bottomFark { background:url(images/socmed/icon_farkit.gif) no-repeat left center; }
li#bottomFacebook { background:url(images/socmed/icon_facebook.png) no-repeat left center; margin-right:20px !important; }
li#bottomGbuzz { background:url(images/socmed/icon_gbuzz.png) no-repeat left center; }
#socmedTop li#topBuzz { border-bottom:none; padding-left:0; }
.new-socmed { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding:3px 0; margin:10px 0 20px 0; }
.new-socmed ul { overflow: hidden; margin: 0 !important; }
.new-socmed ul li { display:block; float:left; padding:0; margin:0 25px 0 0; max-width:100px; }
li#bottomTweetmeme iframe { height:16px; }
.new-socmed li#bottomFacebook, .new-socmed li#bottomTweetmeme { margin-right:0; }
.new-socmed li#bottomBuzz { padding:1px 0 0 0; }
.new-socmed li#bottomTweetmeme { padding:2px 20px 0 6px; }
#absolutePositionedHolder { position:relative; padding-top:8px;  }
#upNext { font-size:11px; font-family:Tahoma, Geneva, sans-serif; width:245px; background:#fff url(images/upnext.jpg) no-repeat top center; padding-top:17px; position:absolute; right:0; top:0; margin:11px 0 10px 15px; }
#upNextPadding { padding:9px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:url(images/playerlistbox.png) repeat-x; }
#upNextBg { height:269px; overflow-y:auto; overflow-x:hidden; background:#fff; border:1px solid #ccc; } 
#upNext img { float:left; margin-right:5px; }
.upNextSmallVideo { padding:3px; border-bottom:1px solid #ddd; }
.upNextSmallVideo a { font-size:12px; margin-right:5px; }
#contentHolder .vvqbox { margin:10px 0; }
#contentHolder.videos { height:300px; }
h3#commentsCount { font-size:28px; }
ol#commentsAll li { border:1px solid #ddd; margin-bottom:10px; padding:10px; font-size:11px; overflow-x:auto; overflow-y:auto; }
p.commentAuthor { font-size:12px; font-style:italic; }
p.commentAuthor cite { font-weight:bold; }
p.commentTime { font-size:12px; margin-bottom:10px; }
#commentform { border:1px solid #ddd; padding:10px; }
#commentform label { display:block; font-size:10px; }
p#commentsTags { font-size:10px; margin-bottom:10px; }
#commentform textarea { background:#f8f7f6; border:1px solid #d6d3d3; width:100%; }
#commentform textarea:hover { background:#F6F2E1; border:1px solid #d6d3d3; }
#commentform textarea:focus { background:#ffffff; border:1px solid #939793; }
#commentform #email, #commentform #author, #commentform #url { font-size:1.1em; background:#f8f7f6; border:1px solid #d6d3d3; width:280px; }
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover { font-size:1.1em; background:#ffffff; border:1px solid #d6d3d3; width:280px; }
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus { font-size:1.1em; background:#ffffff; border:1px solid #939793; width:280px; }
#commentform input{ margin-bottom:3px; }

/* Photos Category */
/* old styles for photos category
#photosWrapper { border-left:1px solid #e2e2e2; overflow:hidden; width:600px; margin:10px auto 0 auto; }
#photosPagination { background:#e2e2e2; padding:5px; overflow:hidden; height:15px; } 
.singlePhotoDiv { float:left; width:179px; padding:10px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; height:160px; background:url(images/photo_cat_bg.jpg) repeat-x bottom; }
p.photoRegion { height:15px; }
.singlePhotoDiv h3 { height:40px; }
.singlePhotoDiv h3 a { color:#9a6531; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
.singlePhotoDiv img { margin:0 auto; display:block; }
*/
#photosWrapper { width:600px; margin:10px auto 0 auto; }
.photosPagination { background:#e2e2e2; padding:5px; overflow:hidden; height:15px; } 
.thumbnails { overflow:auto; margin-bottom:5px; }
.mainImage { margin:10px 0 15px; text-align:center; }
.singlePhotoDiv { float:left; width:16.5%; }
.singlePhotoDiv a { margin:0 auto 5px; display:block; width:80px; border:1px solid #ccc; padding:3px; }
.singlePhotoDiv a:hover { border:1px solid #3391d9; }
.singlePhotoDiv a img { display:block; }
#lrgImage { max-width:600px; overflow:hidden; }
/* News Category */
#newsLead, .newsMore { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #000; }
#newsLead p { margin-bottom:10px; }
#newsLead a img { display:block; margin-bottom:15px; }
.newsMore a img { display:block; float:left; margin-right:10px; } 
#newsLead h2 a, .newsMore h3 a, .author-content h3 a { color:#9A6531; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; }
#newsLead h2, .newsMore h3 { margin-bottom:10px; }
.subCatNewsRow { overflow:hidden; background:url(images/content_bg.gif) repeat-y; }
.width50 { width:50%; float:left; height:230px; }
.width50.girls { height:190px; }
.width50.girls h3 a { font-size:18px; }
.width50.girls .newsMore { border-bottom:none; }
.width50.subCatNews .newsMore { border-bottom:none; }
.width50 .newsMore { margin:0 10px 15px; overflow:hidden; }
.navigation { font-size:13px; font-weight:bold; margin:10px; overflow:hidden; background:#e2e2e2; padding:5px; }
.navigationSingle { font-size:13px; font-weight:bold; margin:15px 0; background:#e2e2e2; overflow:auto; padding:5px; }
.navigationSingle div { width:45%; } 

/* In-post styles */
.post { position: relative; }
.post h2#postTitle { font-family: Georgia; font-size: 21px; font-weight: normal; color: #9a662f; text-decoration: none; margin-bottom:15px; }
.post p, .post ul, .post ol { margin-bottom:15px; }
.single ul li { list-style-type:disc; list-style-position:inside; margin-left:1.5em; }
.single ol li { list-style-type:decimal; list-style-position:inside; margin-left:1.5em; }
#store-images { overflow:auto; }
.single-store-image { float:left; width:170px; text-align:center; margin:19px; }
#store-images .single-store-image a { display:block; padding:10px 0; color:#000; }
#store-images .single-store-image a:hover { background:#000; color:#fff; }
/* IntenseDebate Fix */
#idc-container div {
position: static;
}

/* Authors page */
.author-box { overflow:hidden; margin-bottom:2em; padding-bottom:2em; border-bottom:1px dotted #ccc; }
.author-avatar { float:left; }
.author-content { margin-left:120px; }

/* Recommended posts */
.recommended-posts	{ overflow:hidden; margin-bottom:2em; }
.recommended-post	{ float:left; width:25%; }
.recommended-post .rec-image { width:140px; margin:0 auto 10px; display:block; border:1px solid #666666; }
.recommended-post h4 { width:140px; margin:0 auto; font-size:11px !important; font-weight:normal; }


/* InfoGraphic template */
.infographic-header { width: 960px; margin: 0 auto; padding-top: 20px; margin-bottom: 40px; text-align: center; }
.infographic-social { margin-bottom: 10px; }
.infographic-social li { display: inline; margin: 0 15px; }
textarea.embed { font-size: 12px; }
#inf-logo { margin-bottom: 20px; }
.infographic-content { text-align: center; }
.infographic-embed { font-size: 11px; line-height: 15px; width: 500px; overflow: auto; margin: 0 0 20px; border: 1px solid rgba(0,0,0,0.5); padding: 2px; }
.embed-heading { font-size: 18px; margin: 0 0 5px; font-weight: bold; color: #444; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }
.infographic-image { max-width: 1200px; }