/*
Theme Name:Caribou US
Theme URI:http://spectacu.la/caribou-news-theme/
Description: Highly customisable theme with animated highlight spots, editable navigation bar, sections support so you can place categories into sections like Sport, Media, etc, alternate styles (create your own if you know a little CSS!) and a colour picker for setting various design elements.  Javascript enhanced threaded comments help make visitor engagement an easier thing to management.  Built in you get three styles, including two different post layouts (narrow or wide), and there'll be more variations to come.  Image thumbnail generation works from WordPress 2.7 on so upgrade for the best experience. For a full demo, instructional videos and support please visit our site.
Version: 1.7.4
Author:James R Whitehead & Tom J Nowell
Author URI:http://spectacu.la/
Tags:custom-colors,custom-header,theme-options,light,two-columns,three-columns,fixed-width,right-sidebar,threaded-comments
*/

/*
 Version info:
 1.0.6	:	Added wide-post scheme, added translation domain, changed the related posts code, fixed the image grabber, fixed some things in the commenting and moved commenting out to its own folder and changed the pause icon to be a little more obvious.
 1.0.5	:	Changed <? to <?php at one point. oops!
 1.0.4	:	Changed a few things to match up with the wp repository requirements. Removed my code for dealing with the logo file and used the WPs own and quite a few other subtle changes.
 1.0.3	:	Changed icons over to the Rinoa set from Creative 9 Design. http://www.c9-d.com/
			Changed this theme over to GPL license.
 1.0.2	:	Some minor fixes.
				No margin at the bottom of a P that was in comments.
				Slight logic problem in a posts theme options. Image choice wouldn't show if you hadn't created a section page.
				Missing comments section from a basic page now added.
 1.0.1	:	Removed PHP5 specific elements, should now work fine in PHP4.
 1.0	:	Initial release.
*/

@import "css3.css" screen; /* Rounded corners for boxes and other features I need to hide from ie*/

* {
	margin: 0;
	padding: 0;
}

.bullet,
.page_item,
.cat-item {
	background: url(images/default.gif) no-repeat scroll transparent -9000px 0.6em;
	/* The -9000px should keep it out of sight for places where I've not set its position. */
}

.page_item {
	background-position: 0 0.5em;
	background-repeat: no-repeat;
}

#sidebar .page_item { text-indent: 12px; }
#footer .page_item { background-image:none}

form, fieldset {
	padding:0;
	margin:0;
	border: 0 none;
}
/* Titles and links */

a {text-decoration: none; color: #037}
/*a:visited {color: #d08080;}*/
a img { border: 0 none; vertical-align:text-top}
a:focus {outline: 0 none!important;}
a:hover {text-decoration: underline;}

h1,h2,h3,h4,h5,h6,.title,.archiveTitle,.commentTitle {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-bottom: 10px;
}
h1{font-size:2em}
h2{font-size:24px}
h3{font-size:22px}

h4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #900;
	font-size: 10px;
	line-height: 14pt;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 6px;
}

h5{font-size:16px}
h6{font-size:14px}

.archiveTitle {
	font-size: 16px;
	margin-bottom: 20px;
	background-position: 2px 8px;
}
.commentTitle {
	margin:10px 0 1em;
}
.underline,
.postTitle {
	background-repeat:no-repeat;
	background-position: -900em 0;
	border-bottom: solid 2px;
	line-height: 1em;
	padding-bottom: 3px;
}

/* invisible blocks to force open boxes with floats inside.*/
.clear{
	display:block;
	height:0;
	overflow:hidden;
	clear:both;
	visibility:hidden
}
html { min-height: 100%}
body{
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	line-height:1.6em;
	padding-bottom:10px;
	margin-bottom:100px;
	background: #F0F0F0;
/*	background:#f0f0f5 url(images/background.jpg) repeat-x scroll left bottom;
	background-attachment: fixed;*/
}

#header {
	z-index:99;
}
#navigation {
	background-repeat:repeat-x;
	background-position:bottom left;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 910px;
}

