/* green: #8ABD40 */

/* Utility */
html, body, #page-wrap {height: 100%;}

body > #page-wrap {height: auto; min-height: 100%;}

/* #content {padding-bottom: 26px;}  /* must be same height as the footer */ */

#footer {position: relative;
	margin-top: -26px; /* negative value of footer height */
	height: 26px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Page Structure */
body {
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
  background:#F8F8F8;
  overflow-x:hidden;
/*   background: u */
}

a:link, a:visited, a:active {
  color:#8ABD40;
  text-decoration:none;
}
a:hover {
  text-decoration: underline;
}

ol {
  padding-left:23px;
  margin:0;
}

.button {
  border:1px solid #d9d9d9;
  padding:2px 5px;
  background-color:#eee;
}
.button:hover {
  border:1px solid #555;
  background-color:#ddd;
}

/*
#page-wrap {
  width:960px;
  margin:0 auto;
}
*/

#header {
/*   overflow:hidden; */
  padding-top:10px;
  width:980px;
  margin:0 auto;
}
#header-inner {
  margin-left:10px;
/*   overflow:hidden; */
/*   width:558px; */
}
#header-inner > div:first-child {
  float:left;
}

#header h1 {
  font-size:26px;
  color:#282827;
  margin:0 auto;
  float:left;
/*   text-align:center; */
}
#header h1 a, 
#header h1 a:visited, 
#header h1 a:active, 
#header h1 a:hover {
  text-decoration:none;
  color:#282827;
}

#header h2 {
  clear:both;
/*   float:right; */
  font-size:12px;
  color:#8ABD40;
/*   padding-top:16px; */
  margin-left:43px;
  padding-bottom:5px;
}

#navigation {
  overflow: hidden;
  padding-top:18px;
  width:1500px;
}
#navigation-inner {
  background:#8ABD40;
  border-bottom:1px solid #7D9D3F;
  border-left:1px solid #7D9D3F;
  margin-left:25px;
  overflow:hidden;
}
#navigation ul {
/*
  width:960px;
  margin:0 auto;  
*/
}
#navigation ul li {
  float:left;
/*   background-color:#A8A8A8; */
  margin:0;
  color:#f4f4f4;
  font-size:12px;
/*   width:86px; */
  height:16px;
/*   display:block; */
}
#navigation ul li a:link, 
#navigation ul li a:visited, 
#navigation ul li a:active {
  color:white;
  display:block;
  float:right;
  font-weight:bold;
  padding:3px 5px 2px 5px;
  text-align:right;
/*   width:78px; */
}
#navigation ul li.nav-spacer {
  width:20px;
  background-color:#f8f8f8;
}
#navigation ul li:last-child {
/*   float:right; */
  font-size:10px;
  margin-left:182px;
  padding-top:3px;
/*
  width:240px;
  margin-left:0;
*/
}
/*
#navigation ul li:last-child {
  width:382px;
  margin-right:0;
}
*/

.separator {
  border-top:4px double #A8A8A8;
  width:100%;
}

#content {
  margin:0 auto;
  overflow:hidden;
  width:980px;
/*   width:558px; */
}

#main-column {
  width:558px;
  float:left;
  padding-top:20px;
  margin-left: 10px;
}
#main-column h3, #side-column h3,
#recent-tweets-area h3 {
  font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;  
  font-size:16pt;
  color:#282827;
  padding-bottom:8px;
}
#main-column ol {
  color:#282827;
  font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;  
  font-size:14px;
  margin-bottom:20px;
  font-weight:bold;
}
#main-column p, #side-column p, #main-column ol span {
  color:#282827;
  font-family:Georgia, Times, "Times New Roman", serif;  
  font-size:10pt;
  font-weight:normal;
  padding-bottom:20px;
}
#main-column ol li {
  padding-bottom:5px;
}
#bookmarklet-link {
  background-color:#eee;
  border:1px solid #8ABD40;
  color:black;
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:2px 8px;
}
#side-column {
  float:left;
  width:225px;
/*   background-color:white; */
  margin:0 0 0 40px;
  padding-top:20px;
}
#side-column p#sample-tweet {
  font-family: "Courier New", Courier, monospace;
  font-size:12px;
}

#side-column #recent-tweets-header {
  margin-top:41px;
}
#side-column ul#recent-tweets,
#recent-tweets-area ul#recent-tweets {
  color:black;
  font-family: "Courier New", Courier, monospace;
  font-size:10pt;
}
#side-column ul#recent-tweets li,
#recent-tweets-area ul#recent-tweets li {
  margin-bottom: 6px;
}
#side-column #recent-tweets a:link,
#side-column #recent-tweets a:visited,
#side-column #recent-tweets a:active,
#recent-tweets-area #recent-tweets a:link,
#recent-tweets-area #recent-tweets a:visited,
#recent-tweets-area #recent-tweets a:active {
  color:black;
  text-decoration: underline;
  font-size:12px;
}

