/*
	Name: Simple Broadband
	Date: Rocktober! 2009
	Description: Global Style Sheet
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports
===============================================*/
@import url("reset.css");
@import url("global-forms.css");

/* Global Styles
===============================================*/
body {
	background: #000 url('../images/header-bg.png') repeat-x 0 25px;
	color: #fff;
	font-size: 100%; /* Base font size: 16px */
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headers
-----------------------------------------------*/
h2 {font-size: 1.938em}	/* 31px */
h3 {font-size: 1.438em}	/* 23px */
h4 {font-size: 1.25em}	/* 20px */
h5 {font-size: 1.125em}	/* 18px */
h6 {font-size: 1em}		/* 16px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .7em;}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #1D93ED; text-decoration: none;}
a:hover, a:active {color: #000;}
	
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.5em;}
p:last-of-type {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Address
-----------------------------------------------*/
address {font-style: normal; margin-bottom: 1.5em;}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Tables
-----------------------------------------------*/
table {margin: 0 auto 1.5em auto; width: 100%;}
	
	/* Thead */
	thead th, thead td {
		background: #000;
		color: #fff;
		font-size: 0.813em;
		font-weight: normal;
		padding: 10px 1em;
		text-align: left;
		vertical-align: center;
	}

	/* Tbody */
	tbody tr {
		background: #f2f2f2;
		border: 1px solid #e6e6e6;
	}
	tbody td {
		padding: 10px;
		vertical-align: middle;
	}
	
	tbody tr:hover {
		background: #FFF4BA;
		border: 1px solid #FFD800;
	}
	tbody tr:hover td {
		border-top: 1px solid #FFD800;
		border-bottom:  1px solid #FFD800;
	}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 950px;}
.contents:after, #body .nav:after,
.page-header:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Header
-----------------------------------------------*/
/* Latest Post */
#latest-post {
	background: #000;
	font-size: 75%;
	height: 25px;
	line-height: 25px;
}

#latest-post a:hover, #latest-post a:active {color: #FFD800;}

/* Logo */
#logo {float: left;}
#logo img {display: block; float: left;}

/* Nav */
#header .nav {
	float: right;
	font-size: 0.875em;
	height: 1%;
	list-style: none;
	margin: 40px 0 0 0;
	overflow: hidden;
}
#header .nav li {float: left; margin: 0 20px 0 0;}
#header .nav a:link, #header .nav a:visited {color: #fff;}
#header .nav .active a:link, #header .nav .active a:visited,
#header .nav a:hover, #header .nav a:active {color: #ffd800;}

