/*
THEME NAME: Centre for Chinese Studies
DESCRIPTION: Based on the Sandbox theme templates.
VERSION: 1
AUTHOR: John Philip
AUTHOR URI: <a href="http://www.johnphilip.co.za/">http://www.johnphilip.co.za</a>
TEMPLATE: sandbox
*/
/* 
-------------------------------------------------------------- 
Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }/* Tables still need 'cellspacing="0"' in the markup. */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font-size: 75%; color: #222; background: #fff; font-family: Arial, Helvetica, sans-serif; }
hr { border-bottom: 1px solid #D2DFE3; height: 1px; border-top-style: none; border-right-style: none; border-left-style: none; }
.MsoNormal, .MsoNormal span { color: #000; background: #000; border: 10px solid #000; }





/*
-------------------------------------------------------------- 
Two-column fixed layout with one sidebars left of content
-------------------------------------------------------------- */
body { text-align: center; min-width: 960px; background-color:#F5F6F6;}
div#wrapper { text-align: left; width: 960px; margin-left: auto; margin-right: auto; }
div#container { float:left; width:100%; clear: left; }
div#content { margin:0px; padding:10px 0px; width: 660px; float:left; }
div.entry-content { overflow:hidden; }
div#footer { clear:left; width:100%; }

.page-template-home-page-php .p1 h2,
.entry-title { margin-top:15px;}

.page-template-home-page-php .category-title { margin:-15px -15px 0px -15px; padding: 0 0 20px 0;}



/* 
Header
-------------------------------------------------------------- */

#header-logo a,
#header-img a{line-height:0px; font-size:1px;}

#header-logo img { width:280px; height:80px;}
#header-img img { width:100%; height:205px; }
#header-logo {  background: url(images/ccs-logo-header.gif) no-repeat left top; }



/*--------outer-box--------*/
.box-outer,
div.sidebar ul { border: 4px solid #FFF; margin: 0 0 5px 0;}

/*--------inner-box--------*/
div.sidebar ul ul,
.box-inner { background-color:#FFF; padding:25px; margin:5px; color:#333; }
/*title*/
.box-inner .entry-title { padding:10px; margin:-25px -25px 20px; clear:both; border-bottom: 1px dotted #DFDFDF; }
.box-inner .entry-title p { margin:0px;}
.box-inner h4 a.title { color:#BF001C;}
.box-inner .entry-title a { color:#be2127;}
.box-inner .entry-title a:hover { color:#000;}
/*date*/
.box-inner .entry-date { text-align:right; font-size:0.9em; margin:3px -22px 10px -22px; padding:0 5px 0 0; background: #fbfbfb; color: #919191; }

/*--------sidebar--------*/
div.sidebar {width:280px; float:right; margin-top:24px;}
div.sidebar .box-inner { padding:10px;}/*reset padding*/
div.sidebar .box-inner .entry-title { padding:10px; margin:-10px -10px 10px; clear:both; border-bottom: 1px dotted #DFDFDF; }
div.sidebar ul, div.sidebar ul ul ul { list-style:none; margin:0px; padding: 0px;}
div.sidebar .widgettitle { background-color:#BF001C; color:#FFF; margin:5px; font-size:13px; font-weight:bold; padding:4px;}
div.sidebar .entry-title { font-weight:bold; color:#58585a; font-size:13px; margin:0px;}


/*
links page
-------------------------------------------------------------- */
#links-page h2 { margin:0px; padding:0px; font-size:1.25em; font-weight:bold; border-bottom: 1px dotted #DFDFDF;}
#links-page ul{ list-style:none; margin:0 0 20px 0; padding:0px}
#links-page li img { margin:5px 3px 5px 0; vertical-align: top; }


/* 
-------------------------------------------------------------- 
Typography defaults
-------------------------------------------------------------- */

/* 
Headings
-------------------------------------------------------------- */
h1, h1 a, h2, h2 a, h3, h4, h5, h6 { font-weight: normal; color: #000; }
h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.75em; }
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }


/* 
Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
a:focus, a:hover { color: #000; }
a { color: #BF001C; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
.date { font-size: 0.9em; font-style: italic; }

/* 
Lists
-------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

/* 
Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }

/* 
Images within posts 
-------------------------------------------------------------- */
p img {	max-width: 100%;	}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}

/*
-------------------------------------------------------------- 
Forms
-------------------------------------------------------------- */
label { font-weight: bold;	width:100px; display:inline-block; /*for Opera & IE*/ }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border:none;}
legend { font-weight: bold; font-size:1.2em; }
/* 
Form fields
-------------------------------------------------------------- */
input.text, input.title, input.single, textarea, select { margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input:hover,textarea:hover,select:hover	{ background:#F2F7FC;}
input.single, input.text, input.title { width: 200px;  }
input.title { font-size:1.5em; }
textarea { width: 90%; height:6em; padding:0.5em; }
.reqtxt, .emailreqtxt { font-style:italic; color:#999; font-size:0.9em;}

/*Cforms*/
.linklove,.cf_hidden,.cform legend {display:none;}
.cform ol {list-style:none; margin:0px; padding:0px;}

/* 
Success, notice and error boxes
-------------------------------------------------------------- */
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }


/* 
Centre
-------------------------------------------------------------- */

textarea#comment { overflow:auto; }

/* 
post
-------------------------------------------------------------- */

#nav-below { height:3em; position:relative;}
#nav-below a { font-size: 1.6em; font-weight: bold; color: #666; text-decoration: none;}
#nav-below a:hover{ color: #000;} 
.nav-next, .nav-previous { position:absolute; top:-10px; }
.nav-next { right:0px;}
.nav-previous { left:0px;}
.meta-nav { font-size:1.6em; vertical-align:-1px; color:#BF001C; padding:0 5px 0 5px;}
a:hover .meta-nav { color:#F30;}

.more-link { clear:left; display:block; color:#666;text-align:right; font-weight:bold; text-decoration:none; font-size:1.15em;}


/*For the meta data in the Special archive pages*/
.archive-block, .archive-block ul { list-style:none; margin:0px;}
.post-meta li { position:relative; margin-left:70px; font-style:italic; font-size: 0.95em; }
.post-meta-key { color:#999; font-weight:bold; margin-left:-70px; display:block; float:left;  }


/* 
global navigation 
-------------------------------------------------------------- */
div#globalnav ul,
div#quicklinks ul{ list-style:none; margin:0px; padding:0px; background-color:#BF001C; height:20px;}
div#quicklinks ul li{ display:inline; padding-left:30px;}
div#globalnav a,
div#globalnav .current-cat .children a,
div#quicklinks ul li a{ color:#FFF; text-decoration:none; font-weight:bold; }
div#globalnav .current-cat a,
div#globalnav a:hover,
div#quicklinks ul li a:hover { color:#F2E66B; }

div#quicklinks { float:right;}
div#quicklinks ul { background-color:transparent; }
div#quicklinks ul li { text-align:center; width:100px; display:block; float:left; margin-left:5px; background-color:#BF001C; padding:0px; margin-top: 58px; }

#nav, #nav ul { /* all lists */ line-height: 1;}
#nav a { display: block; background-color:#BF001C; padding:3px 10px; }
#nav li { /* all list items */ float: left; }
#nav li li { width:13em; /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */ position: absolute; width: 13em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li ul ul { /* third-and-above-level lists */ display:none; margin: -1em 0 0 13em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }



/* 
footer
-------------------------------------------------------------- */

div#footer #logo-stellenbosch { float:right;}
div#footer #footer-bottom{ background-color:#BFBFBF; display:block; text-align:center; padding:3px;}
div#footer,
div#footer a{ color:#FFF;}
div#footer a:hover { color:#000; }
div#footer #copyright { float:left;}
div#footer #disclaimer { padding-right:220px;}
div#footer #contact { float:right;}


/* 
colours 
-------------------------------------------------------------- */
.red {color:#BF001C;}

/* 
hidden 
-------------------------------------------------------------- */
.category-china-monitor #home-china-monitor,
.s-category-china-monitor #home-china-monitor,
.category-weekly-briefing #home-weekly-briefing,
.s-category-weekly-briefing #home-weekly-briefing,
.edit-link {display:none;}