/*  
Theme Name: China Digital Times-English
Description: Developed exclusively for the UC Berkeley Graduate School of Journalism. All rights reserved (NO COPYING!)
Version: 1.0
Author: Patrick Beeson
Author URI: http://patrickbeeson.com
*/


/* Start orig reset.css. Resets all browsers' inherit CSS */
/* Credit: Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote {
	margin: 10px 30px 10px 30px;
	background-color: #f4f4f4;

	padding: 10px 10px 3px 10px;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*Start orig. base.css*/

/* Base.css */
/* Last updated: 7/28/07 */

/* Global */
html {
text-align: center;
}

body {
margin: 0 auto;
text-align: left;
width: 994px;
background: #e0e4e6 url(images/bg.gif) repeat-y top center;
font-family: "Arial", sans-serif;
line-height: 18px;
position: relative;
}

a {
text-decoration: none;
}

/* Branding */
#branding {
background: #749755 url(images/branding.gif) no-repeat top center;
height: 70px;
border-bottom: 3px solid #fff;
position: relative;
}

#branding a {
position: absolute;
width: 665px;
height: 70px;
text-indent: -9999px;
}

#branding h1 a {
top: 0;
left: 165px;
}

#branding h1 {
background: url(images/logo.gif) no-repeat left;
height: 70px;
}

#site-lang {
position:relative;
float:right;
left:-10px;
top:-30px;
color: white;
}
#site-lang a, #site-lang a:visited{
color: white;
}


/* Search and date */
#search_bar {
background: #85959f;
position: relative;
border-bottom: 3px solid #fff;
padding: 5px 15px;
color: #fff;
}

#current_date {
font-size: 10px;
font-family: "Helvetica", sans-serif;
padding-top: 3px;
}

#search_form {
position: absolute;
right: 15px;
bottom: 4px;
}

#search {
margin-right: 5px;
}

/* Navigation */
#navigation a.here {
background: url(images/nav_active_div.gif) no-repeat top left;
}

#navigation {
background: #223e56;
float: left;
width: 100%;
}

#navigation a {
color: #fff;
font-size: 12px;
}

#nav, #nav ul {
float: left;
text-align: center;
}

#nav a {
display: block;
padding: 5px 10px;
line-height: 25px;
color: #fff;
width: 115px;
background: url(images/nav_div.gif) no-repeat right;
}

#nav li {
float: left;
}

#nav li ul {
position: absolute;
z-index: 1000;
width: 135px;
left: -999em;
background: #223e56;
opacity: 0.9;
filter: alpha(opacity=90);
}

#nav li ul ul {
margin: -35px 0 0 135px; 
}

#nav a:hover {
background: #788b91 url(images/nav_div.gif) no-repeat right;
}

#nav li a:hover {
background: url(images/nav_down_div.gif) repeat-x left;
}

#nav li ul a:hover {
background: #788b91;
}

#nav li ul a {
background: none;
}

#nav li ul li {
border-bottom: 1px dotted #788b91;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
left: auto;
}

/* Content */
#content {
width: 100%;
clear: both;
position: relative;
}

#content_main {
width: 650px;
float: right;
position: relative;
right: 200px;
}


#content_secondary {
width: 180px;
float: right;
position: relative;
left: 643px;
padding-top: 5px;
}

#content_external {
width: 130px;
float: left;
margin-left: 8px;
padding-top: 5px;
}

/* Main content */
#content_main a:hover {
text-decoration: underline;
}

#content_main h2{
text-indent:10px;
font-family: "Helvetica", sans-serif;
font-size: 20px;
line-height: 20px;
font-weight: bold;
margin-top:5px;
}

#content_main h1, #content_main h3 {
font-family: "Helvetica", sans-serif;
font-size: 24px;
line-height: 24px;
font-weight: bold;
}

#content_main li h3 a {
color: #233e54;
}

#content_main p a, #content_main li a {
color: #003399;
}

.read_more {
padding-left: 5px;
font-size: 0.8em;
margin-top:6px;
}

/* Featured story */
#featured_story {
margin: 0 10px 0 0px;
float: right;
width: 305px;
padding-bottom: 15px;
}

#featured_story h3 a {
color: #233e54;
}

