/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
 
body { 
  line-height: 1.5; 
}
 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
 
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 101%;
  color: #fff; 
  background-color: #000;
  font-family: "Helvetica Neue", Helvetica, "Century Gothic", Verdana, Arial, sans-serif;
}
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #fff; }
 
h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1em; margin-bottom: 0.75em; }
h3 { font-size: 1em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
 
 
/* Text elements
-------------------------------------------------------------- */
 
p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
 
a:focus, 
a:hover     { color: #901929; text-decoration: underline; }
a           { color: #901929; text-decoration: none; outline-width: 0;}
 
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
 
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
 
pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
 
 
/* Lists
-------------------------------------------------------------- */
 
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
 
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
 
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Redeclarations */

#wrapper	{width: 100%;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;position: relative;text-align: center;}
h2	{clear: left;font-size: 1.8em;line-height: 1.1em;padding: 15px 0 10px;}
h3	{clear: left;font-size: 1.3em;line-height: 1.1em;padding: 0;}
img	{border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}

form ul	{margin: 0;padding: 0;}
form ul li	{list-style-type: none;margin: 0 0 13px;padding: 0;}
form ul li label	{display: block;margin: 0 0 3px;}
form ul li.checkbox label	{display: inline;}
textarea	{width: 98%;}

/* Chunks */
.tweet {width: 540px; height:  200px; background: url(/images/ykb-what.png); background-repeat: no-repeat;}
.tweet p {text-align: left; width: 480px; margin-bottom: 0; padding: 70px 30px 0; color: #000; font-family: "Lucida Grande", Futura, Myriad, Helvetica, Arial, sans-serif; font-size: 0.80em;}

.tweet-b {width: 540px; height:  200px; background: url(/images/ykb-what-b.png); background-repeat: no-repeat;}
.tweet-b p {text-align: left; width: 480px; margin-bottom: 0; padding: 70px 30px 0; color: #000; font-family: "Lucida Grande", Futura, Myriad, Helvetica, Arial, sans-serif; font-size: 0.80em;}

.statBox {width:800px; margin:0 auto;}
.topBox {width:600px; margin:0 auto;}
.bottomBox {width:600px; margin:0 auto;}
.topStats {float:  left; width:200px; display: inline;}
a.icon	{display: inline-block;background-color: #999;background-image: url(images/bg_rounded.gif);background-repeat: no-repeat;width: 16px;height: 16px;}
a.icon img	{width: 16px;height: 16px;margin: 0;padding: 0;}
a.icon:hover	{background-color: #900;}
div.authorize	{ }
div.flash	{font-size: 1.4em;margin: 0 auto;padding: 10px 20px;background: #000;line-height: 1.3;font-size: 12px;}
div.error	{font-size: 1.4em;background: #F6E8E8;}
div.notice	{font-size: 1.4em;background: #13bf30;}
div.info	{float: left;display: inline;width: 240px;margin: 0;font-size: 11px;text-align: right;}
div.info span.followers_count	{color: #999;position: relative;top: -4px;margin-right: 3px;}
div.info a.profile_image	{float: right;display: block;margin: 0 30px;}
div.info a.profile_image img	{float: left;width: 48px;height: 48px;border: 1px solid #ddd;padding: 1px;}
div.info a.profile_image:hover	{background: none;}
div.info a.profile_image:hover img	{border-color: #090;}
div.info p.who_when	{margin: 0;padding: 0;}
div.info span.date	{color: #aaa;}
div.text	{float: left;display: inline;width: 300px;}
div.profile	{float: left;width: 380px;border-bottom: 1px solid #eee;margin: 0 0 0 240px;padding: 15px 0;}
div.profile a.icon	{float: right;}
div.profile div.follow_form	{float: left;margin: 5px 0 0 -120px;}
div.profile p	{margin: 0;padding: 0;}
div.profile img.profile_image	{float: left;display: inline;margin: 0 30px 10px 0;padding: 1px;width: 48px;height: 48px;border: 1px solid #eee;}
div.profile h2	{clear: none;background: none;margin: 0 0 6px;padding: 0;font-size: 15px;line-height: 15px;}
div.profile p.counts	{color: #777;margin: 0 0 10px;font-size: 12px;line-height: 12px;}
div.profile dl.details	{margin: 0;padding: 0;font-size: 12px;}
div.profile dl.details dt	{clear: left;float: left;width: 110px;margin: 0 0 0 -140px;padding: 3px 30px 3px 0;text-align: right;font-weight: bold;}
div.profile dl.details dd	{float: left;width: 380px;padding: 3px 0;}
#errorExplanation	{border: 1px solid #E3BEBE;background: #F6E8E8;margin: 10px 0 20px;padding: 20px;}
#errorExplanation h2	{margin: -20px -20px 20px;background: #E3BEBE;padding: 10px 20px;}
#errorExplanation p	{margin: 0 0 20px;}
#errorExplanation ul	{margin: 0 0 0 25px;}
#errorExplanation ul li	{list-style-type: disc;margin: 0 0 3px;padding: 0;}
#update label	{display: block;font-size: 11px;color: #999;margin: 0 0 5px;}
#update input	{float: right; clear: both; margin-right: 90px;}

/* Layout */
#page-wrapper {background: url(/images/ragged-and-ecstatic-face.jpg) 0 0 no-repeat; margin: 0 auto; min-height: 520px; height: auto !important; height: 520px; width: 960px;}
#header	{margin-bottom: 25px; margin-left: 420px; overflow: hidden; width: 540px;}
#header h1 {background: url(/images/yves-klein-blue.jpg) 0 0 no-repeat; float: left; height: 324px; text-indent: -8000px; margin: 49px 0 0 60px; width: 216px;}
#header h2 {background: url(/images/splendour-in-the-grass.jpg) 0 0 no-repeat; clear: none; float: left; height: 101px; text-indent: -8000px; margin: 260px 0 0 59px; padding: 0; width: 192px; position: inherit;}
#header div {clear: none; float: left; margin: 15px 0 0 59px; padding: 0;}
#header div.splendour-2 {background: url(/images/splendour-in-the-grass.jpg) 0 0 no-repeat; clear: none; float: left; height: 101px; text-indent: -8000px; margin: 210px 0 0 59px; padding: 0; width: 192px; position: inherit;}
span.sentence	{clear: both; display: block;}

#page-wrapper-interior {background: url(/images/ragged-and-ecstatic-face-small.jpg) 0 0 no-repeat; margin: 0 auto; min-height: 520px; height: auto !important; height: 520px; width: 960px;}
#page-wrapper-interior #header h1 {margin-top: 9px;}
#page-wrapper-interior #header h2 {margin-top: 221px;}

#page-wrapper-interior h3 {font-size: 1.1em; margin-bottom: 15px; text-transform: uppercase;}
#page-wrapper-interior #content {padding-left: 200px;}

#content div.main-description, #content div.update-info {font-size: 1.3em; line-height: 1.3em; margin-bottom: 20px; margin-left: 450px; text-align: center; width: 320px; font-weight: bold;}
#content p.update-info {width: 495px;}
.update-splendour	{ width: 490px; margin-right: 0px; margin-left: 445px; font-size: 1.3em; line-height: 1.2em; font-weight: bold; margin-bottom: 10px;}

#content .authorize {margin-left: 420px; text-align: center; width: 390px;}

#content .column-one {float: left; padding-top: 19px; width: 365px;}
#content .column-two {margin-left: 420px; width: 545px;}

#download-link {margin-left: 480px;}


span#count {float: right; margin-top: 35px; margin-right: 20px; color: #000;}
/* My Comment */
#header a	{color: #fff;text-decoration: none;background: none;}
#header a:hover	{text-decoration: underline;}
#header h3	{float: left;display: inline;margin: 0;padding: 0;}
#header h3 a	{display: block;font-size: 12px;width: 180px;padding: 8px 0 8px 50px;}
#header h3 a:hover	{background: #555;text-decoration: none;}
#nav	{float: left;display: inline;margin: 0;padding: 0;}
#nav li	{float: left;list-style-type: none;}
#nav li a	{display: block;float: left;padding: 8px 10px;}
#nav li a:hover	{background: #555;text-decoration: none;}
#nav li.active a	{background: #fff;color: #333;}
#footer	{color: #901929; padding: 25px 0; text-align: center; margin-top: 100px;}
#footer a.terms {font-size: 0.85em;}
.cjl-logo	{width: 160px; margin: 50px auto 0 auto; padding-bottom: 15px;}
#download-link img {width: 300px;height: 70px;background: url(/images/download-now.png);}
.linkback {margin-top: 50px;}
div.statWrap	{width: 650px; margin: 0 auto; background: #333; opacity: 0.75; padding 20px;}
.next-step	{margin-left: 450px; margin-top: 20px; width:  300px; line-height: 1.2em;}
p.custom textarea	{ width: 458px; margin-top: 10px; margin-left: 6px; height: 45px; border: none; padding: 2px; font-size: 1em; line-height: 1.5em; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;}
#column-one {float: left; margin-left: 50px;}
#column-one img {margin-top: 140px;}
div.itunes	 {position: relative; top: 100px;}