#navigation * {
	list-style-position: inside;
    font-size: 12px;
	line-height:2em;
}

	#navigation .menu{
        width: 100%;
		height:30px;
		background: transparent url(images/menubackground.gif) top right repeat-x;
    }

	#navigation .menu .sub-menu a {
		overflow:hidden;
		width: 135px;
	}
        #navigation .menu li{
            bottom: 0px; /* Fixes a problem with ie5. Some how.*/
            float:left;
            list-style-type:none;
			position:relative;
            z-index: 100;
        }
            #navigation .menu li ul{
                display:none;
				background-repeat:repeat-x;
				background-position:bottom left;
				border: 1px solid #999;
            }
            #navigation .menu li ul li{
                width:160px;
            }
			#navigation .menu li.over ul,
            #navigation .menu li:hover ul {
                display:block;
                position:absolute;
				left: 0;
                width:160px;
                z-index:100;
            }

            #navigation .menu li a{
				font-size: 11px;
                white-space:nowrap;
                background: transparent url(images/menu.jpg) top right repeat-x;
                text-decoration:none;
                padding:0 10px;
                line-height:2em;
                display:block;
                line-height: 2.5em;
				font-weight:bold;
            }

			#navigation .menu li a:hover {
				background: transparent url(images/menu.jpg) bottom right repeat-x;
				color:#fff;
			}
			#navigation .menu .sub-menu a {
				background:#fff;
				font-size:11px;
				color:#666;
				border-bottom: 1px solid #999;
				z-index:300;
			}
			#navigation .menu .sub-menu a:hover {
				background: #E5E5E5;
				color:#333;
			}
            #navigation .menu li li{
                position:relative;
            }

            #navigation .menu li li a{
                white-space:normal;
                overflow:hidden;
                padding: 6px 12px;
                line-height:1.5em;
				font-weight:normal;
                width: 135px;
            }
            /* Sub sub menus.  Attach the arrow inside the 10px padding and hide the rest of it until rollover.*/


			#navigation .menu li:hover ul ul,
            #navigation .menu li.over  ul ul ul ul,
            #navigation .menu li.over  ul ul ul,
            #navigation .menu li.over  ul ul {
                width:0;
                height:3em;
                overflow:hidden;
                position:absolute;
                left:160px;
                top:0;
                background:url(images/submenu.gif) no-repeat -1px 16px transparent;
                z-index: 200;
                padding:0;
				border:none;
            }

            #navigation .menu li li:hover > ul { /* IE6 fails utterly here.  */
                width:160px;
				background-image:none;
                overflow:visible;
                height:auto;
                background-repeat: repeat-x;
                background-position:bottom left;
				border: 1px solid #999;
                z-index: 300;
                left: 160px;
            }

			/* IE 6, limits the number of sub menus but should be enough for most people.*/
			#navigation .menu li li li li.over ul,
			#navigation .menu li li li.over ul,
			#navigation .menu li li.over ul {
                width:150px;
                overflow:visible;
                height:auto;
                background-repeat: repeat-x;
                background-position:bottom left;
                padding: 5px 0;
                border: solid 2px #01314E;
                z-index: 200;

                top: -6px;
                left: 140px;
			}

/* Bullet point positioning */
	#navigation .menu li.page_item,
	#navigation .menu li.cat-item {
		background-position: 6px 12px;
	}

	#navigation .menu li.page_item{ 		background-position:6px 12px}
	#navigation .menu li li.page_item{	background-position:8px 15px}

	#navigation .menu li li.page_item,
	#navigation .menu li li.cat-item,
	#navigation .menu li li.current-cat,
	#navigation .menu li li.current_page_item {
		background-position: 8px 15px;
	}

/* Colours */
	#navigation {
		background-image:url(images/navigationbackground.gif);
		background-color:#2E4194
	}
    #navigation a {color:#666}

	/* Active colour */
    /*#navigation .menu li.current-cat-parent,
    #navigation .menu li.current_page_parent,
    #navigation .menu li.current_page_ancestor,
    #navigation .menu li.current-cat,
    #navigation .menu li.current_page_item,
    #navigation .menu li.over,
    #navigation .menu li:hover{
		/*background-color:#aaa;*/
    /*}/*

    #navigation .menu li ul li.current-cat,
    #navigation .menu li ul li.current_page_item,
    #navigation .menu li ul li.current_page_ancestor,
    #navigation .menu li ul li.over,
    #navigation .menu li ul li:hover {
        background-color:#fff;
	}

    #navigation .menu li ul,
	#navigation .menu li ul ul,
	#navigation .menu li li li li.over ul,
	#navigation .menu li li li.over ul,
	#navigation .menu li li.over ul {
		background-image:url(images/menubackground.gif);
		background-color:#E1E7F2;
		border:solid 1px #036;*/
		/*border-top: 0 none;*//*
	}
    #navigation .menu li li:hover > ul {
		background-image:url(images/menubackground.gif);
		background-color:#E1E7F2;
	}
	#navigation .menu ul.children a {
		text-shadow: none;
	}

	.ie6 #navigation ul.children {
		border-right: 0 none;
		background: url(images/ie6borderfix.gif) repeat-y right top #E1E7F2;
	}*/

