/*
Theme Name: Collision Hosting v1.0
Description: Version 1.0 of the Collision Hosting Theme.
Version: 1.0
Author: Karinne Legault
Author URI: http://www.karinnelegault.com/
*/


html, body {
	margin: 0;
	padding: 0;
	background: #00253a url(/wp-content/themes/v1.0/i/body-bg.png) repeat 0 0;
}

body {
	font: 14px/20px 'Trebuchet MS', Helvetica, sans-serif;
	color: #fff;
}

#content-wrapper, #banner, #banner-home {
	width: 960px;
	min-width: 960px;
	margin: auto;
}


/*** COMMON ELEMENTS
**************************************/

a img, img {
	border: 0;
	outline:none;
}


.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

a:link, a:visited, a:active {
	color: #9858a3;
	text-decoration: none;
	outline:none;
}

a:hover {
	text-decoration: underline;
	outline:none;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 24px;
	font-weight: normal;
}

h5 {
	font-size: 18px;
	margin-bottom: 0;
	padding-bottom: 5px;
}


/*** HEADER
**************************************/

#header {
	background: url(/wp-content/themes/v1.0/i/header-bg.png) repeat-x 0 0;
	height: 215px;
}


#header-wrapper {
	width: 960px;
	margin: auto;
	background: url(/wp-content/themes/v1.0/i/logo.png) no-repeat 0 0;
	height: 215px;
}

#header .branding {
	width: 425px;
	margin: 0 0 0 200px;
	padding-top: 65px;
}

.branding h1, .branding h2 {
	margin: 0;
	padding: 0;
}

.branding h2 {
	padding-left: 200px;
}

ul#navigation {
	margin: 0 0 0 130px;
	padding: 30px 0 0;
	list-style: none;
}

ul#navigation li {
	display: inline;
	margin: 0 10px;
	padding: 0;
}

ul#navigation li a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	padding: 7px 0 10px 20px;
	font-size: 18px;
	font-weight: normal;
}

ul#navigation li a span {
	padding: 7px 20px 10px 0;
	margin-right: -20px;
}

ul#navigation li a:hover {
	background: url(/wp-content/themes/v1.0/i/left-navigation.png) no-repeat left top;
}

ul#navigation li a:hover span {
	background: url(/wp-content/themes/v1.0/i/right-navigation.png) no-repeat right top;
}


/*** HEADER - CLIENT LOGIN 
**************************************/
#clientlogin {
	position:absolute;
	width:442px;
	margin:0 0 0 52%;
}

#clientloginbox {
	width:442px;
	height:18px;
	padding:12px 16px 20px 16px;
	background:#9858a3;
	margin:0;
	float:left;
	overflow:hidden;
}

#clientloginbox strong {
	float:left;
	margin:4px 12px 0 0;
}

#clientloginbox form {
	margin:0;
	padding:0;
	float:left;
}

#clientloginbox form input {
	background:#fff;
	border:1px solid #00253a;
	padding:4px;
	width:118px;
}

#clientloginbox form input#submit {
	padding:3px 4px;
	background:#004268;
	color:#fff;
	width:50px;
}

#clientlogintab {
	float:right;
	margin:0;
	width:140px;
}

#clientlogintab a {
	color: #fff;
	text-decoration: none;
	padding:4px 0 4px 20px;
	font-weight: normal;
	font-size:12px;
}

#clientlogintab a span {
	padding:4px 20px 4px 0;
	margin-right: -20px;
}

#clientlogintab a {
	background: url(/wp-content/themes/v1.0/i/left-navigation.png) no-repeat bottom left;
}

#clientlogintab a span {
	background: url(/wp-content/themes/v1.0/i/right-navigation.png) no-repeat bottom right;
}

/*** DISCOUNT BANNER
**************************************/
.discount-banner {
	width: 960px;
	margin: 15px auto;
}


/*** BANNER
**************************************/
#banner, #banner-home {
	height: 105px;
	background: url(/wp-content/themes/v1.0/i/separator-h.png) no-repeat center bottom;
	margin-bottom: 15px;
	overflow: hidden;
	padding-left: 50px;
}

#banner h2, #banner h3 {
	margin: 0;
	padding: 0;
	
}

#banner-home {
	height: 215px;
	text-align: center;
	padding-left: 0;
}

#banner-home .steps {
	width: 270px;
	float: left;
	margin-right: 60px;
}

#banner-home .last {
	margin-right: 0;
}


/*** CONTENT
**************************************/
#content {
	width: 680px;
	float: left;
	overflow: hidden;
	padding-bottom: 40px;
}

#hostcontent {
	width:960px;
	float:left;
	overflow:hidden;
	padding-bottom:25px;
}

/* Support */
#searchbase {
	background:#011c2d;
	width:660px;
	float:left;
	padding:6px 20px 28px 20px;
}

#searchbase h3 {
	text-transform:uppercase;
	font-size:22px;
}

#searchbase form {
	width:640px;
	float:left;
}

#searchbase form input#q {
	height:20px;
	background:#fff;
	width:455px;
	border:2px solid #0093D6;
	padding:6px 8px;
	font-size:16px;
	margin:0;
}

