/* http://www.cakecouture-edibleart.ca */

* { margin: 0; padding: 0; }

p { margin: 5px 10px 25px 10px; }
h2 { margin: 15px 10px 10px 10px; }
img { outline: none; border: 0px; }
a { outline: none; color: #5e2248; text-decoration: underline; }

/* fixes ie6 png issue */
div.iepngfix span { behavior: url(css/iepngfix.htc); }

.hide { display: none; }
.clear { clear: both; }

body {	
	background-color: #fabfe2;
	background-image: url(../images/bg.png);
	background-repeat: repeat;

	font-family: Cambria, Georgia, Palatino Linotype, Times, serif;
	font-size: 10.5pt;
	
	text-align: center;
}


/* BODY CONTAINERS */


div#body {
	margin: 30px auto;
	width: 800px;

	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat-y;
	
	color: black;
	text-align: left;
}
	
div#top { height: 20px; }

#body_container { min-height: 500px; border: 0px solid lime; }
	div#body_content { margin-left: 230px; padding-top: 60px; width: 550px; }
	div#body_side { position: relative; float: left; display: inline; overflow: hidden; width: 210px; font-size: 12pt; }

div#navmenu { padding-top: 20px; }

ul#menu { position: relative; left: 30px; color: #fff; }
	ul#menu a { 
		position: relative; 
		display: block; 
		padding: 2px 45px 2px 22px; 
		overflow: hidden; 
		font-family: Cambria, Times, serif; 
		font-size: 10pt; 
		font-weight: bold; 
		text-decoration: none; 
		text-transform: uppercase; 
		color: #fff; 
	}
	ul#menu a:hover { background-image: url(../images/menu_bg-white.jpg); background-repeat: no-repeat; color: #5e2248; }	

	ul#menu li { display: block; width: 210px; background-image: url(../images/menu_bg.jpg); background-repeat: no-repeat; list-style: none; line-height: 25px; color: #fff; text-align: right;	}
	ul#menu li:hover { position: relative; left: -10px;	color: #5e2248; text-align: right; }
	ul#menu li.selected { background-image: url(../images/menu_bg-white.jpg); background-repeat: no-repeat; color: #5e2248; }
	ul#menu li.selected:hover { position: relative;	left: 0px; }
	ul#menu li.selected a { color: #5e2248; }


div#title { margin: 0px 0px 10px 230px; padding: 60px 0px 0px 0px; width: 520px; font-size: 16pt; font-style: italic; font-weight: bold; text-align: right; color: #7a0047; }
div#footer-contact { margin: 0px 0px 10px 210px; font-size: 9pt; text-align: center; }
div#bottom { position: relative; overflow: visible; padding: 50px 0px 0px 0px; width: 800px; height: 40px; text-align: center; }

