/*
Theme Name: The Colour
Description: Custom theme for The Colour
Version: 1.0
Author: Stephen Merriman
*/

.clear {
	clear: both;
	font-size: 0px;
	height:1%;
	line-height:0;
}
a img {
	border: none;
}
a:link, a:visited {
	text-decoration: none;
	color:#000;
}
#container a:hover, a:active {
	text-decoration: none !important;
	color:#000;
}
p {margin-top:0;margin-bottom:1.4em;line-height:1.6em;}
.post .content ul {margin-bottom:1.4em;}
.post .content ul li {line-height:1.6em;}
.alignleft {
	float:left;display:inline;margin:0 12px 8px 0;
}
.alignright {
	float:right;display:inline;margin:0 0 8px 12px;
}
.aligncenter {display:block;margin:0 auto;}
body,input,textarea,select {font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande","Lucida Sans", Arial, sans-serif;font-size:12px;color:#000;}
.post .actions .popup {font-family:Verdana, Arial, Helvetica, sans-serif;}

#container .dotted-blue {background-image:url(images/dotted-blue.gif) !important;}
#container .dotted-dblue {background-image:url(images/dotted-dblue.gif) !important;}
#container .dotted-green {background-image:url(images/dotted-green.gif) !important;}
#container .dotted-pink {background-image:url(images/dotted-pink.gif) !important;}
#container .dotted-yellow {background-image:url(images/dotted-yellow.gif) !important;}
#container .dotted-off {background-image:url(images/dotted.gif) !important;}
#container #right ul li.off {background-image:url(images/dotted-faint.gif) !important;}

body {
	text-align: left;
	margin:0;
	color:#000;
}
#container {
	padding-bottom:20px;
}
#container { min-width: 1060px; max-width: 1660px;width:expression(document.body.clientWidth < 1060 ? "1060px" : document.body.clientWidth > 1660? "1660px" : "auto");} 
#main, #main2 {
	width:100%;float:left;margin-right:-140px;
}
#content, #content2 {
	margin-right:150px;height:1%;
}
#right {
	float:right;display:inline;width:140px;margin-bottom:20px;
}

#header .headlinks {
	border-bottom:1px solid #e0e0e0;line-height:41px;padding-right:50px;
}
#header .headlinks ul {margin:0;padding:0;list-style:none;float:right;display:inline;}
#header .headlinks ul li {margin:0 0 0 5px;padding:0;float:left;display:inline;}

#header .logoimg {margin:26px 0 21px 20px;padding:0;float:left;display:inline;width:334px;}
#header .logoimg a {text-indent:-9999px;background:url(images/the-colour-logo-short.jpg) top left no-repeat;width:334px;height:82px;outline:none;display:block;}
#header h2 {display:none;}
#header .banner {float:right;display:inline;width:728px;margin:20px 50px 5px 0;}
#header .topbar {margin-bottom:10px;background-position:top left;text-align:right;}
#header .topbar a.addimage {width:108px;height:26px;background:url(images/addimage.png) top left no-repeat;display:inline;float:right;margin:5px 150px 5px 0;padding:2px 4px 4px 27px;text-align:center;line-height:26px;color:#ffff66;font-size:14px;}
#header .topbar a.addimage:hover, #header .topbar a.addimage:active {background-position:bottom left;text-decoration:none;}

