/*
THEME NAME: SandboxSunshine
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: An e-commerce theme for sunshinecreations.com.au, based on Sandbox
VERSION: 0.1
AUTHOR: <a href="http://cmspress.org/">Will Farrell</a> (Sunshine modification), Sandbox 0.9.7 by <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

@import url("reset.css");
body{
	text-align:center;
	font-family:sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
}

/* ============ Layout ============ */
#wrap{
	position:relative;
	width:976px;
	margin:0 auto;
	text-align:left;
}

#head{
	position:relative;
	background:url(img/header-home.png) no-repeat;
	width:668px;
	height:129px;
	margin-left:16px;
	z-index:100; /* Try "1"! For tab menu: so that bottom of current menu item overlaps #main's top border. */
}

#main{
	width:743px;
	padding:10px 5px;
	min-height:700px;
	font-size:14px;
	border-top:#656565 solid 1px;
	position:absolute;
	left:223px;
}

/* ============ blog ============ */
.page-home #blog{ /* narrow box if on home page */
	position:absolute;
	top:27px;
	left:5px;
	width:95px;
	font-size:10.5px;
}
#blog a{
	color:#000;
	text-decoration:none;
}
#blog p,#blog h6{
	padding:1px;
}
#blog .post{
	background:url(img/hr.png) 50% 100% no-repeat;
	padding:0 2px 50px;
	position:relative;
	font-size:12px;
}
.page-home #blog .post p{
	font-size:9.4px;
}
#blog .even{
	background:url(img/hr-flip.png) 50% 100% no-repeat;
}
#blog p .more{
	color:#94174a;
	font-style:italic;
	text-decoration:none;
	position:absolute;
	right:2px;
}
#blog p.archive{
	margin-top:3px;
	text-align:center;
	background:none;
}
#blog p.archive a{
	color:#94174a;
	font-style:italic;
	text-decoration:none;
}
#blog a:hover p,#blog a:hover h6{
	background:url(img/catalog-para-back.png) repeat;
}
#blog a:hover .more,#blog p.archive a:hover{
	margin-top:-2px;
	text-decoration:underline;
	font-size:120%;
}
.page-home #blog a:hover .more{
	font-size:12px;
}
#blog a:hover .more{/*if link is over other text because it's size has increased, then fade background a little*/
	background:url(img/catalog-para-back.png) repeat;
}

/* ============ catalog (on home page) ============ */
#catalog div,#catalog .catalog-item{
	position:absolute;
	width:215px;
	height:238px;
	font-size:14px;
	text-decoration:none;
	color:#000;
	text-align:center;
	left:0;
}
#catalog h6{
	position:absolute;
	top:200px;
	left:4px;
	width:205px;
	height:30px;
}
#catalog p{
	position:absolute;
	top:159px;
	left:0;
	width:198px;
	margin:0 7px;
	padding:0 1px;
	text-align:left;
}
#catalog #c1 a:hover h6{background:url(img/catalog-highlight.png) 0 0 no-repeat}
#catalog #c2 a:hover h6{background:url(img/catalog-highlight.png) 0 -37px no-repeat}
#catalog #c3 a:hover h6{background:url(img/catalog-highlight.png) -217px 0 no-repeat}
#catalog #c4 a:hover h6{background:url(img/catalog-highlight.png) -217px -37px no-repeat}
#catalog #c5 a:hover h6{background:url(img/catalog-highlight.png) -430px 0 no-repeat}
#catalog #c6 a:hover h6{background:url(img/catalog-highlight.png) -430px -37px no-repeat}
#catalog a:hover p{
	color:#94174a;
	background:url(img/catalog-para-back.png) repeat;
}
#catalog #c1,#catalog #c3,#catalog #c5{top:12px}
#catalog #c2,#catalog #c4,#catalog #c6{top:262px}
#catalog #c1,#catalog #c2{left:110px}
#catalog #c3,#catalog #c4{left:327px}
#catalog #c5,#catalog #c6{left:540px}

/* ============ catalog items ============ */
.item{
	position:relative;
	width:180px;
	height:250px;
	float:left;
	background:url(img/catalog_frame.png) center center no-repeat;
	text-align:center;
}

