/*
Theme Name: Metro-Includes
Theme URI: http://interconnectit.com/metro/
Description: This theme is an extension of Metro theme. It includes the header and footer generated by Roxen.
Version: 1.3.1
Author: James R Whitehead
Author URI: http://interconnectit.com/
tags: white, two-columns, right-sidebar, fixed-width, threaded-comments

release 1.3.1 Fixed issue mantis::275 Removed the CSS over ruling the "show text" button in the "custom header image" section.
release 1.3 Fixed Mu Mode. Made settings when Mu Mode is on read-only for none site admins. Previously you chould change them but on save changes were lost.
release 1.2 Added portal functionality, available from the customise this theme page, moved the translation files into the lang folder. Tidied up a few issues.
release 1.1 Added option to change site logo and made things a little more mu friendly.
release 1.0 First release.
*/

@import "comments.css";

/* Strip all browser styling then move on to create new */
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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, ol {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
background: transparent;
}

table, td, tr, th {
	vertical-align: text-top;
}

img {
	-ms-interpolation-mode: bicubic;
}

li {
	min-width:10px;
	list-style-position:outside
}

/*ol, ul {
	padding-left:2em;
}*/

:focus {
	outline: 0;
}

body {
	font-weight: normal;
	font-size: 82%;
	font-family: helvetica, sans-serif;
	/*line-height: 1.4em;*/
	background-color:#eee;
	background-color:#ffffff;
	color:#333;
	padding: 0 10px 10px;
	/*background-image: url(images/bg.gif);*/
	background-repeat: repeat-x;
}

code, pre {
	width: 99%;
	font-family: monospace, serif;
	font-size:12px;
	line-height:1.8em;
	overflow-Y: hidden;
	overflow-x: auto;
	white-space: pre-wrap;

	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
}

.ie pre,
.ie code {
	word-wrap: break-word;
}

blockquote, q {
	quotes: none;
	margin-left:1em;
	padding-left:1em;
	border-left:solid 5px #eee;
	font-style:oblique;
}

/* Implemented to remove the blockquote formating in the content imported from MT */
.post-body blockquote{	
	margin-left:0;
	padding-left:0;
	border-left:none;
	font-style:normal;
	font-weight:normal;
}
/* ---- */

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

small {
	font-size:smaller;
}

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

del {
	text-decoration: line-through;
}

.post-body table {
	border-collapse: collapse;
	border-spacing: 0;
	max-width:98%;
	border:solid 1px #ccc;
	margin-left:1px
}
	.post-body table th {
		border-bottom: solid 1px #ccc;
	}
	.post-body table tr.alternate td {
		background-color:#eee;
	}

	.post-body td, .post-body th {
		padding: 0.5em;
	}

	.post-body tbody td {
		border-left:solid 1px #ccc;
	}

	.post-body tfoot tr.alternate td {
		background-color:transparent;
		border-top:solid 1px #ccc;
	}


/* Anchors */
.small-title a,
a {color: #478341; text-decoration:none;}
a:focus,
a:hover {color: #2f572b; text-decoration:underline;}
.post-body a {font-weight:bold;}

#inner-content a:hover img,
#inner-content a:active img,
#inner-content a:focus img{
	padding-bottom: 2px !important;
	border-bottom: 3px solid #478341 !important;
	margin-bottom: 5px !important;
}

#inner-content a img,
#inner-content a img {
	margin-bottom:10px !important;
}

h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a {
	color: #000;
	line-height:1.05em;
	margin-bottom:0.5em;
}

/* Titles */

h1 {font-size:200%}
h2 {font-size:140%}
h3 {font-size:130%}
h4 {font-size:120%}
h5 {font-size:110%}
h6 {font-size:100%;font-style:oblique}

.post-body h1,
.post-body h2,
.post-body h3 {
	clear:left;
}

