/*
Theme Name: Jaqcui Thomas Wordpress Theme
Theme URI: http://wordpress.org/
Version: 1.0
Author: ryan@teabgstudios.com
*/


@import "forms.css";

/* @group Reset */
/* Reset Stylesheet
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
button { background-color:transparent; border:none; padding:0px; margin:5px 0px; cursor:pointer;}
/* @end */


/*
	(c) Teabagstudios.com 2009
*/


/* @group Site Grid */

	body {
		background:#E8E8E8 url('images/background.jpg') repeat-x top center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:62.5%;
		color: #666;
	}
	
	#wrap {
		position:relative;
		width:996px;
		margin:0px auto;
		background:transparent url(images/bg_page.jpg) no-repeat center 196px;
	}
	
	#inner-wrap {
		background:url(images/bg_page-bottom.png) repeat-y center center;
	}
	
	#header {
		height: 195px;
		background: url(images/bg_header.jpg) no-repeat top center;
		padding:0px 33px 0px 33px;
		position: relative;
	}
	
	#page {
		clear:both;
		margin:0 auto;
		width:927px;
	}
	
	#banner {
		clear: both;
		background: transparent url(images/bg_banner-shadow.jpg) no-repeat scroll 38px 0px;
		height: 269px;
		margin-top: 15px;
		padding-bottom: 15px;
		
	}
		
	#content {
		width: 590px;
		margin-right: 15px;
		float: left;
	}
	
	#sidebar {
		float: right;
		width: 322px;
	}
	
	#footer {
		clear: both;
		background: url(images/bg_footer-tile.jpg) repeat-x;
	}
	
	#footer-wrap {
		width: 696px;
		margin: 0px auto;
		background: url(images/bg_footer.png) no-repeat top center;
		padding: 20px 20px 20px 280px;		
	}
	
	.box {
		background-color: #fff;
		padding: 5px 10px;
		margin-bottom: 15px;
		clear: both;
	}	
	
	.nomargin {
		margin:0px;
	}
	
/* @end */



/* @group Layouts */

	/* Content Pages */
	#page.browse #page-splash {
		background-color: #fff;
		color: #666;
	}	
	
	#page.browse #page-splash h2 {	
		margin:10px -143px 10px -165px;
		padding-left:160px;
	}
	
	#page.browse #content {
		width: auto;
		background-color: #fff;
		padding: 40px;
		margin: 0px;
		float: none;
	}
	
/* @end */


