html {
	background-color: #3e929b;
}

a {
	outline: none;
	color: #4c8bca;
	text-decoration: none;
}

.center { text-align: center; }

.grid-debug {
	background: url(../images/grid_debug.gif) repeat-y center;
}

.hashed {
	background: url(../images/hashed.gif);
	padding-top: 0.2em;
	padding-bottom: 0.2em;

	background-color: #f3f3f3;
	border: 1px solid #bbb;
	border-top: 2px solid #bbb;
	border-bottom: 1px solid #ddd;
	font-size: 123.1%;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.5em;
}
em { font-style: italic; }

#masthead {
	background-image: url(../images/masthead_bg.gif);
	height: 63px;
}

#masthead h1 {
	position: relative;
}

#masthead h1 a {
	display: block;
	overflow: hidden;
	text-indent: -9000em;
	height: 63px;
	background: url(../images/masthead.gif) no-repeat;
}

#masthead h1 sup {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9000em;
}

#masthead h1 sup.alpha {
	height: 18px;
	width: 18px;
	top: 14px;
	left: 173px;
	background: url(../images/alpha.png) no-repeat;
}

#masthead h1 sup.beta {
	height: 33px;
	width: 15px;
	top: 7px;
	left: 173px;
	background: url(../images/beta.png) no-repeat;
}

strong {
	font-weight: bold;
}
.hidden { display: none; }

/* Navigation */

#navigation {
	float: right;
}
#navigation li {
	display: inline;
	float: left;
}
#navigation li a {
	display: block;
	float: left;

	color: white;
	font-size: 93%;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;

	line-height: 63px;
}
#navigation li a:hover { color: #4c8bca; }

/* body */

#bd { background-color: white; padding-top: 24px;}

/* Footer */

#footer {
	height: 215px;
	color: #08474e;
	background-color: #3e929b;
	padding-top: 20px;
}
#footer a {
	color: white;
	text-decoration: none;
}
#footer a:hover {
	border-bottom: 1px dotted white;
}
#footer-links {
	font-size: 93%;
}
#copyright-notice {
	margin-top: 4px;
	font-size: 77%;
}

#ejunkie-link {
	margin-top: 14px;
}

/* About Splash */

#about-splash {
	height: 184px;
	background-color: #3e929b;
}
#about-splash h2,
#about-splash p
{
	overflow: auto;
	text-indent: -9000em;
	height: 0px;
}
#about-splash p {
	height: 0px;
}
#about-splash h2 {
	background-image: url(../images/about_splash.jpg);
	height: 184px;
}

/* Need Exclusive Rights */
#need-exclusive-rights h2,
#need-exclusive-rights a
{
	overflow: hidden;
	text-indent: -9000em;
	height: 0px;
}
#need-exclusive-rights a {
	display: block;
	width: 219px;
	height: 81px;
	background-image: url(../images/need_exclusive_rights.gif);
}

/* Brush Styles */
.brush-wrapper {
	border: 1px solid #e4e4e4;
	padding: 7px;
	width: 203px !important;
	position: relative;
	margin-bottom: 24px;
}

.brush-list {
	padding-bottom: 38px;
}

.brush-list h2 {
	color: #5a5a5a;
	font-size: 182%;
	font-weight: bold;
	margin-bottom: 24px;
}

.brush-wrapper img {
	border: 1px solid #e4e4e4;
	margin-bottom: 7px;
}
.brush-name {
	font-size: 93%;
	font-weight: bold;
	color: #555;
        text-overflow: ellipsis;
        overflow: hidden;
}
.brush-info {
	font-size: 77%;
	color: #989797;
        text-overflow: ellipsis;
        overflow: hidden;
}
.brush-name,
.brush-info {
        overflow: hidden;
        height: 1.25em;
}
.brush-price {
	font-size: 93%;
	color: #555;
	text-align: right;
	width: 65px;

        text-overflow: ellipsis;
        overflow: hidden;
}
.featured-brush {
	background-color: #3c3c3c;
	color: white;
	border: 1px solid #7c7c7c;
}
.featured-brush img {
	border: 1px solid #7c7c7c;
}
.featured-brush h3 {
	color: white;
	font-weight: normal;
}
.featured-brush .brush-price {
	color: white;
}
.wow h3 span, .sweet h3 span, .fresh h3 span {
	display: block;
	height: 51px;
	width: 51px;
	position: absolute;
	text-indent: -9000em;
	top: -8px;
	left: 176px;
}
.wow h3 span {
	background-image: url(../images/wow.png);
}
.sweet h3 span {
	background-image: url(../images/sweet.png);
}
.fresh h3 span {
	background-image: url(../images/fresh.png);	
}

