@charset "utf-8";
/* ----------------------------------- Stylesheet for The Crafts Report ----------------------------------- */

/* -------------------- STRUCTURE -------------------- */

body {
	background: #d2edf8;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#container {
	background: url(../images/bg-content.gif) repeat-y;
	margin: 0px auto;
	width: 980px;
	text-align: left;

}
#browserupgrade { 
   background:#CC3333;
   width: 100%;
   height: 20px;
   text-align: center;
   padding: 10px 0px;
   color:#ffffff;
}
p.warning{
	color:#ffffff;
}
a.warning:link{ 
  color:#ffffff;;
  text-decoration:none;
}

a.warning:visited{ 
  color:#ffffff;;
  text-decoration:none;
}
a.warning:hover{ 
  color:#ffffff;;
  text-decoration:none;
}
a.warning:active{ 
  color:#ffffff;;
  text-decoration:none;
}
	#header {	
		background: url(../images/bg-header.gif) repeat-y;
		width: 960px;
		height: 96px;
		margin: 0px 0px 0px 10px;
		padding: 13px 0px 0px;
	}
	
		#nav-super {
			background: #462e08;
			padding: 10px 0px;			
		}
	
		#logo {
			float: left;
			position: relative;
			top: 14px;
			left: 18px;
			width: 583px;
			margin: 0px 56px 0px 0px;
		}
		
		#logo h1 {
			display: block;
			background: url(../images/logo-dolls.gif) no-repeat;
			width: 583px;
			height: 56px;
			margin: 0px;
			text-indent: -9999px;			
		}
		
		#toolbar {
			background: url(../images/bg-toolbar.gif) repeat-x;
			height: 45px;
			width: 960px;
			margin: 0px 0px 0px 10px;
			border-top: 5px solid #52c0e5;
		}
		
		#nav-main {
			clear: both;
			float: left;
			width: 630px;
		}
		
		#searchbar {
			float: left;
			background: url(../images/bg-searchbar.gif) no-repeat;
			width: 329px;
			height: 40px;

		}
			.inputbox-search {
				color: #fff;
			}
		
			#searchbar input.inputbox-search {	
				background: url(../images/bg-search.gif) no-repeat;		
				position: relative;
				top: 10px;
				left: 90px;
				border: 0px;
				width: 209px;
				height: 26px;
				float: left;
				padding:4px 0 0 10px;
			}
			
			#searchbar input.button-search {
				float: right;
				padding: 10px 10px 0 0;
				text-indent: -9999px;
				position: relative;
				left:-20px;
				width:40px;
			}
		
	
	#content-home {
		clear: both;
		float: left;
		background: url(../images/bg-dots.gif) repeat-y;
		margin: 0px 0px 0px 10px;
		
	}
	
		
	
		.bar-white {
			clear: both;
			background: #fff;
			width: 958px;
			height: 15px;

		}
		
		#left-full-home {
			float: left;
			width: 600px;
			padding: 0px 15px;


		}
		
		#featured {
			background: #fdf9f0;	
			width: 960px;
			padding: 10px 0px;		
		}
		
			#left-top {
				float: left;
				width: 413px;
				padding: 0px 10px;
			}
			
			#middle-top {
				background: url(../images/bg-currentissue.gif) no-repeat;
				float: left;
				width: 183px;
				margin: 0px 10px 0px 0px;
			}
			
			#right-top {
				float: right;
				width: 320px;
				margin: 0px 0px 0px 10px;
				}
			
			
	
		#left {
			float: left;
			width: 160px;
			margin: 0px 0px 10px 1px;
		}
		

		#middle {
			float: left;
			width: 408px;
			margin: 0px 10px 10px 10px;
		}
		
		#left-bottom {	
			clear: both;

		}
		
		#left-bottom2 {
			clear: both;
			position: relative;
			left: -15px;
			background: #ffb260;
			width: 600px;
			padding: 0px 15px 15px;
		}
		
		
	
	#content-internal {
		clear: both;
		background: url(../images/bg-dots.gif) repeat-y;
		float: left;
		width: 960px;
		margin: 0px 0px 0px 10px;
		
	}
	
		.bar-white-internal {
			background: #fff;
			width: 958px;
			margin: 0px 0px 0px 1px;
			padding: 10px 0px;
		}
	
		#left-full {
			float: left;
			width: 600px;
			padding: 0px 15px;		
		}
		
	#content-blog {
		clear: both;
		background: url(../images/bg-dots-blog.gif) repeat-y;
		float: left;
		width: 960px;
		margin: 0px 0px 0px 10px;
	}		
	
		#left-blog {
			float:left;
			padding:0 15px;
			width:600px;
		}
		
			#content-left {
				float: left;
				width: 403px;
				margin: 0px 30px 0px 0px;
			}
			
			#middle-blog {
				float: left;
				width: 160px;
			}
		
	
	#right {
		float: left;
		width: 300px;
		margin: 0px 0px 0px 15px;
		}	
		
		#rightA {
			float: left;
		}
		
		#rightB {
			float: left;
		}
		
	#right .moduletable {
		background: #fff url(../images/hdots.gif) repeat-x left bottom;
		padding: 10px 0px;
	}		
		
	.hdots {
		background: #fff url(../images/hdots.gif) repeat-x left center;
		width: 940px;
		margin: 0px 0px 0px 10px;
		padding: 10px 0px;
		
	}		
		
	#content-bottom {
		clear: both;
		float: left;
		position: relative;
		left: -4px;
		background: url(../images/bg-content-bottom.gif) no-repeat left bottom;
		width: 968px;
		margin: 0px 0px 0px 10px;
		padding: 10px 0px 15px;
		text-align: center;		
	}		
	
	#footer {
		clear: both;
		float: left;
		background: #def2f9 url(../images/logo-footer.gif) no-repeat 10px 10px;
		width: 960px;
		padding: 10px;
	}
	
	#footer-bottom {
		background:#462e08;
		clear:both;
		padding:8px 0px;
		width: 100%;
		height: 20px;
		color: #fff;
		
	}
	
		#footer-container {	
			width: 980px;
			margin: 0px auto;
			}
	
		#legals {
			float: left;
		}
		
		#credits {
			float: right;
		}
		
		
		#credits a {
			display: block;
			background: url(../images/logo-mdd.gif) no-repeat;
			width: 614px;
			text-indent: -9999px;
		}
			

		#credits a span {
		}



