/*
Theme Name: A Clik Labs Creation
Theme URI: http://cliklabs.com/design/wordpress/
Description: A custom theme created for this website
Author: Clik Labs
Author URI: http://cliklabs.com
version: 1.0

Tags: custom made, clik labs, creation
*/

.wrapper {
height:auto !important;
margin:0 auto -164px;
min-height:100%;
}

body {
background:#e3e3e3 repeat-x;
background-image:url(images/bg.png);
font-family:verdana, arial, tahoma, sans-serif;
font-size:12px;
height:100%;
line-height:1.5;
}

html {
height:100%;
}

.push {
height:164px;
}

.short-body {
background-image:url(images/bg-short.png);
}

.short-showcase {
height:70px !important;
}

h1 {
font-size:18pt;
}

h2 {
font-size:14pt;
}

h3 {
font-size:18px;
}

img {
border:none;
padding:0;
}

/* links */
a {
color:#6a9e37;
text-decoration:none;
text-stye:none;
}

/* container */
#container {
clear:left;
color:#6e6e6e;
margin:0 auto;
overflow:hidden;
padding:0;
width:970px;
}

/* header */
#header {
height:33px;
margin:0 auto;
padding-top:12px;
width:960px;
}

#logo {
background-image:url(images/logo.png);
display:block;
float:left;
height:21px;
outline:none;
text-indent:-9000px;
width:127px;
}

#client-login {
background:transparent url(images/client-login.png) no-repeat scroll right 4px;
color:#999;
display:block;
float:right;
height:24px;
padding-right:10px;
padding-top:2px;
text-align:right;
text-decoration:none;
width:87px;
}

#client-login:hover {
color:#191919;
}

/* main menu */
#menu {
float:right;
font-family:georgia, sans-serif;
font-size:16px;
font-style:italic;
margin-top:-2px;
overflow:hidden;
text-transform:lowercase;
width:811px;
}

#menu ul li {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li a {
color:#ccc;
display:block;
margin:0;
padding:0 10px;
}

/* front page */
#showcase-container {
background:url(images/shine.png) no-repeat top center;
height:340px;
margin-bottom:25px;
overflow:visible;
width:100%;
}

#front-showcase {
margin:0 auto;
width:960px;
}

#front-slideshow {
margin:74px 0 0 108px;
position:absolute;
height:230px;
width:370px;
}

#laptop {
float:left;
margin:54px 30px 0 20px;
}

#intro {
background-image:url(images/intro.png);
float:right;
height:177px;
margin-left:532px;
margin-top:-267px;
position:relative;
text-indent:-9000px;
width:436px;
}

/* content */
.cont-wrap {
float:left;
margin-bottom:10px;
margin-left:-17px;
}

.cw {
margin-left:22px;
overflow:hidden;
width:626px;
}

.content-top {
background:url(http://static.cliklabs.com/img/top-content.png);
height:21px;
}

.content {
background:url(http://static.cliklabs.com/img/mid-content.png) repeat-y;
}

.content-bot {
background:url(http://static.cliklabs.com/img/bot-content.png) bottom;
height:13px;
margin-bottom:16px;
}

.content-i {
padding:0 32px;
}

.entry p {
margin:8px 0 18px;
}

.entry li {
margin:4px 0 4px 25px;
}

.entry ul {
margin-bottom:15px;
}

.entry h3 {
margin-top:10px;
}

.notitle h3 {
color:#3d3d3d;
font-size:18px;
margin:0;
}

.postmetadata {
background:#F7F7F7;
clear:both;
margin:20px 0;
padding:6px;
}

.navigation {
float:left;
font-size:8pt;
margin:0;
overflow:hidden;
padding:0;
width:100%;
}

/* sidebar */
.sf {
width:307px;
}

.sb-wrap {
float:right;
margin-right:17px;
}

.sb-top {
background:url(http://static.cliklabs.com/img/sb-top.png);
height:13px;
}

.sb {
background:url(http://static.cliklabs.com/img/sb-mid.png) repeat-y;
font-family:Myriad Pro, Arial, sans-serif;
font-size:14px;
}

.sb-bot {
background:url(http://static.cliklabs.com/img/sb-bot.png);
clear:left;
height:18px;
}

.sbp {
padding:0 24px;
}

.sb h2 {
background:url(http://static.cliklabs.com/img/side-h2.png) no-repeat scroll 0 47px;
color:#000;
padding:10px 0 22px;
width:226px;
}

.sb ul {
list-style-type:none;
padding-bottom:29px;
}

.sb li {
clear:both;
display:block;
padding:5px 0 0;
}

#tweets li {
padding:23px 0 0;
}

.sb a:hover {
test-style:underline;
}

#lets-get-started {
background:url(http://static.cliklabs.com/img/get-started.png);
display:block;
float:right;
height:0;
margin:1px 23px 22px 0;
outline-style:none;
outline-width:medium;
overflow:hidden;
padding-top:68px;
width:300px;
}

.sb p {
color:#000;
}

#lets-get-started:hover {
background:url(http://static.cliklabs.com/img/get-started.png) center 68px;
}

#twitter {
background:url(http://static.cliklabs.com/img/twitter.png);
display:inline;
float:right;
height:0;
margin-top:-46px;
overflow:hidden;
padding-top:25px;
width:26px;
}

#services h2 {
padding:10px 0 30px;
}

#facebox {
margin-left:1px;
margin-top:8px;
}

/* misc */
.alignright {
float:right;
}

.alignleft {
float:left;
}

/* footer */
#footer {
background:#000 url(images/footer-bg.jpg) no-repeat top center;
border-top:1px solid #fff;
clear:both;
height:128px;
margin-top:35px;
width:100%;
}

#footer a {
color:#BCBCBC;
text-decoration:none;
}

#footer a:hover {
color:#5D5D5D;
text-decoration:underline;
}

#footer-container {
color:#ccc;
margin:0 auto;
padding:10px 0;
width:960px;
}

