/* Blank Slate  */
* {  
  margin:0; 
  padding:0; 
  outline: none;
}

						/**************** GENERAL *********************/ 
body,td,p {
	font-family: 'Lucida Grande',sans-serif;
	font-size: 13px;
	top: 1px;
    margin: 0;
}
a:link, a:visited {
  text-decoration: none;
  color: #0000cc;
}     
a:active, a:hover {
  color: #ff9900;
  text-decoration: underline;
}

h1, h2 {
	color: #FF9900;
	font-family: georgia, 'times new roman', times, serif;
	font-weight: normal;
}

h1 {font-size: 1.6em}
h2 {font-size: 1.3em}
h3 {font-size: 1em}

.img {
	border:0;
}
.label {
	margin-top: 5px;
}
li {
	list-style: none;
}
.TextArea {
	border: 1px solid #ffcc66;
	width: 100%;
	margin: 2px;
	padding: 2px;
	margin-bottom: 5px;
}

					       /********** TITLE BAR ***************/ 
#TitleBar {
	width: 100%;
	height: 30px;
}

#NavLinks {
 	float:right;
	margin-top: 7px;
	margin-right: 7px
}

#TopImg {
	float:left;
	margin-top: 5px;
	margin-left: 5px
}
				         /********** TAB BAR *************/
#TabWrapper {
	height: 44px;
	width: 100%;
    background: url('../images/tab_bar_black.gif') repeat-x;
	border-top: 1px solid black;
	z-index: 1
}
				         /********** MAIN TABS *************/

ul#tabnav { /* TabBar Settings */
	text-align: center; 
	padding: 8px 0px; /* FIRST & THIRD number must change with respect to padding below */
	width: 100%;
	margin: 0;
	margin-bottom:1em;
}

ul#tabnav li { /* do not change */
	display: inline;
}

/* settings for all tab links */
ul#tabnav li a { 
	padding: 8px 32px; /* FIRST number must change with respect to padding-top (X) above */
    background: url("../images/tab_bar_black.gif") repeat-x;
	color: #FFF;
	text-decoration: none;
	margin: 0;
	font-size: 1.1em ! important;
    font-family: Helvetica, sans-serif;
}

/* hover effect */
ul#tabnav a:hover { 
    background: url('../images/tab_bar_black_hover.gif') repeat-x;
	color: #fff;
	margin: 0;
}	

body#tab1 li.tab1 a,
body#tab1 li.tab1 a:hover,
body#tab2 li.tab2 a, 
body#tab2 li.tab2 a:hover, 
body#tab3 li.tab3 a, 
body#tab3 li.tab3 a:hover, 
body#tab4 li.tab4 a,
body#tab4 li.tab4 a:hover { /* settings for selected tab link */
	/* FIRST number must change with respect to padding-top (X) above */
	background-color: #87B3FF;
	color: #fff;
	text-decoration: none;
    background: url('../images/tab_bar_new_orange.gif') repeat-x;
	font-weight: bold; 
	margin: 0;
}

				         /********** ABOUT TABS *************/
div#storiesheader {
	background: url('../images/static_images/stories-header.gif') 0px 0px no-repeat;
	height: 100px;
	width: 100%;
}

div#landfheader {
	background: url('../images/static_images/landf-header.gif') 0px 0px no-repeat;
	height: 100px;
	width: 100%;
}

div#storiesheader div,
div#landfheader div {
	display: inline;
	top: 75px;
	position: relative;
	float: right;
	margin: 0px 5px;
	width: 89px;
    height: 25px;
}

div#storiesheader div a,
div#landfheader div a {
	height: 100%;
	width: 100%;
  	text-align: center;
  	text-decoration: none;
	display: block;
	top: 4px;
	position: relative;
}
				         
.abouttaboff {
	color: #000;
  	background: url("../images/static_images/abouttabs.png");
}

.abouttaboff:hover {
  	background: url("../images/static_images/abouttabs.png") 0px -25px;
}

div#storiesheader div.abouttaboff a,
div#landfheader div.abouttaboff a {
	color: #000;
}

.abouttabon {
	background: url("../images/static_images/abouttabs.png") 0px -25px;
}

div#storiesheader div.abouttabon a,
div#landfheader div.abouttabon a {
	color: #FFF;
	font-weight: bold;
}

			          /*********** CONTENT PANEL ****************/ 
