/*
Theme Name: TVP2
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: Heavily modified version of Andreas Viklund's theme <a href="http://andreasviklund.com/wordpress-themes/">WP-Andreas01 V2.0</a>.
Version: 2.0
Author: Tim Huckvale
*/

/* Body */
* {margin:0; padding:0;}
body {
  zzbackground:#f4f4f4 url(img/bg.gif) top center repeat-y;
  zzcolor: #303030;
  zzfont:76% Verdana,Tahoma,Arial,sans-serif;
  font: 80% Verdana,Tahoma,Arial,sans-serif;
  line-height:1.4em;
}
p {
	text-align: justify;
}
p.wp-caption-text {
	font-size: smaller;
	font-style: italic;
	text-align: left;
}
h1, h2, h3, h4 {
  zzfont-family: Georgia, serif;
  zzmargin-top: 1.5em;
  font-weight: normal;
}
h2 {
  color: #555;
  font-size: 1.6em;
  margin-top: 0.5em;
}
h3 {
  font-size: 1.3em;
  margin-top: 1em;
}

#wrap {
  background-color:#fff;
  color: black;
  margin:0 auto;
  min-width: 900px;
}

#container {
  float: left;
  width: 75%; /* Was 74%, so that IE6/7 does not push right sidebar below content occasionally. Might be better to reduce sidebar  to 24% */
  background: url(img/sb-grey-d0.png) left repeat-y;
}
#rightside {
  float: right;
  width: 25%;
  zzmin-width: 225px; /* 25% of min-width of #wrap */
}
#rightside-inner {
  margin: 10px;
}
#rightside img {
  width: 100%;
}
#rightside p {
  margin: 0 0 20px 0;
  line-height: 1.2em;
  font-style: italic;
	text-align: left;
}

/* #content and #leftside are inside #container */
#content {
  float: right;
  width: 100%;
  margin-left: -190px; /* 5px bigger than width of #leftside, for gutter */
}
#content-inner {
  margin: 10px 0 10px 190px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0 10px;
}

#leftside {
  float: left;
  zzwidth: 25%;
  width: 185px;
  line-height:1.5em;
  font-size: 95%;
  zzbackground-color: #ececec;
}
#leftside-inner {
  margin: 10px 0 0 0px;
  padding: 0 0 5px 0;
}
#footer {
  clear:both;
  border-top:2px solid #e0e0e0;
  font-size:0.9em;
  color:#777;
  font-weight:normal;
  line-height:1.7em;
  margin:0 auto;
  padding:10px 0;
  text-align:center;
  zzwidth:760px;
}

.clear-both {
  clear: both;
}

.float-right {
  float: right;
}

/* Links */
a {
  background-color:inherit;
  color: #f00000;
  font-weight:bold;
  text-decoration:none;
  outline: none;
}
a.tvp-past-link {
	font-weight: normal;
	font-size: smaller;
}
a:hover {
  background-color:inherit;
  color:#286ea0;
  zzfont-weight:bold;
  zztext-decoration:underline;
}
a img {border:0;}

/* Header */
#header {
  margin: 0;
  line-height: 0;
  font-size: 1%;  /* removes white line in IE6/7 */
  overflow: hidden;  /* Needed for IE7 to avoid adding white space on right */
  /*direction: rtl;	/* Makes header image right-align; doesn't work for IE6 */
}
#header h1 {
  background-color:inherit;
  color:#555;
  zzfloat:left;
  font-size:2em;
  letter-spacing:-1px;
  margin:0 0 10px;
  zzwidth:350px;
}
#header h1 a {
  background-color:inherit;
  color:#555;
  text-decoration:none;
}
#header p {background-color:inherit; color:#777; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:center; zzwidth:400px;}

#header-navi {
  zzborder: 0px;
  height: 2em;
  zzvertical-align: middle;
  background-color: #fe0000;
  zzmargin-bottom: 10px;
}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
  margin: 0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  z-index:300;
  zzwidth:100%;
}
#dropmenu {
  margin-left: 190px;
}

#dropmenu a {
  display:block;
  padding: 0.4em 0.7em 0.6em 0.7em;
  text-decoration:none;
  color: white;
  line-height: 1em;
}
#dropmenu ul a {
  font-weight: normal;
  background-color: gray;
}

/*
 * Annoyingly, wp_list_categories does not put a distinctive class on ancestor categories above parent.
 * Styling of these is therefore done via a dynamic stylesheet in header.php.
 */

#dropmenu li {
  float:left;
  zzposition:relative;
}

#dropmenu li ul {
  position:absolute;
  display:none;
  zzwidth: 16em;
  zztop:1.9em;
  zzborder:1px solid #a21616;
}

#dropmenu li:hover ul {
  display:block;
}

#dropmenu li ul {
  zzwidth: 16em;
  zztop:auto;
  background: white;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}

