/*
	Theme Name:	Beauty
	Theme URI:	http://www.clairesbeauty.com/
	Description:	Site theme for Claire's Beauty
	Version:	2010 v1
	Author:		Claire and Jacob Luna Lundberg
	Author URI:	http://www.estelledesign.com/
*/

body {
	background:	#fff;
	color:		#000;
	font-family:	serif;
	margin:		5px;
}

a {
	border:		0;
	margin:		0;
	text-decoration: none;
}

a:link {
	color:		#851c2b;
	text-decoration: none;
}

a:visited {
	color:		#228;
	text-decoration: none;
}

a:active {
	color:		#d44;
}

a:hover {
	/* Spring change: all #ddd to #cf9 */
	background:	#cf9;
	color:		#828 !important;
	outline:	1px dotted #999;
}

img {
	border:		0;
	margin:		0;
}

blockquote {
	font-size:	200%;
	left:		2ex;
	line-height:	50%;
	margin:		0;
	padding:	0 4ex 0 0;
	position:	relative;
	quotes:		"『 " " 』" "「 " " 」";
	text-indent:	-2.5ex;
}
blockquote:before {
	content:	open-quote;
}
blockquote:after {
	content:	close-quote;
}

blockquote p {
	display:	inline;
	font-size:	50%;
	font-style:	italic;
	margin:		0;
	padding:	0;
}

div.super {
	min-width:	630px;
}

div.side {
	background:	#cf9;
	color:		#000;
	min-height:	300px;
	padding:	1em 0;
	position:	relative;
	width:		20%;
	z-index:	1;
}

div.side > div {
	/* Spring change: all #eee to #ffc */
	background:	#ffc;
	clear:		left;
	font-weight:	bold;
	margin:		1ex;
	padding:	1ex;
	position:	relative;
	z-index:	2;
}

div.side > div > div {
	position:	relative;
	z-index:	3;
}

div.side a {
	margin-left:	1ex;
}

div.side a:link {
	color:		#59131d;
}

div.side ul {
	list-style:	none;
	margin:		0;
	padding:	0;
}

div.side li {
}

div.logo {
	margin-bottom:	2ex;
	text-align:	center;
}

div.logo a {
	background:	none !important;
	outline:	none !important;
}

ul.blogroll {
	list-style:	none !important;
	margin-left:	1ex !important;
	overflow:	hidden;
	padding:	0.5em 0 0 0 !important;
}
ul.blogroll a {
	font-size:	80% !important;
	margin-left:	0;
	white-space:	nowrap;
}
ul.blogroll img {
	display:	none !important;
}

div.middle {
	max-width:	60%;
	width:		60%;
}

div.content {
	background:	#ffd;
	border:		4px dashed #cf9;
	margin:		0 3ex 3ex 3ex;
	padding:	1ex;
}

div.content img {
	background:	#fff;
	border:		2px solid #f6f6d4;
	margin:		0 1ex 0 0;
	padding:	4px 2px 4px 2px;
}

span.title {
	font-size:	120%;
}

span.subtitle {
	font-size:	90%;
	font-style:	italic;
	margin-left:	1em;
}

div.catnav {
	font-size:	120%;
	margin:		1em;
	text-align:	center;
}

div.footer {
	min-height:	25px;
	margin-bottom:	2em;
	padding:	0 2em 1ex 2em;
}

div.footer a {
	background:	none !important;
	outline:	none !important;
}

div.footer img {
	vertical-align:	middle;
}

div.footer > a, div.footer > span {
	display:	block;
	float:		left;
	margin:		0 1em;
}

img.affiliate {
	border:		none !important;
	background:	none !important;
	margin:		0 !important;
	padding:	0 !important;
}

iframe[name=googleSearchFrame] {
	width:		100%;
}