/*
Theme Name:Spectacu.la
Theme URI:http://www.interconnectit.com/
Description:
Version:1.0
Author:James R Whitehead of Interconnect IT
Author URI:http://www.interconnectit.com/
Tags: Custom

*/
@import "css3.css" screen;

* { /* Strip all padding/margin from all things. */
	margin: 0;
	padding: 0;
}

html {min-width:1000px}

.accordionList .collapsed .expandToggle,
.expandToggle {
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:0;
	display:block;
	background:url(images/boiled_16_add.png) no-repeat center center transparent;
	cursor:pointer;
	z-index:10;
}

.expandToggle.active {
	background:url(images/boiled_16_minus.png) no-repeat center center transparent;
	cursor:default;
}

.accordionList .expandToggle {
	background:url(images/boiled_16_favourites.png) no-repeat center center transparent;
	cursor:default;
}
.bold, .strong {font-weight:bold}

pre, code {
	font: 1.0em Monaco, 'Courier New', monospace;
}

body{
	background:url(images/background.jpg) no-repeat center 0 #E7E8E0;
	font:84% arial,free-sans,sans-serif;
	line-height:1.5em;
	min-height: 100%;
}

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

p,address, pre,blockquote,ul,ol,hr,code,table{
	margin-bottom: 0.5em;
}

blockquote {
	margin: 0 auto 1.5em;
	width:80%;
	/*border: solid 1px #CCCEBD;*/
	padding: 1.5em;
	text-indent: 2em;
	background: #E7E8E0 url(images/quote-mark.gif) top left no-repeat;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
blockquote p, blockquote blockquote  {
	margin: 0;
	border: 0;
}

blockquote li {
	text-indent:0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size: 18px;
	margin-bottom: 1em;
}
.widget ul li.current_page_item li a,
.widget ul li.current-cat li a,
a {
	outline: 0;
	font-weight:normal;
	text-decoration:none;
	color:#660000;
}
a:active,
a:focus,
a:hover{
	text-decoration:underline;
}
.errorMessage {
	position: absolute;
	color: #900;
	background-color: #fff;
	padding: 5px 20px;
	border:solid 1px #990000;
	top: 10px;
	left:10px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#posts p a {
	font-weight: bold;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color:black;
}

/* For times when things don't quite go right. */
div.error, .errmsg {
	border: double 3px #660000;
	padding: 10px;
	text-align: center;
	color:red;
	background-color:white;
	font-weight: bold;
}
ul.error li,
label.error { color: red}

.hidden {
	display: none;
}

/* invisible blocks to force open boxes with floats inside.*/
.clear{
	display:block;
	height:1px;
	font-size: 1px;
	line-height: 1px;
	overflow:hidden;
	clear:both;
	visibility:hidden
}
.post img {
	margin: 0.25em 0.5em;
	max-width:100%;
}

.right,
.alignright {
	float:right;
	clear:right
}
.left,
.alignleft {
	float:left;
	clear:left
}

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

a img{border:0}
img[align="left"] {margin-left: 0;float:left;}
img[align="right"] {margin-right: 0; float:right;}
img.right,	img.alignright {margin-left: 1em;}
img.left,	img.alignleft {margin-right: 1em;}

#container {
	width:980px;
	margin: 0 auto;
	padding-bottom: 40px;
	position: relative; /* This is needed to fix ie7 page zoom function. */
}

#header {
	height: 117px;
	width: 980px;
	position:relative;
}

#main-page-title,
#tag-line {
	position:absolute;
	top:-1000em;
}

#content {
	background-color:white;
	padding: 22px 0;
	border: solid 1px #CCCEBD;
	border-bottom: 0 none;
	min-height:400px;
	/*position:relative;*/
}

.ie6 #content {
	height:400px;
}

#footer {
	border: solid 1px #888;

	background-color:#666;
	padding:10px 0;
	text-align:center;
	color: white;
	clear:both;
}

#footer a {
	color:white
}