.widgettitle {
	font-weight:bold;
	line-height:1.05em;
	font-size:100%;
	margin-bottom:0.5em;
	padding-bottom:0.25em;
	display:block;
	border-bottom: solid 1px #999;
}

#sidebar .widgettitle {
	text-indent:0.5em;
}

.post-title {
	font-weight:normal;
	margin-bottom:5px;
}

#inner-content applet,
#inner-content iframe,
#inner-content address,
#inner-content blockquote,
#inner-content p,
#inner-content pre,
#inner-content table,
.post-body center,
.post-body dir,
.post-body fieldset,
.post-body form,
.post-body isindex,
.post-body menu,
.post-body dl,
.post-body ol,
.post-body ul {
	margin-bottom:1em;
}

.post-body ul ul,
.post-body ol ul,
.post-body ol ol,
.post-body ul ol {
	margin-top:0.25em;
	margin-bottom:0.25em;
}

/* Basic layout */
/*#container {
	width:950px;
	margin: 0 auto;
	background: none;
	background-image: url(images/container_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}*/
	/*#header{
		width:950px;
		height:181px;
		position:relative;
		overflow:hidden;
		background-image: url(images/header.gif);
		background-repeat:no-repeat;
	}*/
	#blog-header {
		position:relative;
		width:600px;
		display:inline;
		float:left;
		margin:15px 0 0 15px;
		overflow:hidden;
	}
	#inner-content {
		clear:left;
		width:600px;
		display:inline;
		float:left;
		margin:15px 0 15px 15px;
	}
	#sidebar {
		width:305px;
		margin:15px 0 15px 630px;
	}
		#sidebar .left-split {
			width:140px;
		}

		#sidebar .right-split {
			width:140px;
			float:right;
			clear:right;
		}

		#sidebar .sidebar-cont {
			clear:right;
		}
	/*#footer {
		clear:both;
		width:950px;
		height: 60px;
		background: #ffffff;
		background-image: url(images/footer.gif);
		background-repeat: no-repeat;
	}*/

/* Header */
#logo {
	width:222px;
	height:62px;
	position:absolute;
	left:0;
	top:109px;
	right:222px;
	bottom:10px;
	overflow:hidden;
	display: none;
}

#logo-links {
	height:30px;
	position:absolute;
	top:141px;
	bottom:0;
	right:10px;
	overflow:hidden;
	margin-left:222px;
	font-weight:bold;
	font-size: 16px;
	color: #FFFFFF;
}


/*
#header .banner {
	border: solid 2px #000;
	width: 728px;
	height:90px;
	position:absolute;
	left:218px;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
}
*/
/* Blog header */
#blog-logo {
	width:600px;
	height: 100px;
	display:block;
}

#site-title {
	position:absolute;
	top:0;
	left:0;
	width:600px;
	height:100px;
	display: block;
}

#site-title a {
	display:block;
	width:600px;
	height:100px;
	line-height:100px;
	text-align:center;
}

#tagline {
	width:600px;
	text-align:left;
	line-height:1.05em;
	padding: 0.5em 0 1em;
	font-size:120%;
	font-style:oblique;
	margin-bottom:-0.5em;
}
/* Footer */
/*
#footer a {
	font-weight:bold;
}

#footer .current_page_item a,
#footer a:focus,
#footer a:hover {
	text-decoration:none;
}

#footer-logo {
	display:inline;
	float:left;
	height:30px;
	display: none;
}

#footer-pages {
	height:30px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#footer-pages li {
	list-style: none inside;
	display:inline;
	float:left;
	line-height:30px;
	height:30px;
	margin-left:1em;
}
*/
/* Post Content  */

