/*
Theme Name: Cato Hoeben New Theme
Theme URI: http://www.catohoeben.ciom
Description: New Theme for Cato hoeben by OneSizeUp [http://www.onesizeup.com]
Version: 2.0
Author: OneSizeUp
Author URI: http://www.onesizeup.com/
Tags: two-col fixed centred theme

	Cato Hoeben Theme
	
	This theme was designed and built by OneSizeUp

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* **************************** BEGIN ERIC MEYER RESET **************************** */

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, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* !UNIVERSAL */

body {
	font-size:0.8em;
	font-family:arial, verdana, sans-serif;
	color:#333;
	line-height: 140%; 
}

/* LAYOUT */

#wrapper {
	width:980px;
	margin:25px auto;
}

.centreme {
	width:980px;
	margin:auto;
}

#header {
	height:148px;
}

	#header img {
		margin:20px 0;
	}

#container {
	width: 980px;
	float: right;
}
	
	#body-home #container {
	/* Blue box not so cool:
		background-image: url(images/hp-box.gif);
		background-position: left top;
		background-repeat: repeat-y; */
	}
	
	#content.fullwidth {
		width:100%;
	}
	
#content {
	float:right;
	width:725px;
}
	
	/* Posts */
	#body-home .entry { margin-right:20px; }

#sidebar {
	width: 230px;
	float: left;
}

#footer {
	clear: both;
	font-size:0.8em;
	color:#999;
	padding:10px 0 0 0;
}

/* !TYPOGRAPHY */

/* General */

p, h1, h2, h3, h4, h5, h6 {
	margin:1em 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	margin:1em 0 1em 0;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	color:#000;
	font-size:1em;
	text-transform: uppercase;
}
	
	h2#activeone {
		font-size:1.3em;
		text-align:left;
		background-color: #efefef;
		padding:5px;
		border-left:5px solid #990000;
		color:#666;
	}

.main-heading {
	border-bottom:1px solid #ccc;
}

.date-meta, .commentmetadata {
	color:#666666;
	font-size:x-small;
	padding-top:0;
}

/* !LISTS */

#content ul, #content ol {
	margin:15px 35px;
	list-style: circle;
}

#nav {
	background-color: #ccc;
	height:2em;
}

#nav ul li {
	display:inline;
}

	#menu-lhs-nav {
		float:left;
		width:auto;
		padding:5px 0 0 0;
	}
	
	#menu-lhs-nav li {
		margin-right:20px;
	}
		
		#menu-lhs-nav ul {
			display:none;
		}
	
	#menu-rhs-nav {
		float:right;
		width:auto;
		padding:5px 0 0 0;
	}
	
	#menu-rhs-nav li {
		margin-left:20px;
	}

/* 
#sidebar ul ul {
	margin: 1em;
}
 */
	
	#sidebar ul ul.rposts {
		margin:0;
	}

#body-home #sidebar ul {
	margin: 0;
}

#sidebar .categories ul li a {
	border-left:2px solid #990000;
	padding:0 0 0 10px;
}

#sidebar .categories ul li {
	margin:0 0 3px 0;
}

/* Random post widget */

/* Hide on Showreel page, 404 page */
.page-id-5 #random-posts {
	display:none;
}

.rposts img {
	height: 40px;
    width: 100%;
}

/* Twitter widget */

#content #newspage-widgets {
	padding:0;
	margin: 15px 0;
}

#content #newspage-widgets li {
	list-style-type: none;
}
	#content .twitter-stream .tweetbird {
		padding:0 0 0 50px;
		background-image: url(images/tweety-bird-grey.gif);
		background-position: 2px 15px;
		background-repeat: no-repeat;
	}
	#content .twitter-stream p,
	#content .twitter-stream .profile-link {
		padding:7px;
		margin:5px 0 10px;
		width:650px;
		height:50px;
		border-bottom:1px dotted #ccc;
		background-color: #efefef;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	#content .twitter-date {
		display:block;
		font-size:0.85em;
	}

/* GOOGLE +1 BUTTON */

#gplusone {
	float:right;
	padding:5px 0 0 0;
}


/* !FORMS */

input, textarea {
	border: 1px solid #CCCCCC;
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	padding: 5px;
}

	/* SIDEBAR: Search forms */

	form#searchform {
		font-weight:bold;
	}
		
		#body-searchresult form#searchform {
			border:1px solid #ccc;
			background-color: #efefef;
			padding:20px;
			margin-bottom:20px;
		}
	
	form#searchform label {
		border-bottom:1px solid #CCCCCC;
		display:block;
	}
	
		#body-searchresult form#searchform label {
			border-bottom:1px solid #fff;
		}
	
	form#searchform div {
		margin-top:10px;
	}
	
		form#searchform input {
			padding:2px;
		}

	.navigation {
		background-color: #efefef;
		padding:5px;
	}
		
	.navigation a {
		margin-right:20px;
		padding:2px 5px;
		color:#000;
		font-weight:bold;
		font-size:1.5em;
	}

	/* COMMENTS FORM */

	#commentform {
		padding:5px 0;
		position:relative;
	}
	
		#commentform label {
			background-color:#fff;
			padding:7px 0;
			font-weight:bold;
			display:inline-block;
			margin:0.6em 4px 0 0;
			min-width:7em;
		}
	
	#commentform textarea {
		width:400px;
		border:1px solid #ccc;
	}
	