/* @group Typography / Links */


	h1 {
		height:90px;
		left:150px;
		position:absolute;
		top:40px;
		width:280px;
	}
	
	h1 a {
		display:block;
		height:100%;
		width:100%;
		text-indent:-9999px;
		overflow:hidden;
		background:url('images/logo.png') no-repeat;
	}
	
	
	h2,h3,h4,h5 {
		margin: 10px 0px;
	}
	
	h2 {
		font-size: 2em;
		background: url(images/bg_h2-sprite.png) no-repeat left -189px;
		height: 54px;
		line-height: 50px;
		padding-left: 20px;
		color:#fff;
		width: 600px;
	}
	
	#sidebar h2 {
		width: 315px;
	}
	
	
	
	.cufon-active  h2 {
		font-size: 30px;
		padding-top: 5px;
		height: 49px;
	}
	
	h3 {
		font-size: 2.5em;

	}
	
	.article h3 {
		color: #21A2A4;
	}
	
	.media-list .article h3 {
		margin: 20px 0px;
	}
	
	.article h3 a {
		text-decoration: none;
	}
	
	h4 {
		font-size: 1.5em;
		font-weight: bold;
	}
	
	h5 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	/** 
		Section Styles 
		- thoughts = blue #21A2A4
		- love = purple #5D4993
		- life = green #57AB5D
		- gogirl = orange #D06F4E
		
	**/
	.thoughts h2 {
		background-position: left -189px;
	}

	.loves h2 {
		background-position: left -126px;
	}	

	.life h2 {
		background-position: left -1px;
	}

	.gogirl h2 {
		background-position: left -63px;
	}	
	
	.red h2 {
		background-position: left -538px;
	}
	/** Sidebar **/
	#sidebar .thoughts h2,
	.thoughts #sidebar h2 {
		background-position: right -399px;
	}

	#sidebar .loves h2,
	.loves #sidebar h2 {
		background-position: right -463px;
	}	

	#sidebar .life h2,
	.life #sidebar h2 {
		background-position: right -273px;
	}

	#sidebar .gogirl h2,
	.gogirl #sidebar h2 {
		background-position: right -336px;
	}	
				
	.thoughts h3,
	.thoughts a {
		color: #21A2A4;
	}
	
	.loves a,
	.loves h3 {
		color: #5D4993;
	}	
	
	.life a,
	.life h3 {
		color: #57AB5D;	
	}

	.gogirl a,
	.gogirl h3 {
		color: #D06F4E;
	}
	
	.red a,
	.red h3 {
		color: #B70023 !important;
	}
	
	.thoughts a:hover {
		color: #21A2A4;
	}
	
	.loves a:hover {
		color: #5D4993;
	}	
	
	.life a:hover {
		color: #57AB5D;	
	}

	.gogirl a:hover {
		color: #D06F4E;
	}
	
	.box h2 {
		margin: 0px 0px 0px -15px;
		position: relative;
	}
	
	/* @group Links */
	
	a {
		color: #666666;
		text-decoration: none;
	}
	
	.browse .article a {
		color: #21A2A4;
		text-decoration: none;
	}
	
	a:hover {
		color: #21A2A4;
	}
	
	a:visited {
	
	}
	
	a:focus {
	
	}
	
	.cufon-active a.previous-newsletters {
		font-size: 18px;
		font-weight: bold;
	}
	
	/* @group Navigation */
	
	#nav li {
		float: left;
	}
	
	#nav li a {
		display:block;
		height: 36px;
		background-image: url(images/bg_menu-sprite.png);
		background-repeat: none;
		background-color: transparent;
		float: left;
		overflow: hidden;
		text-indent: -999em;
	}

	#n_thoughts {
		background-color: #21A2A4;
	}

	#n_thoughts a{
		width: 137px;
		background-position: 0px bottom;
	}
	
	#n_loves {
		background-color: #5D4993;
	}	

	#n_loves a{
		width: 106px;
		background-position: -137px bottom;
	}
	
	#n_life {
		background-color: #57AB5D;
	}
	
	#n_life a{
		width: 107px;
		background-position:-243px bottom;
	}
	
	#n_gogirl {
		background-color: #D06F4E;
	}
	
	#n_gogirl a {
		width: 100px;
		background-position: -352px bottom;
	}
	
	#nav li.active,
	#nav li.on {
		height: 51px;
	}

	#n_gogirl.active a,
	#n_gogirl.on a{
		background-position: -352px top;
	}	
	
	
	#n_thoughts.active a,
	#n_thoughts.on a{
		background-position: 0px top;
	}

	#n_loves.active a,
	#n_loves.on a{
		background-position: -137px top;
	}

	#n_life.active a,
	#n_life.on a{
		background-position:-243px top;
	}	
	
	/* @end */
	
	
	
	/* @end */
	
/* @end */


/* @group Core Elements */

	p, 
	li,
	dd,
	dt,
	blockquote {
		font-size:1.2em;		
	}
	
	blockquote {
		line-height:2em;
		color:#666666;
	}
	
	dl, p {
		margin:10px 0px;
		line-height:1.5em;
	}

	ul.list {
		margin:5px 5px 5px 10px;
	}


	.article ul li,
	ul.list li {
		list-style-type:disc;
		margin: 5px 0px;
		list-style-position:inside;
	}
	
	ul li ul li {
		font-size: 1em;
	}
	
	/* misc */

	.clear { clear:both; }

	hr.divide { 
		height:0px !important; 
		border:none !important; 
		clear:both; 
		font-size: 0px !important; 
		margin: 0px !important; 
		visibility: hidden !important;
	}
	
	.hide {
		position: absolute;
		width: 0px;
		height: 0px;
		text-indent: -999em;
		overflow: hidden;	

	}
/* @end */


/* @group Decorative */

	#jacqui-photo {
		width: 231px;
		height: 455px;
		background:url(images/jacqui.png) no-repeat;
		position: absolute;
		bottom: -14px;
		left: -75px;
		text-indent: -999em;
		overflow: hidden;
		z-index: 999;
	}

/* @end */