#side-column #recent-tweets a:hover,
#recent-tweets-area #recent-tweets a:hover {
  text-decoration: none;
}

#recent-tweets-area {
  float:left;
  margin:50px 0 0 20px;
}

#quote-area {
  overflow: hidden;
  margin:16px 20px 20px 0;
  width:511px;
  float:left;
}
#quote-symbol {
  float:left;
  width:55px;
  font-size:80px;
  background: url(/images/quotesSM.png) no-repeat;
  text-indent: -9999px;
}
#full-quote {
  float:left;
  background-color:white;
  width:430px;
  padding:10px;
  margin-bottom:4px;
  line-height:1.2em;
  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  border:3px solid #D9D9D9;
  height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
  min-height:150px;
  height:150px;
}
#quote-input {
  float:left;
  background-color:white;
  width:430px;
  padding:10px;
  margin-bottom:4px;
  line-height:1.2em;
  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  border:3px solid #D9D9D9;
  height:75px;
}
   
#quote-source-home {
  clear:both;
  float:right;
  font-size:0.8em;
}
#quote-source {
/*   clear:both; */
/*   float:right; */
/*   height:17px; */
/*   text-align:right; */
  margin-left:55px;
  font-size:0.8em;
}
#quote-source a {
  text-decoration: underline;
}
#quote-source a:hover {
  text-decoration: none;
}
#quote-submit-home {
  margin-left:55px;
}
#quote-submit {
  margin-left:100px;
}

textarea#tweet-text {
  border:none;
  color:#282827
}
input#source-url {
  color:#999;
  text-align:right;
}


#ads {
  float:left;
  width:200px;
  height:200px;
/*   background-color:white; */
  margin:50px 0 0 5px;
}

#tweet-preview-area {
  clear:both;
  margin-left:55px;
  overflow:hidden;
  padding-top:10px;
}
#tweet-preview-label {
  float:left;
/*   width:100px; */
}
#tweet-preview {
  float:left;
  background-color:white;
  width:430px;
  padding:10px;
  margin-bottom:4px;
  color:#282827;
  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  border:3px solid #D9D9D9;
}
#twitter-submit { 
  margin-left:215px;
}
#twitter-preview-submit { 
  clear:both;
}

#contact-list span {
  width:50px;
}

div#comments {
  clear:both;
  margin-left:55px;
  padding-top:20px;
  width:456px;
}

div#comments div.comment {
  margin-top:18px;
}

div#comments div.comment > a {
  float:left;
}

div#comments .comment-text {
/*   float:left; */
  background-color:white;
  padding:10px;
  margin-bottom:4px;
  margin-left: 60px;
  line-height:1.2em;
  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  border:3px solid #D9D9D9;
  height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
  min-height:23px;
  height:23px;
}
div#comments textarea.comment-text {
  margin-left:12px;
  margin-top:0;
}

div#comments div.comment-author {
  color:#8ABD40;
  margin-left:60px;
  font-size:14px;
}
div#comments div.comment-author a {
  color:black;
  font-weight: bold;
}

input#comment-submit {
  float:right;
  margin-left:10px;
}

div#comment-login {
  margin-top:30px;
}
a#twitter-login {
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
  color:black;
  text-align: center;
  line-height: 23px;
}

#footer-inner {
  overflow:hidden;
  padding-top:7px;
  border-top:1px solid #A8A8A8;
}
#footer-inner-inner {
  background-color:#8ABD40;
  height:18px;
  overflow:hidden;
  width:100%;
}
#footer ul {
  width:960px;
  margin:0 auto;
}
#footer ul li.nav-spacer {
  width:20px;
  background-color:#f8f8f8;
}
#footer ul li {
  float:left;
  margin:0 10px;
  color:#f4f4f4;
  font-size:12px;
/*   width:86px; */
  height:16px;
  display:block;
  padding-top:2px;
}
#footer ul li a:link, 
#footer ul li a:visited, 
#footer ul li a:active {
  float:right;
  font-weight:bold;
  font-size:12px;
  color:white;
  padding:0 5px 2px 5px;
  display:block;
  width:78px;
  text-align:right;
}
#footer ul li:first-child {
  font-family:Georgia, Times, "Times New Roman", serif;  
  font-size:9pt;
  margin-left:0;
/*   width:642px; */
}
/*
#footer ul li:last-child {
  width:86px;
  margin-right:0;
}
*/