/*
THEME NAME: Broadband Hub
THEME URI: http://broadband-hub.com.au
DESCRIPTION: Custom theme for Broadband Hub website (http://broadband-hub.com.au)
VERSION: 1.0
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
AUTHOR URI: http://www.rubiqube.com
*/

@import "reset.css";

body {
	background: #FAFAFA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

a {
	color: #0069A0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

/* Content start */

.inner {
	width: 955px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	background: #006599 url("images/bg_header.png") repeat-y top center;
	overflow: hidden;
}

#logo {
	float: left;
	margin: 10px 0 15px 0;
}

#logo a {
	display: block;
	width: 346px;
	height: 75px;
	background: url(images/logo.png) no-repeat top left;
}

#logo a span {
	display: none;
}

#searchbox {
	float: right;
	width: 500px;
	margin: 15px 0 0 0;
	overflow: hidden;
}

#slogan {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	text-align: right;
	margin-bottom: 10px;
}

#s {
	float: right;
	width: 185px;
	height: 20px;
	padding: 8px 8px 2px 32px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666666;
	background: url("images/bg_searchbox.png") no-repeat top left;
}

/* Tabs */

#tabs {
	background: #006599 url("images/bg_header.png") repeat-y top center;	
	height: 33px;
}

#tabs #hometab {
	display: block;
	width: 36px;
	background: none;
	padding: 0;
}

#tabs #hometab a {
	display: block;
	width: 36px;
	height: 33px;
	background: url("images/tabhome.png") no-repeat top left;
	padding: 0;
}

#tabs #hometab a span {
	display: none;
}

#tabs #activetab {
	background-image: url("images/tableft_active.png");
}

#tabs #activetab a {
	background-image: url("images/tabright_active.png");
	color: #0069A0;
	float: left;
}

/* LEVEL ONE */

ul.dropdown                         { position: relative; font-size: 115%; width: 955px; margin: 0 auto; }
ul.dropdown li                      { float: left; background: url("images/tableft.png") no-repeat left top; padding: 0 0 0 10px; margin-right: 4px; }
ul.dropdown a:hover		            { text-decoration: underline; }
ul.dropdown a:active                { text-decoration: underline; }
ul.dropdown li a                    { float: left; display: block; background: url("images/tabright.png") no-repeat right top; padding: 10px 15px 8px 5px; text-decoration: none; color: #FFFFFF; text-decoration: none; }
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { color: #FFFFFF; }

/* LEVEL TWO */

ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ background: #0069A0; border-bottom: 1px solid #006093; float: none; font-size: 90%; }
ul.dropdown ul li:hover				{ background: #1475A7; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; float: none; background: none; } 
ul.dropdown ul li a:hover			{ background: none; }

/* Page Menu */

#menu {
	background: #599ABA url("images/bg_menu.png") repeat-y top center;
	border-top: 1px solid #D2E1E8;
	border-bottom: 1px solid #D2E0E9;	
}

#menu ul li {
	float: left;
	font-size: 110%;
	padding: 14px 0;
	margin-right: 20px;
}

#menu ul li a {
	color: #EDF6FB;
}

/* Intro */

#intro {
	background: #FFFFFF;
	padding: 20px 0;
}

#intro-txt {
	float: left;
	width: 554px;
	color: #59A3D0;
}

#intro-speedtest {
	float: left;
	width: 360px;
	color: #59A3D0;
}

#intro-txt h2, #intro-speedtest h2 {
	font-size: 150%;
	color: #006A9E;
	margin-bottom: 15px;
}

#intro-txt p, #intro-speedtest p {
	font-size: 110%;
	line-height: 1.2;
	margin-bottom: 15px;
	padding-left: 25px;
}

#intro-txt p#intro-plans {
	padding-left: 0;
	overflow: hidden;
	padding-top: 10px;
}

#intro-txt p#intro-plans a {
	float: left;
}

#intro-img, #flash-speedtest {
	float: right;
	margin-left: 15px;
}

/* Page Title */

#pagetitle {
	border-top: 1px solid #5292BE;
	border-bottom: 1px solid #5292BE;
	background: #DEECF5;
	color: #0071AF;	
}

#pagetitle h2 {
	font-size: 150%;
	color: #0172AE;
	padding: 10px 0;
}

/* Container */

#container {
	background: #6BA6C4 url("images/bg_container.png") repeat-y top left;
}

/* Table */

.table-plans {
	margin-bottom: 25px;
}

.table-btm {
	height: 23px;
	background: url("images/bg_table_btm.png") no-repeat bottom right;
}

.table-plans table th {
	width: 90px;
	padding: 6px 0 30px 0;
	text-align: center;
	color: #656766;
	font-weight: bold;	
    cursor: default;
    vertical-align: middle;
}