#MainContent {
	position: absolute;
	width: 100%;
	top: 100px;
}
 
.StoreButton {
  margin: 5px;
  font-size: 1em;
  cursor: pointer;
  cursor: hand;
  background: url('../images/button.png') repeat-x;
  border: 1px outset #ccc; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px
}
.StoreButton:hover {
  border-color: #9cf #69e #69e #7af;
}
.email {
	text-align: left;
	margin-top: 14px;
}
			          /*********** ABOUT PAGE ****************/ 

#About-Text-Enlarge p {
    font-size: 16px;
}
#AboutContent {
	text-align: center;
}
.Explaination {
	width: 90%;
	margin: 0 auto;
}
.half {
	width: 50%;
}

#wrapper 
{
   width: 968px;
}

#content 
{
	width: 760px;
	text-align: left;
    float: right;
	min-height: 400px;
	margin-bottom: 20px;
	padding-top: 10px;
}

#sidebar {
	min-height: 400px;
	float: left;
	padding: 10px 20px;
	background: url('http://www.sendmehome.com/news/wp-content/themes/SMHcustom/images/content-bg.gif') no-repeat top right; 
}
#sidebar div a {
	width: 100%;
	height: 100%;
	cursor: pointer;
	cursor: hand;
}
#sidebar div a h2 {
	text-decoration: none;
}
#sidebar div a:hover h2 {
	color: #f90;
	text-decoration: none;
}
#innercontent {
	border-top: 1px solid #ff9900;
}
#number1 {
	background: url('../images/static_images/numbers_composite.gif') no-repeat top center; 
	height: 40px;
	margin-bottom: 10px;
}
#number2 {
	background: url('../images/static_images/numbers_composite.gif') no-repeat center; 
	height: 40px;
	margin-bottom: 10px;
}
#number3 {
	background: url('../images/static_images/numbers_composite.gif') no-repeat bottom center; 
	height: 40px;
	margin-bottom: 10px;
}
#steps {
	width: 100%;
	display: inline;
}
.step {
	width: 32%;
	padding: 0px 5px;
	float: left;
	text-align: center;
}
.stepimg {
	width: 32%;
	padding: 0px 5px;
	float: left;
	padding-top: 20px;
}
#storiesabout {
	padding-top: 15px;
	margin-left: 15px;
	vertical-align: middle;	
}
.rightmargin {
	margin-right: 10px;
}

			/******* WHY PAGE **********/
.why {
	margin-top: 5px;
}

.whyquestion {
	background: url('../images/static_images/question_mark.gif') no-repeat left top; 
	height: 40px;
	padding-left: 50px;
	padding-top: 8px;
	font-size: 1.4em;
	font-weight: bold;
}
.whyanswer {
	padding-left: 20px;
}
.whyanswer h3 {
	padding-bottom: 1px;
}
.whyanswer p {
	padding: 0px 0px 10px 10px;
	font-size: 0.7em;
}
.whyanswer ul li {
	margin: 2px 0px 2px 20px;
	list-style: disc;
	list-style-position: outside;
}

			/******* STORIES USES PAGE **********/
			
.use {
	margin-top: 8px;
}

.usetitle1,
.usetitle2,
.usetitle3,
.usetitle4 {
	height: 32px;
	padding-left: 50px;
	padding-top: 8px;
	font-size: 1.4em;
	font-weight: bold;
}
.usetitle1 {
	background: url('../images/static_images/numbers_composite.gif') no-repeat 0px 0px;
}
.usetitle2 {
	background: url('../images/static_images/numbers_composite.gif') no-repeat 0px -40px;
}
.usetitle3 {
	background: url('../images/static_images/numbers_composite.gif') no-repeat 0px -80px;
}
.usetitle4 {
	background: url('../images/static_images/number4.gif') no-repeat;
}
.useexplaination {
	padding-left: 20px;
}
.useexplaination h3 {
	padding-bottom: 1px;
}
.useexplaination p {
	padding: 0px 0px 10px 10px;
	font-size: 0.7em;
}
.useexplaination ul li {
	margin: 2px 0px 2px 20px;
	list-style: disc;
	list-style-position: outside;
}
			/******* SIDEBAR GRAPHICS ********/


