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

div#contenthome{
    width:auto;
}


/* 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;
    text-transform:uppercase;
    margin:0;
}

div.welcome h1 span, div.welcome 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 15px 10px 0;	

	cursor:pointer;	

}



.description {

	background-color:#edecbc;

	border:1px solid #999;	

	width:620px;

	min-height:140px;

	display:none;

	margin-top:17px;

	-moz-border-radius:4px;

	padding:0 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;	

}



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: #EB0000;	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;}











h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }







h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }







#content h1 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }















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;



}







/* threaded comments? */



ol#comments li.comment.depth-2,



ol#comments li.comment.depth-3,



ol#comments li.comment.depth-4,



ol#comments li.comment.depth-5,



ol#comments li.comment.depth-6,



ol#comments li.comment.depth-7,



ol#comments li.comment.depth-8,



ol#comments li.comment.depth-9{ margin-left: 14px; }







/* threaded comments, with avatars */



ol#comments li.comment.with-avatars.depth-2,



ol#comments li.comment.with-avatars.depth-3,



ol#comments li.comment.with-avatars.depth-4,



ol#comments li.comment.with-avatars.depth-5,



ol#comments li.comment.with-avatars.depth-6,



ol#comments li.comment.with-avatars.depth-7,



ol#comments li.comment.with-avatars.depth-8,



ol#comments li.comment.with-avatars.depth-9{ margin-left: 96px; }







/* Easy Slider */







	#slider ul, #slider li,



	#slider2 ul, #slider2 li{



		margin:0;



		padding:0;



		list-style:none;



		}



	#slider2{margin-top:1em;}



	#slider li, #slider2 li{ 



		/* 



			define width and height of list item (slide)



			entire slider area will adjust according to the parameters provided here



		*/ 



		width:928px;



		height:180px;



		overflow:hidden; 



		}	



	#prevBtn, #nextBtn,



	#slider1next, #slider1prev{ 



		display:block;



		width:30px;



		height:77px;



		position:absolute;



		left:-30px;



		top:71px;



		z-index:1000;



		}	



	#nextBtn, #slider1next{ 



		left:696px;



		}														



	#prevBtn a, #nextBtn a,



	#slider1next a, #slider1prev a{  



		display:block;



		position:relative;



		width:30px;



		height:77px;



		background:url(../images/btn_prev.gif) no-repeat 0 0;	



		}	



	#nextBtn a, #slider1next a{ 



		background:url(../images/btn_next.gif) no-repeat 0 0;	



		}	



		



	/* numeric controls */	







	ol#controls{



		margin:1em 0;



		padding:0;



		height:28px;	



		}



	ol#controls li{



		margin:0 10px 0 0; 



		padding:0;



		float:left;



		list-style:none;



		height:28px;



		line-height:28px;



		}



	ol#controls li a{



		float:left;



		height:28px;



		line-height:28px;



		border:1px solid #ccc;



		background:#DAF3F8;



		color:#555;



		padding:0 10px;



		text-decoration:none;



		}



	ol#controls li.current a{



		background:#5DC9E1;



		color:#fff;



		}



	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}



	



/* // Easy Slider */