/*
 * Style for completewellbeing.com
 */

html, body, blockquote, caption, div, dl, dt, dd, form, fieldset, h1, h2, h3, h4, h5, h6, li, ul, ol, p, pre, textarea, table, td, th { margin: 0; padding: 0; }
body { text-align: center; font: 100%/1.125em Arial, Helvetica, "Liberation Sans", sans-serif; color: #3c3c3c; background-color: #fff; }

/* Main Containers */
.inside          { max-width: 62em; min-width: 960px; margin: 0 auto; padding: 0; }
#header          { padding-top: 5px; }
#info            { clear: both; display: block; background: #fff url(../img/info-bg.jpg) top left repeat-x; }
#content         { clear: both; text-align: left; }
#pri             { float: left; width: 66%; padding: 0; border-right: 1px dotted #e2007a; }
#sec             { width: 31%; float: right; padding: 0; margin:0;}
#footer          { clear: both; text-align: left; background-color: #c9c; color: #000; padding-top: 10px; }

/* HTML elemements */
a                 { color: #069; text-decoration: none; }
a:hover           { color: #d15811; text-decoration: underline; }
h1, h2, h3, h4    { margin-bottom: 0.5625em; color: #353535; line-height: 1.125em; }
h1                { font-size: 1.5em; margin-bottom: 0.5625em; }
h2                { font-size: 1.25em; }
h3                { font-size: 1.125em; }
h4                { font-size: 1em; }
h2, h3, h4        { margin-bottom: 0.28125em; }
p, 
ul, ol, 
table             { margin-bottom: 1.6875em; font-size: 0.8125em; }
blockquote        { padding: 0.5625em 5% 0 5%; margin: 0 5% 0.5625em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f5f6f9; }
ul, ol            { margin-left: 12%; }
li                { margin-bottom: 0.140625em; }
li p, li ul, li ol, 
td p              { font-size: 1em; }
table             { width: 100%; }
td, th            { border: 1px solid #e9e9ff; padding: 0 1%; }
form              { padding: 2% 0; background-color: #f9f9f9; border: 4px double #ccc; margin-bottom: 0.5625em; }
input, textarea, 
label             { display: block; width: 90%; }
form p            { margin: 0 0 0.28125em 4%; }
input.submit      { width: auto; }
img               { border: none; }

/* Common custom styles */
.section-title      { font-size: 0.8125em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.075em; margin: 0 0 0.28125em 0; padding: 0; }
.img                { margin: 0 0 1.125em 0; text-align: center; }
.img img            { margin: 0 auto; }
.article img        { border: 1px solid #ccc; padding: 2px; background-color: #fff; }
.intro              { margin-bottom: 0.5625em; }
.title              { margin-bottom: 0.5625em; }
.highlight          { background-color: #f3f4db; border-top: 0.140625em solid #cc9; border-bottom: 0.140625em solid #cc9; margin-bottom: 0.5625em; padding: 1.125em 2% 0 2%; }
p.highlight         { clear: both; padding: 0.375em 2%; margin-bottom: 1.125em; border: none; }
.ad                 { text-align: center; }
.ad p               { font-size: 0.75em; margin: 0; padding: 0; }
.article .ad        { text-align: center; margin: 0.5625em auto 0.28125em auto; padding: 3px; background-color: #f9f9f9; height: 60px; }
.latestcomments,
#comments ul        { margin: 0 0 1.125em 0; padding: 0; border-bottom: 1px dotted #ccc; list-style: none; }
.latestcomments li,
#comments li        { margin: 0; padding: 0.5625em 2%; border-top: 1px dotted #ccc; }
#comments #id_url	{display:none}

.unavailable        { background-color: #ff9; border-top: 0.140625em solid #fc0; border-bottom: 0.140625em solid #fc0; text-align: center; }
.continue           { color: #d15811; }
.articles,
.gestures           { list-style: none; margin: 0; padding: 0; }
.articles li,
.gestures li        { padding: 0.5625em 0; margin: 0; border-top: 1px dotted #ddf; border-bottom: 1px dotted #fff; clear: both; }
.articles li:hover,
.gestures li:hover  { background-color: #f9f9f9; border-bottom: 1px dotted #ccc; }
.gestures .meta     { color: #999; }
.gestures p         { margin: 0; padding: 0; }
#vote form          { border: none; background-color: #fff; }
.articles .title    { font-weight: normal; }
.articles .meta     { font-size: 0.875em; margin-bottom: 0; }
.user               { margin-bottom: 1.125em; }
.user .picture      { background: #fff url(../img/userdefault.jpg) top left no-repeat; width: 150px; min-height: 120px; margin-right: 5%; margin-bottom: 1.125em; color: #999; font-size: 0.28125em; }
.clearfloat         { overflow: hidden; width: 100%; }
.floatleft          { float: left; }
.floatright         { float: right; }
.body .floatleft,
img.floatleft       { margin: 0 3% 0.28125em 0; }
.body .floatright,
img.floatright      { margin: 0 0 0.28125em 3%; }
.halfwidth          { width: 48.5%; }
.onethirdwidth      { width: 32%; }
.twothirdwidth      { width: 64%; }
.paginator          { padding: 0.28125em 0; margin: 0.28125em 0; font-size: 0.875em; }
.paginator a        { border: 1px solid #ccc; padding: 1px 5px; margin-right: 20px; }
.paginator a:hover  { text-decoration: none; background-color: #09c; color: #fff; }
.newer, .older      { margin: 0 5%; }

/* Header */
#info ul            { text-align: left; list-style: none; padding: 2px 0; margin: 6px 0 6px 0; float: left; width: 64%; font-size: 0.6875em; }
#info li            { display: inline; margin: 0; padding: 0; }
#info a             { margin: 0 8px 0 0; padding: 0; text-transform: uppercase; color: #333; }
#header .inside     { padding: 0 0 0 0;}
#logo               { clear: both; float: left; text-align: left; width: 250px; height: 100px; background: #fff url(../img/cwlogo_lovelife.jpg) top left no-repeat; color: #fff; margin: 0; }
#banner             { width: 728px; height: 90px; margin: 5px 0 0 0; float: right; }
#searchform         { background-color: #fee !important; text-align: left; border: none !important; margin: 0 0 0.75em 0; padding: 0; }
#searchform p       { margin: 0; padding: 0; }
#searchform input   { width: 98%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 2px; border: none; background-color: transparent; border: 1px solid #eee; color: #000; }
#searchform .submit { border: none; padding: 0; margin: 0; visibility: hidden; }
.loginset			{ font-size: 0.6875em; margin-left: auto; margin-right: auto; padding: 0;}


#subjects   { list-style: none; margin: 0 0 1.125em 0; padding: 0; font-size: 0.75em; background-color: #97bf0d; }
#subjects a { display: block; padding: 0.140625em 5px; border-bottom: 1px dotted #fff; color: #fff; }

/* Content */
#content .inside            { border-top: 0.28125em solid #97bf0d; }
#pri						{ padding-top: 0; }
#sec                        { padding-top: 0.18125em; }
#special                    { padding: 0.2825em 0; border: 1px solid #dde; background-color: #eef; }
#special p                  { margin 0 5px; padding: 0; }
#highlighted                { text-align: center; border-bottom: 1px solid #eee; background-color: #fee; }
#highlighted .section-title { text-align: left; background-color: #fff; }
#highlighted img            { margin: 0 auto 0.5625em; border: 1px solid #eee; width: 250px; height: 220px; }
#highlighted .article       { width: 95%; margin-left: auto; margin-right: auto; text-align: left; }
#special,
#highlighted, 
#earlier, 
#older, 
#compilations, 
#upcoming                   { margin-bottom: 1.125em; }
#earlier ul                 { list-style: disc inside; color: #a30; font-size: 0.75em; margin: 0; padding: 0; }
#earlier li                 { border-bottom: 1px solid #eee; padding: 0.140625em 0; margin: 0 0 0 5px; }
#compilations               { padding: 0.5625em 0; background-color: #efe; border: 1px solid #dde; width: 47%; clear: both; }
#compilations p             { font-size: 0.75em; line-height: 1.25em; }
#compilations ul            { list-style: none; }
#compilations p, 
#compilations ul            { margin: 0 10px 1em 10px; }
#compilations li            { float: left; width: 46%; }
#compilations a             { display: block; margin: 0 2%; padding: 0.140625em 2%; }
.interestingq               { margin-bottom: 1.125em; }
.interestingq p             { margin: 0; padding: 0.375em 5px; background: #fff url(../img/qmark.gif) 50% 50% no-repeat; }
#nav a                      { margin: 0 5% 0 0; }
#nav a.activeSlide          { background: #09c; color: #fff; }
#nav a:focus                { outline: none; }
#did-you-know               { clear: both; margin: 0 0 1.125em 0; padding: 0.5625em 0; background-color: #efe; }
#did-you-know p             { margin: 0.5625em 1%; width: 45%; }
#did-you-know .section-title { margin-left: 2%; }
#single .article            { margin-bottom: 1.125em; }
#single .article .body      { padding: 1.125em 2% 0 2%; margin-top: 1.6875em; }
#single .article .meta      { font-size: 0.75em; }
#related                    { margin-bottom: 1.125em; border-bottom: 1px solid #eee; }
#related .articles li       { padding: 0.28125em 0 }
.subscribe-to-topic         { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.28125em 0; }
#high ul                    { margin: 0; padding: 0; }
#normal                     { clear: both; }
#low                        { margin: 2.25em 0 0.5625em 0; }
.writers li                 { float: left; width: 49%; list-style: none; margin: 0; padding: 0; }
#printsubscriptionform p    { margin-bottom: 0.28125em; }
#printsubscriptionform      { border: none; }
.carousel                   { position: relative; visibility: hidden; left: -5000px; border-top: 1px solid #353535; border-bottom: 1px solid #353535; background-color: #f9f9f9; margin: 0.5625em 0 0 0; padding: 0; }
.carousel li img            { margin: 4px 17px 0 17px; width: 90px; height: 117px; }
.pics                       { height: 350px; width: 500px; overflow: hidden; padding: 0; margin: 0; border-top: 5px solid #222; border-bottom: 5px solid #222; }
.pics img                   { height: 350px; width: 500px; top: 0; left: 0; background-color: #fff; }
#pressroom-nav              { list-style: none; float: right; border: 1px solid #ccc; background-color: #eef; margin: 0 3% 0 0; padding: 0 3%; }
#pressroom-nav li           { margin: 0.5625em 0; }
#gestureform                { margin-bottom: 1.125em; }

/* Secondary */
#sec div                    { margin-bottom: 1.125em; }
#sec ul                     { list-style: none; }
#sponsors                   { margin: 0 0 1.125em 0; padding: 0; }
#sponsors .button           { height: 125px; width: 125px; margin: 0.5625em 0; background: #fff url(../img/sponsor.gif) top left no-repeat; }
#sponsors .widebutton       { width: 300px; height: 100px; }
#sponsors .button, 
#sponsors .widebutton       { text-align: center; }
#sponsors .floatleft        { margin-left: 5% !important; }
#sponsors .floatright       { margin-right: 5% !important; }
#sponsors p                 { margin: 0; padding: 0; clear: both; text-align: center; }
#introduce p                { margin: 0.5625em 10px; }
#sec .ad                    { width: 300px; height: 250px; margin-bottom: 2.8125em; }
#recent-comments ul,
#recent-gestures ul         { list-style: none; margin: 0; padding: 0; }
#recent-comments li,
#recent-gestures li         { padding: 0.5625em 0; margin: 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #fff; clear: both; }
#recent-comments li:hover,
#recent-gestures li:hover   { background-color: #f9f9f9; border-bottom: 1px dotted #ccc; }
#introduce, 
#subscribe, #subscribe form, 
#print-issue                { background-color: #eed; width: 99%; border: 1px solid #cc9; }
#subscribe                  { padding: 0.28125em 0; }
#subscribe p                { margin: 0 10px; }
#subscribe form             { border: none; }
#subscribe div              { margin: 0; padding: 0; }
#print-issue img            { margin: 0 10px; }
#print-issue ul             { list-style-type: disc; margin: 0 0 0 25px; }
#print-issue p              { margin: 0.28125em 10px 0.5625em; }

#wdd-banner                 { width: 98%; padding: 2px 2px 0 2px; border: 1px solid #ccc; }

body#happinessmovement #header .inside { background: #fff url(../img/happinessmovement-header-bg.jpg) top left no-repeat; height: 107px; }
body#happinessmovement #logo { background: none; }
#happinessmovement #browse	{float: left; width: 15%;}
#browse #user-actions       { background-color: #e2007a; font-size: 0.725em; list-style: none; margin: 0; padding: 0; }
#user-actions a             { display: block; padding: 0.140625em 5px; border-bottom: 1px dotted #ed87b2; color: #fff; }
body#happinessmovement #content .inside { border: none; }
body#happinessmovement form { background-color: #fee; border: 1px dashed #e2007a; width: 400px; }
#happinessmovement .happypink {color: #e2007a; }
#happinessmovement .keywords  {font-weight: bold; }
#happinessmovement .usercount {color: #000; font-weight: bold; font-size: 2.3em; border: 1px solid #e2007a; background-color:#fee; padding: 5px} 

#happinessmovement .usercountjoin { display:block; background: #fff url(static/img/bgsmiley.gif) top left no-repeat;}

#happinessmovement p		{ margin-bottom: 1em; font-size: 0.923em; line-height: 175%; }
#happinessmovement #pri a {color: #e2007a; text-decoration: underline;}
#movementadopterform		{margin-left:auto; margin-right:auto;}
#movementadopterform label	{ font-family: "Trebuchet MS", Arial; font-size: 1.12em; font-style: normal; font-weight: bold; color: #e2007a;}
#movementadopterform input.submit {width:30%; margin-left:auto; margin-right:auto; font-size: 1.12em; font-style: normal;}
#movementadopterform input,
#movementadopterform textarea,
#movementadopterform label	{ display: block; width: 90%;}
#movementadopterform p		{font-family: "Trebuchet MS", Arial; font-style: italic; font-size: 0.65em; }
#movementadopterform h4		{margin-left: auto; margin-right: auto; font-size: 0.9em;}
#happinessmovement h4		{color: #e2007a; font-size: 1.1em; margin-bottom: 1.1em; margin-top: 0.75em;}
#baloonleft					{float: left; margin:0; padding: 15px 0  0 0; }
#baloonright				{float: right; margin:0; padding: 15px 0  0 0; }
#happycenter				{width: 500px; float: left; margin: 75px 0  0 5px; }						
#bgmovement					{float: left; padding: 0; margin: 0; background: url(/static/img/background_baloons.jpg) top left no-repeat; } 
#comingattractions p.expectit {color: #e2007a; display:block; padding-bottom:1px; margin-right:125px}
#bgwhyjoin					{float: left; padding: 100px 10px 0 10px; margin: 0; background: #fee url(/static/img/why-join.jpg) top left no-repeat; }
#comingattractions			{ width: 550px; float:right }
p.samplegesture				{display:block; border:2px solid #FFF; margin:5px; padding:5px; }

#secjoin					{text-align: center; border: 1px solid #e2007a; background-color: #fee; color:#000; background: url(/static/img/background_baloons.jpg) top left no-repeat;}
#secjoin a					{color: #e2007a; text-decoration: underline;}
#secjoin p					{margin-bottom:0; padding-bottom:0}				

#smallgestures				{background: url(/static/img/bgclouds.jpg) top left; float:left; width:100%; padding:0}
#smallgestures #hminside	{width:96%; padding-left:5px; float: left;}

#sgcenter					{width:550px; float:right;}
#sgleft						{width: 75px; float:left; padding-top: 235px;}


.login #single              { text-align: center; padding-top: 1.5em; }
.login #single h4,
.login #single form,
.login #single p            { margin-left: auto; margin-right: auto; }
.login #single form         { padding: 0.75em 10px; text-align: left; margin-top: 0.75em; }

/* Footer */
#footer .inside             { padding: 1.125em 0; }
#footer p, #footer ul       { font-size: 0.75em; margin: 0; padding: 0; }
#footer a                   { color: #fff; }
#footer a:hover             { text-decoration: underline; }
#footer ul                  { list-style: none; }
#footer li                  { float: left; width: 48%; margin: 0 2% 0 0; }
#footer .section-title      { color: #000; }
#quick-links                { width: 72.5%; }
#copyright                  { width: 20.5%; }

#.submit-preview				{display:none}