#header {
	width:970px;
	height:152px;
	margin:0px auto;
	overflow:visible;
	position:relative;
}
	#logo {
		background-color:#fff;
		position:absolute;
		top:0;
		left:0;
		width:970px;
		height: 120px;
		z-index:0;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	}
		#logo img{
			/*display:none;*/
			position:absolute;
			left:0;
			top:0;
			z-index:1;
		}
		#logo h1 {
			width:480px;
			font-style:oblique;
			margin:0;
			position:absolute;
			line-height:60px;
			top:13px;
			z-index:2;
			font-size:4em;
			letter-spacing:-0.05em;
			font-weight:normal;
			left:10px
		}
		#logo h1 a:hover {
			text-decoration:none;
			color:#999;
		}
		#logo .description {
			position:absolute;
			width:480px;
			top:70px;
			left:6px;
			text-indent:1em;
			letter-spacing:0.05em;
			z-index:2;
			color:#666;
			font-style:italic;
		}

	#header .widgetBanner  {
		width:468px;
		height: 60px;
		position:absolute;
		right:0;
		top: 13px;
		overflow:hidden;
		margin:0;
	}
	#importantPages {
		position:absolute;
		bottom: 30px;
		left:0;
		height:30px;
		z-index: 10;
		background: #fff;
		width:100%;
		font-size:12px;
		font-weight:bold;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
		border-bottom:1px solid #eee;
		border-top:1px solid #dfdfdf;
	}
	#importantPages a {
		color:#114;
	}
	#importantPages li a:hover {
		text-decoration: none;
		color: #037;
		border-bottom: 1px solid #CCC;
	}
	.ie6 #importantPages {
		bottom:-1px;

	}
		#importantPages li {
			display:inline;
			float: left;
			background: #fff;
			height: 26px;
			list-style-type: none;
		}

		#importantPages li a {
			height:24px;
			padding: 3px 10px;
			white-space:nowrap;
			line-height: 16px;
			display:block;
			line-height: 26px;
		}

		#importantPages .page_item a {
			background-position: 6px 10px;
			background-repeat: no-repeat;
		}



		#importantPages li.over,
		#importantPages li:hover,
		#importantPages li.current_page_item {
			background: none #fff;
		}
	#navigation {
		background:#F4F4F4;
		color: #666;
		position:absolute;
		bottom:0px;
		margin-bottom: 0;
		width: 100%;
		padding: 0;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
	}
	#search {
		position: absolute;
		right: 10px;
		top: 26px;
		padding-top: 10px;
		width:285px;
	}
	.button {
		float: left;
		height: 26px;
		margin: 8px 0 12px 0;
		outline-color: -moz-use-text-color;
		outline-style: none;
		outline-width: medium;
		text-indent: -9999em;
		vertical-align: middle;
		width: 70px;
	}
	#search #header-search-submit {
		width:66px;
		height:26px;
		text-indent:-1000em;
		color:transparent;
		padding:0;
		outline:none;
		border:none;
		margin-top: 0px;
		width:71px;
		margin-bottom:0;
	}
	#search #header-search-text {
		border: 1px solid #CCC;
		color: #999;
		float: left;
		font-size: 9pt;
		margin: 2px 8px 0 0;
		padding: 2px;
		width: 200px;
		height:18px;
	}
	#search .updated {
		clear: right;
		color: #CCC;
		float: right;
		font-size: 7.5pt;
		white-space: nowrap;
	}
#breadcrumbs {
	width: 960px;
	margin: 0 auto;
	line-height: 2em;

	background: #F0F0F0 none repeat scroll 0 0;
	font-size: 7.5pt;
	overflow: hidden;
	padding: 8px 0;
	border-top: 1px solid white;
}
	#breadcrumbs .current {
		background-color:transparent;
		font-weight: bold;
		color: #555;
	}
	#breadcrumbs .divider {
		margin-left: 10px;
		margin-right: 10px;
	}