/* @group Widgets */

	/* @group Breadcrumb */
	

	.breadcrumb {
		background-color:#fff;
		padding: 10px;
		margin-bottom: 10px;
		font-size: 1.2em;
	}	
	
	.navigation {
		padding: 10px 0px;
		min-height: 30px;
	}
	
	.navigation a {
		padding: 10px;
		font-size: 1.2em;
		background-color: #fff;
	}
	/* @end */
	
	/* @group Contact Details */
		
	.contact-details strong {
		float: left;	
		width: 90px;
	}
	
	.contact-details span {	
		float: left;
	}
	
	.contact-details p {
		clear: both;
		padding: 5px 0px;
	}
	
	.contact-details p a {
		color: #21A2A4;
	}
	
	/* @end */
	
	


/* @end */

/* @group Post & Entry Meta */
	
	.article {
		background: url(images/bg_dotted.png) repeat-x bottom;
		padding-bottom: 10px;
	}
	
	.article a {
		
	}
	
	.article .date {
		font-size: 1.1em;
	}
	
	.article hr {
		border: 0px !important;
		background: url(images/bg_dotted.png) repeat-x bottom;
		height: 10px;
		margin: 20px 0px;
	}
	
	.article img.thumbnail {
		float: left;
		margin: 0px 20px 20px 0px;
	}
	
	#page.browse #content .article,
	.box .article:last-child {
		background: none
	}
	
	
	.tags {
		margin: 10px 0px;
		padding:2px 5px 2px 30px;
		line-height: 1.8em;
		background: url(images/bg_tags-sprite.png) no-repeat;
		clear: both;
	}
	
	.tags a {
		font-size: 1.2em;
		color: #666;
	}
			
	.thoughts .tags {
		background-position:left -205px ;
	}

	.loves .tags {
		background-position:left -331px ;
	}	

	.life .tags {
		background-position:left top ;
	}

	.gogirl .tags {
		background-positioN:left -97px;
	}
	
	.display_archive {font-family: arial,verdana; font-size: 12px;}
	
	.campaign {line-height: 125%; margin: 5px;}


/* @end */


/* @group Newsletter */

	#newsletter {
		float:right;
		width:217px;
		background: url(images/bg_newsletter.png) no-repeat;
		padding: 10px 10px 20px 100px;
		color: #B70023;
		margin: 0px -6px 0px 0px;
		height: 245px;
	}
	
	#newsletter p {	
		line-height: 1.3em;
	}
	
	#newsletter #sign-up {
		height: 155px;
	}
	
	
	.cufon-active #newsletter h3 {
		font-size: 30px;
	}
	#newsletter .inspiration {
		color:#fff;
		margin: 10px 10px 10px -80px;
	}	
	
	#newsletter h3 {
		font-size:1.4em;
		margin-top: 0px;
	}

	#newsletter button {
		background:url(images/text/btn_subscribe.png) no-repeat;
		width: 78px;
		height: 18px;
		text-indent: -999em;
		overflow: hidden;
	}
	
	#mc_signup_form {
		position: relative
	}
	
	#mc_signup_form legend {
		color: #B70023;
		font-size: 2em;
		padding: 0px !important;
		margin: 0px 0px 10px 0px !important;
	}
	
	#mc_signup_form label {
		font-size: 1.2em;
		float: left !important;
		clear: none !important;
		width: 100px;
		margin-right: 10px;
	}
	
	#mc_signup_form input.mc_input {
		padding: 2px;
		clear: none !important;	
		width: 250px;
		font-size: 1.2em;
	}
	
	#mc_signup_form .mc_merge_var {
		padding: 8px 0px;
		clear: both;
	}
	
	#mc_signup_form .mc_signup_submit {
		padding: 10px 0px;
	}
	
	#mc_signup_submit {
		width: 83px;
		height: 24px;
		background: url(images/btn_subscribe.png) no-repeat;
		text-indent: -999em;
		border: 0px;
	}
	
	#mc-indicates-required {
		position: absolute;
		top: 10px;
		left: 300px;
	}
	
	#mc_display_rewards,
	#mc_unsub_link,
	#mc_signup_form .mc_signup_submit {
		text-align: left !important;
	}
	#mc_message {
		margin: 10px 0px;
	}
	#mc_message .mc_error_msg {
		background-color: #B70023;
		color:#fff !important;
		padding: 3px 10px;
		font-size: 1.1em;
	}

	#mc_message .mc_success_msg {
		color: #B70023 !important;
		font-size: 1.2em;		
		font-weight: bold;
	}
/* @end */