#footer-container ul {
list-style:none;
}

#footer-container .ul-left {
margin-left:80px;
}

#footer-container a.top {
color:#fff;
font-size:14px;
font-weight:700;
}

/* Glue Feed */
.glue a {
background:url(http://static.cliklabs.com/img/glue-logo.png) top center;
display:block;
float:right;
height:19px;
margin-top:20px;
outline:none;
text-indent:-9000px;
width:56px;
}

.glue a:hover {
background-position:bottom center;
}

.cont-wrap h2 {
color:#3d3d3d;
font-size:26px;
margin-bottom:3px;
}

.g-entry {
margin-bottom:20px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#services-container {
background-image:url(http://cliklabs.com/img/services-header.png);
height:258px;
margin-top:30px;
padding:6px;
position:absolute;
width:928px;
}

#img-banner {
margin-top:30px;
padding:6px;
position:absolute;
}

#design-header {
margin-top:63px;
padding:6px;
position:absolute;
}

.right {
background-image:url(http://cliklabs.com/img/services-buttons.png);
background-position:right bottom;
display:block;
float:right;
height:28px;
margin-top:223px;
width:120px;
}

.left {
background-image:url(http://cliklabs.com/img/services-buttons.png);
display:block;
float:left;
height:28px;
margin-top:223px;
width:120px;
}

.right:hover {
background-position:right top;
}

.hosting {
margin:0 0 0 25px;
position:absolute;
width:252px;
}

.fusion {
margin:0 0 0 338px;
position:absolute;
width:252px;
}

.design {
margin:0 0 0 648px;
position:absolute;
width:252px;
}

.hosting .left {
background-position:-240px -28px;
}

.hosting .left:hover {
background-position:-240px 0;
}

.fusion .left {
background-position:-120px -28px;
}

.fusion .left:hover {
background-position:-120px 0;
}

.design .left {
background-position:0 -28px;
}

.design .left:hover {
background-position:0 0;
}

/* Hosting Page */
#hosting-header {
background:transparent url(images/hosting-top.png) no-repeat scroll 0 29px;
height:276px;
margin:0 auto;
padding-top:50px;
width:819px;
}

.hostbutton {
background-image:url(images/signup-hosting.png);
height:35px;
position:absolute;
text-indent:-9000px;
width:147px;
}

.button1 {
background-position:0 0;
margin:220px 0 0 30px;
}

.button2 {
background-position:0 -35px;
margin:220px 0 0 238px;
}

.button3 {
background-position:0 -70px;
margin:229px 0 0 444px;
}

.button4 {
background-position:0 -105px;
margin:220px 0 0 648px;
}

.button1:hover {
background-position:-147px 0;
}

.button2:hover {
background-position:-147px -35px;
}

.button3:hover {
background-position:-147px -70px;
}

.button4:hover {
background-position:-147px -105px;
}

.clear {
clear:both;
}

*,#menu ul {
margin:0;
padding:0;
}

a:hover,#footer-container .ugly-underline {
text-decoration:underline;
}

.wpcf7-not-valid-tip-no-ajax {
display: block;
}

.wpcf7-list-item label {
	display: block;
}

span.human input {
	display: block;
}

table#hosting-features {
	
}

table#hosting-features td, table#hosting-features th {
	padding: 3px 5px;
	text-align: center;
}

table#hosting-features .feature-title {
	font-weight: bold;
	text-align: left;
}