.item h3 {
	margin-bottom: 0px;
}

.item img{
	max-width:150px;
	max-height:150px;
	padding:10px;
}

.item a{
	color:#000;
	text-decoration:none;
}
.item a:hover .text{
	color:#94174a;
	background:url(img/catalog-para-back.png) repeat;
}
.item .title,.item p{
	padding:1px;
}
.item .text{
	position:absolute;
	top:168px;
	left:9px;
	width:164px;
	text-align:left;
}
.item .title{
	font-size:14px;
}
.item p{
	font-size:11px;
}
.item .cat-links{
	font-size: 10px;
	position:absolute;
	width:100%;
	text-align:center;
	top:242px;
	left:0;
}
.item .cat-links a{
	color:#94174a;
}
.item .cat-links a:hover{
	text-decoration:underline;
}

/* ============ shopping ============ */
.price hr {
	margin:.8em .2em;
	border:none;
	border-top:dotted 1px #000;
}

/* ============ sidebar ============ */
#side{
	width:197px;
	padding:10px 10px 10px 16px;
	font-size:13px;
	min-height:500px;
	position:relative;
}
#side div,#side p,#side ul,#side h6,#side h5,#side h4,#side h3,#side h2,#side h1{
	/*background:url(img/side-para-back.png) repeat-y;*/
	margin:5px 0;
}
#side div p,#side div ul,#side div h6,#side div h5,#side div h4,#side div h3,#side div h2,#side div h1{
	/*background:none;*/
}
#side h6{
	font-size:15px;
}


/* ============ header  ============ */
#link{
	position:absolute;
	left:216px;
	top:56px;
	list-style:none;
         width:500px;  /*  PJL added  */
}

#link li{ float:left; width:99px}

#link a{
	color:#2e2e2e;
	text-decoration:none;
	font-size:14px;
}
#link a:hover{
	font-weight:bold;
	font-size:14px;
}

#find{
	position:absolute;
	left:800px;  /* PJL was 751  */
	top:58px; /* should be 56px for Konqueror */
	width:150px; /* PJL was 199 */
	padding-left:7px; /* doesn't work for Opera & Konqueror */
	background:#dbdbdb;
	border:none;
	color:#2e2e2e;
	font-size:12px;
}
#find:hover{
	font-size:12px;
	margin-top:-2px;
}
#menu{
	position:absolute;
	left:211px;
	top:81px;
	list-style:none;
	background:url(img/menu.png) no-repeat;
	width:756px;
	height:48px;
}
#link li,#menu li{
	display:block;   /* PJL was inline  */
	float:left;
}
#menu li a{
	display:block;
	width:98px;
	height:48px;
	margin-right:10px;
}

/* ============== footer =================== */

div#footer{
         width:780px;
         float:center;
         margin:0 auto;
	font-size:0.8em;
         font-weight:bold;
         text-align:center;
         padding-top:20px;
         padding-right:-240px;
         padding-left:240px;

	/* border: 1px solid red; */	
}

/* ============ menu background ============ */
.category-blog #head{background-image:url(img/header-1.png)}
.category-specials #head{background-image:url(img/header-2.png)}
.category-baby-gifts #head{background-image:url(img/header-3.png)}
.category-twins-premies #head{background-image:url(img/header-4.png)}
.category-brothers-sisters #head{background-image:url(img/header-5.png)}
.category-mums-dads #head{background-image:url(img/header-6.png)}
.category-nappy-cakes #head{background-image:url(img/header-7.png)}

.category-blog #m1 a,#m1 a:hover{background:url(img/menu.png) 0 49px}
.category-specials #m2 a,#m2 a:hover{background:url(img/menu.png) 638px 49px}
.category-baby-gifts #m3 a,#m3 a:hover{background:url(img/menu.png) 530px 49px}
.category-twins-premies #m4 a,#m4 a:hover{background:url(img/menu.png) 422px 49px}
.category-brothers-sisters #m5 a,#m5 a:hover{background:url(img/menu.png) 314px 49px}
.category-mums-dads #m6 a,#m6 a:hover{background:url(img/menu.png) 206px 49px}
.category-nappy-cakes #m7 a,#m7 a:hover{background:url(img/menu.png) 98px 49px}