.clear {
	clear: both;
}

/* -------------------- TYPOGRAPHY/ETC. -------------------- */

body, div, td, p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 20px;
}

h4 {
	margin: 0px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}

h3, .moduletable h3 {
	color: #106482;
	font: bold 16px "times new roman", times, georgia, serif;
	font-variant: small-caps;
	text-align: left;
}


a:link {
	color: #4695a9;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

a:active, a:hover {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}


img {
	border: 0px;
}

.awards a{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #654315;
	text-decoration: none;
}
	.awards a:hover{
		color: #555;
		font-weight: bold;
		text-decoration: none;
}






/* -------------------- MENUS/MODULES SUFFIXES -------------------- */
div.moduletable {
	margin: 0px 0px 10px;
}

div.moduletable-ad {
	text-align: center;
	margin: 0px 0px 10px 0px;
}

div.moduletable-hide {
	display: none;
}

div.moduletable-swirl {
	background: url(../images/bg-swirl.gif) no-repeat;
	padding: 5px 0px 0px 0px;
}
	div.moduletable-swirl2 {
	background: url(../images/bg-swirl2.gif) no-repeat;
	padding: 5px 0px 0px 0px;
	min-height: 280px;
}

div.moduletable-super {
	margin: 0px auto;
	width: 980px;	
	text-align: right;
}
	div.moduletable-awards {
	background: url(../images/bg-awards.gif) no-repeat;
	padding: 5px 0px 0px 0px;
	margin:25px 0 0;
	min-height:238px;
}

ul.menu-super {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
	
	ul.menu-super li {
		display: inline;
		list-style: none;
		list-style-type: none;
		padding: 0px 5px;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	
	ul.menu-super li a:link, ul.menu-super li a:visited {
		color: #fff;
	}
	
div.moduletable-subscribetop {
	float: left;
	position: relative;
	top: 6px;
	left: 25px;
}	



ul.menu-main {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
	
}

	ul.menu-main li {
		display: inline;
		list-style: none;
		list-style-type: none;
		margin: 0px 10px;
		font: normal 16px "times new roman", times, georgia, serif;		
		font-variant: small-caps;
		line-height: 45px;
	}

		ul.menu-main li.active, ul.menu-main li#current {
		display: inline;
		background: url(../images/bg-menu-main-active.gif) no-repeat center top;
		height: 45px;
		list-style: none;
		list-style-type: none;
		font-variant: small-caps;
		color: #106482;
	}	
	
		ul.menu-main li.active a, ul.menu-main li#current a {
			color: #106482;
		}
	

	
ul.menu-main ul {
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0 0 1em 0;
}

	
ul.menu-main a {
	display: block;
	color: #462e07;
	text-decoration: none;
}
	ul.menu-main a:link {
	display: block;
	color: #462e07;
	text-decoration: none;
}
	ul.menu-main a:visited {
	display: block;
	color: #462e07;
	text-decoration: none;
}
	ul.menu-main a:hover {
	display: block;
	color: #106482;
	text-decoration: none;
}
	ul.menu-main a:active {
	display: block;
	color: #106482;
	text-decoration: none;
}
ul.menu-main a.daddy {
}

ul.menu-main li {
	float: left;
	padding: 0;
	height: 45px;

}

ul.menu-main li ul {
	background: #fff;
	border: 1px solid #ffca97;
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
	z-index: 1;
	width: 175px;
}

ul.menu-main li ul li {
	background: none;
	padding: 3px 2px;
	border-bottom: 1px solid #ccc;
	height: auto;
	line-height: 25px;
	width: 160px;
}

	ul.menu-main li ul li#current {
	background: none;
	}

	ul.menu-main li ul li ul li {
		height: auto;
		padding: 3px 2px;
		border-right: none;
		border-bottom: 1px solid #ccc;	
		line-height: 25px;
		text-align: center;
	}

	ul.menu-main li.active ul li {
		display: inline;
		background: none;
		list-style: none;
		list-style-type: none;
		font-variant: small-caps;
	}