#container {
	width:930px;
	margin:0 auto 0 auto;
	padding: 20px;
	background-color: #fff;
}
	#content {
		padding:0;
		width:930px;
		overflow:hidden;
	}
		#posts{
			width:610px;
			/*min-height:420px;*/
			float:left;
			overflow:hidden;
			/*line-height: 1.25em;*/
		}
		#pageNavigation {
			margin-top: 20px;
			font-size: 20px;
			line-height: 2em;
		}
			#previousPosts {
				width: 48%;
				float: left;
			}
			#nextPosts {
				margin-left: 52%;
				text-align: right;
			}
	#sidebar{
		width:300px;
		margin-left: 630px;
	}
		#sidebar120 {
			width: 120px;
			float: left;
			overflow: hidden;
		}
		#sidebar160 {
			width: 160px;
			margin-left:140px;
		}
		.widget  {
			margin-bottom: 20px;
			line-height: 1.5em;
		}
			#scrollerLinks li,
			.postSidebarBlock li,
			.widget li {
				list-style-position: outside;
				list-style-type: none;
				margin-bottom: 1em;
				line-height: 1.05em;
			}

			#sidebar .widget-title {
				color: #900;
				display: block;
				font-size:1em;
				line-height:1.5em;
				padding: 0.5em 0 3px;
				margin-bottom: 0.5em;
			}

			.widgetTitle a {
				color: #9C0000
			}
	#footer {
		background-color: #FDFDFD;
		color: #444;
		padding: 20px;
		margin-top: 20px;
		border-top: 1px solid #CCC;
	}
		#footer a {
			color: #666;
		}
		#footer .leftSide {
			width: 49%;
			float:left;
		}
		#footer .rightSide {
			margin-left: 52%;
			text-align:right;
		}
.relationships li {
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
}
.relationships strong {
	margin-bottom: 0.5em;
}
.relationships a {
	display: block;
}
.widget .children {
	margin-top: 1em;
}
h4 .rsswidget {
	margin-top: 2px;
}
/* Single post with sidebar */
.post .postBody {
	overflow:hidden;
}
	.postBody .pageLinks {
		display: block;
		text-align: right;
	}
	.postBody .pageLinks span {
		font-size: 20px;
		margin: 0 5px;
	}
	/* Post side bar stuff */
	.postSidebar {
		width: 140px;
		margin-left: 470px;
	}
		.postSidebarBlock {
			margin-bottom: 20px;
		}
			.postSidebarBlock strong {
				display: block;
				margin-top: 10px;
			}

		.commentIconRSS { vertical-align:middle}

/* Archives, categories and searches. */

.index .single,
.postExcerpt 	{
	margin-top:20px
}

.index .firstPost,
.archive .firstPost {
	margin-top:0
}
	.archiveTitle {
		background: none;
		text-indent: 0;

		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;

		color: #999;
		padding: 5px 0 5px;
		border-bottom: 1px solid #CCC;
	}
	.page h1.underline,
	.post h1.underline{
		background: none;
		text-indent: 0;

		font-size: 16px;
		font-weight: bold;
		line-height: 18px;

		color: #037;
		padding: 5px 0 5px;
		border-bottom: 1px solid #CCC;
	}

	.index .postMeta,
	.search .postMeta,
	.archive .postMeta{
		margin-bottom: 5px;
		background-position: 2px 0.3em;
		text-indent: 16px;
		line-height:1.25em;
	}

	.index .postMeta, .index .postMeta *,
	.search .postMeta, .search .postMeta *,
	.archive .postMeta, .archive .postMeta * {
		color: #bbb;
		font-size: 12px;
	}

	.excerptReadMore {
		float:right;
	}

	.excerptThumb {
		float:left;
		margin:0.5em 10px 0 0;
	}