#sidebar .widget {
	margin-bottom:30px;
}
#inner-content .hentry {
	margin-bottom:15px;
	background-image: url(images/box_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


.hentry {
	width:580px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

.hentry .post-title {
	background-image: url(images/box_hdr.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-top: -10px;
	padding-left: 10px;
	margin-left: -10px;
	width:590px;
}

.hentry .page-number {
	float:right;
	line-height:180%;
}

.time-date-owner {
	font-size:smaller;
	margin-bottom:0.25em
}

.hentry .taxonomy {
	clear:both;
	width:578px;
	padding:1em 10px;
	margin-top: 15px;
	font-size:0.8em;
}

.hentry .taxonomy .categories {
	display:block;
}

/* -------- */
.clear {
	display:block;
	clear:both;
	height:0;
	margin-bottom:0;
	visibility:hidden;
	overflow:hidden;
}

.left,
.alignleft {
	display:inline;
	float:left;
	margin: 0.25em 0.5em 10px 0;
}

.aligncenter {
	display:block;
	text-align:center;
	margin: 1em auto 0;
}

.right,
.alignright {
	display:inline;
	float: right;
	clear:right;
	margin: 0.25em 0 10px 0.5em;
}

.wp-caption img {
	margin: 0;
}

p.wp-caption-text{
	font-size: 10px;
	line-height:1.6em;
	padding:1em 0 2em;
	margin: 0;
	background: url(images/caption-bottom.gif) no-repeat center bottom;
}

.wp-caption {
	text-align:center;
}

div.wp-caption.alignright {
	padding:20px 0 0 15px;
	margin:0 -5px 0 5px;
	background: url(images/corner-tl.gif) no-repeat top left;
}

div.wp-caption.alignleft {
	padding:20px 15px 0 0;
	margin:0 5px 0 -5px;
	background: url(images/corner-tr.gif) no-repeat top right;
}

.page-links,
.more-link {
	white-space:nowrap;
}

.post-navigation{
	text-align:right;
	margin-bottom:30px;
	font-size:larger;
	font-weight:bold;
}

.focused {
	color:#000;
}

.unfocused {
	color:#999;
}

.errorMessage{
	color:#900;
	background-color:#fff;
	padding:1px;
	z-index:10;
	line-height:25px;
	white-space:nowrap;
}

/* widgets */

.widget ul,
.widget ol{
	list-style-type:none;
	padding:0;
	margin:0 0.5em;
}

.widget ul ul,
.widget ol ol,
.widget ol ul,
.widget ul ol {
	padding:0;
	margin:0 0 0 1.5em;
}

.widget li {
	line-height:1.5em;
	background-image: url(images/bullet_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.widget li li {
	border-bottom: 0 none;
}

#sidebar .current_page_item,
#sidebar .current-cat {
	font-weight:bold;
	background:url(images/leftarrow.gif) no-repeat right 0.5em transparent;
}

#sidebar .current_page_item li,
#sidebar .current-cat li {
	font-weight:normal;
	background-image:none;
}

/* Tabbed Widget, Styled for 2 widgets in the tabs, more will look funky */
#sidebar .widget-toggles {
	margin:0;
	padding:0;
	width:100%;
}

.widget-toggles li {
	cursor:pointer;
	float:left;
	list-style-type:none;
	padding:5px;
	font-weight:bold;
	border-bottom:solid 1px #999;
	width:139px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	margin-top:3px;
	background-color:#fff;
	position:relative;
	top:1px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-radius-topleft: 3px;
	-webkit-border-radius-topright: 3px;
}
	.ie6 .widget-toggles li {
		border-bottom-color: #999;
	}
	.left-split .widget-toggles li,
	.right-split .widget-toggles li {
		width:59px;
	}

.widget-toggles .active {
	border: solid 1px #999;
	border-bottom-width:0;
	cursor:auto;
	z-index:20;
}

.tabbed-widget  {
	padding:1em;
	border: solid 1px #999;
	clear:both;
}

.nojs .tabbed-widget {
	padding:0;
	border: 0 none;
	clear:both;
	margin-bottom:3em;
}
#sidebar .widget.nojs {
	margin-bottom:0;
}

/* Calendar Widget */

#wp-calendar {
	width:100%;
	border-collapse:collapse;
}

#wp-calendar td {
	padding:0.25em 0;
	text-align:center;
}

