/*
Theme Name: Mattian April 2010
Theme URI: http://www.mattian.co.uk
Description: Refreshed grey mattian
Version: 1
Author: Matthew Setchell
*/

.social {
	padding:0 0 15px;
	
	margin-top:-15px;
}
 .social img {
	border:none;
	margin:5px 5px 0 0;
}

.social {
	font-size:11px;
	display:block;
	padding-top:15px;
	margin-top:10px;
	}
.social img {
	vertical-align:middle;
	margin-right:5px;
}

div#contenthome {
	width:auto;
}
div#contentpage {
	width:75%;
}
div#contentpagehome {
	width:100%;
}
/* clearing & floating */
.clearingfix:after {
	content:".";
	display:block;
	line-height:0px;
	clear:both;
	visibility:hidden;
}
.clearingfix {
	display:block;
}
.floatbox {
	overflow:hidden;
}
/* alignments */
.alignleft {
	float:left;
	margin:0 20px 0 0;
}
.alignright {
	float:right;
	margin:0 0 0 20px;
}
/* welcome */
div.welcome {
	background:url(images/green-hosting.jpg) 100% 0 no-repeat;
	padding:0 220px 10px 0;
	margin:0 0 10px 0;
}
div.welcome h1, div.welcome h2 {
	font-weight:normal;
	
	margin:0;
}
div.welcome h1 span, div.welcome h2 span {
	color:#3d821c;
}
/* page */
div.page {
	padding:0 10px 10px 0;
	margin:0 0 10px 0;
}
div.page h1, div.page h2 {
	font-weight:normal;
	text-transform:none;
	border-bottom: 1px solid #eee;
	margin:0;
}
div.page h1 span, div.page h2 span {
	color:#3d821c;
}
/* benefits box */
div.benefits {
	background:url(images/benefits-top.jpg) 0 0 no-repeat;
	padding:15px 0 0 0;
}
div.benefits-bg {
	background:url(images/benefits-bg.jpg) 0 100% no-repeat;
	padding:0 13px 15px 13px;
}
div.benefits h3 {
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 20px 0;
}
div.benefits ul {
	list-style:none;
	margin:5px 10px;
}
div.benefits ul li {
	background: 7px 50% no-repeat;
	padding:10px 0 8px 10px;
	border-bottom:#d4d3d3 1px solid;
}
div.benefits ul li a {
	font-size:17px;
	color:#282828;
}
/* signup */
a.signup {
	background:url(images/signup-bg.png) 0 0 no-repeat;
	color:#FFF;
	width:55px;
	display:block;
	padding:0px 10px;
	line-height:16px;
	height:18px;
	margin:10px 0 0 0;
	float:right;
}
/* features box */
div.boxhome {
	background:url(images/box-top.jpg) 0 0 no-repeat;
	padding:10px 0 0 0;
}
div.boxhome-bg {
	background:url(images/box-bg.jpg) 0 100% no-repeat;
	padding:0 10px 10px 10px;
}
/* features */
ul.features {
	list-style:none;
}
ul.features li {
	float:left;
	width:240px;
	margin:10px 15px;
	height:60px;
}
* html ul.features li {
	margin:10px 10px;
}
ul.features li img.features-icon {
	float:left;
	width:50px;
}
ul.features li div.details {
	float:right;
	width:180px;
}
ul.features li div.details h4 {
	margin:0;
}
/* main body setup */
div#middle {
	width:auto;
	margin:0px 0px 0px 0px;
	clear:both;
	border:#C6C6C6 1px solid;
	padding:20px;
}
/* right column */
div#right {
	width:277px;
	padding:0px 0px 0px 18px;
	float:right;
}
* html div#right {
	padding:0px 0px 0px 15px;
}
/* content column */
div#main {
	width:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#mainmiddle {
	margin:0px 0px 0px 0px;
}
div#contenthome {
	width:auto;
}
#products img {
	margin:0 25px 10px 0;
	cursor:pointer;
}
.description {
	background-color:#fcfcfc;
	border:1px solid #c6c6c6 ;
	width:840px;
	min-height:140px;
	display:none;
	margin-top:17px;
	-moz-border-radius:4px;
	padding:0 20px;
}