/* @group Splash Boxes */
	
	#page-splash,
	#splash {
		height:249px;
		position: relative;
		color: #fff;
		padding: 0 152px 20px 155px;
		width: 283px;
		float: left;
	}

	#splash.sp_home {
		background: #282A2C url(images/bg_splash-home.png) no-repeat right bottom ;
		text-indent: -999em;
	}
	
	#banner #splash.sp_thoughts,
	.thoughts #splash {
		background: #21A2A4 url(images/bg_splash-thoughts.png) no-repeat 415px bottom;
	}
		
	#banner #splash.sp_loves,
	.loves #splash {
		background: #5D4993 url(images/bg_splash-loves.png) no-repeat 415px bottom;
	}
	
	
	#banner #splash.sp_gogirl,	
	.gogirl #splash {
		background: #D06F4E url(images/bg_splash-gogirl.png) no-repeat 415px bottom;
	}		
	
	#splash.sp_life,
	.life #splash {
		background: #57AB5D url(images/bg_splash-life.png) no-repeat 415px bottom;
	}		

	.life #splash,
	.gogirl #splash,
	.loves #splash,
	.thoughts #splash {
		float: none;
		width: auto;
		padding:0px 470px 0px 170px;
		height: 269px;
	}
	
	#splash #home-splash,
	#splash #life-splash,
	#splash #thoughts-splash,
	#splash #loves-splash,
	#splash #gogirl-splash {
		display: none;
	}
	
	#splash.sp_home #home-splash,
	#banner #splash.sp_life #life-splash,
	#banner #splash.sp_thoughts #thoughts-splash,
	#banner #splash.sp_loves #loves-splash,
 	#banner #splash.sp_gogirl #gogirl-splash {	
		display: block;
	}
	
	.inspiration h3,
	#splash h3 {
		color: #fff !important;
	}
	
	#splash h4 {
		font-weight:normal;
		font-size: 1.6em;
		line-height: 1.4em;
		font-family: HelveticaNeue,"Helvetica Neue", arial, sans-serif;
	}

	#splash ul.list {
		font-family: HelveticaNeue,"Helvetica Neue", arial, sans-serif;
	}
	
	.cufon-active #splash h3 {
		font-size: 50px;
		margin-bottom:20px;
	}


/* @end */



/* @group Post Styles

	.post h2{
	
	}
		
	.post h2 a{
	
	}
		
	
	.post ul {}
	
	.post li {}
	
	.entry p { }
	
	.postmetadata{
		clear: both;
		background:#F7F7F7;
		padding:6px;
		margin: 20px 0;
	}


 @end */


/* @group Form Styles */

/* @end */

/* @group Sidebar Styles */

li ul.children {
	padding:10px 0px 0px 25px;
	
}

li ul.children li {
	border-bottom:0px;
	padding: 2px 0px;
}

.page-list li,
.archive-list li,
.category-list li,
.latest-articles li {
	padding: 10px 0px;
	background: url(images/bg_dotted.png) repeat-x bottom;
	padding-left: 10px;
}


/* @end */






/* @group Page Styles */

	/* @group Header */
	
	#nav {
		position: absolute;
		bottom: 0px;
		left: 153px;
		height: 36px;
	}
	
	#sub-nav {
		position: absolute;
		top: 10px;
		right: 33px;
	}
	
	#sub-nav li {
		display: inline;
		padding: 5px;
	}
	
	#social {
		position: absolute;
		bottom: 0px;
		right:33px;
	}

	#social li {
		float: left;
	}
	#social li.follow {
		background:url(images/text/follow-me.png) no-repeat left 10px;
		text-indent: -999em;
		width: 73px;
		height: 32px;
	}
	#social li a {
		display: block;
		float: left;
		width: 33px;
		height: 32px;
		background: url(images/bg_social-sprite.png) no-repeat;
		overflow:hidden;
		margin-right: 5px;
		text-indent: -999em;

	}


	#social li.facebook a {
		background-position :left bottom;
	}
	
	#social li.twitter a {
		background-position: -37px bottom;
	}
	
	#social li.linkedin a {
		background-position: -74px bottom;
	}
	
	#social li.rss a {
		background-position: right bottom;
	}
	
	
	
	#social li.facebook a:hover {
		background-position :left top;
	}
	
	#social li.twitter a:hover {
		background-position: -37px top;
	}
	
	#social li.linkedin a:hover {
		background-position: -74px top;
	}
	
	#social li.rss a:hover {
		background-position: right top;
	}	
	
	
	#special-offer {
		background:url(images/bg_offer.png) no-repeat top left;
		height:121px;
		padding:10px 110px 5px 19px;
		position:absolute;
		right:7px;
		top:30px;
		width:225px;
		height:105px;
		line-height: 1.2em;
	}
	
	#special-offer h4 {
		font-size: 1.2em;
		color:#23A3A4;
		margin-bottom: 5px;
	}

	#special-offer p {
		line-height: 1.3em;
		margin: 5px 0px;
	}	
	
	#special-offer a.fom {
		width: 116px;
		display: block;
		height: 16px;
		background: url(images/text/find-out-more.png) no-repeat;
		text-indent: -999em;
	}
	/* @end */
	
	
	/* @group Footer */
	
	#f-contact {
		width: 300px;
		float: left;
		color: #666666;
		margin-top: 10px;
	}
	
	#f-contact h5 {
		width: 186px;
		height: 35px;
		background:url(images/text/ways-to-contact.png) no-repeat;
		text-indent: -999em;
	}
	
	#f-contact dl {
		padding-left: 100px;
	}
	
	#f-contact dl dt {
		float: left;
		margin-left: -100px;
	}
	#f-contact dl dd {	
		margin-bottom:15px;
	}
	
	#f-contact dl dd span {	
		display: inline-block;
		width: 40px;
	}	
	#f-sitemap {
		float: right;
		width: 350px;
		padding-top: 20px;
	}	
	
	#f-sitemap ul {
		width: 150px;
		float: left;
		margin-right: 25px;
	}
	
	#f-sitemap ul li {
		margin: 5px 0px;
	}
	
	/* @end */