div.heading { margin: 50px 0px 20px 0px; width: 520px; font-size: 12pt; font-weight: bold; border-bottom: 1px solid #000; }

#pics { margin: 0px 25px 0px 0px; padding: 0px 0px 40px 0px; text-align: center; }
#pics img {	padding: 3px; text-align: center; }


/* PHOTO FRAMED CONTAINER */

.photo-framed-container-portrait { margin: 0 auto; width: 300px; }
.photo-framed-container-landscape { margin: 0 auto; width: 400px; }
.photo-framed-container-profile { margin: 0 auto; width: 200px; }
.photo-framed-container-cake { margin: 0 auto; width: 200px; }

	.photo-framed-portrait { margin: 30px auto; margin-bottom: 50px; position: relative; width: 300px; height: 400px; text-align: center; }
	.photo-framed-landscape { margin: 30px auto; margin-bottom: 50px; position: relative; width: 400px; height: 300px; }
	
	.photo-framed-portrait span, .photo-framed-landscape span { visibility: visible; display: block; position: absolute; }
	.photo-framed-portrait span { width: 312px; height: 432px; top: -10px; left: -6px; background: url(../images/picture-frame-portrait.png); text-align: center; }
	.photo-framed-landscape span { width: 412px; height: 332px; top: -10px; left: -6px; background: url(../images/picture-frame-landscape.png); }
	
	.photo-framed-portrait em, .photo-framed-landscape em { 
		background-image: url(../images/frameplate.gif); 
		color: #000; 
		font-style: normal; 
		font-size: 9pt; 
		padding: 3px 5px 3px 5px; 
		display: block; 
		position: absolute; 
		text-align: center;
		border: 1px solid #cba;
		border-left-color: #ba9;
	}
	.photo-framed-portrait em { top: 382px; left: 118px; height: 13px; width: 60px; }
	.photo-framed-landscape em { top: 282px; left: 168px; height: 13px; width: 60px; }
	
	.photo-framed-profile {
		margin: 30px auto;
		margin-bottom: 50px;
		position: relative;
		width: 200px;
		height: 300px;
		text-align: center;
	}
	
	.photo-framed-profile span {
		visibility: visible;
		width: 212px;
		height: 332px;
		display: block;
		position: absolute;
		top: -10px;
		left: -6px;
		background: url(../images/picture-frame-profile.png);
		text-align: center;
	}
	
	.photo-framed-profile em {
		background-image: url(../images/frameplate-profile.gif);
		color: #000;
		font-style: normal;
		font-size: 9pt;
		padding: 3px 5px 3px 5px;
		display: block;
		position: absolute;
		top: 382px;
		left: 118px;
		height: 13px;
		width: 60px;
		text-align: center;
		border: 1px solid #cba;
		border-left-color: #ba9;
	}
	
	.photo-framed-cake {
		margin: 30px auto;
		margin-bottom: 50px;
		position: relative;
		width: 200px;
		height: 150px;
		text-align: center;
	}
	
	.photo-framed-cake span {
		visibility: visible;
		width: 224px;
		height: 182px;
		display: block;
		position: absolute;
		top: -10px;
		left: -10px;
		background: url(../images/picture-frame-cake.png);
		text-align: center;
	}
	
	.photo-framed-cake em {
		background-image: url(../images/frameplate-profile.gif);
		color: #000;
		font-style: normal;
		font-size: 9pt;
		padding: 3px 5px 3px 5px;
		display: block;
		position: absolute;
		top: 382px;
		left: 118px;
		height: 13px;
		width: 60px;
		text-align: center;
		border: 1px solid #cba;
		border-left-color: #ba9;
	}


/* THUMBNAILS/IMAGES */
/*img.cakes-portrait, .cakes-landscape, .cakes-portrait-sm, .cakes-landscape-sm, .cupcake-bg, .cupcake-long-bg { */
#cakes img { margin: 0px; padding: 3px; background-repeat: no-repeat; background-position: top left; border: none; }

img.cakes-portrait, .cakes-landscape { padding: 5px; }
img.cakes-portrait { background-image: url(../images/cakes-portrait-bg.png); }
img.cakes-landscape { background-image: url(../images/cakes-landscape-bg.png); }
img.cakes-portrait-sm { background-image: url(../images/cakes-portrait-sm-bg.png); }
img.cakes-landscape-sm { background-image: url(../images/cakes-landscape-sm-bg.png); }

div#cupcakes img { margin: 0px; padding: 5px; background-image: url(../images/cupcakes-bg.png); background-repeat: no-repeat; background-position: top left; border: none; }
div#cupcakes .cupcake-long { background-image: url(../images/cupcakes-long-bg.png); }

#pieceofcake { padding-bottom: 20px; text-align: center; }
#pieceofcake img { margin: 0px; padding: 5px; background-image: url(../images/pieceofcake-bg.png); background-repeat: no-repeat; background-position: top left; border: none; }



/* PAGE SPECIFIC STYLES */

/* index.html, motto */
div#motto { padding-top: 0px; padding-left: 0px; text-align: center; }

/* aboutus.html, profile pic */
img#profile { padding: 5px; background-image: url(../images/aboutus-profile-bg.png); background-repeat: no-repeat; background-position: top left; }


/* cakes_x.html, item descriptions */

#itemdescription_container { text-align: center; border: 0px solid red; }

	div.itemdescription { position: relative; margin: 0px auto; margin-top: 20px; padding: 10px; height: 170px; width: 420px; text-align: center; }
	div.itemdescription-photo-left { float: left; width: 160px; text-align: right; }
	div.itemdescription-caption-right { margin-top: 10px; margin-left: 170px; text-align: left; }
	div.itemdescription-caption-left { float: left; margin-top: 10px; text-align: justify; width: 240px; }
	div.itemdescription-photo-right { margin-left: 250px; width: 160px; text-align: left; }
	
div#cakes { text-align: left; }


/* cupcakes.html, imgs */
div#cupcakes { text-align: center; }
	div#cupcakes img { margin: 0px; }


/* createyourcake.html */

div#createcakelist { width: 520px; margin-left: 20px; border: 0px solid yellow; }
	div#createcakelist ul {	display: inline; list-style-position: inside; list-style-type: circle; }
	div#createcakelist div { float: left; padding: 3px; width: 150px; border: 0px dashed black; }
	div#createcakelist #cake { width: 28%; }
	div#createcakelist #filling { width: 38%; }
	div#createcakelist #icing { }
	div#createcakelist #footer { float: none; width: 100%; }
	div#createcakelist li { font-size: 10pt; }
	div#list-footer { clear: both; padding-top: 15px; text-align:center; }
	
/* createyourcake.html, contact link */
div.contact { padding: 20px; text-align: center; }


/* jQuery fancybox / lightBox plugin - Gallery style */

.gallery { /*background-color: #444;*/ padding: 10px; width: 520px; text-align: justify; }
	.gallery ul { list-style: none; }
	.gallery ul li { display: inline; }
	.gallery ul img { margin: 0px; border: 0px solid #5e2248; }
	.gallery ul a:hover { color: #fff; }

#author { position: relative; }
.authorname { z-index: 9999; position: absolute; top: 15px; right: 18px; font-size: 0.65em; color: #534E4F; text-transform: lowercase; }
.authorname a { color: inherit; }


	.photo-framed-container-landscape { width: 550px; height: 350px; }
	.photo-framed-landscape { margin: 30px 75px 0px 75px; }
		
	#whatsnew {}
	#whatsnew h4 { margin: 20px 0px 5px 0px; text-align: center; text-transform: uppercase; }
	#whatsnew ul { width: 70%; margin: 0 auto; margin-top: 0px; margin-bottom: 30px; padding: 10px; background-color: #fabfe2; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; }
	#whatsnew li { display: inline; padding: 0px; }
	#whatsnew li:first-child { display: none; }
	#whatsnew ul li a { margin: 0px; padding: 10px 10px 10px 10px; text-decoration: none; color: #000; }
	#whatsnew ul li a:hover { background: #c05492; color: #fff; }


.photocaption_horizontal { width: 90%; height: 150px; margin: 0 auto; margin-top: 20px; margin-bottom: 0px; }
.photocaption_horizontal li { display: inline; }
.photocaption_horizontal li div.photo-framed-cake { margin: 0px 0px 0px 0px; }
.photocaption_horizontal li p { margin: 0; padding-top: 10px; }

.text-left p, .text-right p { font-size: 1.2em; }

.text-right li div.photo-framed-cake { float: left; margin-bottom: 30px; }
.text-right li p { margin-left: 230px; }

.text-left li div.photo-framed-cake { float: right; margin-bottom: 30px; }
.text-left li p { float: left; width: 260px; text-align: justify; }

#seasonal_features h3 { text-align: center; }
.cupcake_gallery { width: 570px; margin: 0 auto; margin-top: 20px; }
.cupcake_gallery li { float: left; display: inline; margin: 10px 5px 20px 5px; padding: 5px; background-image: url(../images/cupcakes-bg.png); background-repeat: no-repeat; }
.cupcake_gallery li div { position: relative; display: inline-table;  width: 160px; height: 220px; text-align: center; }
.cupcake_gallery img { float: left; width: 160px; height: 160px; margin: 0px 0px 10px 0px; }
.cupcake_gallery li span { font-size: 14pt !important; }
.cupcake_gallery a { text-decoration: none; }

#seasonal_features .clear { height: 50px; }
#seasonal_features .large { height: 70px; }

#seasonal_features .photo-framed-cake img { width: 200px; height: 150px; }

#slideshow div em { position: absolute; left: 20px; top: 230px; width: 350px; height: 50px; padding: 5px 10px 0px 5px; background-image: url(../images/transparent.png); text-align: center; border: none; font-family: inherit; font-size: inherit; }