/*
 * This is the layout for b2evolution.net
 * Copyright (c) 2006-2012 by Francois PLANQUE.
 */

@import url(basic_styles.css);
@import url(basic.css);
@import url(blog_base.css);
@import url(item_base.css);

/*
 * ------------------------------------ General styles ------------------------------------
 */
body {
	background: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
}

/* Link styles */
a {
	color: #369;
}
a:hover {
	color: #f90;
}

a.current {
	font-weight:bold;
}

.more_links {
	text-align: right;
	font-size: 84%;
}

.green{
	color: #00CC00
}

/*
 * ------------------------------------ Global page layout ------------------------------------
 */
div#body_header {
	text-align: center;
}

div#body_main {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

div#body_footer {
	margin-top: 1em;
	border-top: 1px solid #b0b0b0;
	padding: 0 0 1px 0;
	text-align: center;
	font-size: 84%;
	color: #fff;
	background: #F9990F url("../img/sun_footer.jpg") no-repeat center top;
}
div#body_footer a {
	color: #fff;
	text-decoration:none;
}
div#body_footer a:hover {
	text-decoration:underline;
}


/*
 * ------------------------------------ For the page/body header: ------------------------------------
 */

div.shade {
	background: #F89A0E url(../img/sun_header.gif) no-repeat center top;
	border-bottom: 1px solid #949494;
}

div.shade_contents {
	margin: 0 auto;
	width: 994px;
	text-align: right;
}

h1#header_logo {
	margin: 0;
	padding: 0;
	float: left;
}
#tagline {
	padding: 36px .5em 14px 0;
	text-align:right;
	font-size:100%;
}

/* Main tabs: */
table.main_menu {
	margin: 0 .5em 0 auto;
	position:relative;
	top: 1px;
}
table.main_menu td {
	background:url(../img/ftabs_left.gif) no-repeat left top;
	padding:0 0 0 9px;
	border:0;
	border-bottom:1px solid #949494;
}
table.main_menu td a {
	display: block;
	background: url(../img/ftabs_right.gif) no-repeat right top;
	white-space:nowrap;
	padding:4px 11px 3px 2px;
	text-decoration:none;
	color:#666;
}
table.main_menu td.current {
	background-position:0% -100px;
	border-width:0;
	font-weight: bold;
}
table.main_menu td.current a {
	background-position:100% -100px;
	padding-bottom:4px;
	color: #000;
}
table.main_menu td a:hover,
table.main_menu td a:active {
	text-decoration: underline;		/* for IE */
	color: #f90;
}
table.main_menu td:hover {			/* Won't work in IE */
	background-position:0% -100px;
}
table.main_menu td:hover a {			/* Won't work in IE */
	background-position:100% -100px;
}

/*
 * submenu
 */
.sub_menu {
	width: 73em;
	margin: 4px auto 0;
	padding: 0 2px 0 0;
	text-align: right;
	font-weight: bold;
}
.sub_menu a {
	text-decoration: none;
	font-weight: normal;
}
.sub_menu a:hover {
	text-decoration: underline;
}
.sub_menu a.current {
	color: #f90;
	font-weight: bold;
}


/*
 * ------------------------------------ For the page/body footer: ------------------------------------
 */
div#body_footer p {
	margin: 1ex;
}

div.footer_nav {
	color: #bbb;
	text-align:center;
	font-size:78%;
	padding: 1ex;
}
div.footer_nav a {
	color: #bbb;
	text-decoration:none;
}
div.footer_nav a:hover {
	text-decoration:underline;
}

/*
 * ------------------------------------ For the page/body main area: ------------------------------------
 */
div#col_left {
	float:left;
	width: 200px;
	position:relative;
	left:-556px;
	overflow:hidden;		/* In IE6, hidden only works when a width is specified */
	border-top: 1px solid #fff;	/* Without this, Firefox 1.5 would not correcly align the floats... */
}

div#col_right {
	float:right;
	width: 200px;
	overflow:hidden;		/* In IE6, hidden only works when a width is specified */
	border-top: 1px solid #fff;	/* Without this, Firefox 1.5 would not correcly align the floats... */
}