.table-plans table th.empty {
	width: auto;
}

.table-plans table th p {
	text-align: right;
	display: block;
}

.table-plans table td {
	border-bottom: 1px solid #B5D8EC;
	vertical-align: middle;	
	padding: 15px 0;
}

.table-plans table td.tbl-counter {
	width: 65px;
	color: #676566;
	font-size: 250%;
	text-align: center;
}

.star {	background: url("images/star.gif") no-repeat center center;	}
.star span { display: none; }

.table-plans table td.tbl-logo {
	background: #FFFFFF;
	width: 95px;
	text-align: center;
}

.table-plans table td.tbl-equipment {
	background: #FFFFFF;
	width: 75px;
	text-align: center;
}

.table-plans table td.tbl-description {
	background: #FFFFFF;
	width: 150px;
	padding: 15px 10px;
	color: #006A9E;
	font-size: 90%;
	text-align: left;
	line-height: 1.2;
}

.table-plans table td.tbl-type {
	background: #FFFFFF;
	width: 90px;
	font-size: 140%;
	color: #679966;
	text-align: center;
}

.table-plans table td.tbl-contract {
	background: #FFFFFF;
	width: 90px;
	font-size: 140%;
	color: #0099FF;
	text-align: center;
}

.table-plans table td.tbl-speed {
	background: #FFFFFF;
	width: 90px;
	font-size: 140%;
	color: #9867FE;
	text-align: center;
}

.table-plans table td.tbl-limit {
	background: #FFFFFF;
	width: 90px;
	font-size: 140%;
	color: #CB3398;
	text-align: center;
}

.table-plans table td.tbl-price {
	background: #FFFFFF;
	width: 90px;
	font-size: 140%;
	color: #3398CC;
	text-align: center;
}

.table-plans table td.tbl-go {
	padding-right: 15px;
	background: #FFFFFF;
	text-align: right;
}

.table-plans table td.tbl-go span {
	font-size: 85%;
	display: block;
	margin-top: 4px;
	color: #333333;	
}

.table-plans table td.highlighted {
	background: #E7F3FA;
}

thead .thead { background: url("images/bg_table_top.png") no-repeat bottom center; }
thead .thead-left { background: url("images/bg_table_top.png") no-repeat bottom left; }
thead .thead-right { background: url("images/bg_table_top.png") no-repeat bottom right; }

tr.row:hover {
	cursor: pointer;
}

tr.row:hover td {
	background: #E2EFF6;
}

tr.row:hover td.tbl-counter {
	background: transparent;
}

tr.row:hover td.star {	background: url("images/star.gif") no-repeat center center;	}

/* Posts */

#container-posts {
	background: #FFFFFF;
	padding: 20px 0;
}

#content {
	float: left;
	width: 620px;
}

#cat-title {
	font-size: 150%;
	color: #006A9E;
	margin-bottom: 15px;
}

#cat-description {
	font-size: 110%;
	line-height: 1.2;
	margin-bottom: 15px;
	padding-left: 25px;
	color: #59A3D0;
}

.post {
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #D4E8F3;
	overflow: hidden;
}

.post-body {
	width: 550px;
	float: left;
}

.post-head {
	overflow: hidden;
	margin-bottom: 10px;
}

.post-head .avatar {
	float: left;
	margin: 0 5px 0 0;
	
}

.post-head .avatar img {
	padding: 2px;
	border: 1px solid #E8E8E8;
}

#post-title {
	color: #0069A0;
	font-size: 250%;
	margin-bottom: 20px;
}

.post-title {
	font-size: 200%;
	line-height: 1.2;
	font-weight: normal;
	margin-bottom: 5px;
}

.post-title a {
	color: #006A9E;
}

.post-meta {
	font-size: 90%;
	color: #999;
	margin-bottom: 5px;
}

.post-meta a {
	color: #666666;
}

.post-share {
	width: 50px;
	float: right;
}

.post-share div {
	margin-bottom: 10px;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
	color: #006A9E;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
	color: #006A9E;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #F0F0F0;
	padding: 5px;
}

.post-content img.alignleft {
	float: left;
	background: #F0F0F0;
	margin: 0 25px 15px 0;
	padding: 5px;
}

.post-content img.alignright {
	float: right;
	background: #F0F0F0;
	margin: 0 0 15px 25px;
	padding: 5px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	float: right;
	display: block;
	width: 110px;
	height: 26px;
	text-indent: -1000em;
	background: url("images/btn_readmore.gif") no-repeat top left;
	margin-top: 15px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

/* Comments */

.section {
	padding: 15px 0;
	border-top: 1px solid #D2E8F5;
}

.section h2 {
	color: #6DB1D8;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}

#comments ol li {
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
	margin-bottom: 10px;
}

.unapproved {
	font-style: italic;
	display: block;
	margin-bottom: 5px;
}

.comment-text {
	padding: 10px 5px;
	background: #E2F0FB;
}

.comment-text p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	float: left;
	width: 190px;
	padding: 5px;
	margin-top: 3px;
	background: #6CB1DA;
}