ul.description li {
margin-left:20px;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#282828;
	line-height:100%;
}
h1 {
	font-size:28px;
}
h2 {
	font-size:23px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:15px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:11px;
}
.description .arrow {
	width:34px;
	height:34px;
	background:transparent url(/wp-content/images/yellow.png) repeat scroll 0 -68px;
	margin-top:-28px;
	margin-left:36px;
	font-size:1px;
	position:relative;
}
#commercial .arrow {
	margin-left:210px;
}
#multidomain .arrow {
	margin-left:385px;
}
#upgrades .arrow {
	margin-left:550px;
}

#networking .arrow {
	margin-left:715px;
}
blockquote, pre {
	background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}
h4 {
	margin: 0 0 15px;
	color: #555;
	font-weight: normal;
	font-size: 1.6em;
	font-weight: normal;
}
 h4 a. {
margin: 0 0 15px;
color: #555;
font-weight: normal;
font-size: 1.6em;
font-weight: normal;
}
img {
	border:0;
}
.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.fixed, .clear {
	clear:both;
}
* {
	margin: 0;
	padding: 0;
}
*  body {
	font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1.6em;
	background: #fff url(images/bg.gif) repeat-x;
	color: #333333;
}
a {
	color: #9900CC;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #808080;
	background: inherit;
	text-decoration: underline;
}
p {
	margin: 0 0 15px 0;
}
.leftalign {
	float:left;
	margin:5px 10px 5px 0;
}
img .rightalign {
	float:right;
	margin:5px 5px 5px 10px;
}
img {
	border: 0;
}
#content {
	width: 930px;
	margin: 25px auto;
}
#pagecontent li {
	margin: 10px 0 0 25px;
}
#logo {
	margin: 10px 0 20px 0;
	width: 340px;
	float: left;
}
#logo p {
	margin: 0;
}
#menu {
	float: right;
	padding: 40px 0 0;
	margin: 0 0 38px;
}
#menu li {
	font-size: 1.1em;
	display: inline;
}
#menu li a {
	background: #fff url(images/button_grey.gif) no-repeat;
	float: left;
	width: 87px;
	padding: 2px 0 7px;
	text-align: center;
	margin: 0 0 0 10px;
	color: #636365;
}
#menu li a.current {
	background: #fff url(images/button.gif) no-repeat;
	color: #fff;
}
#menu li a:hover {
	text-decoration: none;
	color: #000;
	background: #fff url(images/button_grey.gif) no-repeat;
}
.clear {
	clear: both;
}
.caption {
	background: #fff url(images/title.gif) no-repeat;
	padding: 2px 0 0 18px;
	height: 35px;
	color: #fff;
}
.caption p {
	margin: 0;
}
#left {
	margin: 0 0 20px;
	clear: left;
	width: 270px;
	float: left;
}
.box {
	background: #eee;
}
#left img {
	padding: 6px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.smallthumb {
	width: 109px;
}
#center {
	width: 240px;
	float: left;
	margin: 0 0 20px 15px;
}
#pagenav {
	width: 240px;
	float: left;
	margin: 0 0 20px 0px;
#ffffff;
	border: 1px #CCCCCC;
}
#pagenav li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	line-height: 26px;
}
#pagenav li a {
	padding: 0 0px;
}
#pagecontent {
	float: right;
	width: 680px;
}
#pagecontent404 {
	float: right;
	width: 930px;
}
#pagecontent table {
	border:1px solid #eee;
	margin-bottom:20px;
}
#pagecontent th {
	background:#eee;
	padding:5px 15px 5px 15px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #eee;
	font-size: 16px;
}
#pagecontent td {
	border-bottom:1px solid #eee;
	padding:5px 15px 5px 15px;
	border-right:1px solid #eee;
}
#right {
	float: right;
	width: 380px;
}
.date {
	font-size: .8em;
	border-top: 1px solid #eee;
	padding: 5px 0 0;
}
.box {
	background: #eee;
	padding: 10px;
}
.box li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	line-height: 26px;
}
.box li a {
	padding: 0 5px;
}
#footer {
	font-size: .84em;
	clear: both;
	padding: 15px;
	background: #eee;
}
#footer a {
	color: #444;
}
/* BLOG SPEC START HERE*/

/* titles */
.post h2.title, .attachment h2.title,  .page h2.title, .page h2.title {
	font-family: "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;
	font-size: 250%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	letter-spacing: -0.04em;
}
.post h2.title a {
	color: #000;
	text-decoration: none;
}
.post h2.title a:hover {
	background: none;
	color: #ed1f24;
}
.post h3.title, .attachment h3.title {
	font-family: "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;
	font-size: 200%;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	letter-spacing: normal;
}
.post h3.title a {
	color: #000;
	text-decoration: none;
}
.post h3.title a:hover {
	background: none;
	color: #ed1f24;
}
/* post header */







