@charset "UTF-8";
/* CSS Document */

/* 1 Typography */
img { border: none; }
body#home h1 {font:bold 24px Comic Sans MS; color:#473011; text-align: center; padding-bottom: 25px;}
body#home h2 {font:bold 16px Comic Sans MS; color:#473011; text-align: center; font-style: italic; padding-bottom: 25px;}

body#menu h1 {font-size:18px; text-align: center; letter-spacing: .1em; line-height: 1.3em; margin-bottom:30px;}

body#events h1, body#events h2 {font:bold 14px Comic Sans MS; text-align: center; padding-bottom:15px;}

p {line-height:1.6em; margin-bottom:12px; text-align: justify;}
p.success {text-align:center; font-size:18px; color:#8ca217;}
p.error {text-align:center; font-size:18px; color:#e7101e;}
.bold {font-weight: bold;}

/* 2 Colors */

/* 3 Alignments */
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.clearBoth {clear:both; height:1px;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.floatLeft {float:left;}
.floatRight {float:right;}
.margin0 {margin:0;}
.height10 {height:10px;}
.paddtop20 {padding-top: 20px;}
#displaynone {display:none;}
.mright30 {margin-right:30px;}

/* 4 Links */
a, a:hover, a:visited, a:active {color:#8a5b3d;} 
a.twitter {float:left; padding-top:30px; margin:0 20px 0 100px;}
a.download_menu {float:left; padding:15px 0 0; margin-left:20px;}

/* 6 Header  & Navigation */
.header{float: left; margin: 0 0 0 25px; width: 941px; height: 212px; }
a.logo {float: left; margin: -130px 0 0 300px; width: 264px; height: 212px; background:url(http://pinkcupcakeshack.com/Sandbox/images/bg/centerlogo4.png) no-repeat;}
a.goldcoast {float: left; margin: -170px 0 0 50px; width: 170px; height: 276px; background:url(http://pinkcupcakeshack.com/Sandbox/images/Gold_Coast.png) no-repeat;}
.navbar {float:left; margin: 30px 0 0 25px; width: 941px; height: 212px; }
ul.nav_left a, ul.nav_right a {color:#000; text-decoration: none; padding:13px 16px;}
ul.nav_left, ul.nav_right {float:left; font:11px Clucky_Duck, Comic Sans MS, Arial, sans-serif; text-transform: uppercase;}
	ul.nav_left li, ul.nav_right li {display: inline;}
ul.nav_left {float:left; margin:10px 20px 0 0; height:30px; padding-right:50px;}
ul.nav_right {float:right; margin:-55px 50px 0 0; height:30px; padding-left:15px;}
ul.nav_right a.faq {padding:14px 19px;} 
.header a.active {background:url(../images/bar.png) no-repeat center bottom;}
.header a:hover {text-decoration: underline;}
#connect{float: right; margin: 30px 10px 0 0; width: 300px height:75px;}
ul.connect_iconns {float: left; margin: 0 10px 0 0; width: 75px; height: 75px;}
#bottomnavbar{float: none; clear: both; margin:0 0 0 0 ;font: 11px Comic Sans MS; color:#473011;}

/* 7 Footer */
#footer_text p {text-align: center; font-size: 11px; padding:5px 0 0 0; margin:0;}

/* 8 Page HOME */	
.slideshow {
	float: left;
	width: 750px; 
	height: 400px; 
	margin: 10px 0 0 0; 
	/* background: url(http://pinkcupcakeshack.com/Sandbox/images/default.jpg) no-repeat center;*/
	padding: 10px 50px;
}

p.hours {font-size:14px; float: right; padding:15px 0 0; text-align: center; width:400px; }	
	p.hours span {padding:0 10px;}	
image.monster {float: right; width:400px; height:602px;}
	
/* 9 Page ABOUT US */
image.diane {float:left; width: 200px; height: 150px;}
image.joe {float: right; width: 205px; height: 197px;}
image.kiely {float: left; width: 210px; height: 158px;}
image.danniel {float: right; width: 210px; height: 158px;}

/* 10 Page GALLERY */
.list_gallery_display {		
	display: block;
	height: 500px;
	position: relative;
	width: 840px;
	z-index: 1;
	cursor:pointer; 
	float:right;  
	text-align: center; 
}

.list_gallery_list {float:left;}

	.list_gallery_list a { 
		display: block;
		height: 85px;
		position: relative;
		width: 85px;
		z-index: 1;
		cursor:pointer; 
		float:left;  
		text-align: center; 
		overflow: hidden;
		padding: 5px;
	}
	
	
	.gal_thumb{float:left;margin:0 3px 3px 0;text-align:center;border:none; vertical-align:middle;margin-left:20px;}
	.gal_thumb{position:relative;display:block;width:100px; height: 100px;}
	.gal_thumb {border:1px; border-radius:10px 10px 10px 10px;padding:4px;}
		
			
#tab-container-gallery-nav {float:left; width:840px; margin:0 0 5px;}
	#tab-container-gallery-nav li {display:inline;}
	#tab-container-gallery-nav .active {font-weight:bold; background-position: 0 0;}
	#tab-container-gallery-nav a {float:left; width:74px; height:58px;  background-position: 0 -58px; margin-left:5px;}
	
.tab_cupcakes {background:url(../images/tab_on_cupcakes.png) no-repeat;}
.tab_cakes {background:url(../images/tab_on_cakes.png) no-repeat;}
.tab_pops {background:url(../images/tab_on_pops.png) no-repeat;}
.tab_cookies{background:url(../images/tab_on_cookies.png) no-repeat;}
.tab_weddings{background:url(../images/tab_on_weddings.png) no-repeat;}


/* 11 Page MENU */
	

ul.items {float: left; text-transform: uppercase; margin:5px 5px 5px 0;}
	ul.items li {display: inline; margin: 15px 5px;}
ul.items {align: center; height: 75%; width: 75%;}
#flavors {padding: 0 10px 0 10px; width: 841px; overflow: hidden;text-align: center; }
#flavors h2 {text-transform: uppercase;}
image.flav {float: left;}

/* 12 Page ORDER */
/*ul.order li {float: left; width: 841px;}*/
image.stamp {float: right; width:500px; height:178px;}


/* 13 Page CONTACT US */
ul.contact {float:left; width:210px;}	

	ul.contact li.blank {height:15px;}
	ul.contact li.twitter_facebook {text-align: center; padding-top:20px;}
image.map {float: left; width: 354px; height: 400px;}		


/* 14 Page NOT FOUND */
image.notfound {float: left; width: 618px; height: 485px;}

/* 15 Page GUIDE */
image.servings1 {float: left; width: 471px; height: 232px;}
image.servings2 {float: left; width: 471px; height: 134px;}