ul.menu-main li ul li.item2 a{
	background: none;
	text-indent: 0px;
}

ul.menu-main li ul a {
	
}

ul.menu-main li ul ul {
	margin: -25px 0px 0px 160px;
}



ul.menu-main li:hover ul ul, ul.menu-main li:hover ul ul ul, ul.menu-main li.sfhover ul ul, ul.menu-main li.sfhover ul ul ul {
	left: -999em;
}

ul.menu-main li:hover ul, ul.menu-main li li:hover ul, ul.menu-main li li li:hover ul, ul.menu-main li.sfhover ul, ul.menu-main li li.sfhover ul, ul.menu-main li li li.sfhover ul {
	left: auto;
}

ul.menu-main li:hover, ul.menu-main li.sfhover {
	background: url(../images/bg-menu-active.gif) no-repeat;
}		

div.moduletable-subscribecircle{
	margin-left:875px;
	margin-top:-95px;
}

div.moduletable-currentissue {
	background: #bfc8ca;
	width: 201px;
	padding: 0px 0px 10px 10px;
}

	div.moduletable-currentissue h4 {
		margin: 0px;
		padding: 10px 0px 0px;
		font-variant: small-caps;
	}
	
	div.moduletable-currentissue p {
		font-size: 10px;
	}

div.moduletable-adleft {	
	clear: both;
	background: #eee;
	margin: 0px 0px 10px;
	padding: 10px 0px 15px;
	text-align: center;
}	
	
div.moduletable-getlisted {
}	

div.moduletable-ourpublisher {
	margin: 10px 0px 0px;
}
	
	
div.moduletable-featuredartists {
	background: #bfc8ca;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px;
}

	div.moduletable-featuredartists h4 {
		padding: 8px 0px 0px 15px;
		font-variant: small-caps;
		
	}	
	
	div.moduletable-featuredartists p {
		padding: 0px 10px;
	}
		
div.moduletable-adright {	
	clear: both;
	background: #eee;
	position: relative;
	left: -10px;
	width: 339px;
	margin: 0px 0px 10px;
	padding: 10px 0px 15px;
	text-align: center;
}		
div.moduletable-populararticles {
	background: #bfc8ca;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px;
}

div.moduletable-populararticles h3 {
	background: url(../images/bg-featured-artist.gif) no-repeat;
	padding:8px 0 0 15px;
	text-transform:uppercase;
}

	div.moduletable-populararticles h3 span {
		border-top: 0px;
		
	}
	
ul.mostread-populararticles {
	list-style: none;
	list-style-type: none;
	margin: 0px 10px;
	padding: 0px;

	}	

	ul.mostread-populararticles li {
	list-style: none;
	list-style-type: none;
	padding: 5px 0px;
	border-bottom: 1px solid #95aaaf;
	
	}	