/* Section layout */
/* The highlight scroller block */
.scroller {
	width: 290px;
	overflow: hidden;
	border: solid 1px #ccc;
	position:relative;
}
	.scrollerWindow {
		/*position: relative;*/
		overflow: hidden;
		top: 0;
		left: 0px;
		width: 290px;
		height: 442px;
		margin-bottom: 10px;
	}
		.scroller .pause {
			float:left;
			display:block;
			width:25px;
			height:23px;
			background: transparent url('images/main_sprite1.png') no-repeat -563px -1183px;
			cursor: pointer;
		}
		.scroller .pause:hover {
		    background-position: -563px -1206px;
		}
		.scroller .pause:active {
			background-position: -563px -1228px;
		}
		.scroller .pause.paused {
			background-position: -563px -1206px;
		}

		.scroller .nextpost, .scroller .prevpost {
			float:left;
			display:block;
			width:25px;
			cursor: pointer;
			height:23px;
			background: transparent url('images/main_sprite1.png') no-repeat -534px -1183px;
		}
		#scroller .nextpost:hover {
			background-position: -534px -1206px;
		}
		.scroller .nextpost:active {
			background-position: -534px -1228px;
		}
		.scroller .prevpost {
			background: transparent url('images/main_sprite1.png') no-repeat -505px -1183px;
		}
		.scroller .prevpost:hover {
			background-position: -505px -1206px;
		}
		.scroller .prevpost:active {
			background-position: -505px -1228px;
		}
		.scrollerWindow dl {
			position: relative;
			/*z-index: 0;*/
			top:0;
			left: 0;
			width: 290px;
			height: 442px;
			overflow:hidden;
		}
			.scrollerWindow dl dd {
				width: 290px;
				height: 442px;
				float: left;
				/*position:relative;*/
				overflow:hidden
			}
				/*.crollerWindow dl dd img {
					float:left;
					margin-right: 10px;
				}*/
				.scrollerWindow dl dd h3 {
					line-height: 1em;
					margin-bottom: 10px;
					padding: 10px;
					color: #037;
					font-size: 14px;
					font-weight: bold;
					line-height: 22px;
					padding-bottom: 0;
					margin-bottom:0;
				}
				.scrollerWindow dl dd h3 a {
					color:#037;
				}
				.scrollerContentText {
					height: 120px;
					overflow: hidden;
					margin-bottom: 20px;
					padding: 10px;
				}
				.scrollerWindow dl dd .commentCount {
					position:absolute;
					right:0;
					bottom:0;
					text-align: right;

					line-height: 20px;
					width: 190px;
				}

	.scrollerLinks li {
		width: 260px;
		padding: 0 5px;
		text-indent: 10px;
		background-position: 3px 3px;
		position:relative;
		margin-bottom: 10px;
	}

	.ie6 #scrollerLinks li {
		margin-bottom: 7px;
	}

	.scrollerLinks li.active { background-color: #E6E6E6;}
	.scrollerLinks li.active a.bob { color:#000; cursor: default;}
	.scrollerLinks li.active a.bob:hover { text-decoration: none;}
	.scrollerLinks li div { display:none;text-align:right; position:absolute;right:5px;top:0;color:#666}
	.scrollerLinks li.active div { display:block; }

.section .postMeta {
	margin-bottom: 5px;
	background-position: 2px 0.6em;
	padding-left: 16px;
	display:inline-block;
}
.section .postMeta,
.section .postMeta a {
	color: #bbb;
	font-size: 12px;
}

.sectionLead {
	margin: 10px 0 2em 0
}

.sectionSecond {
	width: 290px;
	float:left;
}

.sectionThird {
	width: 290px;
	margin-left: 304px;
	padding-left: 15px;
	border-left: solid 1px #eee;
	/*clear:both;*/
}

.sectionPost {
	clear:both;
}

#sidebar .widget {
	background: transparent url('images/main_sprite1.png') no-repeat -1px -1443px;
}
#sidebar .widget .widget-title {
	border-right: 1px solid #CCC;
	min-height: 24px;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size:10px;
	line-height: 23px;
	background: #EFEFEF url('images/main_sprite1.png') no-repeat -1px -1443px;
	border-left: 1px solid #CCC;
}
#sidebar .widget-body {
	background: white url('images/box_body_bg.png') repeat-x top right;
	border: 1px solid #CCC;
	overflow: hidden;
	padding: 0px;
}

#sidebar .widget-body ul{
	padding-left:12px;
	padding-right:12px;
	margin-top:12px;
	margin-bottom:12px;
}
.widget ul ul {
	margin-left: 12px;
}
.widget li.page-item,
.widget li.cat-item {
	text-indent: 12px;
	background-position: 0 0.3em;
}
#sidebar li li.cat-item a {
	display:block;
}

#wp-calendar {
	width:100%;
	text-align:center;
}
#wp-calendar a {
	background-color: #eee;
	border: solid 1px #ccc;
	display:block
}

#wp-calendar caption {
	font-size: large
}

#searchform,
.searchForm {
	width:270px;
	height:50px;
	background: url(images/search270.gif) no-repeat left top transparent;
	position:relative;
}
.widget-body .searchForm {
	margin-left: 12px;
}

#searchform #s,
.searchForm .search_input{
	background-color: transparent;
	border: none 0;
	width: 174px;
	position: relative;
	left: 5px;
	top: 4px;
	color: #999;
	padding: 3px 5px 3px 5px;
}

#searchform #s.focused,
.searchForm .focused {
	color: #000;
}

