/* Fine Fools Site Template -- Design and Code (c) 2005-2006 9rules, Inc. */

/* Body and box-like elements */
html, body { padding: 0; margin: 0; }
body {
    font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
    color: #333;
	background: transparent url(images/bg.gif); }
	
#leftcontent { /* Left side, regular positioning */
	padding: 0;
	margin: 0;
	width: 540px;
	border: 10px solid #fff;
	background: #e39100 url(images/leftcontent_bg.jpg) top left no-repeat; }
	
	#leftcontent #headingbox { /* Red block with transparency effect */
		padding: 10px 0;
		margin: 0;
		background: transparent url(images/redblock.png) top left repeat-y;
		_background-image: url(images/redblock.gif); }
		
	#leftcontent #maincontent { /* White background main text area */
		margin: 10px;
		padding: 10px;
		background: #fff; }
	
#rightcontent { /* FF logo and abs positioned sidebar */
	position: absolute;
	top: 25px;
	left: 550px; /* So it covers up the right border on #leftcontent, nasty! */
	width: 315px; }
	
	#rightcontent #ffstairs {
		width: 315px;
		height: 106px;
		background: transparent url(images/ffstairs.gif) top left no-repeat; }
		
	#rightcontent #sidebar {
		width: 265px;
		padding: 10px 20px 0 20px;
		border-right: 10px solid #fff;
		border-bottom: 10px solid #fff;
		background: transparent url(images/sidebarbg.gif) top left repeat-y; }
		
	#rightcontent #sidebar .celebrity-gossip{
	color: White;
	font-weight: normal;
	font-size: 9px;
}
	
	#rightcontent #sidebar .celebrity-gossip a{
	color: #FF4FB0;
	font-weight: normal;
}		
		#rightcontent #bottomspacer {
			height: 10px;
			margin: 0 -10px 0 -20px;
			font-size: 2px;
			text-indent: -9000px;
			background: transparent url(images/sidebarbottom.gif) bottom left no-repeat; }
	
	
    
    
    
    
    
/* Headings: H1-H6 */
#logo { /* Top logo box */
	width: 420px;
	height: 52px;
	margin: 0 0 0 10px;
	font-size: 8px;
	text-indent: -9000px;
	padding: 0;
	background: transparent url(images/h1.gif) top left no-repeat; }
    
#logo a {
		display: block;
		width: 420px;
		height: 52px;
		margin: 0;
		padding: 0;
		text-decoration: none;
		border: 0; }
	
h2 { }

#footer{
	margin: 10px;

	border: 1px dashed #D5047B;
	background-color: White;
}
#footer a{
	color: White;
}


	#headingbox #desc-box { /* Description box */
		display:block;
		width: 500px;
		margin: 0 0 0 10px;
		padding: 10px;
		font: normal 12px/1.3em "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
		color: #000;
		background: #fff url(images/h2.gif) bottom left no-repeat; }
		
	#rightcontent #ffstairs h2 { /* Fine Fools logo badge */
		width: 114px;
		height: 106px;
		padding: 0;
		margin: 0;
		font-size: 8px;
		background: transparent url(images/ffbadge.gif) top left no-repeat;
		text-indent: -9000px; }
		
		#rightcontent #ffstairs h2 a {
			display: block;
			width: 114px;
			height: 106px;
			text-decoration: none;
			border: 0; }

	#leftcontent h2,#leftcontent h1 { color: #666; font-size:16px;}
	
#leftcontent .post h1,h3 {
	font: bold 24px "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	color: #ae1000;
	padding: 0 0 3px 0;
	margin: 0px; }
#leftcontent .post h1 {	font: bold 24px "Trebuchet MS", "Tahoma", "Verdana", sans-serif; margin-top: -20px;  color: #696969; }
	h3 a {
		color: #ae1000;
		text-decoration: none;
		
 	}

	h3 a:hover {
		color: #7a0b00;
		text-decoration: underline;
		background: #ffe8e6; }

	h3#comments {
		padding-bottom: 3px;
		border-bottom: 1px dotted #aaa;
		margin-bottom: 15px;
		font: bold 16px "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
		color: #555; }

h4 { }

	#leftcontent h4 {
		color: #ab6600;
		font: normal 11px "Verdana", sans-serif;
		padding: 0 0 5px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px dotted #ab6600; }

		#leftcontent h4 a {
			color: #ab6600;
			text-decoration: none;
			font-weight: bold; }

		#leftcontent h4 a:hover {
			color: #653c00;
			text-decoration: underline;
			background: #fff1dd; }

	#rightcontent #sidebar h4.box {
		color: #fff;
		text-shadow: #222 2px 2px 0;
		font: bold 14px "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
		background: transparent url(images/sidebar_h4.gif) top left no-repeat;
		border: 0 !important;
		padding: 6px 6px 4px 6px;
		margin: 0; }

