{!-- -*- Mode: CSS; -*- --}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul, li {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a img { 
	border: none; 
}
   
body { font-size: 62.5%; }
   
body { 
  color: #222; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; font-weight: normal;}
h4 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; }
h5 { font-size: 1em; font-weight: normal; margin-bottom: 1.25em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

/* Commented out by Sean - ul, ol      { margin:0 1.5em 1.5em 1.5em; } */
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

body {
line-height: 1.5;
background: #fff;
}
#container {
width: 950px;
margin: 0 auto;
padding: 0;
overflow: hidden;
background-image: url(http://smallthings.net/images/uploads/ripplebackground.jpg);
background-position: 245px 70px;
background-repeat: no-repeat;
}
#header-stripe {
background-image: url(http://smallthings.net/images/uploads/headerstripe.jpg);
top: 0;
left: 0;
background-repeat: repeat-x;
position: absolute;
width: 100%;
height: 100px;
z-index:-1000;
}
#header {
height: 52px;
width: 950px;
display: block;
margin: 0 auto;
}
#header h1 {
position: absolute;
margin-top: 0;
margin-left: -9999px;
font-size: 10px;
line-height: 1;
}
ul#nav-top li {
font-size: 1.4em;
display: block;
color: #ccc;
height: 27px;
}
ul#nav-top li.first {
float: left;
}
ul#nav-top li.last, span.last {
font-size: 1.2em;
float: right;
}
ul#nav-top li a {
padding: 3px 10px 4px;
text-decoration: none;
display: inline-block;
color: #8fa2cc;
}
ul#nav-top li a:hover, ul#nav-top li a:focus {
background-color: #8fa2cc;
color: #131A2C;
}
h2, .section p, #entry-meta, #tag-cloud, #footer {
padding-left: 10px;
padding-right: 10px;
}
.main-menu {
float: left;
color: #131A2C;
font-size: 1.3em;
height: 25px;
}
ul.first {
clear: left;
width: 60%;
}
ul.last {
clear: right;
float: right;
}
.main-menu li {
display: inline;
}
.main-menu li a {
color: #131A2C;
padding: 2px 10px 1px;
display: inline-block;
}
.main-menu li a:hover, .main-menu li.current a {
background-color: #131A2C;
color: #8FA2CC;
}
/*--- Background Color ---*/
#nav_categories li, .content-a h4, .content-c h4, .entry-meta h4 {
background-color: transparent;
line-height: 1.8;
letter-spacing: .2em;
color: #131A2C;
border-bottom: 1px #131A2C solid;
}
/* --- Content --- */
#nav_categories li {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.4em;
}
#nav_categories li.top {
border-top: 1px #131A2C solid;
}
#search {
padding: 10px;
width: 210px;
}
#top-quote {
height: 100px;
font-size: 1.4em;
color: #999;
margin: 0 10px;
padding: 10px 0;
}
/*--- Sort By ---*/
#sortby {
float: right;
clear: both;
margin-left: 10px;
}
p#sortby {
font-size: 1.2em;
}
p#sortby .current {
font-weight: bold;
}
/*--- Sort By end---*/