#searchbase form input.searchoff {color:#999;}
#searchbase form input.searchon {color:#000;}

#searchbase form input#searchbutton {
	height:37px;
	width:148px;
	float:right;
}

#populararticles {
	width:680px;
	float:left;
	margin:6px 0 10px 0;
}

#populararticles h4 {
	font-size:18px;
}

#populararticles a {
	color:#0093D6;
	font-weight:bold;
}

#populararticles table img {
	width:16px;
	margin:0 6px 0 0;
}

#populararticles table span {
	margin:0 0 0 22px;
	float:left;
}

#basecategories {
	width:680px;
	float:left;
}

#basecategories h4 {
	font-size:18px;
}

#basecategories table {
	width:680px;
}

/* Contact */
.contact-options {
	background: url(/wp-content/themes/v1.0/i/darker-bg.png) repeat 0 0;
	width: 295px;
	float: left;
	margin: 0 15px 15px 0;
	padding:0 0 0 5px;
}

.contact-options h3 {
	font-size:18px;
	margin-left:12px;
}

.contact-options p {
	margin:0 30px 20px 30px;
}

.contact-options ul {
	margin-bottom:22px;
}

/*** CONTENT - HOME 
**************************************/
.main-plans-shared, .main-plans-reseller, .main-plans-vps, .main-plans-dedicated {
	width: 295px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 40px 15px 15px;
}

.main-plans-shared {
	background: #002336 url(/wp-content/themes/v1.0/i/earth-120x120.png) no-repeat 10px 10px;
}

.main-plans-reseller {
	background: #001f31 url(/wp-content/themes/v1.0/i/moon-120x120.png) no-repeat 10px 10px;
}

.main-plans-vps {
	background: #001c2c url(/wp-content/themes/v1.0/i/vps-120x120.png) no-repeat 10px 10px;
}

.main-plans-dedicated {
	background: #001826 url(/wp-content/themes/v1.0/i/dedicated-120x120.png) no-repeat 10px 10px;
}

.main-plans-shared h3, .main-plans-reseller h3, .main-plans-vps h3, .main-plans-dedicated h3 {
	text-align: right;
}

.main-plans-shared h3 a, .main-plans-reseller h3 a, .main-plans-vps h3 a, .main-plans-dedicated h3 a {
	color: #0093D6;
}

.main-plans-shared img, .main-plans-reseller img, .main-plans-vps img, .main-plans-dedicated img {
	padding-top: 15px;
}

#home-extras {
	background: url(/wp-content/themes/v1.0/i/separator-h.png) no-repeat 50% 0;
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}

.home-support, .home-addons, .home-tech {
	width: 275px;
	float: left;
	margin: 0 15px 0 0;
	padding: 30px 15px 0;
}

.home-tech {
	margin-right: 0;
	padding-top: 25px;
}



/* Hosting */

.hosting-plans-shared {
	background: #002336 url(/wp-content/themes/v1.0/i/earth-85x85.png) no-repeat 10px 10px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px;
}

.hosting-plans-reseller {
	background: #001f31 url(/wp-content/themes/v1.0/i/moon-85x85.png) no-repeat 10px 10px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px;
}

.hosting-plans-vps {
	background: #001c2c url(/wp-content/themes/v1.0/i/vps-144x85.png) no-repeat 10px 10px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px;
}

.hosting-plans-dedicated {
	background: #001826 url(/wp-content/themes/v1.0/i/dedicated-132x85.png) no-repeat 10px 10px;
	overflow: hidden;
	padding: 10px;
}

.hosting-plans-shared .left, .hosting-plans-reseller .left, .hosting-plans-vps .left, .hosting-plans-dedicated .left {
	width: 250px;
	margin: 115px 0 0 10px;
}

.hosting-plans {
	/*background: url(/wp-content/themes/v1.0/i/darker-bg.png) repeat 0 0;
	width: 295px;
	float: left;
	margin: 0 15px 15px 0;
	padding:0 0 0 5px;*/
}

.hosting-plans p {
	margin:0 30px 20px 30px;
}

.hosting-plans p a.order {
	float:right;
}

.hosting-plans ul {
	margin:0 0 26px 0;
}

/* Hosting Tables */
table.hosting-grid, table.hosting-grid-main {
	padding: 10px;
	border-collapse: collapse;
	width:960px;
	border:none;
}

table.hosting-grid-main {
	width: 400px;
	float: right;
}

table.hosting-grid th.big, table.hosting-grid-main th.big {
	font-size: 20px;
	color: #aaa;
}

table.hosting-grid td, table.hosting-grid-main td {
	text-align: center;
	padding: 10px;
}

table.hosting-grid td.desc, table.hosting-grid-main td.desc {
	text-align: left;
}

table.hosting-grid tr.plans-extra td, table.hosting-grid-main tr.plans-extra td {
	text-align: left;
}

table.hosting-grid .unlimited, table.hosting-grid-main .unlimited {
	color:#0093D6;
}

table.hosting-grid .line1 td {
	background: #00253a;
}

table.hosting-grid td.desc, table.hosting-grid td.col1, table.hosting-grid-main td.desc, table.hosting-grid-main td.col1 {
	width:260px;
}