#featured_story h5 a {
color: #233e54;
}

#featured_story h3 a:hover {
text-decoration: none;
}

#featured_story h5 a:hover {
text-decoration: none;
}

#featured_story:hover {
background: #eff4ec;
}

#featured_story p, div.imagecaption {
font-size: 14px;
color: #666;
}

#featured_story .byline {
font-size: 13px;
margin: 10px 0;
}

#featured_story ul {
margin-top: 10px;
}

#featured_story ul li {
font-size: 11px;
margin: 0;
padding: 0;
line-height: 15px;
color: #999;
}

/* Latest stories */
#latest_stories {
clear: both;
}

#latest_stories li:hover {
background: #eff4ec;
}

#latest_stories li {
width: 305px;
float: left;
margin-left: 15px;
border-top: 1px dotted #000;
padding-top: 15px;
padding-bottom: 10px;
}

#latest_stories h3 {
font-size: 15px;
line-height: 19px;
font-weight: bold;
/*width: 215px;*/
}

#latest_stories h3 a:hover {
text-decoration: none;
}

#latest_stories p {
color: #666;
font-size: 13px;
margin-top: 10px;
}

#latest_stories .byline {
font-size: 12px;
margin: 10px 0;
clear: both;
}

#latest_stories li ul {
margin-top: 10px;
color: #999;
}

#latest_stories li ul li {
border: none;
font-size: 11px;
margin: 0;
padding: 0;
line-height: 15px;
}

.story_photo {
float: right;
}

/* Top image */
#topimage {
margin-left: 15px;
float: left;
width: 305px;
}

#topimage p {
font-size: 13px;
color: #666;
}

#topimage p a {
color: #003399;
}

#topimage ul {
margin-top: 10px;
}

#topimage ul li {
float: left;
font-size: 12px;
font-family: "Helvetica", sans-serif;
padding-right: 2px;
}

#topimage ul li a {
color: #fff;
display: block;
background: #223e56;
padding: 1px 10px;
}

#topimage ul li a:hover {
background: #a2b3bd;
color: #000;
text-decoration: none;
}

/* Secondary content */
#content_secondary h2 {
font-weight: bold;
font-size: 10px;
}

#highlights, #recent_comments, #headlinefeeds, #moreaboutchina, #tags, #slideshow, #resources, #bookshelf, #most_commented, #most_viewed, #archives {
border-bottom: 1px dotted #000;
padding-bottom: 5px;
margin-bottom: 5px;
}

#highlights .read_more, #headlinefeeds, #moreaboutchina {
font-size: 12px;
}

#highlights a, #recent_comments a, #headlinefeeds a, #moreaboutchina a, #most_commented a, #most_viewed a {
color: #003399;
}

#highlights a:hover, #recent_comments a:hover, #moreaboutchina a:hover, #most_commented a:hover, #most_viewed a:hover {
background: #eff4ec;
}

#highlights li, #recent_comments li, #headlinefeeds li, #moreaboutchina li, #most_commented li, #most_viewed li {
font-family: "Helvetica", "Arial", sans-serif;
font-size: 12px;
line-height: 12px;
padding-bottom: 10px;
}

#highlights ul, #recent_comments ul, #headlinefeeds ul, #moreaboutchina ul, #most_commented ul, #most_viewed ul {
margin-top: 5px;
}

.sidebar_oneline {
	font-size: 12px;
	margin-top:5px;
	text-align:center;
}



#recent_comments h2 a {
background: url(images/arrow_right.gif) no-repeat right;
color: #000;
padding-right: 75px;
}

#most_commented h2 a {
background: url(images/arrow_right.gif) no-repeat right;
color: #000;
padding-right: 75px;
}

#most_viewed h2 a {
background: url(images/arrow_right.gif) no-repeat right;
color: #000;
padding-right: 75px;
}

#tags a {
color: #003399;
}

#tag_options {
margin-top: 5px;
}

#tag_options li {
font-size: 12px;
display: inline;
}

#tag_options li a {
padding: 6px 6px 7px 6px;
font-size: 12px;
}

#tag_options li a:hover {
color: #000;
background: #b0c2a0;
}

.active a {
color: #000;
background: #b0c2a0;
}