/* ============ show current menu selection ============ */
.category-blog #m1 a,.category-specials #m2 a,.category-baby-gifts #m3 a,.category-twins-premies #m4 a,.category-brothers-sisters #m5 a,.category-mums-dads #m6 a,.category-nappy-cakes #m7 a{
	height:49px; /* show that this tab is active & connected to the content below by overwriting the content's 1px upper boarder */
	margin:0 9px -30px 0;
}


.page-home #l1 a,
.page-about #l2 a,
.page-policies #l3,
.page-contact #l4,
.page-shopping-cart #l5 a {
    font-weight:bold;
    font-size:14px;
}

/*li#l2 { display: none;}*/

/* ============ sidebar background ============ */
#side{background:url(img/side-home.png) no-repeat}
.category-blog #side{background:url(img/side-1.png) no-repeat}
.category-specials #side{background:url(img/side-2.png) no-repeat}
.category-baby-gifts #side{background:url(img/side-3.png) no-repeat}
.category-twins-premies #side{background:url(img/side-4.png) no-repeat}
.category-brothers-sisters #side{background:url(img/side-5.png) no-repeat}
.category-mums-dads #side{background:url(img/side-6.png) no-repeat}
.category-nappy-cakes #side{background:url(img/side-7.png) no-repeat}

/* ============ main background ============ */
#main{
	background: #fefce8;
	clear: both;
}

.page-home #main{
	background: url(img/main-home.png) no-repeat; /* catalog image */
	border-top:none;
}
.category-blog #main{background: #fcb7cd url(img/main-fade-1.png) repeat-x bottom left} /* #fcb7cd}*/
.category-specials #main{background: #e4568f url(img/main-fade-2.png) repeat-x bottom left;} /* #e4568f} */
.category-baby-gifts #main 
{
	background: #81f354 url(img/main-fade-3.png) repeat-x bottom left;
	background-position: bottom;
} 
.category-twins-premies #main{background: #f8f865 url(img/main-fade-4.png) repeat-x bottom left} /* #f8f865} */
.category-brothers-sisters #main{background: #fe9457 url(img/main-fade-5.png) repeat-x bottom left} /* #fe9457} */
.category-mums-dads #main{background: #6beef3 url(img/main-fade-6.png) repeat-x bottom left} /* #6beef3} */
.category-nappy-cakes #main{background: #fcb7cd url(img/main-fade-7.png) repeat-x bottom left} /* #fcb7cd} */

/* ============ image replacement ============ */
#menu li a span,
#catalog h6 span{
	position:absolute;
	left:-9999px;
}

a.edit-link,#blog a.edit-link{
	position:absolute;
	margin-top:-12px;
	right:0;
	padding:1px;
	background:url(img/edit-back.png) repeat;
	color:red;
	text-decoration:none;
	z-index:10;
}
#catalog a.edit-link,.item a.edit-link{
	margin-top:4px;
	font-size:10px;
}
a.edit-link:hover,#blog a.edit-link:hover,#catalog a.edit-link:hover{
	margin-top:-14px;
	text-decoration:underline;
	font-size:120%;
	background:#fe3;
}
#catalog a.edit-link:hover,.item a.edit-link:hover{
	margin-top:0;
}
a{
	color:#94174a;
}
#item ul{
	margin:0 0 0 1em;
	padding:0 0 0 1em;
}
#item ul li{
	list-style:disc;
}

.entry-content img{
	float:left;
	clear:left;
	max-width:300px;
	margin-bottom:200px;
}

.clear {
	clear:both;
}

/*
#item ul ul{margin:0 0 0 0.5em;}
#item ul ul li{list-style:circle;}
*/
/* ----------------------- ORIG -------------------- */

/* Just some example content */
/*
div#header{text-align:center;margin-bottom:2em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center;}
*/


#side li.linkcat {
         list-style:none;
}
#side h3 {
         font-size:1.2em;
}