.post .postheader, .attachment .postheader {
	display: block;
	position: relative;
}
.post p.postcategory, .attachment p.postcategory {
	color: #e5e5e5;
}
.post .postinfo, .attachment .postinfo {
	background: #e2e3e3 url(images/postinfo-bg.gif) repeat-x left top;
}
.post .postinfo p, .attachment .postinfo p {
	padding: .4em .8em;
}
/* post body */







.post .postbody, .attachment .postbody {
	clear: left;
	display: block;
}
.post p.postcontrols, .attachment p.postcontrols {
	color: #e5e5e5;
	float: right;
	margin: 0;
}
.post .tags, .attachment p.postcontrols {
	float: left;
	display: block;
	padding-left: 19px;
	margin: 0;
	background:transparent url(images/post-icons.png) no-repeat 0 top;
}
.post p.postcontrols a, .post p.postcategory a,  .attachment p.postcontrols a, .attachment p.postcategory a {
	padding: 0 2px;
}
/* comments link */







a.comments, .post p.postcontrols a.comments {
	background:transparent url(images/post-icons.png) no-repeat 2px bottom;
	padding-left: 19px;
	color:#ed1f24;
}
a.comments:hover, .post p.postcontrols a.comments:hover {
	background: #ed1f24;
	color: #fff;
}
a.no.comments, .post p.postcontrols a.no.comments {
	color: #2d83d5;
}
a.no.comments:hover, .post p.postcontrols a.no.comments:hover {
	background-color: #2d83d5;
	color: #fff;
}
/* comments */







ol#comments, ol#comments li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ol#comments ul.children {
	margin: 0;
	padding: 0;
}
li.comment {
	background: transparent url(images/comment-div-bg.png) repeat-y left bottom;
	list-style-position: outside; /* ie 7 bugfix */
	display: block;
	position: relative;
	min-height: 110px;
}
li.comment .wrap {
	background: transparent url(images/comment-div-start.png) no-repeat left top;
	min-height:110px;
	height:auto !important; /* ie6 ignores it */
	height:110px; /* fix */
}
li.comment.with-avatars {
	background-position: 96px bottom;
}
li.comment.with-avatars .wrap {
	background-position: 96px top;
}
/* gravatar */