#ten_tags, #hundred_tags, #cdt_tags {
font-size: 12px;
background: #b0c2a0;
width: 176px;
padding-top:5px;
padding-left:10px;
}

.taglist {
padding-bottom: 5px;
}

.taglist li {
padding-left: 10px;
}

.view_options {
text-align: right;
color: #003399;
margin: 5px 5px 10px 0;
font-size: 10px;
}

.view_options li {
display: inline;
}

.view_options li a {
text-decoration: underline;
}

.taglist a:hover {
background: #eff4ec;
}

.hide {
display: none;
}

.show {
display: block;
}

/* External content */
#content_external h2 {
font-weight: bold;
font-size: 10px;
}

#subscribe {
border-bottom: 1px dotted #000;
padding-bottom: 10px;
}

#email_subscribe {
width: 127px;
}

#email_submit {
float: right;
margin-top: 5px;
}

#multimedia {
padding: 5px 0;
border-bottom: 1px dotted #000;
}

#multimedia ul {
padding-top: 5px;
padding-left: 10px;
}

#multimedia ul li {
display: inline;
}

#resources, #more_china {
border-bottom: 1px dotted #000;
padding: 5px 0;
}

#resources ul li {
display: inline;
}

#resources img {
padding-bottom: 5px;
}

#headline_feeds, #more_china {
border-bottom: 1px dotted #000;
padding: 5px 0;
}

#headline_feeds h2 a {
color: #000;
background: url(images/arrow_right.gif) no-repeat right;
padding-right: 40px;
}

#more_china h2 a {
color: #000;
background: url(images/arrow_right.gif) no-repeat right;
padding-right: 25px;
}

#bookshelf a {
color: #003399;
}

#bookshelf h3 {
font-family: "Helvetica", "Arial", sans-serif;
font-size: 12px;
position: relative;
top: 200px;
}

#bookshelf li {
margin-top: -30px;
margin-bottom: 45px;
}

/* Story/entry detail */
#story, #related_articles, #post_comment, #comments {
width: 615px;
margin-left: 22px;
margin-top: 10px;
}

#post_comment, #comments {
background: #f3f4f5;
}

li.comment p {
  padding-top:10px;
}

#related_articles h3, #post_comment h3, #comments h3{
background: #85959f;
color: #fff;
font-size: 13px;
padding-left: 10px;
}

.story_template #story h2 {
text-indent: 0;
font-size: 20px;
color: #233e54;
}

.story_template #story h3 a {
font-size: 20px;
color: #233e54;
font-weight: normal;
}

.story_template p.byline {
margin-top: 20px;
font-size: 13px;
}

#story p {
font-size: 13px;
color: #666;
margin-bottom: 15px;
}

.story_meta {
font-size: 11px;
margin: 0;
padding: 0;
line-height: 15px;
color: #999;
}

#vote {
float: right;
width: 60px;
text-align: center;
}

span#vote_number {
display: block;
padding-top: 10px;
font-size: 20px;
}

p#vote_count {
background: #c4cbd0;
color: #223e56;
margin-bottom: 0;
padding-bottom: 10px;
}

p#vote_button {
background: #223e56;
color: #fff;
padding: 10px 0;
margin-bottom: 0;
}

p#vote_button a {
color: #fff;
}

#related_articles .pub_date {
font-weight: bold;
}

#related_articles {
font-size: 12px;
}

#related_articles ul {
margin-top: 10px;
}

#related_articles a {
color: #003399;
}

#comments {
font-size: 12px;
}

#comments ul {
margin: 10px 10px;
}

#comments .comment_meta {
font-size: 11px;
color: #666;
padding: 10px 0;
}

#post_comment {
margin-bottom: 15px;
font-weight: bold;
font-size: 13px;
}

#post_comment input:focus, #post_comment textarea:focus {
background: #ffc;
}

input[type="text"], textarea {
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#comment_author_meta {
width: 180px;
float: left;
margin: 10px;
}

input#URL {
margin-bottom: 10px;
width: 180px;
}

#text_area {
float: right;
margin: 10px;
}

#submit_input {
clear: both;
text-align: right;
margin: 10px;
}