div#col_middle {
	float: left;
	width: 556px;
	position:relative;
	left: 212px;
	border-top: 1px solid #fff;	/* Without this, Firefox 1.5 would not correcly align the floats... */
}

div#col_wide {
	float: right;
	width: 768px;
	border-top: 1px solid #fff;	/* Without this, Firefox 1.5 would not correcly align the floats... This fails in IE7 though*/
	padding-top: 1em;
}
div#col_wide div.decorated {	/* because of IE7 */
	margin-top: 0;
}
div#col_left_wide {
	float:left;
	width: 200px;
	overflow:hidden;		/* In IE6, hidden only works when a width is specified */
	border-top: 1px solid #fff;	/* Without this, Firefox 1.5 would not correcly align the floats... */
}

div#body_main_footer {
	clear: both;
}



/*
 * ------------------------------------ Decorated blocks: ------------------------------------
 */
div.decorated {
	overflow:hidden;
	margin: 1em 0 0 0;	/* In IE6 we MUST NOT have a bottom margin; it would fail for the left/right cols vs body_footer */
}

/* Decorated titles: */
/* title text: */
div.decorated h1 {
	margin: 0;
	padding: 2px 1ex 3px;
	font-size: 125%;
	color: #fff;
}
div.decorated h2 {
	margin: 0;
	padding: 2px 1ex 3px;
	font-size: 100%;
	color: #fff;
}
/* title links: */
div.decorated h1 a,
div.decorated h2 a {
	color: #fff;
	text-decoration: none;
}
div.decorated h1 a:hover,
div.decorated h2 a:hover {
	color: #fff;
	text-decoration: underline;
}
/* upper left rounded corner; */
h1.uplf_rnd_title,
div.top_rnd_title {
 	background-color: #FBD495;
	background-image: url(../corners/sun_whi_7pf_uplf.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
h2.uplf_rnd_title {
	background-color: #FBD495;
	background-image: url(../corners/minisun_whi_7pf_uplf.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
/* upper right rounded corner: */
div.top_rnd_title h1,
div.top_rnd_title h2 {
	background-image: url(../corners/ora_whi_7pf_uprg.gif);
	background-position: right top;
	background-repeat: no-repeat;
}


/* Decorated block bodies/payloads: */
/* no bottom corners */
div.decorated div.filled {
	background-color: #e8e8e8;
}
div.decorated div.squared {
	border: 1px solid #F79E0E;
	border-top-style: none;
}
/* bottom right rounded */
div.left_border {
	border-left: 1px solid #F79E0E;
}

/* background borders: */
div.left_bgborder {
	background-image: url(../corners/sun_1p_ver.gif);
	background-repeat: repeat-y;
	background-position: left;
}
div.bt_bgborder {
	background-image: url(../corners/sun_1p_hor.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.right_bgborder {
	background-image: url(../corners/sun_1p_ver.gif);
	background-repeat: repeat-y;
	background-position: right;
}

/* We need to put a pixel here in order for IE to accept padding/mpargin of included div */
div.bt_bgborder img.ie_fix {
	padding: 0 7px;	/* make sure we don't overlay on corner */
}

/* bottom rounded corners: */
div.btrg_rnd_payload {
	background-color: #e8e8e8;
	background-image: url(../corners/gry_whi_7pf_btrg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.btlf_rnd_payload {
	background-image: url(../corners/gry_whi_7pf_btlf.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
div.btrg_corner {
	background-image: url(../corners/ora_whi_7pw_btrg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.btlf_corner {
	background-image: url(../corners/ora_whi_7pw_btlf.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* payload text: */
div.decorated div.payload {
	margin: 0 1ex;
	padding: 1ex 0;
}
/* */
div.decorated div.full_payload {
	margin: 0;
	padding: 1ex 0;
}
div.decorated div.full_payload p.more_links {
	margin: 4px 1ex;
}
/* payload including paragraphs: */
div.decorated div.para_payload {
	margin: 0 1ex;
	padding: 1px 0;	/* minimum 1px vertical padding for IE */
}
div.decorated div.para_payload p {
	margin: 1ex 0;
}

/* payload links: */
div.btrg_rnd_payload a {
	text-decoration: none;
}
div.btrg_rnd_payload a:hover {
	text-decoration: underline;
}
/*
 * Payload contents:
 */
div.decorated ul {
	list-style-type: square;
	margin: 1ex;
	padding: 0;
}
div.decorated li {
	margin: 0 0 5px 1ex;
	padding: 0;
	line-height: 110%; /* IE7 */
}
div.decorated .expanded li {
	margin-top: 2ex;
	margin-bottom: 2ex;
}

div.decorated ul.small li {
	margin: 0 0 5px 2ex;
}

div.decorated ul.recent_blog_list {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 14em;
	overflow:hidden;
	white-space: nowrap;
	/* word-wrap: break-word;		/* IE only: breaks long words */
}
div.decorated ul.recent_blog_list li {
	font-size: 84%;
}

div.para_payload h2 {
	font-size: 117%;
	margin: 2ex 0 1ex 0;
	padding: 0;
	color: #f90;
}

h3, h4 {
	padding-top: 5px;
	color: #f90;
}
h3 {
	font-size: 110%;
}


/*
 * tables
 */
table.grey
{
	border: 1px solid #aaa;
	margin: 0 auto;
}
table.grey tr
{
	text-align:center;
	background-color:#eee;
}
table.grey tr.odd
{
	background-color:#ddd;
}
table.grey td
{
	padding: .2ex 1ex;
}
table.grey th
{
	border-bottom: 1px solid #aaa;
	background-color: #ccc;
	padding: .2ex 1ex;
}
table.grey td.left
{
	text-align: left;
}
table.grey td.right
{
	text-align: right;
}

table.spaced td
{
	padding: 1ex;
}

/* Home page */
div.decorated ul.hosting_setup {
	margin: 4px 0 0 0;
}
ul.hosting_setup li {
	text-align:left;
	margin: 0 0 0 20px;
}
td.vertical_separation {
background-image: url(../corners/sun_1p_ver.gif);
background-repeat: repeat-y;
background-position: center;
}
ul.recent_blog_list span.flag {
	margin-right: 3px;
}

/*
 * News blog:
 */
table.prevnext_post {
	width: 100%;
}
.bSmallHead,
.bSmallPrint,
.bCommentSmallPrint {
	color: #999;
	font-size: 84%;
}

div.moderation_msg
{
	border: 1px solid #fa9;
	background: #e8e8e8;
	margin: 1em 0 1em 3em;
	padding: 0 1ex;
	color: #f70;
}
div.bComment {
	overflow: hidden;
	margin: 1em 0 1em 3em;
	padding: 1ex;
	background-color: #e8e8e8;
}
div.bCommentTitle {
	font-weight: bold;
}
div.comment_rating,
div.bCommentText {
	margin: 1ex 0;
}

td.news_date {
	text-align: right;
	font-size: 84%;
	color: #999;
	vertical-align: top;
	padding: 3px 1ex 0 0;
	white-space:nowrap;
}
div.excerpt {
	margin: 3px 0 3px 1em;
	font-size: 84%;
	color: #666;
	text-align: justify;
}
span.excerpt_more a {
	color: #666;
}

/* Styles for comment form */
input.bComment,
textarea.bComment
{
	border: 1px solid #000;
	width: 95%;
	margin: 0ex;
	padding: 1px;
}


#SearchForm {
}
.SearchField {
	width: 98%;
	margin-bottom: 4px;
}
.SearchSubmit {
	margin-top: 1ex;
}


.screenshot {
	background: #000;
	color: #fff;
	float: left;
	padding: 8px;
	margin: 4px;
	text-align: center;
}

div.screenshot2 img {
	border: 1px solid #000;
}

img.flag10 {
	border:1px solid #000;
}


/*
 * HOME PAGE Recommended hosts
 */
div.rec_hosts_desc a {
	color: #000;
}
div.rec_hosts_desc ul {
	margin: 0 1ex 1ex 3ex;
}
div.rec_hosts_desc li {
	padding: 0;
	margin: 0 0 0 1ex;
	/* dirty IE fix: */
	line-height: 1em;
	border: 1px solid #e8e8e8;
}


/*
 * HOSTING SECTION:
 */
table.rec_host {
	background-color: #eee;
	margin: 1ex 0;
}
td.host_pic {
	width: 140px;
	vertical-align: top;
	padding: 1ex 0;
	color: #999;
	font-size: 84%;
	text-align:right;
}
td.host_msg {
	vertical-align: top;
	padding: 1ex 1ex 1ex 1em;
}

.rec_host h3,
.rec_host h4 {
	color: #000;
	border: none;
	margin: 0 0 1ex 0;
}

.listen {
	background: #fff;
	border: 1px solid #ccc;
}
.listen td {
	padding: 4px;
}
.specialoffer {
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px;
}
.host_qualifier {
	color: #f00;
	float: right;
}

.notelinks a {
	color: #999;
}

div.hosting_review_price_rating div.star_rating {
	float: right;
	margin: 1px 0 1px 4px;
}


table.host_chart {
	font-size: 84%;
	width: 99%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.host_chart tr.odd {
	background-color: #eee;
}
table.host_chart tr.even {
	background-color: #fff;
}

table.host_chart a {
	text-decoration: none;
}
table.host_chart a:hover {
	text-decoration: underline;
}

table.host_chart th {
	background-color: #ccc;
	padding: 1ex 2px;
	border-right: 1px solid #e0e0e0;
}
table.host_chart th.last {
	border-right: none;
}

table.host_chart td {
	white-space: nowrap;
	text-align: center;
	border-right: 1px solid #ccc;
	vertical-align: top;
	padding: 11px 3px 0;
}

table.host_chart td.host_logo {
	width: 164px;
	border-left: 1px solid #ccc;
	padding: 0;
}
td.host_logo img {
	margin: 1px;
	border: 1px solid #000;
}

table.host_chart td.host_name {
	text-align: left;
}
table.host_chart td.host_name,
table.host_chart td.price {
	font-size: 112%;
	padding-top: 9px;
}
td.price a {
	color: #f00;
}
td.price a.coupon {
	border: 1px solid #f7f7f7;
}
td.price a.coupon:hover {
	background-color: #149F00;
	border: 1px solid #149F00;
}
td.price img {
	margin-top: 2px;
	vertical-align: bottom;
}

table.host_chart td.domain,
table.host_chart td.b2evo_support {
	padding-top: 8px;
}

table.host_chart td.disk_space,
table.host_chart td.transfer {
	text-align: right;
	padding-right: 5px;
}

table.host_chart td.review {
	color: #f00;
	padding-top: 8px;
}
table.host_chart p {
	margin: 3px 0 0;
	padding: 0;
}

/* New hosting styles */

.green_badge {
	margin-left:1ex; 
	background: #0c0; 
	color: #fff; 
	padding: 2px 6px; 
	border-radius: 4px;	
}

.center {
	text-align: center;
}

div.coupon_box {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 4px;
	margin: 1ex 0;
}

div.pricing_box {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 4px;
	margin: 1ex 0;
	font-size: 84%;	
}

div.pricing_box h5 {
	font-size: 110%;
	margin: 2px 0 6px ;
}

div.pricing_box td,
div.pricing_box th {
	text-align: right;
	padding: 1px 2ex;
}
div.pricing_box th {
	border-bottom: 1px solid #000;
}
.best_monthly_average {
	background-color: #fdf002;
	padding: 1px 2px;
	border-radius: 2px;
}
.any_monthly_average {
	padding: 1px 2px;	
}

/* ----------- Download button ---------- */
.centered {
	margin: 0 auto;
}
a.download_button2,
a.white_button {
	height: 47px;
	float:left;
	text-decoration:none;
	padding: 0 35px 0 0;
	background-color: transparent;
	background-image: url(../img/buttons4.png);
	background-repeat: no-repeat;
	background-position: right 0;
}
a.white_button {
	background-position: right -47px;
}
a.white_button:hover {
	background-position: right -94px;
}
a.download_button2 span,
a.white_button span {
	height:42px;
	float:left;
	margin:0;
	padding:5px 6px 0 9px;
	background:transparent url(../img/buttons4.png) no-repeat scroll 0 0;
}
a.download_button2 span {
	font-size: 92%;
	color:#92FF30;
}
a.white_button span {
	background-position: 0 -47px;
}
a.download_button2 strong {
	display: block;
	color:#FFFFFF;
	font-size:112%;
	font-weight:bold;
}