/*
Theme Name: Beauty
Theme URI: http://www.allprices.co.uk/beauty
Description: I think summer is the greatest season. You could find all the shades of colors then. It got inspired me to transpose this feeling to the real world, so here is my "Beauty". Featured posts based on "SmoothGallery" (no plugins needed), threaded comments, localization ready, options page, works fine under WordPress 2.8. Released under GPL. Valid CSS & HTML code.
Version: 1.0.1
Author: allprices
Author URI: http://www.allprices.co.uk
Tags: light, yellow, pink, white, two-columns, fixed-width, theme-options, right-sidebar, threaded-comments


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#dafffc;background:#474747;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fedfff;}
h1 {display:none; font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#fedfff;}
a {color:#60d1c8;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:1.5em 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#60d1c8;}
.highlight {background:#ff0;}
.added {background:#060;color:#dafffc;}
.removed {background:#900;color:#dafffc;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:940px;margin:0 auto;background:url(body-color.png) repeat-y;}
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 20px;}

div.last {margin-right:0;}
.span-1  { width: 20px;}
.span-2  { width: 60px;}
.span-3  { width: 100px;}
.span-4  { width: 140px;}
.span-5  { width: 180px;}
.span-6  { width: 220px;}
.span-7  { width: 260px;}
.span-8  { width: 300px;}
.span-9  { width: 340px;}
.span-10 { width: 380px;}
.span-11 { width: 420px;}
.span-12 { width: 460px;}
.span-13 { width: 500px;}
.span-14 { width: 540px;}
.span-15 { width: 580px;}
.span-16 { width: 620px;}
.span-17 { width: 660px;}
.span-18 { width: 700px;}
.span-19 { width: 740px;}
.span-20 { width: 780px;}
.span-21 { width: 820px;}
.span-22 { width: 860px;}
.span-23 { width: 900px;}
.span-24, div.span-24 { width: 940px; margin: 0; }

.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}

div.border{padding-right:9px;margin-right:10px;border-right:1px solid #eee;}
div.colborder { padding-right:11px;margin-right:10px;border-right:1px solid #eee;}
.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}
.pull-24 { margin-left: -960px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}

.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px;}
.push-24 { margin: 0 -960px 1.5em 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#000000;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#dafffc;color:#dafffc;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* ================== custom ================== */
body {margin: 0; padding: 0;}
code {white-space: normal;}
pre {overflow: auto;}
p img {float:none;margin:0 12px 0 0;padding:0;}
.fl {float: left;}
.fr {float: right;}
.block {display: block;}
small {font-size: 12px;}
table {margin-bottom: 0;}
/* table {border-collapse:collapse;} */

/* 100% height */
html, body {
	height: 100%;
}
.main {
	min-height: 100%;
}
* html .main {
	height: 100%;
}

