/*=============================================
	Global
 =============================================*/

body {
	background-image: url('../images/base/header_background.jpg');
	background-repeat: repeat-x;
	height: 100%;
}



/*=============================================
	Header
 =============================================*/

div#header {
	margin-bottom: 0;
	padding-bottom: 0;
	height: 99px;
	position: relative;
}

/* The next content after the header should fit flush against the header */
div#header + div#splash > div {
	margin-top: 0;
	padding-top: 0;
}

div#header > div {
	margin-top: 0;
	margin-bottom: 0;
}

div#header > div.bar
	{ margin-top: 5px; }

div#header > div.bar img#try_it_free
	{ margin-top: 3px; }

div#header p	{ color: white; }
div#header p a	{ color: white; text-decoration: underline; }

div#header img.logo {
	margin-top: 8px;
	margin-bottom: 8px;
}

div#header p#account {
	float: left;
	padding-top: 2px;
	margin-left: 170px;
}

div#header img#try_it_free {
	float: left;
	padding-top: 2px;
	margin-left: 15px;
}


/*
div#header p#account {
	position: absolute;
	right: 120px;
	top: 11px;
}

div#header img#try_it_free {
	position: absolute;
	right: 0px;
	top: 11px;
}
*/


/*=============================================
	Site Navigation
 =============================================*/

div#site_navigation {
	margin-bottom: 0;
	padding-bottom: 0;
}

div#site_navigation > div {
	margin-top: 1px;
	background-image: url(../images/base/menu_items_background.png);
	background-repeat: no-repeat;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#site_navigation ul.menu li {
	float: left;
}

div#site_navigation ul.menu > li > a {
	display: block;
	padding: 9px 15px 8px 16px;
	
	font-size: 14px;
	color: #aa9988;
	text-transform: uppercase;
	text-decoration: none;
}

div#site_navigation ul.menu > li.plans > a { padding-left: 12px; }

div#site_navigation ul.menu > li > a:hover,
body#home				div#site_navigation ul.menu > li.home > a,
body#tour				div#site_navigation ul.menu > li.tour > a,
body#help				div#site_navigation ul.menu > li.help > a,
body#livebar_blog		div#site_navigation ul.menu > li.blog > a,
body#plans_and_pricing	div#site_navigation ul.menu > li.plans > a {
	color: #776655;
}



/*=============================================
	Splash
 =============================================*/

div#splash {
	margin-top: 1px;
	margin-bottom: 30px;
	position: relative;
}

div#splash > div {}

div#splash h1 {
	font-size: 36px;
	line-height: 42px;
	color: white;
}

div#splash p {
	font-size: 14px;
	line-height: 25px;
	color: white;
}

div#splash p a { color: white; text-decoration: underline; }



/*=============================================
	Benefits
 =============================================*/

div#benefits {
	margin-bottom: 0;
}

div#benefits h2 {
	font-size: 18px;
	margin-bottom: 0;
}

div#benefits h3 {
	font-size: 13px;
}

div#benefits div.feature p {
	font-size: 12px;
	height: 100px;
}

div#benefits div.feature p.icon {
	float: left;
	display: block;
	width: 70px;
	height: 60px;
	margin-right: 10px;
	margin-bottom: 60px;
	text-align: right;
}



/*=============================================
	Testimonial
 =============================================*/

div#testimonial {
	background-color: #f0f0f0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 8px;
	margin-bottom: 24px;
}

div#testimonial > div {
	padding-top: 9px;
	padding-bottom: 9px;
}

div#testimonial p { margin-top: 8px; }

div#testimonial blockquote p {
	line-height: 32px;
	font-size: 20px;
	font-style: italic;
	font-family: Georgia;
	font-weight: normal;
	color: #666;
	margin-top: 0;
	margin-bottom: 0;
}


div#testimonial img {
	display: block;
	width: 110px;
	height: 60px;
	margin: 15px 20px;
	background-color: #999;
}



/*=============================================
	Blog Content
 =============================================*/

div#social h3 {
	font-size: 14px;
	color: #aa8866;
	text-transform: uppercase;
	margin-bottom: 9px;
}

div#blog h2,
div#blog h2 a {
	color: #886644;
	margin-bottom: 0;
}

div#blog p.meta {
	font-size: 10px;
	text-transform: uppercase;
	color: #aaa;
}

div#blog p.meta strong {
	font-weight: normal;
	color: #666;
}