/* @end */

/* @group Wordpress Common */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.left{ float: left; border: none; padding: 6px 0 0 0; }

img.right{ float: right; border: none; padding: 0 0 0 6px; }


/* @end */


/* @group Form Styles */
	
	/* @group Contact Form */
	

	.wpcf7 fieldset {
		padding:10px;
		margin-bottom:10px;
	}

	.wpcf7 legend {
		font-size:1.4em;	
	}

	.wpcf7 legend strong {
		display:block;
	}	
	
	.wpcf7 label {
		display:block;
		width: 100px;
		float: left;
	}
	
	.wpcf7 #interested-in label {
		float: none;
		padding: 0px 0px 10px 0px;
		width: auto;
	}
	
	.wpcf7 li {
		position:relative;
		padding:10px 0px;
		clear:both;
	}
	
	
	.wpcf7-form-control-wrap.interested-in {
		float: left;
	}
	
	#contact-submit {
		width: 63px;
		height: 24px;
		text-indent: -999em;
		border: 0px;
		background:url(images/btn_submit.png) no-repeat;
		margin-left: 100px;
	}
	
	
	
	div.wpcf7-validation-errors {
		font-size: 1.3em;
		background-color: #B70023 !important;
		padding: 3px;
		color: #fff;
	}
	
	div.wpcf7-mail-sent-ok {
		border: 2px solid #21A2A4 !important;
		font-size: 1.3em;
		background-color: #21A2A4;
		color: #fff;
	}
	
	span.wpcf7-not-valid-tip {
		color: #fff;
		background-color: #B70023 !important;
		padding: 2px;
		width: 62% !important;
		top: -3px !important;
		font-size: 11px !important;
		left: 0px !important;
		
	}
	/* @end */

	
	
/* @end */


/* @group Page Styles */

	/* @group Homepage */

	/* @end */

/* @end */


/* @group Comments */
	
	#commentform{
	
	}
	
	#commentform a {
	
	}
		
	#commentform h3{
	
	}
		
	#comment{
		width:80%;
	}
	
	
	#author, #email, #url, #comment, #submit{
		border: 1px solid #333;
	}
	
	
	#submit{
		margin:5px 5px 0 0;
		background-color: #474747;
		color: #fff;
		font-size: 1.2em;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		padding: 5px;
		border:1px solid #333;
	}
	
	#comments{margin:0; padding:0}
		
	ol.commentlist {list-style-type: none; margin:0; padding:0;}
	
	.avatar{float:left; margin:0 12px 0 0;}
	
	ol.commentlist li {
		background: #fff;
		margin:10px 0;
		padding:5px 0 5px 10px;
		list-style-type:none;
	}
	
	ol.commentlist li.alt {background: #eee;}
	ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
	
	ol.commentlist a {color:#000;}
	
	cite {
		font-family: arial, verdana, tahoma;
		font-size: 9pt;
		font-weight: bold;
		font-style: normal;
		}
		
	cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}
	
	
	
	
/* @end */