/* CSS Document */

body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0px;
        text-align: center; 
        }
table td {border: 0px; margin: 0px; padding: 0px;}
table {border: 0px;}
        #TopperAd {
                text-align: center; 
                background-color: #FFFFFF; 
                border-bottom: 0px; 
                margin: 2px auto;
                width: 970px;
                }
        #ThinWrap {
                border-left: 1px solid #CCCCCC; 
                border-top: 1px solid #CCCCCC;
                background-color: #FFFFFF; 
                margin: 0 auto;
                padding-bottom: 0px; 
                text-align: left;
                width: 970px;
                }
        .contentTable {
                width: 100%;
                }
        .contentTable td {
                vertical-align: top;
                background-color: #FFFFFF;
                }
        #Header td {
                background-color: #E3DFDF;
                }
/* Table cells: Row 1: featuresCell, videoCell; Row 2: entriesCell, bigAdCell */

        #featuresCell {
                margin: 0px;
                background-color: #E3DFDF;
                border: 0px;
                border-right: 1px solid #AAAAAA;
                border-bottom: 1px solid #AAAAAA;
                }
        #featuresCell td, #featuresBox td {
                background-color: #E3DFDF;
                }
        #featuresBox {
                border: 0px;
                padding: 0px 0px 0px 4px;
                margin-bottom: 5px;
                }
        #videoCell {
                width: 302px;
                margin: 0px;
                padding-top: 10px;
                padding-left: 10px;
                background-color: #FFFFFF;
                }
        .tvwrap {position: relative; width: 302px;}
        #entriesCell {
                }
        #bigAdCell {
                width: 302px;
                padding-left: 10px;
                }
        .adboxclass{
                background-color: #F0F0FF;
                width: 300px;
                height: 250px;
                border: 1px solid #CCCCCC;
                margin-top: 10px;
                }
        #navCell {
/*                width: 160px; */
                margin: 0px;
                padding-right: 5px;
                }
        #Footer {
                font-size: 10px; 
                font-weight: bold; 
                clear:both; 
                padding: 15px; 
                background-color: #FFFFFF; 
                border-top: 5px solid #B50808;
                }
.blackBar {
        background-color: #333333;
        font-size: 9px; 
        line-height: 20px; 
        padding-left: 7px; 
        padding-right: 11px; 
        text-transform: lowercase;
        height: 20px;
        }

/* ========= Drop Down Menu Code ====== */
/**** Adapted from http://www.reallifecomics.com ****/

#navmenu {
        margin: 0 auto;
        padding: 0px;
        list-style: none;
        z-index: 5;
        float: left;
        position: relative;
}
#navmenu ul {
        margin: 0;
        padding: 0;
        text-align: left;
        list-style: none;
        list-style-position: inside;
        }

.navmenu1 {width: 4em;}
.navmenu2 {width: 6em;}
.navmenu3 {width: 7.4em;}
.navmenu4 {width: 6.5em;}
.navmenu4a {width: 6.5em;}
.navmenu5 {width: 4em;}
.navmenu6 {width: 8.5em;}

#navmenu a, #navmenu a:link { color: #CCC; text-decoration: none;}
#navmenu a:active { color: #00f; }
#navmenu a:visited { color: #CCC;}

        /* first-level items */
        #navmenu li {
                float: left;
                margin: 0;
                padding: 0;
                background-color: inherit;
                z-index: 10;
        }
        #navmenu li:hover, #navmenu li.sfhover {
                background-color: #666;
                }
        #navmenu a {
                display: block;
                text-align: center;
                padding: 0;
                margin: 0;
                }
        
        /* second-level items */
        #navmenu li ul {
                position: absolute;
                background: url(/menubg.png) #999999;
                padding: 5px 7px 7px 7px;
                margin: 0;
                height: auto;
                display: none;
                }
        #navmenu li:hover ul, #navmenu li.sfhover ul {
                display: inline;
                }
        #navmenu li ul li {
                float: none;
                display: inline;
                height: auto;
                }
        #navmenu li li a {
                padding: 0;
                text-align: left;
                line-height: 13px;
                width: 100%;
                height: auto;
                white-space: nowrap;
                background-image: none;
                }
        #navmenu li li a:link {color: #000000;}
        #navmenu li li a:visited {color: #000000;}
        #navmenu li li a:hover { color: #B7CCF0; }