/*=============================================
	Twitter
 =============================================*/

div#twitter {
	background-image: url(../images/features/tweet_background.png);
	background-repeat: no-repeat;
	background-position: 0 36px;
	position: relative;
	height: 200px;
}

div#twitter p.link {
	font-size: 10px;
	position: absolute;
	left: 70px;
	bottom: 0px;
}

div#twitter ul {
	width: 250px;
	padding: 18px 20px;
}

div#twitter ul li {
	font-family: georgia;
	font-style: italic;
	font-size: 12px;
	color: #517394;
}



/*=============================================
	Footer
 =============================================*/

div#footer_container {
	width: 100%;
	text-align: center;
	background-image: url(../images/base/footer_background.jpg);
	background-repeat: repeat-x;
}

div#footer {
	float: none;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

div#footer div 	{ margin-top: 10px; }

div#footer h4 {
	color: #887766; 
	letter-spacing: 0;
	font-size: 13px;
}

div#footer p,
div#footer a { 
	color: #887766;
	font-size: 11px;
}



/*=============================================
	Footer: Lock it to the bottom of the page
 =============================================*/

* 	{ margin: 0; }

html, body {
	height: 100%;
}

div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom: 190px
}

div#footer_container {
	margin-top: -190px;
	height: 200px;
	position:relative
}

/*
I removed div#push with the same properties as div#footer_container
I didn't need the push before the end of the wrapper
*/





/*=============================================
	Comments
 =============================================*/

ol.commentlist li.comment 	{}
ol.commentlist li.odd		{}
ol.commentlist li.even > div{}

div.comment-body > * {
	float: left;
}

div.comment-author {
	float: left;
}

div.comment-author img {
	float: left;
	margin-right: 5px;
	margin-bottom: 8px;
}
div.comment-author cite {}

div.comment-author span.says {}

div.commentmetadata {
	float: left;
	margin-left: 38px;
	margin-top: -20px;
}

div.comment-body > p,
div.comment-body > div.reply {
	margin-left: 38px;
	margin-top: 20px;
}


/*=============================================
	Comments
 =============================================*/

div#respond h3 {
	margin-bottom: 20px;
}

div#respond input[type="text"],
div#respond input[type="password"],
div#respond textarea {
	width: 50%;
}






/*=============================================
	Forms
 =============================================*/

input[type="text"],
input[type="password"],
textarea {
	display: block;
	padding: 5px;
	border: 1px solid #bbb;
	width: 45%;
}

label {
	display: block;
	font-weight: bold;
	margin-top: 5px;
}

/*
p.required label:after {
	content: " *";
	color: #c33;
}
*/


/* New form styling */
form.side-by-side {
}

form.side-by-side p {
	display: block;
	clear: both; 
	padding-bottom: 20px;
}

form.side-by-side label	{
	float: left;
	text-align: right;
	width: 150px;
	margin-left: 20px;
	margin-right: 20px;
}

form.side-by-side input[type="text"], 
form.side-by-side input[type="password"], 
form.side-by-side textarea {
	float: left;
	width: 350px;
	padding: 5px;
	background-color: #f0f0f0;
}

form.side-by-side input.short {
	width: 75px;
}

form.side-by-side input.group {
	width: 45px;
	float: left;
	display:inline;
}
form.side-by-side input.discount {
	width: 60px;
	float: left;
	display:inline;
}


form.side-by-side select {
	float: left;
	margin-right: 10px;
}

form.side-by-side p.button {
	margin-right: 70px;
}

form.side-by-side span.instructions {
	float: left;
	clear: both;
	display: block;
	width: 380px;
	margin-left: 190px;
	margin-bottom: 20px;
	color: #999;
}

form.side-by-side h3 {
	float: left;
	margin-bottom: 10px;	
}

form.side-by-side h4 {
	margin-left: 190px;
	padding-top: 20px;
	margin-bottom: 10px;
}





/*=============================================
	General
 =============================================*/

ul.bulletted {
	list-style-type: disc;
	margin-left: 1em;
}

ul.bulletted li {
	color: #ff9966;
}


.right	{ text-align: right; }
.center	{ text-align: center; }
.left	{ text-align: left; }

.tight	{ margin: 0; padding: 0; }

hr {
	margin-top: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 0px;
}






/*=============================================
	Home
 =============================================*/

body#home 	{ background-image: url('../images/base/home_header_background.jpg'); }