h5 { }

	#leftcontent #rssbox {
	position:absolute;
	top:00px;;left:738px;
	height:20px;
	width:100px;
		color:#fff;
		background: transparent url(images/rssbg.gif) center left no-repeat;
		font: normal 12px/28px "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
		padding: 0 0 0 25px;
		margin: -10px -10px 5px -10px; text-align:right;}

		#leftcontent #rssbox a {
			color: #af4e00;
			font-weight: bold;
			text-decoration: underline; }
		
h6 { }
		




/* Paragraph and link styles */
p {
	padding: 0;
	margin: 0 0 2em 0;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	color: #333; }

	p a {
		color: #c00;
		text-decoration: underline; }
	
	p a:hover {
		background: #ffecea;
		text-decoration: underline;
		color: #ad0051; }
	
	
	
	
	
/* Lists and navigation */
#rightcontent #sidebar ul {
	padding: 8px 0 5px 0;
	margin: 0 0 10px 0;
	list-style: none;
	background: #333 url(images/sidebarlist.gif) bottom left no-repeat; }
	
	#rightcontent #sidebar ul li {
		color: #f3f3f3;
		padding: 0 0 0 12px;
		background: transparent url(images/sidebarlist_li.gif) center left no-repeat;
		margin: 0 0 8px 15px;
		font: normal 12px "Trebuchet MS", "Tahoma", "Verdana", sans-serif; }
		
		#rightcontent #sidebar ul li ul {
			padding: 8px 0 5px 0;
			margin: 0;
			list-style: none;
			background: #333 url(images/sidebarlist.gif) bottom left no-repeat; }
			
			#rightcontent #sidebar ul li ul li {
				color: #f3f3f3;
				padding: 0 0 0 12px;
				background: transparent url(images/sidebarlist_li.gif) center left no-repeat;
				margin: 0 0 8px 15px;
				font: normal 12px "Trebuchet MS", "Tahoma", "Verdana", sans-serif; }
				
				#rightcontent #sidebar ul li a {
					border-bottom: 1px solid #646464;
					color: #f3f3f3;
					text-decoration: none; }

		
		#rightcontent #sidebar ul li a {
			border-bottom: 1px solid #646464;
			color: #f3f3f3;
			text-decoration: none; }

ol.commentlist li a, #leftcontent ol li a, #leftcontent ul li a {
	color: #c00;
	text-decoration: none; }

ol.commentlist li { padding: 5px 5px 1px 5px; }

ol.commentlist li.alt {
	background: #f5f5f5;
	padding: 5px 5px 1px 5px; }

ol.commentlist li cite a {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #7a0b00;
	text-decoration: none; }

	ol.commentlist cite {
		font-weight: bold;
		font-size: 14px;
		color: #444;
		font-style: normal; }

	ol.commentlist li a:hover {
		color: #7a0b00;
		text-decoration: underline;
		background: #fff5f4; }


#rightcontent p	{
color: #ccc;
}


/* Other styles */
blockquote { }

.postmetadata { padding-bottom: 0; }
    
    .screenshot, .screenshotblank {
text-align: center;
margin: 5px 0;
}

.screenshot img {
padding: 2px;
border: 1px solid #ccc;
}

.leftimage {
float: left;
padding: 2px;
border: 1px solid #ccc;
margin: 0 10px 10px 0;
}

.rightimage {
float: right;
padding: 2px;
border: 1px solid #ccc;
margin: 0 0 10px 10px;
}

form#searchform { margin-bottom: -6px; padding-bottom: 0; }

.ads {
padding: 0 0 10px;
margin: 10px 0px;
color: #fff;
}

.hosting {
margin: 3px 0;
}

.navigation {
	background: #f5f5f5;
	border: 1px solid #ddd;
	padding: 5px 5px 4px 5px;
	color: #555; }

.navigation a {
	font-weight: bold;
	text-decoration: none;
	color: #c00; }

.navigation a:hover {
	background: #fff0ef;
	text-decoration: underline;
	color: #870b00; }
    
.pborder{
	border: 1px dashed #D5047B;
}  
    
    
    /* Added 1-21-07 for shop.dic style */
.brands-list {list-style:none;overflow:auto;display:block;height:100%;text-align:center;margin-top:30px;}
.brands-list li {float:left;text-align:center;width:130px;height:175px;margin-right:42px;}
.brands-list li img {}