#footer p {
	margin:0;
}
#menu {
	position:absolute;
	bottom:-1px;
	right:-5px;
	height:33px;
	padding-right:10px;
	background: url(images/menu.png) no-repeat bottom right transparent;
}

#menu ul {
	/*display:inline;*/
	height: 28px;
	margin:0;
	padding:5px 0 0;
	overflow:hidden;
}

#menu li {
	display:inline;
	margin-right: 20px;
	height:28px;
	line-height: 28px;
	list-style-type:none;
	list-style-position:inside;
	font-size: 18px;
}

#menuleftedge {
	width:48px;
	height:32px;
	background: url(images/menu-left.png) no-repeat top right transparent;
	position:absolute;
	bottom:0;
	left:-48px;
}
#menu .current_page_item a {
	font-weight:bold;
}

.logo {
	position:absolute;
	top:12px;
	left:-5px;
}
.logo img {
	margin:0;
}

.post-body {
	line-height:1.5em;
}

.post-body p {
	margin-bottom: 1.5em;
}

#contenttop {
	height:24px;
	width:24px;
	position:absolute;
	bottom:-12px;
	/*border:solid 1px red;*/
	left:-12px;
	background: url(images/body-top-left.gif) no-repeat bottom right transparent;
	/*background: url(images/contenttop.png) no-repeat left top transparent;*/
}

#footer li {
	display: inline;
	margin-left:20px;
}

#footer li:first-child {
	margin-left:0;
}

#footer ul {
	margin:0;
	padding: 0;
}

.search-box {
	position:absolute;
	top:0;
	right:0;
	width: 260px;
	height: 45px;
	padding: 0;
}

fieldset { border: 0 none}
form p { margin-bottom: 3px;overflow: hidden;}

.searchstring {
	margin:0;
	padding:0;
	border:0 none;
	width:190px;
	background: url(images/searchtext.gif) no-repeat left top transparent;
	padding:3px 45px 9px 6px;
	font-size: 12px;
	position:absolute;
	top: 9px;
	left: 10px;
	color: #aaa;
}
.searchstring.focused {
	color: #000;
}

.searchbutton {
	position:absolute;
	top: 9px;
	right: 10px;

	width: 40px;
	height: 24px;
	overflow: hidden;
	border: 0 none;
	padding: 0 0 0 40px;
	margin: 0;
	cursor:pointer;
	background:#FFFFFF url(images/searchbutton.gif) no-repeat scroll left top;
	text-indent: 50px;
}

#posts dl,
#posts dd { margin: 0; }
#posts dt {
	clear:both;
	position:relative;
	z-index:0;
	min-width:120px;
}
#posts dd { padding-left: 2px;}

.accordionList dt {
	margin-bottom: 0.2em;
}

.morelinksmall,
.more-link,
.more_link_small {
	display:block;
	text-align:right;
	font-size: 14px;
	/*margin-bottom: 1em;*/
}
.morelinksmall a,
.morelinksmall span,
.more-link span,
.more_link_small a{
	background: url(images/morearrow.gif) no-repeat left center transparent;
	padding-left: 18px;
}

.more_link {
	clear:both;
	float:right;
	background: url(images/morearrow.gif) left center transparent no-repeat;
	padding-left:16px;
	font-size: 16px;
}

.post-nav-link {
	border-top:solid 1px #ddd;
	padding-top:1em;
	margin-top: 1em;
	font-size: 18px;
	text-align:right
}

.single-cat-title h1 {
	font-size: 18pt;
	color: #660000;
	padding-bottom: 0.25em;
	border-bottom: solid 1px #ddd;
}

.widget_wpAmember {
	padding: 5px 10px;
	border: solid 1px #ccc
}

#a_password,
#a_login {
	width: 145px;
	border: solid 1px #ccc;
	padding: 3px 5px;
}

#footer .home-link {
	background: url(images/boiled_16_home.png) no-repeat left center transparent;
	padding-left: 24px;
}

#footer .forum-link {
	background: url(images/boiled_16_usergroup.png) no-repeat left center transparent;
	padding-left: 24px;
}

