/* ::::: http://singlesonstudios.com/styles/commons.css ::::: */

html, body { height: 100%; }
body { margin: 0pt; padding: 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 18px; letter-spacing: 0.5px; color: rgb(98, 99, 101); background-color: rgb(255, 255, 255); }
h1, h2, h3, p, ul, li, img, a, div { border: 0pt none ; margin: 0pt; padding: 0pt; }
h1 { text-transform: uppercase; color: rgb(99, 100, 102); font-size: 13px; }
a { text-decoration: none; color: rgb(121, 188, 201); }
p { padding-bottom: 15px; }
form { margin: 0pt; padding: 0pt; }
#intro { width: 100%; height: 100%; position: relative; background-image: url('../images/intro_bg.png'); background-repeat: repeat; background-position: left top; }
#intro-image { width: 690px; height: 460px; position: absolute; top: 50%; left: 50%; margin-top: -230px; margin-left: -345px; }
#header { height: 51px; padding-bottom: 28px; position: absolute; width: 100%; top: 0pt; left: 0pt; }
#header-bg {
	display: block;
	height: 160px;
	background-image: url('../images/Fall-Down-Tree-Logo-line_small.png');
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
}
#header-title {
	font-size: 24px;
	font-weight: bold;
	display: none;
	height: 30px;
}
#container {
	margin: 150px auto 0;
	width: 710px;
	height: 100%;
}
#content {
	float: left;
	width: 580px;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 50px;
}
.basic-content { width: 380px; }
#blog-nav { width: 380px; position: relative; font-weight: bold; font-size: 12px; padding-top: 10px; }
#blog-nav a { color: rgb(98, 99, 101); }
#blog-nav a:hover { color: rgb(121, 188, 201); }
#blog-prev { position: absolute; right: 0pt; }
.blog-entry { margin-bottom: 20px; }
.blog-date { font-size: 10px; }
.blog-text img { margin-top: 10px; }
.blog-permalink { font-size: 10px; text-align: right; }
#rss-link, #blog-signup { position: relative; left: 440px; }
#rss-link { top: 180px; }
#rss-link img { position: relative; top: 3px; }
#blog-signup { margin: 0pt 0pt -219px; padding: 0pt; width: 270px; height: 200px; }
.blog-comment { border-style: solid; border-color: rgb(204, 204, 204); border-width: 0pt 0pt 1px; padding: 5px 0pt; margin-top: 10px; }
.blog-comment-date { margin: 0pt; padding: 0pt; text-align: right; font-size: 10px; }
.blog-comment-name { margin: 0pt; padding: 0pt; font-weight: bold; }
.blog-comment-text {  }
#comment { padding-top: 30px; }
#comment textarea { margin-bottom: 10px; }
#comment_name, #comment_email, #comment_website, #comment_text { width: 380px; margin-bottom: 10px; }
.contact-text strong { color: rgb(75, 76, 78); }
#item-container { float: left; width: 380px; }
#item-content { margin-bottom: -15px; }
#item-images { padding-top: 4px; }
#item-details { padding-top: 4px; }
#item-details-list { display: inline; padding-left: 4px; }
#detail-info { display: inline; padding-left: 2px; height: 11px; font-size: 10px; position: relative; top: -2px; }
#detail-info a { display: inline-block; width: 11px; text-align: center; }
#item-details-list li { display: inline; }
#tn-list { overflow: auto; float: left; width: 155px; height: 294px; padding-left: 38px; margin-top: 84px; }
#tn-list li { margin: 0pt; float: left; display: inline-block; width: 49px; height: 49px; }
#nav {
	float: left;
	width: 130px;
	line-height: 0pt;
	margin-top: 30px;
}
#nav ul, li { margin: 0pt; padding: 0pt; list-style-type: none; }
#nav li { padding: 2px 0pt; }
#nav li ul { padding-left: 8px; padding-bottom: 4px; }
#nav li ul a { padding: 0pt; display: block; color: rgb(98, 99, 101); height: 18px; line-height: 9px; }
#nav li ul a:hover { color: rgb(121, 188, 201); }
#nav .selected-subnav a { background-image: url('../images/nav-selected.png'); background-repeat: no-repeat; background-position: left 2px; position: relative; left: -11px; padding-left: 11px; }
.basic-form {  }
.basic-form input, .basic-form textarea { border: 1px solid rgb(98, 99, 101); padding: 2px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.basic-form .submit-button, .basic-form .cart-button { border: 1px solid rgb(121, 188, 201); margin-top: 6px; display: block; background-color: rgb(121, 188, 201); font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-transform: uppercase; color: rgb(98, 99, 101); font-weight: bold; letter-spacing: 0.5px; }
.basic-form .cart-button { margin: 0pt; display: inline; }
.store-price { display: inline; }
#price-top { float: left; margin-right: 20px; }
#price-bottom { margin-bottom: 10px; }
.sketchbook { overflow: hidden; width: 660px; height: 450px; }
.sketchbook div { margin-top: -40px; margin-left: -80px; }
.list-columns ul { float: left; width: 130px; padding-bottom: 15px; }
.list-columns h2 { clear: both; font-size: 12px; text-transform: uppercase; }
.list-columns a { color: rgb(98, 99, 101); }
.list-columns a:hover { color: rgb(121, 188, 201); }
#footer { width: 710px; text-indent: 130px; margin-left: auto; margin-right: auto; clear: left; text-transform: uppercase; color: rgb(121, 188, 201); font-size: 8px; margin-top: -30px; height: 30px; }

/* ::::: http://singlesonstudios.com/styles/scripts.css ::::: */

#item-images img { display: none; }
#item-images .item-image-visible { display: block; }
#tn-list {
	overflow: hidden;
	height: 600px;
	position: relative;
}
#tn-ul-container {
	overflow: hidden;
	width: 155px;
	height: 994px;
	position: relative;
}
#tn-ul {
	position: absolute;
	top: 0px;
	height: 675px;
}
#tn-buttons { position: relative; margin-left: -4px; }
#content .display-none { display: none; }