li.comment .avatar {
	float: left;
	width: auto !important;
	padding-top:6px;
	padding-left: 8px;
}
li.comment .avatar img {
	padding: 3px;
	margin: 4px 10px;
	border: 1px solid #E7E8E6;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
li.comment .details {
	display: block;
	margin-left: 12px;
}
li.comment.with-avatars .details {
	margin-left: 108px;
}
li.comment .details .head {
	background: #f7f8f8 url(images/postinfo-bg.gif) repeat-x left bottom;
	padding: 2px 10px 6px 10px;
	margin: 0;
	display: block;
	color: #8f9090;
}
li.comment .details.admincomment .head {
	background: #59b2e4 url(images/postinfo-bg-admin.gif) repeat-x left bottom;
	color: #fff;
}
li.comment .details.admincomment .head a {
	color: #fff;
}
li.comment .details.admincomment .head a:hover {
	background: none;
	color: #fcb722;
}
/* comment rate links, pligg only */







span.rate {
	right: 8px;
	position: absolute;
}
span.rate a.karma {
	font-family: "Arial Black", Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
	padding: 0;
}
span.rate a.karma.negative {
	color:#ed2124;
}
span.rate a.karma.positive {
	color:#6fb23c;
}
span.rate a.karma:hover {
	background: none;
}
span.rate a.ratelink {
	padding: 4px;
	text-decoration: none;
}
span.rate a.ratelink.up {
	background: transparent url(images/thumb-up.gif) no-repeat left center;
}
span.rate a.ratelink.down {
	background: transparent url(images/thumb-down.gif) no-repeat left center;
}
li.comment .details .text {
	background: transparent url(images/comment-bg.png) repeat-x left top;
	padding: .3em .8em;
	margin-top: 3px;
	min-height: 64px;
	font-size: 90%;
	color: #4e5359;
}
li.comment .details.admincomment .text {
	background: #f0f0f0 url(images/comment-bg-admin.png) repeat-x left top;
}
div.act {
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	margin-top: 50px;
	font-size: 110%;
	text-transform: uppercase;
}
span.button a {
	background: transparent url(images/button-bg.png) no-repeat right top;
	display: block;
	height: 31px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
	font-size: 13px;
}
span.button a span {
	float: left;
	height: 31px;
	display: block;
	padding: 0 10px 0 25px;
}
span.quote a span {
	background: transparent url(images/button-quote.png) no-repeat left top;
}
span.reply a span {
	background: transparent url(images/button-reply.png) no-repeat left top;
}
span.submit a span {
	background: transparent url(images/button-submit.png) no-repeat left top;
}
span.button a span span {
	background: none;
	display: block;
	padding: 6px 10px 0px 10px;
	height: auto;
}
span.button a:hover {
	background-position: right bottom;
}
span.button a:hover span {
	background-position: left bottom;
}
.post .postheader {
	display: block;
	margin-left:0;
}
.entry img, .attachment img, .navigation .alignleft img, .navigation .alignright img {
	padding: 3px;
	margin: 4px 10px;
	border: 1px solid #E7E8E6;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
.entry img.alignleft, .attachment img.alignleft {
	margin-left: 0;
}
.entry img.alignright, .attachment img.alignright {
	margin-right: 0;
}
.entry img.aligncenter, .attachment img.aligncenter {
	margin: 0 auto;
	text-align: center;
}
.attachment-entry {
	text-align: center;
}
.attachment div.caption {
	background:#F7F7F7;
	border: 1px solid #E7E8E6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top:5px;
	margin:4px 10px;
	text-align:center;
	color: #8d8b8b;
	min-width: 0; /* ie7 peakaboo fix */
}
/* no border on smilies */



img.wp-smiley, .entry img.wp-smiley, .attachment img.wp-smiley {
	padding: 0;
	margin: 0;
	border: 0;
}
.wp-caption {
	background:#F7F7F7;
	border: 1px solid #E7E8E6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top:5px;
	margin:4px 10px;
	text-align:center;
	color: #8d8b8b;
}
.wp-caption img, .entry .wp-caption img, .attachment .wp-caption img {
	margin: 0;
	border: 0;
	padding: 0;
}
.wp-caption.alignleft {
	margin-left: 0;
}
.wp-caption.alignright {
	margin-right: 0;
}
.navigation {
	font-size: 80%;
	color: #c4c3c1;
	margin: 0;
	padding: 0;
}
.navigation a {
	text-decoration: none;
	color: #d2d0cf;
}
.navigation a:hover {
	background: none;
	color:#ed1f24;
}
.postmetadata {
	color: #c4c3c1;
	margin: 1em 0;
}
.postmetadata a {
	color: #929292;
}
.postmetadata a:hover {
	background: none;
	color:#ed1f24;
}
#footer a.rss, a.rsssubscribe {
	background: transparent url(images/rss.png) no-repeat left 50%;
	padding-left: 18px;
}
#footer a.rss:hover, a.rsssubscribe:hover {
	background: #2d83d5 url(images/rss.png) no-repeat left 50%;
}
a.rsssubscribe {
	margin: 6px 0 0 10px;
	display: block;
}
#commentform {
	display: block;
	background: transparent url(images/div-h2.gif) repeat-x left 0px;
	padding: 6px 0 0 0;
	margin: 20px 0;
}
#commentform textarea {
	margin-bottom: 6px;
}
#commentform #commentdata label {
	background: #FFFF99;
}
/* pagination */







.commentnavi {
	margin: 10px 0;
	display: block;
}
.commentnavi .page-numbers, .commentnavi a, #pagenavi a, #pagenavi span.pages, #pagenavi span.extend, p.postpages a {
	padding: 2px 6px 2px 6px !important;
	border: 1px solid #ccc !important;
	background-color: #fff !important;
	margin:0;
	text-decoration: none;
}
.commentnavi a:hover, #pagenavi a:hover, p.postpages a:hover {
	background-color: #2d83d5 !important;
	color: #fff;
}
#pagenavi a, #pagenavi span.pages, #pagenavi span.extend {
	margin: 0 2px;
}
#pagenavi span.current {
	background: #ccc !important;
	color: #fff !important;
	padding: 2px 6px 2px 6px !important;
	border: 1px solid #ccc !important;
}
#comment .page-numbers.current, #pagenavi span.pages {
	color: #ccc !important;
}
#pagenavi {
	display: block;
	padding-bottom: 10px;
	font-size: 100% !important;
}