/* @override http://loosestitchpro.com/styles/inner.css */

#intro {
	background: url(/images/bkg_topcap_aux.png) no-repeat left top;
	width: 950px;
	height: 80px;
	margin: 0;
	padding: 10px 3px 0 3px;
}

#botcap {
	height: 10px;
	font-size: 6px;
	line-height: 5px;
	background: url(/images/bkg_botcap.png) no-repeat
}

#navigation {
	position: relative;
	height: 37px;
	font: normal 10px/16px 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	text-shadow: 0px 1px 0px #fff;
	color: #999;
	line-height: 30px;
	background: url(/images/bkg_navigation_tabs.png) no-repeat;
}

#navigation ul {
	height: 37px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}

#navigation li {
	float: left;
	height: 37px;
	margin: 0;
}

#navigation a {
	float: left;
	display: block;
	color: #333;
	text-decoration: none;
	text-align: center;
	width: 125px;
	height: 32px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #d0d0d0;
}

#navigation a:hover {
	color: #000
}

#navigation li.active {
	background: url("/images/bkg_tab_on.png") no-repeat center top;
}

#navigation li.active a {
	color: #fff;
	text-shadow: 0px -1px 0px #8C5564;
	border: none;
}

#navigation li.first a {
	border-left: none !important;
}

#navigation li.first a.active {
	background: url("/images/bkg_tab_topl.png") no-repeat left top;
}

#main-content {
	margin: 0 3px;
	padding: 0 !important;
	font-size: 13px;
	line-height: 20px;
}

#faq, #whatsnew {
	color: #333;
	clear: both;
	margin: 0 3px;
	padding: 15px 18px 5px 18px;
}

.pane { clear: both; padding: 10px 10px 10px 0; font-size: 12px; }
.pane img { float: left; width: 168px; height: ; border: 1px #ccc solid; margin: 0 10px 10px 0px}
.pane ul { margin-left: 5px; list-style: square }
.pane ul li { margin-left: 10px }

#container.greysidebar {
	background-image: url(/images/bkg_middle_partgrey.png);
}

#container.greysidebar #capbottom {
	background-image: url(/images/bkg_botcap_partgrey.png);
}

#container.greysidebar #l {
	padding: 10px 280px 10px 10px;
	font-size: 12px;
	line-height: 18px
}

#container.greysidebar #right-col {
	padding: 10px;
	float: right;
	width: 250px;
	color: #333;
}

#container.greysidebar #left-col {
	padding: 10px 15px !important;
	float: left;
	width: 650px !important;
	color: #333;
	font-size: 12px;
}

#left-col p {
	font-size: 12px;
	line-height: 18px;
}

#container.greysidebar #main-content-right {
	padding: 10px 10px 10px 280px;
	font-size: 12px;
	line-height: 18px
}

/*greysidebar LEFT  */

#container.greysidebar-left {
	background-image: url(/images/bkg_middle_partgrey_left.png);
}

#container.greysidebar-left #capbottom {
	background-image: url(/images/bkg_botcap_partgrey_left.png);
}

#container.greysidebar-left #main-content {
	padding: 10px 10px 10px 280px;
	font-size: 12px;
	line-height: 18px;
}

#container.greysidebar-left #left-col {
	padding: 10px;
	float: left;
	width: 250px;
	color: #333;
}

#container.greysidebar #main-content-right {
	padding: 10px 10px 10px 280px;
	font-size: 12px;
	line-height: 18px
}

#container.greysidebar #botcap {
	background-image: url(/images/bkg_botcap_partgrey_right.png) !important;
}

#badge {
	position: absolute;
	right: 273px;
	top: 380px;
	width: 145px;
	height: 146px;
	background-image: url(/images/badge_pro.png);
}

#single-user {
	width: 280px;
	margin-top: 40px;
	padding-left: 20px;
	float: left;
}

#friendpack {
	width: 280px;
	margin-top: 40px;
	padding-left: 20px;
	float: left;
}

#corporate {
	width: 280px;
	margin-top: 40px;
	padding-left: 20px;
	float: left;
}

#page-of {
	float: left;
	padding-top: 5px;
	color: #999;
	font-size: 11px;
}

#meta, #page-links {
	float: right;
	padding-top: 5px;
	color: #999;
	font-size: 11px;
}

.tag-in-cloud {
	display: block;
	font-size: 10px;
	float: left;
	padding-right: 10px;
	text-transform: capitalize;
}

.view-count {
	float: right;
}

#preamble {
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
}

.clearer {
	clear: both
}

.search-entry {
	padding: 10px 0;
	color: #777
}

#pagination {
	height: 50px;
	border-bottom: 1px #ddd solid;
}

#outliner {
	margin: 10px 0 !important;
	padding: 0 !important;
}

#full-width {
	padding: 10px 15px;
	font-size: 12px;
	line-height: 18px;
}

#full-width p {
	font-size: 12px;
	line-height: 18px;
}

#full-width ul {
	margin-left: 15px;
}

#outline-info {
}

#description {
	color: #666;
	font-size: 14px;
	padding: 10px 0;
}

#meta-info {
	color: #666;
	font-size: 11px;
}

#outline-tags {
	margin-bottom: 20px;
}

#promocode-response {
	float: right;
	padding-top: 15px;
	color: #ec335e;
}

#promo-price {
	margin-bottom: 10px;
	color: #679f16;
}

#faq .description {
	margin: -5px 0;
	color: #999;
	font-size: 12px;
}

#categories {
	margin-top: 20px;
	font-size: 12px;
}

#categories li {
	margin-left: 5px;
	list-style-image: url(../images/collapsed.png);
}

#categories li.title {
	list-style-type: none !important;
}

#categories li a.active {
	color: #000 !important;
}