#wp-calendar th {
	border-bottom:solid 1px #ccc;
	padding:0.25em 0;
}

#wp-calendar td a{
	display:block;
	height:100%;
	background-color:#eee;
	border:solid 1px #ccc;
}
#wp-calendar caption {
	font-size: 120%;
	font-weight:bold;
	text-align:right;
	line-height:2em;
}

/* RSS Widget */

.widget_rss ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

.widget_rss li{
	border: 0 none;
}

a.rsswidget {
	color:#000;
	font-weight:bold;
}

.widget_rss li cite,
.rss-date {
	font-size:smaller;
	display:block;
}

.widget_rss li cite {
	margin-bottom:0.5em;
	text-align:right;
}

.rssSummary {
	margin-bottom: 0.5em;
}


.widget_rss .widgettitle {
	border: 0 none;
	text-indent:0;
	margin-bottom:1em;
}

.widget_rss .rsswidget img {
	float:right;
}

/* Search Widget */
.widget_search .searchForm{
	width:100%;
	height:26px;
	position:relative;
}

.widget_search .search_input{
	border:solid 1px #999;
	width:270px;
	margin:0;
	padding:1px;
	position:absolute;
	left:0;
	top:3px;
}
	.right-split .search_input,
	.left-split .search_input{
		width:105px;
	}

	.full-width-column .widget_search .search_input {
		width:565px
	}
	.left-column .widget_search .search_input,
	.right-column .widget_search .search_input {
		width: 255px;
	}

.widget_search .submit{
	position:absolute;
	right:0;
	top:0;

	cursor:pointer;
	background: url(images/searchbutton.gif) no-repeat left center transparent;
	border: 0 none;
	padding:0;
	margin:0;
	text-indent: 50px;
	width: 25px;
	padding-left:25px;
	height:25px;
	overflow:hidden;
}

#inner-content .widget_search {
	margin-bottom:15px;
}

/* Home aggrigation point layout */

.full-width-column {
	width:600px;
	overflow:hidden;
}

.left-column {
	width:292px;
	float:left;
}

.right-column {
	width:292px;
	margin-left:308px;
}

#sidebar .widget,
.right-column .widget {
	overflow:hidden;/* Stops clears from breaking things */
}

#inner-content .widget {
	border-top: 1px dotted #ccc;
	padding-top: 15px;
}

/* Colours */

#container,
#sidebar {
	background-color:#fff;
}
/*
#footer .current_page_item a,
#footer a:focus,
#footer a:hover,
#footer,
#header,
#header .banner {
	color:#fff;
	background-color:#114A0F;
}

#footer a {
	color:#88A587;
}
*/

.widget_rss li cite,
.rss-date,
.post-navigation,
.hentry .taxonomy,
.time-date-owner {
	color:#666;
}

/** Category List widget **/

.list-post {
	position:relative;
}
.post-row {
	margin-bottom: 15px;
	width:100%;
}

.list-post .more-link { float:none }

/* Various title sizes */
.small-title   { font-size:100%; line-height: 1.4em; margin-bottom:0 }
.small-title a { font-size:100%; font-weight:normal; line-height: 1.4em}

.medium-title { font-size:110% }
.large-title  { font-size:130% }