/*	#comments-box h3,
	h3#respond {
		padding:5px;
		background-color:#efefef;
	} */
	
	h3#respond {
		padding:5px;
		border-bottom:3px solid #ccc;
	}
	
	#comments {
		padding:5px;
		background-color:#efefef;
	}
	
	.messagebox {
		float:right;
		position:absolute;
		right:0;
		top:0;
		width:412px;
	}
	
	.nocomments {
		border-top:3px solid #ccc;
		background-color: #efefef;
		padding:0 5px 50px 5px;
	}
	
	ol.commentlist li {
		list-style-type: none;
		padding:5px;
		border-top:1px solid #efefef;
	}
	
	ol.commentlist li.alt {
		border-top:none;
	}
	
		/* Subscribe to comments */
		
		.subscribe-to-comments input {
		}
		
		.subscribe-to-comments label {
		}
		
		.submitme {
			float:right;
			width:auto;
		}
	
	/* General forms */
	
	form label {
		background-color:#EFEFEF;
		display:block;
		padding:7px;
	}

	/* Easy Contact form */
	
	
	.formcontainer {
		border-top:1px solid #ccc;
	}
	
	.contact-form label {
		background-color:transparent;
		display:block;
		padding:5px 0;
	}
	
	#content .formcontainer .important,
	#content .error {
		padding:5px;
		background-color: #FFCFCF;
	}
	
	#content .formcontainer .success {
		background-color:#BFFFC2;
		margin-top:10px;
		padding:5px;
	}
	
	#content .formcontainer legend {
		display:none;
	}
	
	#content .formcontainer textarea,
	#content .formcontainer input {
		font-family: arial, helvetica, sans-serif;
		font-size:0.9em;
		width:250px;
		border:1px solid #ccc;
	}
	
	#content .formcontainer .button {
		margin:10px 0;
		width:auto;
	}
	
	.wpcf7-quiz-label {
		margin:10px 0 0 0;
		display:block;
	}

/* !LINKS */

a { color:#990000; text-decoration: none; }
a:hover { color:#999; }
	
	h2#activeone a:hover { color:#999; }

	#footer a, #content h1 a:hover, #content h2 a:hover, #content h3 a:hover,#content h4 a:hover, #content h5 a:hover, #content h6 a:hover { color:#666; }
	#footer a:hover, #content h1 a, #content h2 a, #content h3 a,#content h4 a, #content h5 a, #content h6 a { color:#000; }

#nav .current-menu-item a,
#nav .current-menu-item a,
.activeSlide,
#nav .current-page-ancestor a,
#nav .current-post-ancestor a { color:#000; }
	#nav a { color:#fff; }
	#nav a:hover, #nav .current-menu-item a, #nav .current-menu-item a { color:#000; }

	/* Highlight Showreel */
	/* 
	#menu-item-937 a { color:#990000; }
	#menu-item-937 a:hover,
	#nav #menu-item-937.current-menu-item a { color:#FF0000; }
	#nav #menu-item-937.current-page-ancestor a { color:#ff0000; }
	 */

.categories .current-cat a { color:#000;font-weight:bold; }

#menu-rhs-nav ul { display:none; }

.more-link { display:block; padding:3px 0; margin:10px 0 25px 0;}

/* Twitter icon */

.lhs-btn {
  background-repeat: no-repeat;
  border-top: 1px solid #EFEFEF;
  display: block;
  font-size: 1.2em;
  margin-bottom: 5px;
  text-align: left;
}

.twitter {
  background-image: url("images/tweety-bird.gif");
  background-position: 6px 6px;
  padding: 13px 0 10px 65px;
}

.imdb {
  background-image: url("images/imdb-btn.gif");
  background-position: 2px 2px;
  padding: 13px 0 10px 65px;
}

.linkedin {
  background-image: url("images/linkedin-btn.gif");
  background-position: 2px 2px;
  padding: 13px 0 10px 65px;
}

/* Slides */
#slidecount { text-align: right; }
#slidecount a { padding:5px; }
	/* News and Music pages */
	.page-id-722 #slidecount,
	.page-id-973 #slidecount { text-align: center; margin:10px auto 0 auto; width:100px; }
	.page-id-722 #slidecount a,
	.page-id-973 #slidecount a { 
		padding: 0; margin: 0 4px; background-image: url(images/up-down-btns.gif);
		background-repeat: no-repeat; width:28px; height:28px; display:block;float:left;
	}
	.page-id-722 #slidecount a#nx,
	.page-id-973 #slidecount a#nx { background-position: -32px 0; }
	.page-id-722 #slidecount a#nx:hover,
	.page-id-973 #slidecount a#nx:hover { background-position: -97px 0; }
	.page-id-722 #slidecount a#pr,
	.page-id-973 #slidecount a#pr { background-position: 0 0; }
	.page-id-722 #slidecount a#pr:hover,
	.page-id-973 #slidecount a#pr:hover { background-position: -65px 0; }
	

/* !GENERAL */

.alignright, .right { float:right; margin:0 0 0 10px; }
.alignleft, .left { float:left; margin:0 10px 0 0; }

.widget_tag_cloud a { padding:5px 0; margin:5px 0; display:block; }
.widget_tag_cloud a:hover { background-color: #000; color:#fff; }

.bold {	font-weight:bold; }

li.pword {
	margin:1em 0 0 0;
}

li.pword a {
	display:block;
	width:225px; height:30px;
	background-image: url(images/password.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

li.pword a:hover {
	background-position: bottom left;
}

.highlight { color:#990000; border-bottom:1px dotted #ccc; }

/* !TOOLTIP */

#tooltip{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:2px 5px;
	color:#333;
	display:none;
	width:150px;
	z-index:100;
}

/* !RANDOM POSTS */

ul.rposts li {
	margin-bottom:15px;
	width:100%;
}

/* !BREADCRUMBS */

.breadcrumb {
	background-color:#EFEFEF;
	padding:5px;
	margin-bottom:7px;
}

.breadcrumb span {
	font-weight: bold;
	color:#999999;
}

.breadcrumb a {
	color:#000;
}

.breadcrumb a:hover {
	color:#999;
}