body#home div#splash {
	height: 349px;
	background-position: top center;
	background-image: url('../images/base/home_splash_sun_burst.jpg');
	background-repeat: no-repeat;	
}

body#home div#splash img#screenshot {
	position: absolute;
	top: 17px;
	left: 61px;
}

body#home div#splash div.columns-5 div h1,
body#home div#splash div.columns-5 div p {
	margin-left: 30px;
	margin-bottom: 0;
}

body#home div#splash p#try_it_free_splash {
	margin-top: 20px; 
	margin-left: 25px;
}


body#home div#splash h1 {
	margin-top: 30px;
}



/*=============================================
	Take a Tour
 =============================================*/

body#tour div#content {
	margin-top: 24px;
}

body#tour div#sidebar h1 {
	font-size: 36px;
}

body#tour div#sidebar h2 {
	margin-bottom: 0px;
	line-height: 24px;

	font-size: 16px;
	color: #776655;
}

body#tour div#features {
	margin-bottom: 20px;
}

body#tour div#features h3 {
	color: #776655;
	margin-bottom: 10px;
}

body#tour div#features img {
	float: left;
	margin-bottom: 10px;
}

body#tour div#features img.narrow {
	margin-right: 10px;
}



/*=============================================
	Blog
 =============================================*/

body#livebar_blog div#subhead { 
	margin-top: 18px;
}

body#livebar_blog div#subhead h1 { margin: 0; }

body#livebar_blog div#subhead h2 {
	margin-bottom: 0;
	color: #77b1d6;
	font-size: 16px;
}

body#livebar_blog div#sidebar h3	{ color: #776655; }

div#sidebar div#twitter div.content div.tweet ul {
	margin-top: 10px;
}

.postmetadata {
	font-style: italic;
	color: #999;
}



/*=============================================
	Plans
 =============================================*/

body#plans_and_pricing 	{ background-image: url('../images/base/plans_header_background.jpg'); }

body#plans_and_pricing p#account {
	margin-left: 290px;
}

body#plans_and_pricing img#try_it_free {
	display: none;
	visibility: hidden;
}

body#plans_and_pricing div#splash h1 	{ margin-top: 30px; }

body#plans_and_pricing div#splash p {
	margin-bottom: 9px;
}

body#plans_and_pricing div#splash > div { height: 350px; }

body#plans_and_pricing div#splash {
	height: 422px;
	text-align: center;
	background-position: top center;
	background-image: url('../images/base/plans_splash_sun_burst.jpg');
	background-repeat: no-repeat;	
}


body#plans_and_pricing div#plans {
	text-align: center;
	margin-left: 100px;
	width: 830px;
	margin-bottom: 0;
}

body#plans_and_pricing div.plan {
	width: 190px;
	height: 190px;
	margin-top: 13px;
	margin-bottom: 0;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #ccc;

	background-color: white;

	font-weight: bold;
}

body#plans_and_pricing div.plan h2 {
	margin-top: 18px;
	margin-bottom: 0;
	color: #444;
	font-size: 28px;
}

body#plans_and_pricing div.plan p {
	font-size: 18px;
}

body#plans_and_pricing div.plan p.rate {
	margin-bottom: 0;
	padding-bottom: 9px;
	border-bottom: 1px solid #ddd;
	color: #444;
}

body#plans_and_pricing div.plan p.views {
	margin-top: 9px;
	margin-bottom: 0;
	color: #aa8866;
}

body#plans_and_pricing div.plan p.views em {
	font-style: normal;
	color: #ff9966;
}

body#plans_and_pricing div.plan p.sign_up {}


body#plans_and_pricing div.plan.feature {
	border: 4px solid #003366;
	margin-top: 0;
	height: 210px;
}

body#plans_and_pricing div.plan.feature h2	{ font-size: 30px; }

body#plans_and_pricing div.plan.feature p 	{ font-size: 20px; line-height: 32px; }


body#plans_and_pricing p#footnote {
	color: #ccddff;
	font-size: 11px;
	margin-top: -15px;
}

body#plans_and_pricing p#corporate_package { 
	font-size: 18px;
	margin-top: 25px;
}

body#plans_and_pricing p#corporate_package a { 
	color: white;
	text-decoration: underline;
}


body#plans_and_pricing div#questions > div > div h2 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 18px;
}



/*=============================================
	Sign Up
 =============================================*/

body#sign_up h3 {
	color: #776655;
}

body#sign_up div#sidebar h3 {
	color: #225588;
}