div.moduletable-featuredvendors {	
	clear: both;
	background: #e2dcc4 url(../images/bg-featured-vendors.gif) no-repeat;
	padding: 0px 0px 10px;
}

	div.moduletable-featuredvendors h3 {	 
		background: none;
		padding: 5px 0 10px 10px;
	}
	
		div.moduletable-featuredvendors h3 span {
			border-top: 0px;
		}


	div.col1 {
		float: left;
		width: 200px;
		margin: 0px 10px;
	}
	
	div.col2 {
		float: left;
	}
	
	
ul.menu-vertical {
	list-style: none;
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
}	

	ul.menu-vertical li {
		border-bottom: 1px solid #a46d2d;
		padding: 2px 0px;
	}
	
	ul.menu-vertical li:before {
		content: "\0020 \0020 \0020 \00BB \0020";
		color: #a46d2d;
		font-weight: bold;

	}
	
	ul.menu-vertical li a {
		color: #a46d2d;
	}


ul.menu-footer {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

	ul.menu-footer li {
	}
	
	ul.menu-footer li a:link, ul.menu-footer li a:visited {
		color: #634215;
	}
	
	ul.menu-footer li a:hover, ul.menu-footer li a:active {
		color: #000;
	}
div.moduletable-footersubscribe {
	float: left;
	background: url(../images/bg-subscribe-footer.gif) no-repeat;
	width: 300px;
	height: 180px;
	margin: 0px 45px 0px 0px;
}

	div.moduletable-footersubscribe p {
		position: relative;
		top: 50px;
		padding: 0px 10px 0px 15px;
	}
	
	div.moduletable-footersubscribe p a:link, div.moduletable-footersubscribe p a:visited {
		color: #fff;
	}

div.moduletable-footer {
	float: left;
	width: 150px;
	margin: 50px 0px 10px;
}

ul.latestnews {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

	ul.latestnews li {
		padding: 0px 0px 5px;
		border-bottom: 1px solid #bfc8ca;
	}
	
div.moduletable-leftbottom	{
	float: left;
	width: 200px;
	min-height: 140px;
}

		div.moduletable-leftbottomb{
			float: left;
			width: 200px;
		}



	ul.latestnews-leftbottom {
		
		list-style: none;
		list-style-type: none;
		height: 215px;
		margin: 0px 10px 0px 0px;
		padding: 0px;
	}
	
	ul.latestnews-leftbottom li {
		list-style: none;
		list-style-type: none;
		padding: 5px 0px;
		background: url(../images/hdots-orange.gif) repeat-x left bottom;
	}
	
	ul.latestnews-leftbottom li a:link, ul.latestnews-leftbottom li a:visited {
		color: #654315;
		text-decoration: none;
		}
	


ul.mostread {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.moduletable-enewsletter {
	background: #fff url(../images/bg-enewsletter.gif) no-repeat;
	height: 115px;
	width: 300px;
	margin: 0px 0px 10px 0px;
	position:relative;
	top:-15px;
}
	.enewsletter-submit{
	border:none;
	margin: 15px 0pt 0pt; 
	background: transparent url(../images/button-newsletter-go.gif) no-repeat scroll 0% 0%; 
	float: left; 
	text-indent: -9999px; 
	cursor: pointer; 
	width: 28px; 
	height: 28px;
}

/* -------------------- SYSTEM-GENERATED DIVS -------------------- */

div.componentheading {
	color: #a46d2d;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	
}

table.contentpaneopen {
	
	
}

a.contentpagetitle {
	color: #654315;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
}

table.contentpaneopen td {

}

	table.contentpaneopen td p {

	}

table.contentpaneopen fieldset {
	border: 0px;
}

span.highlight {
	background: #cff2f4;
}

table.contentpaneopen img {

}

table.blog {
	
}

td.contentheading {	
	color: #25778d;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	
}

span.small {
	font-style: italic;
	color: #666;
}

hr#system-readmore {

	display: block;
	float: right;
	background: url(../images/button-read-more.gif) no-repeat;
	width: 117px;
	height: 31px;
	text-indent: -9999px;
}

a.readon {
	display: block;
	float: right;
	background: url(../images/button-read-more.gif) no-repeat;
	width: 117px;
	height: 31px;
	text-indent: -9999px;
}

a.read-more {
	display: block;
	float: right;
	background: url(../images/button-read-more.gif) no-repeat;
	width: 103px;
	height: 26px;
	margin: 0px 0px 10px;
	text-indent: -9999px;
}


a.getlisted {
	display: block;
	float: right;
	background: url(../images/button-get-listed.gif) no-repeat;
	width: 103px;
	height: 26px;
	margin: 0px 0px 10px;
	text-indent: -9999px;
}

div.pagenavcounter {
	display: none;
}

div.pagenavbar {
	float: right;
}

span.pagenav {
	border: 1px solid #ccc;
	padding: 5px;
}

a.pagenav:link, a.pagenav:visited {
	border: 1px solid #ccc;
	padding: 5px;
}

span.breadcrumbs {
	display: block;
	background: url(../images/bg-breadcrumb.gif) no-repeat;
	width: 829px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 110px;
}

.article_separator {
	background: url(../images/article-seperater.gif) repeat-x;
	display:block;
}


/* ------- DIVS FOR CONTENT ------ */
/* -- DIRECTORY -- */
div#description-section {
	background: #ffb260;
	padding: 15px;
}


/* -- Comment Box -- */

#jc_commentFormDiv {
	border-bottom: 0px;
	padding: 0px;
}