#dropmenu li ul li {
  width:  17em;
  float: none;	/* override #dropmenu li */
  zzheight: auto;
  zzfloat:  left;
  zztext-align: left;
}
#dropmenu li ul li a {
  border-top: 1px solid white;
}

#dropmenu li  a:hover,
#dropmenu .current-cat-parent > a,
#dropmenu .current-cat > a {
  color: gray;
  background-color: white;
}

#dropmenu li li.current-cat > a { 
  border-top: 1px solid gray;
}

#dropmenu li li a:hover {
  color: gray;
  background-color: white;
  border-top: 1px solid gray;
}

/* Sidebars */

#leftside>ul {
  margin-left: 10px;
}

#leftside a {
  zzcolor: red;
  font-weight: inherit;
}
#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {
  zzfont-size:0.9em;
  zzmargin: 0 0 18px;
  }
#leftside li, #extras li {
  line-height: 1.2em;
  list-style:none;
  zzmargin: 0 0 6px 0;
}
#leftside li a, #extras ul ul li {
  zzmargin:0 0 4px;
  font-weight: bold;
  zzpadding-left: 1.7em;
}
#leftside ul ul, #extras ul ul {
  margin: 0 0 0 10px;
}
#leftside ul ul li, #extras ul ul li a {
  zzpadding-left: 1.8em;
}
#leftside ul ul li a {
  font-weight:normal;
  font-size: 90%;
  margin: 3px 0 3px 0;
  padding: 1px 0 1px 10px;
}
#leftside ul ul ul li a {
  color: black;
  font-weight:normal;
  font-size: 90%;
  line-height: 1em;
  margin: 3px 0 3px 10px;
  padding: 1px 0 1px 5px;
}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

#leftside ul.children,
#leftside ul.children ul.children {
  display: none;
}
#leftside li.current-cat > ul.children,
#leftside li.current-cat-parent > ul.children {
  display: block;
}

#leftside a:hover {
  color: #606060;
  zzbackground-color: white;
  text-decoration: none;
}
#leftside .current-cat  a {
  zzbackground: url(img/red-tick-t.png) left 75% no-repeat;
}
#leftside a {
  display: block;
  padding: 4px 0 4px 10px;
}
#leftside .current-cat-parent > a,
#leftside .current-cat  > a {
  color: white;
  background-color: gray;
}

#cat-sidebar a {
	padding-left: 0;
}
#cat-sidebar ul ul {
	margin-left: 0;
}
#cat-sidebar {
  margin: 20px 5px 0 10px;
  border: 2px groove grey;
  padding: 5px;
}
#cat-sidebar a {
  color: grey;
}
#leftside #cat-sidebar ul li ul a {
  zzcolor: red;
}
#leftside #cat-sidebar a:hover {
  color:#286ea0;
}

/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

/* Content */
h1 {
  font-size: 1em;
  zzcolor: #666;
  color: white;
  zzmargin: 1em 0 0.5em 0;
  padding-left: 10px;
  line-height: 2em;
  background-color: red;
}
#leftside h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 10px;
  color: #606060;
}
.post h2 {
  line-height: 1.2em;
  margin: 0 0 0.5em 0;
}
.post h3 {
  line-height: 1em;
  margin-bottom: 0.5em;
  color: #555;
}
.post h2 a, .post h3 a {
  zzcolor: red;
  font-weight: normal;
}
.post h2 a:hover, .post h3 a:hover {
  color:#286ea0;
}

#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#content img,#contentwide img {
	zzborder:1px solid #d0d0d0;
	zzfloat:left;
	zzmargin: 10px 10px 3px 0;
}

#content ul,#contentwide ul,#content ol,#contentwide ol {
  margin: 0 0 1em 1.7em;
  padding: 0;
}

#content li,#contentwide li {
  padding: 0.5em 0 0 0.3em;
}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {
  zzmargin:0 0 0 16px;
}

/* Footer */
#footer p {
	margin-left: 10px;
	padding:0;
}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}

/* Tags */
p, ul, ol {
  margin: 0.7em 0 0 0;
}

blockquote {
	zzborder-left:4px solid #e0e0e0;
	margin: 1em 0 1em 2em;
	zzpadding:8px 8px 8px 15px;
}
/*
blockquote p {
	background-color:inherit;
	color:#505050;
	font-size:0.9em;
	line-height:1.3em;
}
*/

label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}

/* Forms */
#searchform {
  margin-top: 5px;
}
#s,
#submit {
  background-color:#ffffff;
  border:1px solid #cccccc;
  color:#505050;
  font-size:0.9em;
  padding: 4px 2px;
  zzwidth:130px;
}

#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
div.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright,
div.alignright {
	zzpadding:4px;
	zzmargin:0 0 2px 7px;
	display:inline;
	margin: 15px 0 3px 15px;	/* Inline style sets width to give 10px margin on right, which I can't override*/
}
img.alignleft {
	display:inline;
	margin: 15px 15px 3px 0px;
}
div.alignleft {
	zzpadding:4px;
	zzmargin:0 7px 2px 0;
	display:inline;
	margin: 15px 5px 3px 0px;	/* Inline style sets width to give additional 10px margin on right */
}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}