/* Category listings on individual archive pages */
.IndiCat {padding: 2px; background-color: #F9F9F9; margin-top: 2px; font-size: 11px; border: 1px solid #999999;}
.IndiCat a:link {color: #666666; text-decoration:none; }
.IndiCat a:active {color: #666666; text-decoration:none; }
.IndiCat a:visited {color: #666666; text-decoration:none; }
.IndiCat a:hover {color: #0099CC; text-decoration:none; }

/* Entry Stuff */

.Entry {
	border-bottom: 1px #CCCCCC solid; 
	margin: 0px; 
	padding: 0px 75px 15px 25px; 
	line-height: 18px; 
	color: #000000; 
	margin-bottom: 10px;
	}

.IndEntry {
	border: 0px; 
	margin: 0px; 
	padding: 15px 75px 0px 25px; 
	line-height: 18px; 
	color:#000000; 
	margin-bottom: 10px;
	}

.Titler  {
margin:0px;  
padding: 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666; 
font-weight:normal;
} 

.CatLine {font-size:10px; color: #999999; text-transform:uppercase;}
.CatLine a:link  {font-size:10px; color: #999999; text-transform:uppercase; text-decoration: none;}
.CatLine a:active {font-size:10px; color: #999999; text-transform:uppercase;  text-decoration: none;}
.CatLine a:visited {font-size:10px; color: #999999; text-transform:uppercase;  text-decoration: none;}
.CatLine a:hover {font-size:10px; color: #0099CC; text-transform:uppercase;  text-decoration: none;}

.ByLine {font-size:10px; color: #999999;}
.ByLine a:link {text-decoration: none; }

.EntryText {margin-top: 15px; margin-bottom: 10px;}

.Individual {font-size: 16px;}

.EntryFooter {font-size:10px; color:#666666; border-bottom: 1px dotted #cccccc; margin-bottom: 0px; margin-top: 20px; width: 100%; clear: both; }
.EntryFooter a:link { text-decoration: none; color: #666666;} 
.EntryFooter a:active{ text-decoration: none; color: #666666;} 
.EntryFooter a:visited{ text-decoration: none; color: #666666;} 
.EntryFooter a:hover{ text-decoration: none; color: #0099CC;} 

.EntryFooter2 {font-size:10px; color:#666666;  margin-bottom: 5px; margin-top: 20px;}
.EntryFooter2 a:link { text-decoration: none; color: #666666;} 
.EntryFooter2 a:active{ text-decoration: none; color: #666666;} 
.EntryFooter2 a:visited{ text-decoration: none; color: #666666;} 
.EntryFooter2 a:hover{ text-decoration: none; color: #0099CC;} 

.Comment {margin-top:10px; 
     margin-bottom: 10px; 
     padding-left: 10px; 
     padding-right: 10px; 
     border: 1px dotted #999999; 
     overflow:hidden; 
/*     width: 100%; */}
.CommentNos {clear: both; 
     padding-bottom: 10px; 
     padding-top: 2px; 
     margin-top: 10px; 
/*     border-top: 1px dotted #333333; */}

h1 {
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	}

h1 a:link { color: #333333; text-decoration: none;}
h1 a:visited  { color: #333333; text-decoration: none;}
h1 a:active { color: #333333; text-decoration: none;}
h1 a:hover  { color: #0099CC; text-decoration: none;}


/* H2 - post titles */
h2 {
color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding: 0px; margin:0px;
}

h2 a:link { text-decoration:none; color:#333333;}
h2 a:active { text-decoration:none; color:#333333;}
h2 a:visited { text-decoration:none; color:#333333;}
h2 a:hover { text-decoration:none; color:#333333;}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding: 0px; margin:0px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}
.style3 {
	font-size: 9px;
	color: #BE1817;
	font-weight: bold;
	}

/* Images and Captions */

img {border: 0px;}
.EntryText img, #featuresBox img {border: 1px solid #000000; }
.noborder {border: 0px;}
.imgleft {float:left; margin-right: 5px; padding-bottom: 1px; padding-top: 3px; }
.imgright {float: right; margin-left: 5px; padding-top: 3px; padding-bottom: 1px; }
.imgblock {padding-top: 3px; padding-bottom: 1px; margin-right: 5px; }
.CaptionStyle {font-size: 7pt; font-weight: bold; line-height: 11px; clear: both; padding: 1px 2px 2px 0px; margin-bottom: 2px; background: #FFF;}
.caption {font-size: 7pt; font-weight: bold; line-height: 11px;}
.essayTitle {text-align: center; padding-top: 10px;}

.LinksAndSourcesHeader, .lshead {font-weight: bold; clear: both; width: 100%; }
.LinksAndSourcesText ul, .lstext ul {list-style-type: disc; }

a:link { color: #006699;}
a:active { color: #006699;}
a:visited { color: #006699;}
a:hover { color: #0099CC;}

#MainDate {
color:#999999; font-size:10px; line-height: 17px; margin-bottom: 10px; padding: 5px;
}

.InputField {width: 88px; font-size:10px; color:#666666;}

.InputButton {font-size: 10px;}

#Beta {position:relative; display: inline;}

#DarkGreyMenu {background-color:#E3DFDF; padding-top: 10px; padding-bottom: 10px;}

.MenuItem {color:#333333; font-family: Arial; font-weight: bold; font-size:11px; border-bottom: 1px solid #333333; margin-left: 5px; line-height: 19px;}

.MenuItem a:link { text-decoration:none; color: #333333;}
.MenuItem a:active { text-decoration:none; color: #333333;}
.MenuItem a:visited { text-decoration:none; color: #333333;}
.MenuItem a:hover { text-decoration:none; color: #0099CC;}

#LightGreyMenu {background-color: #F4F4F4; padding-top: 5px; padding-bottom: 5px;}

#MainSearch { padding: 6px; margin:0px;}


/* == New Menu Styles == */

.ArchiveItem {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size:11px; 
	margin-left: 15px; 
	line-height: 21px; 
	margin-top: 5px;
	}

/* Left */
.HighlightsMenu {padding: 1px; /* border: 1px dotted #666666;*/ margin-left: 2px; margin-top: 10px;}
.HighlightsTitle {color: #660000; text-transform: uppercase; font-size: 9px; font-weight: bold; border-bottom: 1px solid; margin-bottom: 2px; padding-top: 10px;}
.HighlightsMenuItem {font-size: 11px; text-indent: -11px; margin-left: 11px; clear: both;}
/* .HighlightsMenuItem:before {font-size: 9px; color: #BE1817; font-weight: bold; content: "+ "} */
.HighlightsMore {text-transform: uppercase; font-size: 7px; text-align: right; font-weight: bold; clear: left;margin-top: 3px;}
.HighlightsMore a:link {text-decoration: none; color: #444444;}
.HighlightsMore a:active {text-decoration: none; color: #444444;}
.HighlightsMore a:visited {text-decoration: none; color: #444444;}
.HighlightsMore a:hover {text-decoration: none; color: #0099CC;}
.HighlightsMenu a:link { text-decoration:none; color: #222222;}
.HighlightsMenu a:active { text-decoration:none; color: #222222;}
.HighlightsMenu a:visited { text-decoration:none; color: #222222;}
.HighlightsMenu a:hover { text-decoration:none; color: #0099CC;}

blockquote { 
     margin: 0px 10px 10px 10px; 
     padding: 0px 5px;
     font-style: normal; 
     background-color: #FFFFFF; 
     border: dotted 1px #999999; 
     }
blockquote p {margin-top: 0px;}

/* Right */
.RightHighlights {padding: 1px; /* border: 1px solid #FFAAAA; */ margin-left: 2px; margin-top: 10px; clear: both; padding-right: 5px;}
.BorderlessBox {border: 0px; padding: 1px; margin: 1px; margin-left: 2px; margin-top: 5px; clear: both;}
.RightTitle {color:#333333; text-transform:uppercase; font-size: 11px;  padding-left: 5px; }
.RightText {font-size: 11px; margin-left: 11px; text-indent: -11px;}
.RightText a:link { text-decoration: none; color:#444444;}
.RightText a:active { text-decoration: none; color:#444444;}
.RightText a:visited { text-decoration: none; color:#444444;}
.RightText a:hover { text-decoration: none; color:#0099CC;}

.RightColAd {margin-top: 10px; line-height: 17px; color:#999999; margin-bottom: 10px; border-top: 1px solid #CCCCCC; font-size: 9px; text-transform:lowercase; border-bottom: 1px solid #CCCCCC;  clear: none; background-color:#F9F9F9; padding: 3px;}

form {margin: 0px; padding: 0px;}

.IndGoogleRight {background-color: #F9F9F9; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 10px;  margin-top: 10px; margin-bottom: 10px; }

.UnderAd {margin-top: 5px; border: 1px dotted #cccccc; padding: 2px; margin-left: 10px; width: 468px;}
.CommentAd {margin-top: 10px; border: 1px dotted #cccccc; padding: 2px; margin-left: 10px; width: 336px; clear: both;}
.ArticleArchive .UnderAd {margin-left: 0px;}
.ArticleArchive .CommentAd {margin-left: 0px;}

.AddComment{ font-size: 11px;} 

table.smallTable td {font-size: 10px; vertical-align: top; line-height: 12px;}

/* Front Page Video Player */
#DTVbox {padding-top: 10px;}
#playerTD {visibility: hidden; display: none; text-align: center; background-color: #E3DFDF;}
#playerYT {visibility: hidden; display: none; text-align: center; background-color: #E3DFDF;}
#player {text-align: center; font-size: 11px;}
#player p {padding: 0px; margin: 0px; text-align: left;}

.sectionTitle {font-size: 12px; text-transform: uppercase; text-align: left; font-weight: bold; color: #333333; }

#DTVad {float: left;}
.tvTitle {margin-left: 4px; padding: 0px; font-size: 11px;}
.tvTitle a {color: #666666; text-decoration: none;}

/* Features Box */
#featuresBox p {font-size: 12px; margin: 0px 0 3px 0;}
#featuresBox h2 {font-size: 12px; font-weight: bold; margin-bottom: 5px;}
#featuresBox h2 a {color: #660000; text-decoration: none;}
#featuresBox table {border: 0px; width: 100%;}
#featuresBox caption {caption-side: top; text-align: left;}
#featuresBox a {color: #666666; text-decoration: none;}
#featuresBox a:hover {color: #0099CC; text-decoration: none;}
#featuresBox td {padding-top: 7px;}
.ByLine {margin-top: 7px;}
.alsoColumn {width: 200px; vertical-align: top; padding: 2px;}
.alsoList { padding-left: 14px; }
.alsoTitle {font-weight: bold; margin-bottom: 0px;}
.alsoItem {margin-left: 11px; text-indent: -11px; margin-bottom: 3px;}
.luridHed {border-bottom: 1px dotted #000000; text-align: center; font-size: 18px; text-transform: uppercase; padding-top: 0px;}
.luridHed u {text-decoration: none; color: #F00000;}

#placeholder a {font-size: 14px; font-weight: bold; color: #E3DFDF; text-decoration: none;}
#placeholder a:hover {color: #000000; }
#placeholder {height: 232px; background-color: #E3DFDF; border: 1px solid #333333;}
/* .bartitle {padding-bottom: 4px;} */
.bartitle a {font-size: 13px; font-weight: bold; text-decoration: none; color: #333333;}
.bartitle a:hover {color: #CCCCCC;}

/* About page table styles */
#aboutTable p {padding-top: 3px; margin-top: 0px; padding-bottom: 15px;}

/* acronym and pinyin titles */
acronym:hover {background: yellow; cursor: help;}
.pinyin {border-bottom: 1px dotted;}
.pinyin:hover {background: yellow; cursor: help;}

/* survey */
.surveybox {
	margin: 10px 0px 10px 5px; 
	padding: 4px 2px; 
	width: 200px; 
/*	height: 80px; */
	float: right; 
	border: double 3px #000; 
	background: #BE1817; 
	font-size: 16px; 
	font-weight: bold; 
	font-variant: small-caps; 
	text-align: center; 
	color: #FFF;
	}
.surveybox a {text-decoration: none; color: #999;}
.surveybox a:hover {color: #FFF;}

/* for the inline list of tags and categories */
.inline-list p {display: inline; font-size: 11px; }
.inline-list ul, .inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #339;
	font-size: 11px;
	}
.inline-list ul a {text-decoration: none; }
.entry-tags-header {display: block; font-weight: bold; font-variant: smallcaps; }
.entry-tags {clear: both !important; }

#comment-text {width: 400px !important; }

.correction {border-bottom: 1px solid #D7E1FF;}

/* .AddComment {display: none;} */

#partnerbox { margin-top: 10px; border: 1px dotted #CCCCCC; }