.comment-author a {
	color: #FFFFFF;
}

.comment-meta {
	float: left;
	width: 405px;
	padding: 5px;
	margin-left: 3px;
	color: #6CB0DD;
	font-style: italic;
	text-align: right;
	background: url("images/bg_comment_meta.gif") no-repeat top left;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#btn-submit {
	width: 110px;
	height: 26px;
	border: none;
	text-indent: -1000em;
	padding: 0;
	background: url("images/btn_submit.gif") no-repeat top left;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 310px;
}

.sidepanel {
	margin-bottom: 15px;
}

#follow {
	overflow: hidden;
}

#follow a {
	float: left;
}

.sidepanel-top {
	background: url("images/bg_sidepanel_top.gif") no-repeat top left; ;
}

.sidepanel-btm {
	height: 30px;
	background: url("images/bg_sidepanel_btm.gif") no-repeat top left; ;
}

.sidepanel .inner {
	width: 270px;
	padding: 20px 20px 0 20px;
}

.sidepanel h3 {
	padding: 0 0 10px 0;
	color: #006A9C;
	font-weight: bold;
	font-size: 130%;
}

.sidepanel ul li {
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 0;
	line-height: 1.2;
}

.sidepanel ul li ul {
	margin-left: 15px;
	margin-top: 5px;
}

.sidepanel ul li ul li {
	border: none;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

/* Info */

#info {
	background: #B6D7EA;
	padding: 20px 0;
}

#info-txt {
	height: 260px;
	overflow: auto;
	color: #016AA1;
}

#info-txt h2 {
	color: #006BA3;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
}

#info-txt p {
	line-height: 1.2;
	margin-bottom: 15px;
}

#info-txt ul {
	list-style: inside;
	margin-left: 30px;
	margin-bottom: 15px;
}

#info-txt ol {
	list-style: decimal;
	margin-left: 50px;
	margin-bottom: 15px;
}

#info-txt ul li,#info-txt ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

/* Footer Panels */

#footerpanels {
	background: #6BA6C4 url("images/bg_container.png") repeat-y top left;
	padding: 20px 0;
}

.fpanel {
	width: 308px;
	float: left;
}

.fpanel-top {
	background: url("images/bg_fpanel_top.png") no-repeat top left;
	padding: 26px 32px 0 32px;
}

.fpanel-btm {
	background: url("images/bg_fpanel_btm.png") no-repeat top left;
	height: 35px;
}

.fpanel h3 {
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 15px;
}

.fpanel ul li {
	line-height: 1.2;
	padding-bottom: 8px;
}

.fpanel ul li span {
	display: block;
	font-size: 90%;
}

#fpanel-news, #fpanel-blog {
	margin-right: 13px;
}

#fpanel-news h3 { color: #009AFE; }
#fpanel-news a { color: #006BA1; }
#fpanel-blog h3 { color: #9966FF; }
#fpanel-blog a { color: #5720C3; }
#fpanel-plans h3 { color: #CC3596; }
#fpanel-plans a { color: #9A2C75; }

/* Footer */

#footer {
	padding: 20px 0;
	background: #006599 url("images/bg_header.png") repeat-y top center;
	color: #FFFFFF;
}

#footer p {
	padding-bottom: 10px;
	text-align: center;
}

#footer a {
	font-weight: bold;
	color: #FFFFFF;
}

/* Misc */

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

/* =PageNavi
-------------------------------------------------------------- */
 
/* Use !important to override PageNavi CSS */

.wp-pagenavi {
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 50px;
}
 
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	color: #FFFFFF !important;
	background: #999999 !important;
	border: 1px solid #999999 !important;
	padding: 5px 10px !important;
}

.wp-pagenavi a:hover {
	background: #6CB1DA !important;
	color: #FFFFFF !important;
	border: 1px solid #6CB1DA !important;
	padding: 5px 10px !important;	
}

.wp-pagenavi span.pages {
	background: #EFEFEF !important;
	border: 1px solid #CCCCCC !important;
	padding: 5px 10px !important;	
}

.wp-pagenavi span.current {
	border: 1px solid #CCCCCC !important;
	background: transparent !important;
	padding: 5px 10px !important;	
}

.wp-pagenavi span.extend {
	border: 1px solid #CCCCCC !important;
	background: transparent !important;
	padding: 5px 10px !important;	
}