table.hosting-grid td.col2 {
	background-color: #002336 !important;
	width:175px;
}

table.hosting-grid td.col3 {
	background-color: #001f31 !important;	
	width:175px;
}

table.hosting-grid td.col4 {
	background-color: #001c2c !important;
	width:175px;
}

table.hosting-grid td.col5 {
	background-color: #001826 !important;
	width:175px;
}

table.hosting-grid th.big, table.hosting-grid tr.buynow td {
	background:#00253a !important;
}

table.hosting-grid .line2 td, table.hosting-grid-main .line2 td {
	background: #023b58 !important;
}

h4.hosting-grid-h4 {
	text-align:center;
	height:26px;
	width:100%;
	background:#00121d;
	display:block;
	padding:12px 0 0 0;
	cursor:pointer;
	margin-bottom:0;
}

h4#sect1tog {
	background:#00121d url(/wp-content/themes/v1.0/i/hosting-down.png) no-repeat top center;
}
h4#sect2tog {
	background:#00121d url(/wp-content/themes/v1.0/i/hosting-down.png) no-repeat top center;
}
h4#sect3tog {
	background:#00121d url(/wp-content/themes/v1.0/i/hosting-down.png) no-repeat top center;
}

/*** SIDEBAR
**************************************/
#sidebar {
	width: 260px;
	float: right;
	/*background: url(/wp-content/themes/v1.0/i/separator-v.png) no-repeat left center;*/
	font-size: 12px;
	margin-bottom:50px;
}

#supportphone, #dashlink {
	width:244px;
	background:url(/wp-content/themes/v1.0/i/darker-bg.png) repeat 0 0;
	float:left;
	margin:0 0 12px 0;
	padding:4px 6px 6px 10px;
	font-size:24px;
}

#supportphone p, #dashlink p {
	margin:2px 0;
	float:left;
	width:194px
}

#supportphone span, #dashlink span {
	color:#9858a3;
	font-size:18px;
	margin:2px 0 10px 0;
	width:194px;
	float:left;
}

#supportphone img {
	margin:2px 4px 0 0;
	float:right;
}

#dashlink img {
	margin:6px 2px 0 0;
	float:right;
}

#dashlink a {
	color:#0093D6;
}

#serverstatus {
	width:244px;
	background:#023B58;
	float:left;
	margin:20px 0 25px 0;
	padding:14px 6px 30px 10px;
}

#serverstatus h4 {
	font-size:18px;
	margin:0 0 18px 4px;
}

#serverstatus table {
	width:204px;
	border:0;
	margin:0 0 0 20px;
	border-collapse:collapse;
	color:#0093D6;
	font-weight:bold;
}

#serverstatus tr {
	border-bottom: 1px solid #5b7380;
	margin:0 0 24px 0;
}

#serverstatus table td.center {
	text-align:center;
	font-weight:normal;
	color:#fff;
}

/*** SIDEBAR - NEWS
**************************************/
/*.blog-wp {
	background: url(/wp-content/themes/v1.0/i/darker-bg.png) repeat 0 0;
	padding: 5px;
	border: 1px solid #023B58;
}

.blog-wp h4 {
	text-align: center;
}

.blog-wp h5 {
	font-size: 15px;
	padding: 0px;
	margin: 0px;
}*/

.sidebar-blog-date {
	font-size: 10px;
	color: #d6c2de;
}

/*** FOOTER
**************************************/

#footer {
	background: url(/wp-content/themes/v1.0/i/darker-bg.png) repeat 0 0;
	overflow: hidden;
	clear: both;
	padding-bottom: 35px;
	margin-top: 50px;
}

#footer-wrapper {
	width: 960px;
	min-width: 960px;
	margin: auto;
	background: url(/wp-content/themes/v1.0/i/separator-h.png) no-repeat 50% -2px;
	padding: 30px 0;
	font-size: 11px;
}

#footer-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-wrapper .right p {
	text-align: right;
	margin:20px 0 0 0;
}

#footer-wrapper .right ul {
	text-align: right;
}

#footer-wrapper ul li {
	display: inline;
	padding: 0;
	margin: 0 10px 0 0;
}

.rocket {
	width: 160px;
	height: 160px;
	/*z-index: 1;
	margin-top: -45px;
	position: absolute;
	left: 55px;*/
}

.someplanet {
	text-align: right;
	margin-top: 25px;
	/*z-index: 1;
	position: absolute;
	margin-top:-30px;
	right: 80px;*/
}

/*** OTHER
************************************/
a.tips {
	color:#fff;
	border-bottom:1px dotted #777;
	text-decoration:none;
}

a.tips:hover {
	border-bottom-color:#fff;
	color:#ddd;
}

.tooltip {
	color: #fff;
	width: 400px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	color: #9FD4FF;
	padding: 24px 16px 4px;
	background: url(/wp-content/themes/v1.0/i/bubble.png) top left;
}
 
.tip-text {
	font-size: 14px;
	padding: 4px 16px 16px;
	background: url(/wp-content/themes/v1.0/i/bubble.png) bottom right;
}