.widgettitle {
	font-size: 18px;
	margin-bottom: 1em;
}
.widget {
	margin-bottom: 40px;
	overflow:hidden;
}
.widget ul {
	line-height:1.25em;
	margin: 0;
	padding: 0;
	min-width:100px;
}
.ie6 .widget ul {
	height:1px;
}


.widget ul ul{		margin: 0.5em 0 0 1.25em;}
.widget ul ul ul{	margin-top: 0;}

.widget ul li {
	list-style-type: none;
	margin-bottom:3px;
}
.widget ul ul li {
	margin-bottom:0;
}

a.button,
.accordionList dt a,
.widget ul li a {
	padding:0.5em;
	display: block;
	background-color: #E7E8E0;
}

.widget ul ul li a{
	background-color: transparent;
	padding:0.25em;
	font-weight: normal;
}
.accordionList dt a:hover,
.accordionList dt a:active,
.accordionList dt a:focus,
a.button:hover,
.forumLinks li.over,
.forumLinks li:hover,
.forumLinks li a:hover,
.widget ul li.current_page_item a,
.widget ul li.current-cat a,
.widget ul li a:hover{
	background-color: #DCEFF6;
	color: #444;
	text-decoration:none;
}

.widget ul li li.current_page_item  a,
.widget ul li.current_page_item li a:hover,
.widget ul li.current-cat li a:hover,
.widget ul li li.current-cat a,
.widget ul ul li a:hover{
	background-color: transparent;
	text-decoration:underline;
}

.widget ul li.current_page_item li a,
.widget ul li.current-cat li a {
	text-decoration:none;
	background-color: transparent;
}

/*
$folder = images;
*/

#posts {
	background: url(images/fold-top-left.gif) 10px 0 no-repeat transparent;
	overflow:hidden;
	width:680px;
	display:inline;
	float:left;
	margin-bottom:20px;
	padding-left:40px;
	padding-top: 20px;
}

#sidebar {
	background: url(images/fold-top-right.gif) top right no-repeat #fff;
	width:180px;
	margin-left:760px;
	padding:20px 30px 0 0;
}

.no-folds #sidebar,
.no-folds #posts {
	background-image: none;
	padding-top: 0;
}

.post-body {
	line-height:1.5em;
}
.post-tags,
.post-cats {
	font-size:14px;
	display:block;
	line-height:2em;
	color: #999;
}

.page-links {
	text-align:right;
	margin-bottom:1em;
}
.page-links span {
	margin: 0 5px;
}

.page-links a span {
	font-size:22px;
}

.post-meta {
	clear:both;
	text-align:right;
	color:#aaa;
}
.taxonomy {
	clear:both;
	background-color: #f9f9f9;
	margin-top: 0.5em;
	border: solid 1px #E7E8E0;
	padding: 0 0.5em;
}
.post-meta a {color: #aaa}
.post-meta a:hover {color: #999}


.post {
	margin-top:1.5em;
	/*border-top: solid 1px #ddd;*/
	padding-top: 1.5em;
}

div.first-post,
.post:first-child {
	margin-top:0;
	border-top:0px;
	padding-top:0;
}

#comments-block {
	margin-top:1.5em;
	border-top: solid 1px #ddd;
	padding-top: 1.5em;
}
.comment-header {
	line-height:24px;
}

.comment-footer {
	line-height:24px;
	text-align: right;
}
.comment-header .avatar {
	vertical-align:top
}

#commentlist li {
	border-bottom: solid 1px #ddd;
	border-top:solid 1px #ddd;
	margin-bottom:1em;
	padding: 1em 0.5em;
}

#commentlist li.alternate {
	background-color:#f9f9f9;
}

#commentlist li.author {
	background-color:#ffe;
	border-color: yellow;
}
.edit-post {
	text-align:right;
}

#comments_rss_link {
	line-height: 16px;
	vertical-align:middle;
	text-align:right;
}
#comments_rss_link img {
	vertical-align:bottom
}