/* Body
-----------------------------------------------*/
#body {background: url('../images/body-bg.png') no-repeat bottom center;}
#body .contents {
	background: #fff;
	color: #000;
	margin: -10px auto 0 auto;
	padding: 30px;
	position: relative;
	width: 890px;
	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

	/* Nav (Tabs) */
	#body .nav {
		font-size: 1.563em;
		font-weight: bold;
		height: 70px;
		list-style: none;
		margin: 0 auto;
		width: 950px;
	}
	#body .nav li {
		float: left;
		height: 70px;
		line-height: 60px;
		margin: 0 18px 0 0;
	}
	
	#body .nav a:link, #body .nav a:visited {
		background: #1B8FE9;
		color: #fff;
		display: block;
		float: left;
		height: 70px;
		line-height: 60px;
		text-align: center;
		width: 100%;
		
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-top-right-radius: 20px;
	}
	#body .nav a:hover, #body .nav a:active {background: #ffd800; color: #000; text-decoration: none;}
	
	#body .active a:link, #body .active a:visited,
	#body .active a:hover, #body .active a:active {
		background: #fff;
		color: #2F2F2F;
		text-decoration: none;
	}
	
	.nav .home {width: 285px;}
	.nav .mobile {width: 299px;}
	#body .nav .business {margin: 0; width: 330px;}
	
	/* Back to Top */
	#body .back-top {
		font-size: 0.875em;
		height: 56px;
		line-height: 56px;
		text-align: center;
	}
	
	.back-top a:link, .back-top a:visited {
		background: url('../images/icons/back-top.gif') no-repeat top right;
		color: #99C7E1;
		padding: 0 15px 0 0;
	}
	.back-top a:hover, .back-top a:active {color: #fff; text-decoration: none;}
	
	/* Content */
	#content {float: left; width: 601px;}
	
	/* Sidebar */
	#sidebar {float: right; width: 261px;}

	#sidebar h3 {color: #5B5B5B; font-size: 1.438em; margin-bottom: 1.3em;}
	#sidebar ul {list-style: none; margin: 0;}

/* Footer
-----------------------------------------------*/
#footer .contents {
	background: #323232;
	margin: 30px auto;
	padding: 25px 25px 20px 25px;
	width: 900px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#footer ul {font-size: .813em; list-style: none; margin: 0;}
#footer li {float: left; margin: 0 0 5px 0; width: 180px;}

#footer a:link, #footer a:visited {color: #515151;}
#footer .active a:link, #footer .active a:visited,
#footer a:hover, #footer a:active {color: #ffd800; text-decoration: none;}

/* Sections
===============================================*/
/* Modules */
#body .module {
	background: #f2f2f2;
	border: 1px solid #e6e6e6;
	height: 1%;
	margin: 0 0 30px 0;
	padding: 25px 30px 15px 30px;
}
#body .module p:last-child {margin-bottom: 10px;}
.module p, .module ul {font-size: 0.938em;}

	/* Page Header */
	.page-header {clear: both; color: #252525; font-size: .9em; margin-bottom: 30px;}
	.page-header p {font-size: 1em;}
	.page-header:last-child {margin-bottom: 0;}
	.page-header .info {float: left; width: 600px;}
	.page-header .ico {float: right; width: 200px; height: 181px;}
	
	.page-header .info h2 {color: #000;}
	.page-header .info h3 {font-size: 1em; margin-bottom: 5px;}
	
	#body .page-header.home {font-size: 14px; margin-bottom: 0;}
	#body .page-header.home h2 {font-size: 19px;}
	#body .page-header.home img {height: 205px; width: 150px;}
	.page-header.home .info {width: 620px;}
	.page-header.home .info p strong {font-size: 1.188em; font-style: italic;}
	
	.page-header .info h2 a:link, .page-header .info h2 a:visited {
		color: #FF7907;
		font-size: 0.516em;
		font-style: italic;
		margin: 0 0 0 1.5em;
	}
	.page-header .info h2 a:hover, .page-header .info h2 a:active {color: #1c8fea;}
	
/* FAQs */
.faq {list-style: none; margin: 0;}
.faq li.module {margin-bottom: 10px;}

/* Item List */
.item-list {list-style: none; margin: 0;}
.item-list li.module {height: 1%; margin-bottom: 10px; overflow: hidden;}
.item-list .thumb {float: left; width: 125px;}
.item-list .info {float: right; width: 680px;}

/* Packages Table */
.packages tbody td {font-size: 0.813em; padding-bottom: 5px; text-align: center;}
.packages tbody td strong {display: block; font-size: 1.154em;}

.packages tbody td.desc {font-weight: normal; text-align: left;}
.packages tbody td.desc strong,
.packages tbody td.more strong {color: #1D93ED;}
.packages tbody td.more strong {font-size: 1.462em;}

.packages  a.more:link, .packages a.more:visited {
	background: url('../images/more-button.png') no-repeat top center;
	display: block;
	height: 33px;
	text-indent: -9999em;
	margin: 0 auto;
	width: 70px;
}
.packages a.more:hover, .packages a.more:active {
	background: url('../images/more-button.png') no-repeat bottom center;
}

.packages .desc img {float: left; margin: 0 10px 5px 0;}

#body .packages a:hover strong, #body .packages a:active strong {color: #000;}

.hid {display: none; height: 0; visibility: hidden;}

	/* Headers */
	table.packages th {background: #585858; color: #1c8fea;}
	table th.header {padding-left: 1px; padding-right: 1px;}
	.header span {
		background: #000 url('../images/icons/arrow-down.gif') no-repeat right center;
		color: #1c8fea;
		cursor: pointer;
		display: block;
		margin: 0 2px;
		padding: 5px 13px 5px 3px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.headerSortDown span {background: #000 url('../images/icons/arrow-top.gif') no-repeat right center; color: #fff;}
	.headerSortUp span {background: #000 url('../images/icons/arrow-down.gif') no-repeat right center; color: #fff;}

/* Blog */
#posts-list {list-style: none; margin: 0;}

.hentry p:last-of-type {margin-bottom: 1.5em;}
.hentry .post-info {
	color: #5B5B5B;
	font-size: 0.75em;
	margin: 0 0 1.5em 0;
}
.hentry .post-info * {display: inline;}

	/* Post Meta */
	.post-meta {
		background: #e9e9e9;
		color: #5B5B5B;
		font-size: 0.75em;
		line-height: 1.5;
		margin: 1.5em 0 10px 0;
		padding: 15px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.post-meta .tags ul {display: inline; list-style: none; margin: 0;}
	.post-meta .tags li {display: inline;}
	
	/* Paginator */
	.paginator {
		background: #F3F3F3;
		color: #53ABEF;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 0.929em;
		font-weight: bold;
		list-style: none;
		margin: 4em 0 1em 0;
		overflow: hidden;
		padding: 10px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.paginator li {
		float: left;
		display: inline;
		padding: 3px 11px;
		margin: 0;
	}

	.paginator a:link, .paginator a:visited {color: #53ABEF; padding: 1px 5px; text-decoration: none;}
	.paginator a:hover, .paginator a:active {text-decoration: underline;}
	
	#body .paginator .active a:link, #body .paginator .active a:visited,
	#body .paginator .active a:hover, #body .paginator .active a:active {background: none; color: #000; text-decoration: none;}
	
	/* Comments */
	#comments-list {font-size: 0.938em; list-style: none; margin: 0 0 3em 0; padding: 0;}
	.comment {
		background: #f9f9f9;
		border: 1px solid #ececec;
		margin: 0 0 .5em 0;
		padding: 1.5em 10px 1.5em 100px;
	}
	.comment.alt {
		background: #F2F2F2 none repeat scroll 0 0;
		border: 1px solid #E6E6E6;
	}

	.comment cite {
		color: #666;
		display: block;
		font-size: .95em;
		font-style: normal;
		position: relative;
		margin-bottom: 1em;
	}

	.comment cite img {
		border: 1px solid #eee;
		height: 70px;
		left: -90px;
		position: absolute;
		top: 0;
		width: 70px;
	}
	.comment.alt cite img {border: 1px solid #ddd;}

	.comment blockquote {color: #333; font-style: normal;}
	.comment blockquote p {margin-bottom: .5em;}

		/* Add Comment Form */
		#add-comment {
			background: #F2F2F2 none repeat scroll 0 0;
			border: 1px solid #E6E6E6;
			font-size: .875em;
			line-height: 1.1;
		}

		#add-comment label {width: 105px;}
		#add-comment .text {
			display: block;
			float: none;
			font-size: 1.1em;
			padding: 5px;
			width: 445px;
		}
		#add-comment textarea {font-size: 1.1em; padding: 5px; width: 445px;}
		#add-comment .button {
			background: #1D93ED;
			border: 0;
			color: #fff;
			cursor: pointer;
			float: right;
			padding: .5em 1.5em;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}