.brush-header,
.section-header
{

	border-bottom: 1px solid #e4e4e4;
	font-weight: bold;	
}
.brush-header {
	color: #676767;
	margin-bottom: 24px;
}
.section-header {
	color: #151515;
	margin-bottom: 12px;
}

.section-body {
	/*font-size: 85%;*/
	margin-bottom: 24px;
}

.brush-title {
	color: #555;
	font-size: 182%;
	font-weight: bold;
}
.brush-author {
	color: #989797;
	font-size: 77%;
	margin-bottom: 24px;
}

.brush-image,
.brush-image img
{
	border: 1px solid #e4e4e4;
}
.brush-image {
	margin-bottom: 4px;
}
.brush-image img {
	margin: 7px;
}

.brush-description {
	color: #616161;
	line-height: 1.5em;
	font-size: 85%;
}


/* brush stats */
.brush-stats-list,
.brush-grid {
	margin-bottom: 30px;
}
.brush-stats {
	background-color: #ebebeb;
	margin-bottom: 1px;
}
.brush-stats-name,
.brush-stats-value
{
	line-height: 27px;
}
.brush-stats-name {
	color: #9b9a9a;
	font-size: 77%;
	margin-left: 5px;
}
.brush-stats-value {
	font-size: 93%;
	text-align: right;
	margin-right: 10px;
	color: #3a3a3a;
}

/* brush comments */
.brush-comments-list {
	margin-top: -12px;
	margin-bottom: 38px;
}
.brush-comment {
	background-color: #ebebeb;
	margin-bottom: 1px;
	padding-top: 16px;
	padding-left: 11px;
	padding-right: 11px;
	padding-bottom: 22px;	
}
.brush-comment-author {
	color: #767575;
	font-size: 93%;
	font-weight: bold;
}
.brush-comment-date {
	color: #afaeae;
	font-size: 85%;
	font-style: italic;
	margin-bottom: 16px;
}
.brush-comment-body {
	line-height: 1.5em;
}

.brush-comment-form {
	margin-top: -12px;
	margin-bottom: 66px;
	border: 1px solid #e4e4e4;
	padding-top: 39px;
	padding-left: 18px;
	padding-bottom: 25px;
}
form p {
	margin-bottom: 15px;
}

.brush-comment-form-text input {
	width: 270px;
}

.brush-comment-form textarea {
	width: 670px;
}

.post .text-field {
	width: 430px;
}

label,
fieldset {
	color: #393939;
	font-size: 93%;
	line-height: 1.5em;
}
label {
	cursor: pointer;	
}
label em,
fieldset em {
	color: #8b8b8b;
	font-size: 85%;
	font-style: italic;
}
fieldset label { font-size: 100%; }
.brush-comments-list a {
	color: #4c8bca;
}
.brush-comment-form-check label {
	padding-left: 8px;
}