/* code*/
th {font-weight:bold;background:#fedfff;}
tr.even td {background:#d4e9f7;}
h2 {font-weight: bold;}
h3 {font-size: 18px; font-weight: bold; margin-bottom: 0.75em;}
.hr {background: url(images/hr.gif) repeat-x 0 0; height: 2px; display: block;}
a {color: #fedfff;}
a:hover {color: #fedfff; text-decoration: underline;}

div.span-16 {
	width: 640px;
	margin-right: 0;
}

/* default wordpress */
.wp-smiley {
	float: none;
	margin: 0;
}
.alignnone {
	display: inline;
}
.alignleft {
	float: left;
	margin-right: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	/* border: 1px solid #ddd; */
	text-align: center;
	background-color: #000000;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 4px 0 0 0;
	display: block;
}
	.wp-caption a {
		line-height: 0.11em;
	}
	.wp-caption a:hover {
		background: none;
	}
	.wp-caption img {
		margin: 0 auto;
		display: block;
		padding: 0;
	}
	.wp-caption-text {
		padding: 3px 0 !important;
		margin: 0 !important;
	}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* code*/
/* ie5, ie6 sidebar fix */
.span-7  { width: 237px;}

.main {
	background: #1c0422 url(images/bg-pattern.png) repeat 0 0; 
	padding: 28px;
}
.container {
        /* border: 4px solid #ffcb3b; */
}

.paddings {
	padding: 18px 18px 18px;
}

.header {
	background: #000 url(images/banner.png) repeat 0 0;
        height: 115px;
}
	.logo {
		font-size: 46px;
		margin-bottom: 0.125em;
		/* background-color: #FFCB3B; 
		padding: 0 0.15em;*/
		padding: 0;
		display: inline;
		line-height: 1;
	}
		.logo a {
			color: white;
                        display: none;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
		}
	.tagline {
		font-size: 18px;
		color: white;
                display: none;
		margin-top: 0.85em;
	}
	
	.icons a {
		padding-right: 1.25em;
	}
	.icons a.last {
		padding-right: 0;
	}
.menu 	{
	height: 34px;
	background: transparent url(images/menu-pattern.gif) repeat-x 0 0;
	font-size: 16px;
        position:relative; 
        z-index:100;
     	font-family:arial, sans-serif;
        }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:125px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {
	background: transparent url(images/menu-pattern.gif) repeat-x 0 0;
	background-color: #000000;
	border-right: 1px solid #931070;
	margin-left: 0px;
        display:block;
        text-decoration:none; 
        padding-left:10px; 
        padding-right: 10px;
        line-height:34px; 
        font-weight:bold;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{	
	background: transparent url(images/menu-pattern-active.gif) repeat-x 0 0;
	background-color: #000000;
	margin-left: 0px;
        display:block;
        text-decoration:none; 
        line-height:34px; 
        font-weight:bold;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#101010; border-right:none;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#3e002d; border-right:none;}
.menu ul ul :hover > a.drop {background:#3e002d;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#101010;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#000;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0; width:149px;border-top:none;}
/* another hack for IE5.5 */
* html .menu ul ul {top:33px;t\op:34px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#101010; border-right:none; color:#ffe5ff; height:auto; line-height:1.2em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
.menu ul ul a:hover {background:#3e002d; color:#fff; border-right:none; height:auto; line-height:1.2em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.body {
	background: #000000 url(images/sidebar-pattern3.png) repeat-y 640px 0;
        min-height: 400px;
}
.body, .footer {
	background: transparent url(images/body-color.png) repeat-y;
}
.footer {
	background: #000000 url(images/line.png) no-repeat 0 0; /* #ffe8aa */
}
	.footer div a {
		text-decoration: none;
		color: #dafffc;
	}
		ul.items {
			list-style-type: none;
			margin: 0;
			font-size: 14px;
		}
			.items li {
				margin-bottom: 1.25em;
				line-height: 1.75em;
			}
		.items p {
			margin-bottom: 1em;
		}
		.items h2 {
			font-size: 26px;
			display: inline;
		}
			.items h2 a {
				border-bottom: 1px solid;
				text-decoration: none;
				color: #dafffc;
			}
		.items h3 {
			font-size: 16px;
			margin-bottom: 0.6em;
		}
		blockquote {
			border: 2px solid #931070;
			background-color: #dafffc;
			margin: 1.5em 0;
			padding: 0.75em 0.75em 0.25em;
		}
			blockquote p {
				font-style: normal;
				color: #222222;
			}
		.items ul, .items ol {
			margin-bottom: 1.25em;
		}
		.items ul {
			list-style-type: none;
			margin-left: 0;
		}
		.items ul li {
			padding-left: 21px;
			background: transparent url(images/bullet-big.gif) no-repeat scroll 2px 8px;
		}
		.items ul li, .items ol li {
			margin-bottom: 0.25em;
		}

			.items a:hover {
				color: #931070;
			}
			.info {
				margin-bottom: 0.75em;
				color: #223158;
				margin-top: 0.25em;
			}
				.info span {
					margin-right: 1.5em;
					font-size: 12px;
					padding-left: 20px;
					margin-bottom: 0.5em;
				}
				.info .date {
					background: transparent url(images/ico/time.gif) no-repeat 0 -1px;
				}
				.info .author {
					background: transparent url(images/ico/user.gif) no-repeat 0 -1px;
				}
				.info .comment {
					background: transparent url(images/ico/comment.gif) no-repeat 0 3px;
				}
				.info .cat {
					background: transparent url(images/ico/cat.gif) no-repeat 0 7px;
				}
				.info .tag {
					background: transparent url(images/ico/tag.gif) no-repeat 0 5px;
				}
				.info .edit {
					background: transparent url(images/ico/edit.gif) no-repeat 0 5px;
				}
	.sidebar {
		background: transparent url(images/sidebar-pattern3.png) repeat-y 640px 0;                
                }
		.sidebar .paddings div {
			margin-bottom: 1.5em;
		}
		.sidebar h3 {
			font-size: 18px;
		}
		.sidebar ul, .sidebar ol {
			margin: 0;
			list-style-type: none;
		}
			.sidebar ul li {
				padding-left: 18px;
				background: transparent url(images/bullet.gif) no-repeat 1px 6px;
			}
			.sidebar ul li, .sidebar ol li {
				margin-bottom: 0.5em;
			}
			
/* Comments template */

div.com {
	margin-bottom: 30px;
}
.com ul li, .com ol li {
	background: none;
}
.com .children {
	margin: 0 0 0 1.5em;
}
.com .list-4 {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.com .list-4 li .admin {
		border: 2px dashed #223158;
	}
	.com .list-4 li {
		/*
		border: 1px solid #E7E9E4;
		padding: 15px 15px 0 15px;
		margin: 0 0 15px 0;
		*/
		
		border: none;
		padding: 0;
		margin: 0;
	}
		* html .com .list-4 li {
			padding:0 40px 0 20px !important;
		}
		*:first-child+html .list-4 li {
			padding:0 40px 0 20px !important;
		}
		* html .list-4 img {
			margin:20px auto auto 0;
		}
		*:first-child+html .list-4 img {
			margin:20px auto auto 0;
		}
		* html .list-4 p img {
			margin:0 auto auto 0;
		}
		*:first-child+html .list-4 p img {
			margin:0px auto auto 0;
		}
	.com-wrapper {
		border: 1px solid #f5d2f6;
		padding: 15px 15px 0;
		margin: 0 0 15px;
	}
	.com-header {
		padding-bottom: 15px;
		margin: 0;
	}
		.com-header img {
			display: block;
			float: left;
		}
		.com-header .tp {
			display: block;
			margin: 0 0 0 63px;
			padding: 0;
			text-align: left;
		}
			.tp span, .tp span a {
				font-weight: bold;
				display: block;
				line-height: 150%;
			}


/* widgets */

/* calendar */
#wp-calendar {
	border: 2px solid #700052;
}

.widget_calendar caption {
	background: none;
	margin-bottom: 6px;
}
.widget_calendar th, td {
	padding: 1px 0 1px 12px;
	margin: 0;
}
.widget_calendar thead th {
	background-color: #700052;
	color: white;
	font-weight: normal;
}
.widget_calendar tbody td a {
	background-color: #700052; 
	padding: 2px 1px;
	color: white;
}
	.widget_calendar tbody td a:hover {
		background-color: #F2384C;
	}
.widget_calendar tfoot td {
	padding-bottom: 1em;
}
.widget_tag_cloud {
	line-height: 2.5em;
}

.widget_pages ul ul {
	margin-top: 4px;
}

.widget_search {

}
	.widget_search #srch-frm {
		background: none;
	}
	.widget_search .textfield {
		width: 184px;
		margin-right: 0.75em;
	}