.content-a, .content-c {
float: right;
margin-top: 10px;
width: 230px;
margin-right: 0;
}
.content-a h4, content-c h4 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin-top: 2em;
line-height: 1.5;
}
.content-a h4 a, .content-c h4 a, #nav_categories li a, .entry-meta h4 span.title, .entry-meta h4 a {
color: #131A2C;
text-decoration: none;
padding: 0 10px .1em;
width: 210px;
display: block;
}
.entry-meta h4 a, .entry-meta h4 span.title {
width: 450px;
margin-left: -10px;
}
.entry-meta h5 {
display: block;
padding-left: 10px;
padding-right: 10px;
color: #131A2C;
line-height: 1;
font-size: 1.3em;
}
.entry-meta span.source {
text-decoration: underline;
}
#pagination {
margin-left: 10px;
font-size: 1.2em;
}
#message h4 {
line-height: 2;
}
.section h4 {
margin-top: 10px;
clear: both;
}
.section h5 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 .5em 10px;
}
.section p {
font-size: 1.1em;
}
.section p.quote, .section p.idea {
margin-bottom: .5em;
}
.section p.credit, .section p.source {
float: right;
clear: right;
}
.section p.credit {
margin-bottom: .5em;
}
.section p.source {
text-decoration: underline;
}
/* --- End Content A --- */
/* --- Main Content --- */
#content-main {
margin-top: 10px;
margin-right: 10px;
float: left;
width: 470px;
}
#content-main .entry {
clear: both;
}
#content-main h2 {
display: block;
padding: .8em 10px 1em;
}
#content-main h2#welcome {
padding-bottom: 1em;
}
#content-main h3 {
padding: 0 10px;
letter-spacing: .2em;
font-size: 1.6em;
}
#content-main h4 {
padding-left: 10px;
font-size: 1.4em;
}
#content-main p.pagination {
padding-left: 10px;
font-size: 1.2em;
}
#nav_categories li a:focus, #nav_categories li a:hover, .content-a h4 a:focus, .content-a h4 a:hover, .entry-meta h4 a:focus, .entry-meta h4 a:hover, .content-c h4 a:focus, .content-c h4 a:hover {
background-color: #131A2C;
color: #FFF;
}
.entry {
display: block;
margin-bottom: 40px;
}
.entry p, .paginate, #saef-form {
width: 450px;
display: block;
padding-left: 10px;
font-size: 1.2em;
text-align: justify;
margin-bottom: 1em;
}
#content-main .entry .body {
padding-top: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #CF6B0B;
margin-bottom: 1em;
}
#content-main .entry .body multiple {
border-bottom: none;
}
.rec a {
	font-weight: bold;
}
.like {
	float: right;
}
/*--- Comments ---*/
#comments {
	margin-top: 20px;
	
}
#comments h4 {
	color: #333;
	font-weight:bold;
}
#comments .comment-body1 {
	border-top: 1px solid #CF6B0B;
	padding-top: 10px;
	padding-bottom: 5px;
}
#comments .comment-body2 {
	border-top: 1px solid #CF6B0B;
	padding-top: 10px;
	padding-bottom: 5px;
}
/*--- Ratings ---*/
.ratings span.indicator {
float: left;
height: 14px;
margin-top: 3px;
margin-right: 1em;
padding-left: 10px;
}
.ratings p a {
display: inline-block;
}
.ratings p.share a, .ratings p.share a{
display: inline-block;
float: left;
margin-right: 10px;
width: none;
}
/*--- Ratings End ---*/
/* --- for quotes, ideas
.entry {
width: 350px;
padding-left: 110px;
display: block;
font-size: 1.2em;
text-align: left;
}
.entry img {
margin-left: -110px;
}
---*/
/*--- End Main Content ---*/
/*--- Conent-sub-B ---*/
#content-b {
width: 230px;
margin-top: 5em;
margin-right: 10px;
background: none;
padding-bottom: 9999px;
margin-bottom: -9949px;
float: left;
background-color: #131A2C;
}
#tag-cloud {
display: block;
text-align: center;
}
#tag-cloud p {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
display: inline;
}
#tag-cloud p a {
color: #d5ddf2;
display: inline-block;
}
#fb {
	margin: 20px 20px;
	border-bottom: solid 1px #94A3C4;
	clear: both;
}
#content-b img.main {
margin-top: -80px;
margin-bottom: -100px;
z-index: 100;
}
/*--- Conent-sub-C ---*/
.content-c h5 a {
color: #131A2C;
}
.content-c h5 a:hover {
color: #009;
text-decoration: underline;
}
.content-c p {
text-align: justify;
}
#footer {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
width: auto;
height: 40px;
color: #999;
background-color: #131A2C;
clear: both;
padding-top: 2em;
}
#footer a {
color: #CF6B0B;
}
/* The following code needs to be integrated into the preceding code */
.entry-meta h4 {
border-bottom-color: #CF6B0B;
}
.entry-meta h4 a, .entry-meta h4 span.title {
color: #CF6B0B;
font-weight: bold;
}
.entry-meta h4:hover {
border-bottom: 1px #131A2C solid;
}
.ratings p a {
color: #CF6B0B;
font-weight: bold;
}
p a:hover {
text-decoration: underline;
}
h4.sidebar_title a{
	color: #CF6B0B;
	font-weight: bold;
}
h4.sidebar_title {
	border-bottom-color: #CF6B0B;
}
h4.sidebar_title:hover {
	border-bottom: 1px #131A2C solid;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container {height: 100%;}

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

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

#footer {position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	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 */