#postComment input, #postComment textarea {
	padding:2px;
	border:1px solid #D0C597;
}

#postComment{
	color:inherit;
	background:#A7E8FF;
	border:1px solid #51c0e8;
	padding:15px;
}

#write_comment_title {
	color: #106482;
	font: bold 15px "times new roman", times, georgia, serif;
	font-variant: small-caps;
}

#postComment .button {
	background: url(../images/submit-comment.gif) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	margin:0 0 0 260px;
	width: 181px;
	height: 34px;
}

#postComment label {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: none;
}



/* Tabbed Module */

.jwts_tabberlive .jwts_tabbertab {
	background: #FFB262;
	margin:0px;
	padding:6px;
	border:none;
	border-top:none;
	
}
	
ul.jwts_tabbernav li.jwts_tabberactive a {
	background:#FFB262;
	border-bottom: none;
}

ul.jwts_tabbernav li.jwts_tabberactive a:hover {
	background:#FFB262;
	border-bottom: none;
	text-decoration:none;
}

.jwts_modtitle {
	display: none;
	}

ul.jwts_tabbernav {
	margin:0px;
	padding:3px 4px;
	list-style:none;
	list-style-image:none;
	background:none;
	border-bottom:none;
	line-height:normal;
	height:auto;
}

ul.jwts_tabbernav li a:link, ul.jwts_tabbernav li a:visited {
	font-size:12px;
	font-weight:bold;
	margin:0px 1px;
	padding: 9px 15px 3px;
	color:#333;
	border:none;
	border-bottom:none;
	background:#F19A3D;
}

ul.jwts_tabbernav li.jwts_tabberactive, ul.jwts_tabbernav li.jwts_tabberactive a:link {
	font-size:12px;
	font-weight:bold;
	margin:0px 1px;
	padding: 9px 15px 3px;
	color:#333;
	border:none;
	border-bottom:none;
	background:#ffb262;
}

div.moduletable #jc_commentsDiv, div.moduletable #pc_1, div.moduletable #postCommentDiv, div.moduletable #written_comments_title, div.moduletable #postComment input, div.moduletable #postComment textarea, div.moduletable #postComment, div.moduletable #write_comment_title, div.moduletable #postComment .button, div.moduletable #postComment label {
	display: none;
}


#right #jc_commentsDiv, #right #postCommentDiv, #right #written_comments_title, #right #postComment input, #right #postComment textarea, #right #postComment, #right #write_comment_title, #right #postComment .button, #right #postComment label {
	display: none;
}


/* -- HIGHSLIDE --*/
.highslide {
	width: 165px;
	height: 115px;
}
#highslide-gallery {
	float: left;
}

#highslide-gallery img {
	border: 0px;
}

.highslide img {
	background: url(../images/bg-gallery-hs-thumb.gif) no-repeat left top;
	margin: 0px 10px 10px 0px;
	padding: 5px 10px 40px 7px;
	border: 0px;
}

a.category {
  	font-size:16px;
	font-weight:bold;
}
li.category {
	
	text-decoration:none;
list-style:none;
}