#right ul {margin:0;padding:0;list-style:none;font-size:14px;}
#right ul li {margin:0;padding:0;line-height:34px;margin-bottom:5px;height:1%;}
#right ul li.smaller {line-height:24px;font-size:12px;}
#right ul li a, #right ul li span {display:block;background-position:top left;padding-left:8px;}
#right ul li.off a {color:#999;}
#right ul li.box a {background-image:url(images/dotted-blue.gif);}
#right ul li.twitter a {background-image:url(images/dotted-yellow.gif);}
#right ul li.why a {background-image:url(images/dotted-yellow.gif);}
#right ul li.why a:hover {background-image:url(images/dotted-green.gif);}
#right ul li a:hover, #right ul li a:active {text-decoration:none;color:#000;}
#right ul li.box a:hover {background-image:url(images/dotted-green.gif);}
#right ul li.twitter a:hover {background-image:url(images/dotted-green.gif);}
#right ul li.search {margin-left:9px;}
#right ul li.search form {margin:0;padding:0;}
#right ul li.search input.text {background:url(images/search.gif) top left no-repeat;width:78px;height:17px;border:none;font-size:11px;color:#999;padding:4px 7px 0 7px;}
.post {
	float:left;display:inline;width:280px;
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px;margin:0 0 22px 20px;
}
.mainimage {margin-bottom:5px;position:relative;width:280px;height:250px;}
.mainimage .mainimglink img {width:280px;height:250px;vertical-align:bottom;}
.mainimage .share-bg {
	height:33px;width:280px;top:0;left:0;position:absolute;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);		
	opacity:0.7;
	z-index:3;
	background:#000000;
}
.mainimage .import .share-bg {height:121px;}
.mainimage .import-ret .share-bg {height:60px;}
.mainimage .share, .mainimage .import, .mainimage .import-ret {
	position:absolute;top:217px;left:0;width:100%;z-index:5;
	height:33px;display:none;
}
.mainimage .import {top:129px;height:121px;}
.mainimage .import-ret {top:190px;height:60px;}
.mainimage .share .share-1, .post .share .share-2, .post .share .share-3 {z-index:5;position:relative;}
.mainimage .share .share-1 {padding:6px 0 0 6px;float:left;display:inline;width:140px;}
.mainimage .share .share-1 a img {vertical-align:bottom;}
.mainimage .share .share-2 {float:left;display:inline;width:71px;padding:35px 8px 0 14px;}
.mainimage .share .share-3 {padding:3px 6px 0 53px;float:left;display:inline;width:75px;}
.mainimage .share .share-3 a.comment {background:url(images/comment.png) top left no-repeat;width:69px;height:22px;display:block;padding:2px 4px 4px 2px;color:#fff;text-align:center;line-height:22px;}
.mainimage .share .share-3 a.comment:hover, .post .share .share-3 a.comment:active {background-position:bottom left;text-decoration:none;}

.mainimage .share ul {margin:0;padding:0;list-style:none;}
.mainimage .share li {margin:0;padding:0;float:left;display:inline;margin-right:4px;}

.mainimage .import, .mainimage .import-ret {color:#fff;font-size:12px;}
.mainimage .import .import-1, .mainimage .import-ret .import-1 {z-index:5;position:relative;padding:10px;}
.mainimage .import p, .mainimage .import-ret p {margin:0;}
.mainimage .import a.importaddresses {
	background:url(images/import.png) top left no-repeat;width:109px;height:22px;display:block;padding:2px 4px 4px 2px;color:#fff;text-align:center;line-height:22px;
}
.mainimage .import a.importaddresses:hover, .post .import a.importaddresses:active {
	background-position:bottom left;text-decoration:none;
}
.post .title a {color:#333;text-decoration:underline;font-size:12px;}
.post .title {color:#999;padding:0 5px;margin-bottom:5px;font-size:11px;}
.post .fixedheight {height:80px;overflow:hidden;}
.single .fixedheight {height:auto;overflow:auto;}
.post .content {color:#656565;padding:0 5px;margin-bottom:10px;}
.post .content p {margin:0;}
.actions .email {background-position:top left;float:left;display:inline;width:200px;height:35px;position:relative;}
.actions .email form {margin:0;padding:0;}
.actions .email input.text {position:absolute;left:6px;top:7px;height:21px;width:123px;background:url(images/email.gif) top left no-repeat;border:none;font-size:11px;padding:4px 7px 0 7px;color:#999;}
.actions .email input.submit {position:absolute;left:146px;top:5px;width:52px;height:27px;background:url(images/send.png) top left no-repeat;border:none;color:#fff;padding:2px 4px 4px 2px;cursor:pointer;}
.actions .email input.submiton {background-position:bottom left;}
.post .actions .comments {float:right;display:inline;width:37px;margin-left:5px;position:relative;}
.post .actions .heart {float:right;display:inline;width:33px;margin-left:5px;position:relative;}
.post .actions .comments a {background-position:top left;}
.post .actions .comments a, .post .actions .heart {
	display:block;font-size:9px;color:#fff;
}
.post .actions .comments a span {
	display:block;width:37px;background:url(images/icon-comments.gif) center center no-repeat;
	line-height:33px;padding-top:2px;text-align:center;cursor:pointer;
}
.post .actions .heart .post-ratings {position:relative;text-align:center;padding:6px 0;}

.post .actions .heart .post-ratings span {
	position:absolute;width:31px;padding-left:1px;left:0;top:0;
	line-height:33px;padding-top:2px;text-align:center;cursor:pointer;
}
.post .actions .comments a:hover, .post .actions .comments a:active {
	text-decoration:none;
}
.post .actions .popup {display:none;position:absolute;top:-28px;left:0;font-size:9px;color:#fff;text-align:center;line-height:23px;}
.post .actions .comments .popup {left:-15px;background:url(images/comments-popup.gif) top left no-repeat;width:65px;height:28px;}
.post .actions .heart .popup {left:-2px;background:url(images/heart-popup.gif) top left no-repeat;width:37px;height:28px;}

.botbar {padding-left:20px;margin-bottom:15px;}
.botbar {margin-bottom:10px;background-position:top left;text-align:right;}
.botbar a {width:91px;height:26px;background:url(images/showmore.png) top left no-repeat;display:inline;float:left;margin:5px 150px 5px 0;padding:2px 4px 4px 27px;text-align:center;line-height:26px;color:#fff;font-size:14px;}
.botbar a:hover, #header .botbar a:active {background-position:bottom left;text-decoration:none;}


#footer {padding-left:20px;color:#999;}
#footer a, #footer span {margin:0 5px;color:#999;}
#footer .first {margin-left:0;}

.ad {
	float:left;display:inline;width:300px;margin-left:10px;margin-right:-10px;
}
#posts .ad {height:381px;margin-bottom:22px;}

.ad .content {text-align:center;margin-top:5px;color:#999;}
.ad .content a {text-decoration:underline;color:#333;margin:0 8px;}
.ad .content span {margin:0 8px;}

#header .headlinks a.loginbutton {display:block;background:url(images/login.png) top left no-repeat;line-height:26px;padding-bottom:2px;width:111px;outline:none;color:#fff;margin-top:5px;text-align:center;}
#header .headlinks a.loginbutton:hover, #header .headlinks a.loginbutton:active {background-position:bottom left;text-decoration:none;}
#header .headlinks a.loginbutton span {color:#cbcbcb;}
#header .headlinks #twc_connect button {margin:5px 0 0 0;padding:0;}

#header .headlinks #fbc_login span {display:none;}
#header .headlinks .fbc_connect_button_area {float:none;margin:0;}
#header .headlinks .fbc_connect_button_area br {display:none;}
#header .headlinks .loggedin li {margin-left:20px;}
#header .headlinks .loggedin li a {text-decoration:underline;}

.fbc_loginstate_top {display:none;}

.single .post {width:570px;margin-right:10px;padding-bottom:20px;}
.single .post .mainimage {float:left;display:inline;width:280px;margin-right:10px;}
.single .post .post-main {float:right;display:inline;width:280px;}
.single .ad {margin:0;}
.single .cats {margin-top:10px;color:#999;padding:0 5px;font-size:11px;}
.single .cats p {margin:0 0 3px 0;}
.single .cats p a {font-size:12px;text-decoration:underline;}

.commentsection {margin-left:20px;width:570px;}
.commentlist {margin:0;padding:0;list-style:none;}
.commentlist li {margin:0;padding:0;}
.comment .avatar {float:left;display:inline;width:48px;margin-bottom:20px;}
.comment .comright {margin-left:68px;}
.comment .comright .commeta {font-size:11px;color:#999;margin-bottom:5px;}
.comment .comright .commeta a {font-size:12px;text-decoration:underline;}
.comment .comright .commeta span {font-size:12px;}
.comment .comcontent {color:#656565;}
p.nocomments {margin-left:68px;}


#respond {background:url(images/dotted.gif) top left;margin-left:68px;padding:10px;margin-bottom:20px;}
#respond textarea {width:470px;background:url(images/comta.png) top left no-repeat;border:none;height:51px;margin:0;padding:5px;color:#999;font-size:11px;}
#respond p {margin:0 0 6px 0;}
#respond p.submit {text-align:right;}

h3.section {line-height:34px;font-weight:normal;font-size:14px;margin:0 0 10px 0;padding-left:20px;width:280px;}
h3.section span.heart-before {float:left;display:inline;}
h3.section span.heart-mid {float:left;display:inline;background:url(images/icon-heart.gif) center center no-repeat;width:24px;font-size:9px;color:#fff;text-align:center;margin:0 5px;}

.profile .profilepost {width:570px;padding-bottom:20px;margin:0 10px 22px 20px;border-bottom:1px solid #e1e1e1;float:left;display:inline;}
.profile .mainimage {width:280px;float:left;display:inline;margin-right:10px;text-align:center;}
.profile .mainimage .import, .profile .mainimage .import-ret {text-align:left;}
.profile .profile-main {width:280px;float:right;display:inline;}
.profile h2.title {font-size:14px;font-weight:normal;margin:0 0 10px 0;}
.profile .content {color:#656565;}
.profile .content p {margin-bottom:1em;}
.profile .ad {margin:0;}

.profile .actions .email {width:280px;}
.profile .actions .email input.text {right:57px;left:auto;}
.profile .actions .email input.submit {right:2px;left:auto;}
.profile .actions .email span.text {display:block;line-height:31px;padding-left:4px;padding-top:3px;color:#656565;}

.page {margin-left:20px;}
.page h2.title {font-size:16px;font-weight:normal;margin:0 0 15px 0;}
.page a {text-decoration:underline;}

p.nomessage {margin-left:20px;}
p.nomessage a {text-decoration:underline;}

#TB_title {display:none;}

#main h1 {font-size:14px;font-weight:normal;color:#656565;margin:0 0 10px 20px;}

#content #profile th {vertical-align:top;padding-right:10px;width:150px;}