.new-comment {
	margin-top:3em;
}

form#commentform #comment {
	width:678px;
	border:solid 1px #ccc;
}

form#commentform .submit {
	float:right;
}

#footerbar {
	width: 900px;
	border-top:1px solid #e6e6e6;
	padding-top:20px;
	margin-left:40px;
}

#footerbar .widget {
	width: 220px;
	margin: 0 0 10px 120px;
	display:inline;
	float:left;
}

/*This will not work in IE6 so I have had to add another div inside #footerbar and give it a -20px margin and set its width to 960px from 940px. You will find this in the ie.css file.*/

#footerbar .widget:first-child {
	margin-left:0;
}


#wp-calendar {
	width:100%;
}
#tag_cloud a {
	line-height:1.2em;
	height:auto;
	vertical-align:middle;
}

.theme_preview {
	width:680px;
	background: url(images/theme_header.png) no-repeat left top white;
	margin:40px 0;
	line-height: 1.5em;
}

.theme_preview h1 {
	margin: 0 20px 0 10px;
	padding: 3px 40px 0 10px;
	background: url(images/theme_title.png) no-repeat right top transparent;
	display:inline;
	float:left;
	height:27px;
}

.theme_excerpt {
	width:420px;
	float:left;
	margin-bottom:22px;
}
.theme_body {
	padding: 20px 20px 0 20px;
	overflow:hidden;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	width:628px;
	clear:both;
	position:relative;
}
.theme_body p {
	margin:0 0 20px 0;
}

.theme_demo,
.theme_download {
	float:right;
	clear:right;
	width:200px;
	text-align:center;
	margin-bottom:22px;
}

.post-body .theme_demo,
.post-body .theme_download {
	float:left;
	clear:none;
	margin:1em 0 1em 96px;
}

.theme_tags {
	background: url(images/theme_tags.gif) bottom left no-repeat #999;
	color: white;
	padding: 0px 20px;
	font-size: 10pt;
	line-height: 1.5em;
}

.theme_tags a {
	color: white;
}

.theme_image {
	margin-bottom: 20px;
	float:right;
	width:200px;
	height:150px;
	display:block;
	overflow:hidden;
	position: relative;
}

.picture_frame {
	width:200px;
	height:150px;
	display:block;
	overflow:hidden;
	position: absolute;
	top: 0;
	left:0;
	cursor: pointer;
	z-index: 10;
	background:url(images/smallframe.png) no-repeat left top transparent;
}

.theme_demo,
.theme_download {
	background: url(images/button.gif) center center no-repeat white;
	vertical-align: middle;
	height:22px;
	line-height:22px;
}

.theme_demo:hover,
.theme_download:hover {
	text-decoration:none;
	background: url(images/button_hover.gif) center top no-repeat white;
}

#homeheadbar h1 {
	margin-bottom: 10px;
}

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

.forumLinks li {
	background: url(images/boiled_16_usergroup.png) no-repeat 5px center #E7E8E0;
	padding: 5px 5px 5px 26px;
	margin-bottom: 3px;
}
.forumLinks li a{
	display: block;
}

.latestForum {
	margin-top: 2em;
}

ul.cross li.tick,
ul.cross li,
ul.tick li {
	list-style-type: none;
	line-height: 24px;
	padding-left: 24px;
	background: url(images/boiled_16_accept.png) no-repeat left center transparent;
}

ul.cross li,
ul li.cross {
	list-style-type: none;
	line-height: 24px;
	padding-left: 24px;
	background: url(images/boiled_16_delete.png) no-repeat left center transparent;
}

#posts table {
	width: 99.9%;
	border-collapse: collapse;
	border:double 3px #ccc;
}
	#posts tbody tr.alternate {
		background-color: #f9f9f9;
	}

	#posts td {
		padding: 0.5em 1em;
		vertical-align: top;
	}
	#posts th {
		vertical-align:middle;
		border-bottom:double 3px #ccc
	}

	#posts tbody td {
		border-left: solid 1px #ccc;
	}

	#posts tfoot td {
		border-top:double 3px #ccc;
	}