/* Section/Category */
.section_template #tagsused {
margin-left: 15px;
background: #c8d4bc;
font-size: 12px;
width: 617px;
padding: 5px;
}

#tagsused p {
float: left;
margin-right: 5px;
}

#tagsused li {
display: inline;
padding-right: 2px;
}

.section_template #latest_stories li {
width: 627px;
border-top: none;
border-bottom: 1px dotted #000;
}

.section_template #latest_stories li li {
border-bottom: none;
}

.section_template #latest_stories h3 {
width: 500px;
}

.section_template #latest_stories .byline {
padding-bottom: 10px;
margin: 0;
}

.section_template #latest_stories p {
clear: left;
}

.section_template #content_main h2 {
text-indent: 0;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 15px;
font-weight: bold;
}

.section_template #latest_stories img {
padding: 4px;
}

/* Site information */
#site_info {
clear: both;
background: #85959f;
color: #fff;
font-size: 12px;
font-family: "Helvetica","Arial",sans-serif;
text-align: center;
padding: 7px 0;
border-bottom: 3px solid #fff;
}

#site_info a {
color: #003399;
}



/*shacker's additions to  original styles*/

/*Previous/next navigation in footer*/
#prev_next {
clear: both;
background: #CCC;
color: #fff;
font-size: 12px;
font-family: "Helvetica","Arial",sans-serif;
text-align: center;
padding: 4px 0;
border-bottom: 1px solid #fff;
}

#prev_next a {
color: #003399;
}



/*Section headers on cat/tag pages*/
h2.uc {
  padding-top:10px;
}


/*Listing of stories on author pages*/
ul#storylist li {
  font-size:0.8em;
  margin-bottom:5px;
}

/*Uppercase any included text*/
.uc {
  text-transform:uppercase;
}


h4 {
  color: #233E54;
  font-weight:bold;
  margin-top:15px;
}

/* Prev/more links */
.alignleft {
  float:left;
/*  height:100px;*/
}

.alignright {
  float:right;
/*  height:100px;*/
}



/*Override layout list style for when you really do want a list*/
ul.uselist {
	list-style-type: disc;
	margin-left:10px;
	font-size: 13px;  
	color:#666666;  
}

ul.uselist li {
	margin-bottom:10px;
}

ul#weekdays {
	margin-bottom:35px;
}


/*Devigal changes to create  a more grid-like layout for  homepage*/

#latest_stories ul li {
	width: 305px;
	float: left;
	margin-left: 15px;
	border-top: 1px dotted #000;
	padding-top: 15px;
	padding-bottom: 10px;
}

.row {
	clear: both;
}

#latest_stories ul li ul {
	margin-top: 10px;
	color: #999;
}

#latest_stories ul li ul li {
	border: none;
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 15px;
}

/*Flexible Upload styles */
.imageframe { margin: 10px; padding: 5px; border: 1px solid #aaa; }
.imgalignleft { margin: 0px 10px 3px 10px; padding: 5px; border: 1px solid #aaa; float: left; }
.imgalignright { float: right; }
.imgaligncenter { margin-left: auto; margin-right: auto; }

/*Evri styles*/
/*
a.evri-widget-invocation-point {
  scroll 400px 2px;
  border:1px solid;
  display:block;
  height:40px;
  line-height:40px;
  margin:0 auto 15px;
  text-indent:20px;
  width:480px;
}
a.evri-widget-launcher:hover {
  border-color:#000000;
  color:#000000;
}
*/

/*SimpleTags cloud styles - */

/*div.st-tag-cloud a {
	margin-top:50px;
	padding-top:50px;
	color:#000000;
}*/

/* Hide the link back to the Google Reader reference page */
div.f{
visibility: hidden
} 

.reader-publisher-module {

}
.reader-publisher-module li {
margin: 10px;
}

/* Syndication_permalink to the feed source */
#syndication_permalink {
float: right;
padding: 10px 30px;
margin: 10px;
background: #749755;
color: white;
font-weight: bold;
font-size: 24px;
border: 1px solid green;
}
#syndication_permalink a {
color: white;
text-decoration: none;
}

#archives {
font-size: 14px;
text-align: center;
margin: 20px;
}
#archives a {
text-decoration: underline;
margin: 5px;
}