/* Background colour posts */
.background-colour {background-color:#75C7B9}
.half-width .background-colour { background:url(images/category-list.gif) repeat-y -525px top #75C7B9}
.third-width .background-colour { background:url(images/category-list.gif) repeat-y 190px top #75C7B9}
.background-colour .list-post a { color:#fff }
.half-width .background-colour .with-large-image,
.half-width .background-colour .list-post { width:272px; padding: 10px}
.third-width .background-colour .list-post { width:170px; padding: 10px; background: none;}
.background-colour .full-width-post.with-large-image { min-height:140px;}
.background-colour .full-width-post { padding: 10px;}

/* Full width posts */
.full-width-post a.large-image { position:absolute; display:table; left:0; top:0;}
.full-width-post img.large-image { margin:0 }
.full-width .with-large-image { padding-left: 200px; min-height:160px;}

/* Half Width */
.half-width .list-post { width:292px }
.half-width .left-post { float:left; clear:left }
.half-width .right-post { clear:right; margin-left:308px }
.half-width .with-large-image .thumbnail-image-link { position:absolute; top:0; left:0; width: 100%; text-align:center}
.half-width .with-large-image .thumbnail-image-link img {margin:0 auto; float:none}
.half-width .with-large-image {padding-top: 170px;}
.half-width .background-colour .with-large-image .thumbnail-image-link {top:10px;}
.half-width .background-colour .with-large-image {padding-top:180px;}

/* Thirds */
.third-width .list-post { width: 180px; background-image: url(images/box_sml_bg.gif); background-repeat: no-repeat; background-position: bottom; }
.third-width .post-title {
	background-image: url(images/box_sml_hdr.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-top: -10px;
	padding-left: 10px;
	margin-left: -10px;
}
.third-width .left-post { float:left; clear:left; padding-left: 5px; padding-right: 5px }
.third-width .middle-post {	float:left;	margin-left: 15px;  padding-left: 5px; padding-right: 5px }
.third-width .right-post { float:left;margin-left: 15px; padding-left: 5px; padding-right: 5px }
.third-width .with-large-image .thumbnail-image-link { position:absolute; top:0; left:0}
.third-width .with-large-image .thumbnail-image-link img {margin:0}
.third-width .with-large-image,
.third-width .background-colour .with-large-image {padding-top:170px;}


.ie .list-post {
	overflow:hidden;
}

/* Some IE 6 fixes */

.ie6 .third-width .right-post { margin-left: 407px }
.ie6 .half-width .right-post  { margin-left: 305px }
.ie6 .right-column { margin-left:305px }
.ie6 #sidebar { margin-left:627px }

.ie6 .widget li { border-bottom-style: solid; border-bottom-color: #eee } 	/* IE6 Can't handled dotted lines of 1px */
.ie6 #inner-content .widget { border-top-style: solid; border-top-color: #eee }

/*
 Some very crude IE 5.5 fixes. Should anybody still be using 5.5 they'll have so
 many problems with other sites they'll not mind too much if something here is
 just a little off.
*/

body.ie55 {text-align:center}
body.ie55 #container {text-align:left}
.ie55 .right-column { margin-left:307px;}
/*.ie55 #footer {width:950px;}*/
.ie55 #logo-links {width:950px;}
.ie55 .hentry .taxonomy {width:598px;}
.ie55 div.wp-caption.alignright {margin-right:0;}
.ie55 div.wp-caption.alignleft {margin-left:0;}

.ie55 .half-width .background-colour .list-post { width:292px }
.ie55 .third-width .background-colour .list-post { width:190px }
.ie55 .third-width .right-post { margin-left: 407px }
.ie55 .half-width .right-post  { margin-left: 305px }
.ie55 .right-column { margin-left:305px }
.ie55 #sidebar { margin-left:627px }



#logo-links a:link {
	height:23px;
	width: 100px;
	display: block;
	text-align: center;
	padding-top: 7px;
	font-weight:bold;
	font-size: 16px;
	background-image: url(images/top_nav_bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	float: left;
	margin-left: 10px;
}
#logo-links a:visited {
	height:23px;
	width: 100px;
	display: block;
	text-align: center;
	padding-top: 7px;
	font-weight:bold;
	font-size: 16px;
	background-image: url(images/top_nav_bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	float: left;
	margin-left: 10px;
}

.page-navigation a.next {
	display:inline-block;
	line-height:26px;
	margin-left:0;
	top:0;
	background: #eeeeee;
	padding:0 3px;
}

.page-navigation a:hover.next {
	background-color:#114A0F;
	background-image:none;
	color:#FFFFFF;
}