/* color.css */

html { 
background : #ff6418; }

body { 
padding-top : 30px; }

div#branding {
position : relative;
z-index : 10;
height : 130px;
width: 900px;
background : transparent url(../images/common/branding.jpg) no-repeat 0 0;  }

div#nav_main {
position:absolute;
top:113px;
z-index:15;
left: 162px;
}

div#content { 
background: #fff url(../images/common/content-background.jpg) repeat-y 0 0; }

div#site_info { 
position : relative;
width : 100%;
height : 120px;
background : transparent url(../images/common/site_info.jpg) no-repeat 0 0; }

h1 a { 
display: block;
position : absolute;
top : 0px; 
left : -55px;
width : 250px; 
height : 180px; 
background : transparent url(../images/common/skweet-monkey-logo.png) no-repeat 0 0;
text-indent : -9999px;
cursor:pointer; }

div#branding blockquote { 
position : absolute;
top : -9999px; }

#body_mystory #nav_mystory a {
background-position: 0 -60px;
}
#body_howto #nav_howto a {
background-position: -150px -60px;
} 

ul#benefits {
margin : 0 0 0 20px; 
font-size: 1.7em;
color:#86D738; }

ul#benefits li {
display : block;
margin-right : 10px;
padding-right : 10px;
}


div#nav_main p { 
position : absolute;
top : 45px;
left : 35px;
margin : 0; }

div#nav_main h2 { 
position : absolute;
top : -9999px; }

div#site_info h5 { 
position : absolute
right : 10px; 
bottom : 10px;
width : 150px; 
height : 70px; 
background : transparent url(h5.png) no-repeat; }

div#site_info h5 a { 
display : block;
width : 150px; 
height : 70px; 
text-indent : -9999px; }

div#site_info p { 
/* position : absolute; */
left : 20px; 
/*top : 10px;*/
margin : 5px; } 

/* ==================== images ======================== */
img.pushRight {margin: -15px 0 20px 15px;}
img.asideRight {float: right; margin: 1em;}
.sbbuttons {padding-top:10px;}

/* ==================== Twitter List ======================== */
.twtr-widget {margin-left: 20px;}
.twtr-widget h4, .twtr-widget h3 {border: none !important;}
/* ==================== Facebookembed ======================== */
#facebookembed {
margin: 1em 2em;}

/* ==================== Store List ======================== */
div#stores h4 {margin-left: 20px; padding: 0; border-bottom: #333 dotted thin; font-size:1.5em;}
div#stores ul {margin-left: 20px; padding: 0; list-style:none; }
div#stores ul li{
	font-size: 1.2em; /*border-top:#999999 dotted thin;*/ padding:1px 0 2px 0;}
div#stores ul li p {font-size: .9em;}
/* ==================== Graphic Enhancements ======================== */
.external:before {content: "" url(/images/common/external.gif);}
.mailto:before {content: "" url(/images/common/envelope.gif);}