#searchform .submit,
.searchForm .submit {
	position: absolute;
	right: 4px;
	bottom: 24px;
	width: 72px;
	text-align: left;
	padding-left: 3px;
	overflow: visible;
	height: 22px;
	background-color: transparent;
	border: none 0;
	cursor: pointer;
}

.widget160 #searchform,
.widget160 .searchForm {
	width:160px;
	height:75px;
	background:url(images/search160.gif) no-repeat left top transparent;
}
.widget160 #searchform #s,
.widget160 .searchForm .search_input{
	width: 140px
}

.widget120 #searchform,
.widget120 .searchForm {
	width:120px;
	height:75px;
	background:url(images/search120.gif) no-repeat left top transparent;
}
.widget120 #searchform #s,
.widget120 .searchForm .search_input{
	width: 100px
}

#searchform .errorMessage,
.searchForm .errorMessage {
	position:absolute;
	top:6px;
	left:10px;
	height: 1.25em;
	line-height:1.25em;
	background:url(images/search300.gif) no-repeat -10px -6px #E6E6E6;
	width:100px;
	/*display:none;*/
	z-Index:2;
	color: #900;
}

/* Post Content */
.image .postBody {
	text-align: center;
}
.image .postBody img{
	margin-bottom:20px;
}

#posts address,
#posts pre,
#posts table,
.post ol,
.post ul,
#posts p {
	margin-bottom: 1em;
}

#posts blockquote{ margin: 0 10% 1em 10%}
#posts blockquote blockquote{ margin: 0 0 1em 0}
.postBody {color: #333}
.postBody ul,
.postBody ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 2.5em
}
.postBody ul ul,
.postBody ul ol,
.postBody ol ol,
.postBody ol ul {
	margin-bottom:0;
}
/*.postBody em {
	letter-spacing: 2px;
	font-weight:bold;
}*/
.post li {margin-bottom: 0.5em;}

.postBody code,
.postBody var,
.postBody kbd,
.postBody samp,
.postBody pre {
	font-family: monospace;
	line-height:1.1em;
	font-weight: bold;
	font-size: larger;
	color: #66c;
}
.postBody li { padding: 2px 5px;margin:0;}

.postBody ul.cross li.tick,
.postBody ul.cross li,
.postBody ul.tick li {
	list-style-type: none;
	padding:0;
	line-height: 24px;
	padding-left: 24px;
	background-image: url(images/accept.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.postBody ul.cross li,
.postBody ul li.cross {
	list-style-type: none;
	line-height: 24px;
	padding-left: 24px;
	background-image: url(images/delete.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.postBody li.highlight {color: #900;background-color:#E6E6E6}

.postBody q {
	font-weight:bold;
	word-spacing: 0.25em;
	color: #500;
	font-size: 14px;
}

/* Tables */
.postBody table {
	border-collapse: collapse;
	border: solid 1px #ccc;
	max-width:95% !important;
	margin: 0 auto 1em;
}

.ie6 .postBody table {
	width:95% !important; /* Not ideal but then what is with IE6 */
}
.postBody table tr.alternate {
	background-color: #E6E6E6;
}

.postBody table td {
	padding: 0.5em 1em;
	vertical-align: top;
	border-left: solid 1px #ccc;
}

.postBody tfoot,
.postBody tfoot tr,
.postBody tfoot td{
	text-align: center;
	font-size: 10px;
	color: #f9f9f9;
	background-color: #999;
	padding: 0;
}

.postBody table th {
	padding: 0.5em 0;
	font-size: 10px;
	text-align: center;
	background-color: #222;
	color: #f9f9f9;
}

#sectionCatList {
	padding-top: 10px;
	clear: both;
}
#sectionCatList ul {
	padding: 10px 0;
	list-style-type:none;
	background: url(images/list.gif) no-repeat right center transparent;
}
#sectionCatList li.cat-item {
	background-position: 0 0.6em;
	text-indent: 16px;
}

.errorMessage{
	left:5px;
	background-color:#fff;
	color:#900;
	z-index:10;
	padding:0.5em;
	border:solid 1px #900;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.unfocused {
	color: #999;
}

.alignleft {
	display:inline;
	float:left;
	clear:left;
	margin: 0.25em 0.5em 0.25em 0;
}

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

.alignright {
	display:inline;
	float: right;
	clear:right;
	margin: 0.25em 0 0.25em 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 #FFF ;
}

.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 #FFF;
}

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

.sectionSecond .alignleft,
.sectionThird .alignleft,
.sectionLead .alignleft {
	margin: 0 10px 0 0;
	clear:none;
}

/*Counteract the extra 3px that show up on IE6 floats*/
.ie6 #sidebar{margin-left: 627px;}
.ie6 #sidebar160 {margin-left:137px;}
.ie6 .postSidebar {margin-left: 466px;}
.ie6 #newComment {margin-left:117px;}
.ie6 .sectionThird {margin-left:301px;}

.ie6 #importantPages li a{width:1px;}
.ie6 #logo {display:block;width:400px;height:110px;cursor:pointer}
.ie6 .widget li a {width:99%}
.ie6 .search-form .errorMessage {background-image:none;}

#comments {
	clear:left
}
.single .post {
	width: 610px;
	display:inline;
	float:left;
	clear:left;
	margin-left: 0px;
}
/*.ie6 .single .post {
	width: 580px;
}*/