.brush-comment-form-check * {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

.brush-comment-form-captcha img {
	border: 1px solid #e4e4e4;	
}

.brush-comment-form-submit {
	display: block;
	height: 37px;
	width: 124px;
	border: none;
	overflow: auto;
	text-indent: -9000em;
	cursor: pointer;
	background-image: url(../images/submit_button.gif);
}
.brush-price2 {
	width: 219px;
	border-bottom: 1px dotted #c6c6c6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.brush-price-info,
.brush-price-button
{
	display : inline;
	float : left;
}
.brush-price-info {
	width: 130px;
}
.brush-price-button {
	width: 89px;
}
.brush-price-price,
.brush-price-usage,
.brush-price-usage-class
{
	text-align: left;
}
.brush-price-price,
.brush-price-usage
{
	color: #616161;	
}
.brush-price-price {
	font-size: 123.1%;
	font-weight: bold;
}
.brush-price-usage,
.brush-price-usage-class
{
	font-size: 85%;
}
.brush-price-usage-class a {
	color: #4c8bca;
	text-decoration: none;
}
.brush-price-usage-class a:hover {
	text-decoration: underline;
}
.brush-price-download,
.brush-price-download-blue,
.brush-price-buy-now,
.brush-price-contact,
.brush-price-continue
{
	display: block;
	overflow: hidden;
	border: none;
	text-indent: -9000em;
	width: 89px;
	height: 34px;
	text-align: left;
}
.brush-price-download {
	background-image: url(../images/download_button.gif);
}
.brush-price-buy-now {
	background-image: url(../images/buy_now_button.gif);
}
.brush-price-contact {
	background-image: url(../images/contact_button.gif);
}
.brush-price-continue {
	background-image: url(../images/continue_button.gif);
}
.brush-price-download-blue {
	background-image: url(../images/download_button_blue.png);
}

.license-info {
	padding-bottom: 12px;
}

.licenses h2 { margin-bottom: 24px; }

.brush-categories a,
.license-info a {
	font-size: 85%;
	color: #4c8bca;
	text-decoration: none;
	line-height: 1.5em;
}
.brush-categories a:hover {
	text-decoration: underline;	
}
.brush-tags {
	color: #4c8bca;	
	line-height: 1.5em;
}
.brush-tags a {
	font-size: 85%;
	color: #4c8bca;
	text-decoration: none;	
}
.brush-tags a:hover {
	text-decoration: underline;	
}

.action {
	padding: 0.25em;
	text-decoration: none;
}
.action.dangerous {
	background-color: #c00;
	border: 1px solid #a00;
	color: white;
}
.action.dangerous:hover {
	background-color: #f00;
}

.share-this a {
	color: #44855d;
}

.yellow-box {
	background-color: #ffffcc;
	padding: 16px;
	margin-bottom: 20px;
}

#errorExplanation h2 {
	color: white !important;
	font-size: 153.9%;
	border-bottom: 1px solid white;
}
#errorExplanation p { color: white !important; }
#errorExplanation {
	border: 1px solid #ccc;
	background-color: #c00;
	color: white !important;
	padding: 1em;
	margin-bottom: 24px;
	margin-right: 16px;
}
#errorExplanation ul {
	padding-left: 2em;
}

#brush-submit h1 {
	font-size: 182%;
	font-weight: bold;
	margin-bottom: 12px;

}

#brush-submit .grid_2 input {
	width: 136px;
}

#brush-submit .grid_4 input,
#brush-submit .grid_4 textarea,
#brush-submit .grid_4 select {
	width: 298px;
}

#brush-submit .grid_6 textarea {
	width: 460px;
}


/* Brush#show license box */

#licenses-hider {
	font-size: 85%;
	color: #616161;
}

#licenses-hider h4 {
	color: black;
	line-height: 1.5em;
	font-weight: bold;
}

#licenses-hider p {
	line-height: 1.5em;
	margin-bottom: 10px;
}

#license-container {
	border-bottom: 1px dotted #c6c6c6;
}

/* License tabs */

#license-tabs li {
	background: #888888 url(../images/license/license_tab.png) repeat-x;
}

#lightslaps #lightslap-tab a,
#majorslaps #majorslap-tab a,
#superslaps #superslap-tab a,
#license-tabs a:hover {
	color: #e5e5e5;
	background: #303030 url(../images/license/license_tab_active.png) repeat-x;
}

#license-description {
	padding: 6px;
	padding-bottom: 55px;
	background: #5d5d5d url(../images/license/license_description_bg.png) repeat-x;
}

#license-description p {
	color: #cfcece;
}

#license-description h3 {
	line-height: 1.5em;
	color: #e5e5e5;
	font-size: 182%;
	margin-top: 12px;
}

#license-tabs {
	background: white;
}
#license-tabs li {
	display: inline;
	float: left;
	margin-right: 2px;
}
#license-tabs li a {
	display: block;
	float: left;

	color: #303030;
	font-size: 123.1%;
	padding: 12px;
	text-decoration: none;
}

#license-grid {
	background-color: #ccc;
	width: 100%;
	font-size: 77%;
	margin-bottom: 16px;
}

#license-grid th,
#license-grid td {
	border: 1px solid #ccc;
	padding: 10px 6px;
}

#license-grid th,
#license-grid tr.stripe td {
	background-color: #f4f4f4;
}

#license-grid td.medium {
	font-size: 123.1%;
}

#license-grid td {
	background-color: white;
}

#license-grid td.heading {
	vertical-align: top;
	padding: 18px;
}

#license-grid h4 {
	font-size: 182%;
	font-weight: bold;
	color: #40939c;
}

#license-grid input {
	height: 16px;
	width: 16px;
}