.post {
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
}

.event, .project, .past-project {
  width: 44%;
}
.event p, .project p, .past-project p {
	text-align: left;
}

.index1, .index3 {
  clear: left;
  float: left;
}
.index2, .index4 {
  clear: right;
  float: right;
}

.post.odd, .index1, .index4 {
  zzbackground-color: #fff0f0;
  background: url(img/content-pink4.png) left repeat-y;
}
.post.even, .index2, .index3 {
  zzbackground-color: #f0ffff;
  background: url(img/content-grey-d0.png) left repeat-y;
}

/* Make sure post box is big enough to enclose any floated images */
/* See http://www.positioniseverything.net/easyclearing.html */
.post:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.past-project {
	background: #aaa;
	color: white;
  font-size: 85%;
  line-height: 1.25em;
}
.past-project a,
.past-project h2 {
	color: white;
}
.past-project a:hover {
  color:#286ea0;
}

#content .links {
  border: 3px solid red;
}
#content .publications {
  border: 3px solid gray;
}
#content .past-events {
  border: 3px solid #6070b0;
}

#content .links,
#content .past-events,
#content .publications {
  font-size: 85%;
  line-height: 1.25em;
}

.postinfo {
  zzbackground-color:#f4f4f4;
  zzborder-left:4px solid #cccccc;
  color:#606060;
  zzfont-size:0.9em;
  font-size:0.8em;
  zzfont-weight:bold;
  zzline-height:1.5em;
  zzmargin:1px 0 30px;
  margin: 0;
  zzpadding:8px 5px 8px 8px;
  float: right;
}
.postinfo a, .readmore a {
  font-weight: normal;
}

.readmore {
  zzcolor: #606060;
  font-size: 0.8em;
}
.more-link {
  font-weight: normal;
  font-size: 0.8em;
  margin-left: 1em;
}
.more-link:hover {
  font-weight: normal;
}

.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {
  display:block;
  margin:10px 0 5px 0;
  padding:0;
  text-align:center;
}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}

.sitemap #content li,
.sitemap #content ul {
  margin-bottom: 0;
  padding-top: 0.1em;
}
.sitemap #content-inner>ul {
  margin: 0;
}
.sitemap #content-inner>ul>li {
  margin-bottom: 1.5em;
  list-style-type: none;
}
.sitemap #content-inner>ul>li>a {
  color: white;
  background-color: red;
  padding: 0.25em 0.5em 0.3em 0.5em;
}

/* Image gallery presentation */
/*
#gallery-1 {
	margin: auto;
}
#gallery-1 img {
	border: 2px solid #cfcfcf;
}
*/
#gallery-1 .gallery-item {
	float: left;
	margin: 10px;
	text-align: center;
	zzwidth: 50%;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}

/* Video player */
.post object {
	display: block;
	margin: 0 auto;
}

/* Search results */
.search-results h3 {
	margin: 0;
}


/** Sidebar components **/

.sidebar-box {
	margin: 20px 0 0 10px;
}

/* Something Brilliant button */
#leftside .sb-button a {
	padding: 0;
}

/* Donate button */
.donate-button {
	font-size: 1.4em;
    font-weight: bold;
	text-align: center;
	zzmargin: 20px 0 0 10px;
	width: 100px;
	padding: 5px;
	background-color: red;
	zzbackground: url("img/content-pink4.png") repeat-y scroll left center transparent;
	border-radius: 15px;	/* CSS3 */
	-moz-border-radius: 15px;	/* Firefox */
	-webkit-border-radius: 15px;	/* Chrome and Safari */
}
.donate-button a {
	padding: 5px 5px !important;
	color: white;
}

/* Advert boxes in sidebar */
.advert-box {
	margin-right: 5px;
	border: 2px groove grey;
}
#leftside .advert-box a {
	display: inline;
	padding: 0;
}
.advert-box li {
	padding: 0.5em 0;
}
.advert-box img {
	padding-top: 5px;
}

/* List of posts */
.help-list-posts #content-inner ul {
	margin: 0 0 0 3em;
}
.help-list-posts #content-inner li {
	padding-top: 0.3em;
}
.help-list-posts .post-date,
.help-list-posts .cat-slug {
	font-size: smaller;
	color: grey;
}
.help-list-posts .not-publish {
	text-decoration: line-through;
}
.help-list-posts .categories,
.help-list-posts .categories a {
	font-style: italic;
	font-weight: normal;
}

/************************* Printing overrides ******************/
@media print {
#header,
#header-navi,
#leftside,
#rightside,
#footer {
		display: none;
}

#container {
	width: auto;
}

#content-inner {
	margin-left: 0;
	border: none;
}
}