.single #posts {
	width: 930px
}

.single .postSidebar {
	margin-left:625px;
	width:300px;
}

.postSidebarBlock strong {
	margin-top:0
}

.printicon {display:block; margin-bottom:20px}



/** Category List widget **/

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

#posts .post-row {
	/*width:600px;*/
	/*margin-left:5px;*/
}

.post-row {
	border-top: 1px solid #CCC;
	padding-top: 10px;
}

.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%; line-height: 1.4em}

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

/* Background colour posts */
.background-colour {background-color:#F6F6F6; }
.half-width .background-colour { background:url(images/category-list.gif) repeat-y -525px top #F6F6F6; }
.third-width .background-colour { background:url(images/category-list.gif) repeat-y 190px top #F6F6F6; }
.background-colour .list-post a { color:#037 }
.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-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: 190px; }
.third-width .left-post { float:left; clear:left }
.third-width .middle-post {	float:left;	margin-left: 20px }
.third-width .right-post { margin-left: 420px; clear:right }
.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;}

.widget_category_list .anti-margin {
	margin-bottom:-20px;
}

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

/* Some IE 6 fixes */

.ie6 .third-width .right-post { margin-left: 417px }
.ie6 .half-width .right-post  { margin-left: 305px }


#topbar {
	position: absolute;
	width: 960px;
	/*border-bottom: 1px solid white;*/
	color: white;
	text-align: right;
	padding-right: 10px;
	height: 25px;
	font-weight: bold;
}
.widget h4 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 16px;
}


.widget_category_list .post-row {
	border-top: none;
	padding-top: 0;
}

#sidebar-left-top {
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}

#sidebar-left-top .widget {
	width: 290px;
	float: left;
	margin-right: 15px;
}

.widget_category_list .post-row {
	padding-bottom: 5px;
}

.scroll-widget-image {
	display: block;
	width: 290px;
	height: 222px;
	text-align: center;
	background-color: #EEE;
}

.scroller-horizontal .scroll-widget-image {
	width: 98px;
	height: 98px;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	float: left;
	margin-right: 10px;
}
.scroller-horizontal .scrollerWindow dl dd h3 {
	font-size: 12px;
	padding-top: 0;
}

.scroll-widget-image img {
	float:none;
	margin: 0;
}

.scroller-controls {
	background: whiteSmoke url('images/box_related_bg.png') repeat-x;
	border: 1px solid #CCC;
	border-top: 0;
	margin: 0;
	padding: 6px 11px 5px 11px;
	position:relative;
	height: 23px;
}

.scroller-horizontal .prevpost {
	position: absolute;
	top: -90px;
	left: -6px;
	background: transparent url('images/main_sprite1.png') no-repeat -449px -1182px;
	height: 29px;
	width: 25px;
}
.scroller-horizontal .nextpost {
	position: absolute;
	top: -90px;
	right: -6px;
	background: transparent url('images/main_sprite1.png') no-repeat -477px -1182px;
	height: 29px;
	width: 25px;
}

.scroller-horizontal .prevpost:hover {
	background: transparent url('images/main_sprite1.png') no-repeat -449px -1182px;
	height: 29px;
	width: 25px;
}
.scroller-horizontal .nextpost:hover {
	background-position: -477px -1211px;
	height: 29px;
	width: 25px;
}

.scroller-horizontal .nextpost:active {
	background-position: -477px -1240px;
	height: 29px;
	width: 25px;
}