#license-agreement {
	padding: 10px;
	color: #626262;
	overflow: auto;
	height: 219px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	margin-bottom: 19px;
}

#license-agreement p {
	margin-bottom: 10px;
}

.licenses .brush-price-buy-now { margin-bottom: 36px; }

/* About page
****************/

#about-page,
#brush-submit {
	color: #666;
}

#about-page h2,
#brush-submit h2 {
	font-size: 182%;
	margin-bottom: 10px;
	color: #5a5a5a;
}

#about-page h3,
#brush-submit h3 {
	font-size: 108%;
	font-weight: bold;
	color: #23686f;
	line-height: 1.5em;
}

#about-page p,
#brush-submit p {
	line-height: 1.5em;
	margin-bottom: 10px;
	color: #666;
}

#about-page ul,
#about-page ol,
#brush-submit ul,
#brush-submit ol {
	margin-bottom: 10px;
	padding-left: 1.5em;
}

#about-page ul li,
#brush-submit ul li {
	line-height: 1.5em;
	list-style-type: circle;
	
}

#about-page ol li,
#brush-submit ol li {
	line-height: 1.5em;
	list-style-type: decimal;
}



/* Advertisements
********************/

#advertisements li {
	padding: 0;
	margin-bottom: 10px;
}

/*  Superslap Contact
************************/

#superslap-contact {
	border: 1px solid #ccc;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 8px;
	margin-bottom: 55px;
}

#superslap-contact .text-field {
	width: 269px;
}

#superslap-contact textarea {
	width: 672px;
}

/* Terms Page
***************/

#about-page {
	margin-bottom: 55px;
}

/* Contact Sidebar
*********************/

#contact-side-bar {
	margin-bottom: 70px;
}

#contact-side-bar h3 {
	font-size: 93%;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px solid #c6c6c6;

	margin-bottom: 10px;
}

#contact-side-bar p {
	font-size: 85%;
	color: #616161;

	margin-bottom: 10px;
}

#contact-side-bar a {
	color: #4c8bca;
	text-decoration: none;
	font-weight: bold;
}


#get_involved {
	margin-bottom: 24px;
}

.testimonial {
	font-size: 85%;
	margin-bottom: 29px;
}
.testimonial blockquote {
	padding: 10px;
	padding-left: 36px;
	color: #474747;
	border: 1px solid #e4e4e4;
	background: #f5f5f5 url(../images/quote.png) top left no-repeat;
}

.testimonial cite {
	margin-top: -1px;
	display: block;
	padding-top: 10px;
	background: transparent url(../images/quote_point.png) 10px 0 no-repeat;
}

#brush_submit { margin-bottom: 36px; }

/* Post Briefs / Posts
***************/

#post_briefs h2 a,
#post h2 a {
	color: #23686f;
}

#post_briefs a:hover,
#post a:hover {
        text-decoration: underline;
}

#post_briefs h2,
#post h2 {
	color: #23686f;
	font-size: 167%;
	font-weight: bold;
        margin-bottom: 10px;
}

#post_briefs p,
#post p {
	color: #666666;
	margin-bottom: 10px;
	line-height: 1.5em;
}

#post_briefs li,
#post li {
        color: #666;
        line-height: 1.5em;
}

#post_briefs ol,
#post_briefs ul,
#post ol,
#post ul{
        margin: 1em;
        margin-left: 2em;
}

#post_briefs ol li,
#post ol li {
        list-style: decimal outside;
}

#post_brieds ul li,
#post ul li {
        list-style: disc outside;
}


#post_briefs img,
#post img {
	display: block;
	border: 1px solid #e4e4e4;
	padding: 7px;
	margin-bottom: 10px;
        margin-top: 7px;
}

#post_briefs .meta,
#post .meta {
	font-size: 85%;
	color: #a8a8a8;
	margin-bottom: 10px;
}

#post_briefs hr,
#post hr {
	border: 0;
	border-top: 1px solid #c6c6c6;
}

#post .brush-header {
	margin-top: 36px;
}



/* Categories
***************/

.categories_list { margin-bottom: 36px; }

/* RSS Link
****************/

.rss_link a {
	display: block;
	text-indent: -9000em;
	overflow: hidden;
	background: white url(../images/rss.png) top left no-repeat;
}

h1.in_category {
        font-size: 182%;
        color: #5a5a5a;
		margin-bottom: 10px;
}


.brush-tags {
	margin-bottom: 24px;
}