.post-title h1 {
	font-size: 22px;
}

.star-item h3 {
	background: url(images/boiled_16_favourites.png) no-repeat left center transparent;
	padding-left: 24px;
}

.advantages h3 {
	background: url(images/boiled_16_charts.png) no-repeat left center transparent;
	padding-left: 24px;
}

.view h3 {
	background: url(images/boiled_16_listview.png) no-repeat left center transparent;
	padding-left: 24px;
}

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

.right-column {
	width:320px;
	margin-left:360px;
}

.error404 #content {
	background: #FFFFFF url(images/lost.jpg) no-repeat scroll 40px bottom
}

#homeheadbar {
	width: 720px;
	height:200px;
	overflow:hidden;
	position:relative;
	/*margin-left:20px;*/
	left: 20px;
}
/*body.home #homeheadbar { width: 900px}*/

#homeheadbar .activeWidget {
	margin:0;
	overflow:hidden;
	background: url(images/fold-top-left-trans.png) no-repeat left top transparent;
}

#homeheadbar .widget {
	height:200px;
}


.homeHeadBarRight {
	background: url(images/tab.png) no-repeat 0 0 transparent;
	position: absolute;
	right: 8px;
	top: 0;
	z-index: 10;
	width: 240px;
	height: 200px;
	text-align:center;
}

.homeHeadBarRight img {
	position:absolute;
	top:20px;
	right:55px;
}

.portfolio {
	border-style: solid;
	border-color: #E7E8E0;
}

.wp-caption {
	text-align: center;
	padding: 5px 0 10px;
	background: url(images/caption-bg-bottom.gif) no-repeat center bottom #FFF ;
}

div.wp-caption.alignright {
	text-align: center;
	margin: 10px 0px 10px 10px;
	padding: 5px 0 0 10px;
	background: url(images/fold-bot-left.gif) no-repeat left bottom #FFF;
}

div.wp-caption.alignleft {
	text-align: center;
	margin: 10px 10px 10px 0px;
	padding: 5px 10px 0 0;
	background: url(images/fold-bot-right.gif) no-repeat right bottom #fff;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 1em;
	line-height: 17px;
	font-weight: bold;
	padding: 8px;
	margin: 0;
}

.post-body blockquote p {
	margin-bottom: 0.5em;
}
.searchform,
#sidebar .widget_search {
	position:relative;
	height:40px;
}

#posts .searchstring,
#sidebar .widget_search .searchstring{
	left:0;
}

#sidebar .widget_search .searchstring{
	width:128px;
}

#posts .searchbutton,
#sidebar .widget_search .searchbutton{
	right:0;
}

#posts .searchform {
	width:240px;
}



/* Contact form */
#contactform label { width: 250px; float: left;}
#contactform p.paragraph { font-size: 18px; margin-top: 18px; margin-bottom: 0;}
#contactform .contactformrow { width: 100%; margin-bottom: 0.5em; overflow: hidden;}
#contactform .text { width: 428px; border: solid 1px silver; font-size: 12px; line-height: 14px; padding: 2px 0;}
#contactform #div_icit_submit_3 { text-align: right; }
#contactform #icit_postcode { width: 100px;}
#contactform #div_contactform_recipient {display: none;}
#contactform #label_icit_text { width: 100%; display:block; float: none; font-size: 18px; line-height: 1.25em; margin-top: 18px;}
#contactform .textarea { width: 678px; padding: 4px 0; }
.submit,
#contactform .submit { border: solid 1px silver; font-size: 12px; padding: 1px 3px; background-color: #eee; cursor: pointer;}

#contactform #div_icit_newsletter { padding: 0; width: 678px; margin-top: 18px; line-height: 18px; background-color: #DCEFF6; color: black; font-weight: normal; border: solid 1px silver;}
#contactform #icit_newsletter { height: 18px; margin: 2px 0;}
#contactform #label_icit_newsletter { display: block; float: left; width: 655px; padding: 2px 3px;}