#sidebar .postMeta .widget-body,
#sidebar table,
#sidebar .widget_calendar #calendar_wrap {
	padding: 12px;
}
.scroll-items {
	float:right;
	background: transparent url('images/main_sprite1.png') no-repeat -513px -1302px;
	padding-left: 4px;
}
.scroll-items .scroll-item {
	background: transparent url('images/main_sprite1.png') no-repeat -489px -1302px;
	float:left;
	height: 20px;
	margin:0;
	color:#037;
	font-weight:bold;
	font-size:10px;
	line-height:20px;
}

.scroll-items .scroll-item a {
	padding: 1px 8px 0 5px;
	text-decoration:none;
}
.scroll-items .scroll-item.last {
	background: transparent url('images/main_sprite1.png') no-repeat -456px -1302px;
}

.scroll-items .scroll-item.active {
	background-position: -489px -1323px;
}
.scroll-items .scroll-item.active a,#scroll-items .scroll-item a:hover{
	color: #900;
}
.scroll-items .scroll-item.active.last {
	background-position: -457px -1323px;
}

#sidebar .socialmedia-buttons {
	padding: 12px;
}

.scroller-horizontal {
	width: 608px;
}
.scroller-horizontal .scrollerWindow {
	width: 588px;
	height: 129px;
	margin: 0;
	border: 10px solid #369;
}
.scroller-horizontal .scrollerWindow dl dd {
	width: 588px;
	height: 129px;
}
.scroller-horizontal .individual-item {
	width: 274px;
	float: left;
	padding: 10px;
}

.scroller-horizontal .scroller-controls {
	height: 0;
	padding: 0;
}
h4 .rsswidget img {
	display: none;
}


.sectionTitle.underline {
	color: #666;
	font-weight: bold;
	font-size: 19px;
}
.widget-title a {
	color: #900;
}

.medium-title {
	font-weight: bold;
	font-size: 13px;
}

#sidebar .spot .widget-body {
	padding: 10px;
	padding-top: 0;
}

#sidebar .spot .widget-title {
	margin-left: -10px;
	width: 298px;
	margin-bottom: 10px;
}
#footer ul {
	list-style: none;
}

.addthis_toolbox {
	border-bottom: 1px solid #DDD;
	margin-bottom: 1em;
	padding-bottom: 0.8em;
}


.feature-carousel-2 {
	position: relative;
	border: solid 1px #dadada;
	width: 618px;
	overflow: hidden
}

.carousel-list {
	height: 279px;
	overflow: hidden;
	margin: 0 0 0 380px;
	width: 240px;
}

.carousel-list .carousel-item {
	display: block;
	margin: 0;
	clear: both;
	height: 69px;

	border: solid 1px #eee;
	border-top: none;
	z-index: 1;
}

.carousel-list .carousel-link {
	display: block;
	overflow: hidden;

	width: 220px;
	padding: 8px 10px 8px;
	height: 69px;
}

.carousel-list .hentry-title {
	display: block;
	max-height: 48px;
	overflow: hidden;
	line-height: 16px;
}

.carousel-list .carousel-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	/*visibility: hidden;*/

	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}


.carousel-list a {
	text-decoration: none;
	cursor: pointer;
}

.carousel-list .carousel-item.active { background-color: #eee;}
.carousel-list .carousel-item.active .hentry-title { color: #c00;}
.carousel-list .carousel-item.active .carousel-image {
	z-index: 5;
	opacity: 1;
	visibility: visible;
}

.carousel-list:hover .carousel-item.active { background-color: #fff;}
.carousel-list:hover .carousel-item.active .hentry-title { color: #000;}
.carousel-list:hover .carousel-item.active .carousel-image {
	z-index: 1;
	opacity: 0;
	/*visibility: hidden;*/
}

.feature-carousel-2 .carousel-list .carousel-item:hover { background-color: #e5e5e5;}
.feature-carousel-2 .carousel-list .carousel-item:hover .hentry-title { color: #c00;}
.feature-carousel-2 .carousel-list .carousel-item:hover .carousel-image {
	z-index: 6;
	opacity: 1;
	visibility: visible;
}

#sidebar-left-top .feature-carousel-2 {
	float: none;
	width: auto;
	margin-right: 0;
	clear: both;
}
.carousel-image {
	width: 380px;
	overflow: hidden;
}
.carousel-image img {
	min-width: 380px;
	min-height: 280px;
	height: auto;
}


.page-template-template-hot-topic-php #posts {
	width: 620px;
}

.ultrawide-widget {
	margin-bottom: 20px;
}

.ultrawide-widget img {
	max-width: 930px;
}

.widget_category_list.no-excerpt h3 {
	margin-bottom: 0;
}