div#lsprites {
	width: 76px;
	height: 89px;
	display: block;
}

a#landflogo div { background: url('../images/static_images/landf_composite.gif') no-repeat 0px 0px; }
a#landflogo:hover div { background: url('../images/static_images/landf_composite.gif') no-repeat 0px -89px; }
a#landflogo h2 { color: blue }
a#landflogoon div { background: url('../images/static_images/landf_composite.gif') no-repeat 0px -89px; }
a#landflogoon h2 { color: #ff9900 }

div#ssprites
{
	width: 76px;
	height: 100px;
	display: block;
}

a#penlogo div { background: url('../images/static_images/stories_composite.gif') 0px 0px no-repeat; }
a#penlogo:hover div { background: url('../images/static_images/stories_composite.gif') 0px -100px no-repeat; }
a#penlogo h2 { color: blue }
a#penlogoon div { background: url('../images/static_images/stories_composite.gif') 0px -100px no-repeat; }
a#penlogoon h2 { color: #ff9900 }

div#asprites
{
	width: 76px;
	height: 57px;
	display: block;
}

a#arrow div { background: url('../images/static_images/arrow_composite.gif') 0px 0px no-repeat; }
a#arrow:hover div { background: url('../images/static_images/arrow_composite.gif') 0px -57px no-repeat; }
a#arrow h2 { color: blue }

div#storieswrap,
div#createwrap {
	margin-top: 30px;
}

#sidebar h2 {
	margin: 6px 0px;
	font-size: 20px;
	text-align: center;
}

					/******* FAQ **********/
#Content {
	text-align:center;
	width: 90%;
}															
.IndexQuestions {
	margin: 2px 0px 10px 10px;
}
.IndexQuestions li {
	margin: 10px 0px;
	padding-left: 23px;
	background: url('../images/static_images/question.png') no-repeat;
}
#FAQWrap {
	width:100%;
	margin-top: 35px;
	margin-bottom: 10px;
	background: url('../images/static_images/question.png') no-repeat
}
.Question {
	padding: 3px 3px 3px 23px;
	font-weight: bold;
	border: 1px solid #808080;
	background: url('../images/static_images/question.png') no-repeat 4px 4px;
}
.questionbg {
	background: #ffcc99; 
}
.Answer {
	background: white;
	font-weight: normal;
	padding: 5px;
}
.Q-Padding {
	margin: 5px;
}
.Return {
	width: 90px;
	padding-left: 21px;
	float: right;
	background: url('../images/static_images/return_top.png') no-repeat;
}
.SectionTitle {
	margin-top: 30px;
	text-align: center;
}
#Story {
	font-size: smaller;
	color: #666;
}
  									/* FOOTER ELEMENTS */
#Footer {
	width: 100%;
	padding: 20px 0px 10px 0px;
	float: left;
}
#Footer td {
    padding: 0px 30px;
}

/************ Templates D/L *****************/

#TitleBarTemplatePage {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid black;
}

.TemplateDLHeader {
  width: 66%;
  text-align: center;
  margin-top: 10px;
  border-bottom: 1px solid #808080;
  background: #e8e8e8;
}

.TemplateTable {
	width: 66%;
	text-align: center;
	margin: 10px 0px;
}
.dim {  /* dimensions for far left table column in print-my-own-labels */
	width: 33%;
}
.AveryCode {
	width: 8%;
}
.Icons {
	height: 50%;
	width: 2%;
	padding: 10px;
}
.IconSplitter {
}

.TemplateSpacer {
	width: 8%;
}
.TemplateTableDivider {
  margin-top: 10px;
  width: 550px;  
  background-position: center;
  background: url("http://www.sendmehome.com/news/wp-content/themes/SMHcustom/images/hr.gif") no-repeat;
}

.TemplateTableNotDiv {
}
			/********  SOCIAL ABOUT   ********/
			
#content-social
{
	width: 760px;
}
#sidebar-social td
{
	vertical-align: baseline;
}

#sidebar-social div a {
	width: 100%;
	height: 100%;
	cursor: pointer;
	cursor: hand;
}
#sidebar-social div a h2 {
	text-decoration: none;
}
#sidebar-social div a:hover h2 {
	color: #f90;
	text-decoration: none;
}
#innercontent-social {
	border-top: 1px solid #ff9900;
}