/*
Theme Name: Glaze Beauty Boutique & Day Spa
Theme URI: http://www.glazebeauty.com
Description: Glaze Beauty Boutique & Day Spa Website.
Version:
Author: Sarah Brenner, Bighouse Graphix
Author URI: http://www.bighousegraphix.com

*/

/* Reset global properties
----------------------- */
* {
	margin: 0px;
	padding: 0px;
 }

html, body, p, form, input, label, 
div, span, h1, h2, h3, h4, h5, h6, h7,
br, a, table, tr, td, ul, ol, li, img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	list-style-type: none;
 }
 
h1, h2, h3 ,h4 ,h5 ,h6 ,h7 {
	display: inline;
 }
 
/* Basic HTML tags
--------------- */
a {
	color: #AE174D;
 }

a:hover {
	color: #636363;
 }
 
p {
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 1em;
 }
 
h2 {
	font-weight: bold;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 }
 
h3 {
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
 }
 
h4 {
	font-weight: bold;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 24px;
 }
 
 #footer a {
	color: #808080;
 }
 
 .email {
	vertical-align: text-bottom;
}
 
 .small {
	font-size: 10px;
	line-height: 11px;
}

.white {
	color: #FFFFFF;
 }
.pink {
	color: #AE174D;
 }

.address {
	float: left;
	width: 170px;
	}

.logo a {
	text-indent:-9999em;
	width: 212px;
	height: 111px;
	background: url(images/GlazeBeautyBoutiqueDaySpa_LOGO.gif) no-repeat;
	display:block;
  }

#lrgbuttons p {
	padding: 0px 15px;
	text-align: left;
	line-height: 15px;
 }

a .readmore {
	width: 98px;
	height: 11px;
	background: url(images/readmore.gif) no-repeat;
	display:block;
	margin-top: 15px;
  }

a:hover .readmore {
	background: url(images/readmore_up.gif) no-repeat;
  }
  
.steps {
	padding-left: 20px;
 }

 
/* Start Website in Sequence */
body {
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #FFFFFF;
	background: #212121 url(images/bkrnd_body.gif) no-repeat center 10px;
 }

#container {
	width: 760px;
	margin: auto;
	margin-top: 60px;
 }

#container_top {
	width: 694px;
	height: 16px;
	background: url(images/bkrnd_top.gif) no-repeat center;
	padding: 5px 33px 0px 33px;
	text-align: right;
 }

#container_bottom {
	width: 760px;
	height: 21px;
	background: url(images/bkrnd_bottom.gif) no-repeat center;
	margin: auto;
 }

#wrapper {
	width: 730px;
	margin: auto;
	background: #000000;
	padding: 5px 15px 15px 15px;
 }

#top {
	width: 730px;
	height: 359px;
	margin: auto;
 }

#topExtended {
	width: 730px;
	margin: auto;
	position: relative;
 }

#topL {
	width: 217px;
	float: left;
	padding-left: 15px;
 }

#sidebar {
	width: 217px;
	float: left;
	padding-left: 15px;
 }

#topR {
	width: 498px;
	height: 359px;
	float: right;
 }

#topRextended {
	width: 498px;
	height: 652px;
	float: right;
 }

#topRgift {
	width: 498px;
	height: 450px;
	float: right;
 }

#topRblog {
	width: 498px;
	height: auto;
	float: right;
 }

#topBtns {
	width: 396px;
	height: 41px;
	margin: 13px 0px 0px 0px;
	padding: 0px 0px 0px 90px;
 }

#topPhoto {
	width: 498px;
	height: 281px;
	margin-top: 12px;
 }

#vday {
	width: 485px;
	height: 281px;
	margin-top: 12px;
	margin-left: 10px;
 }

#topContent {
	width: 472px;
	height: 218px;
	float: right;
	margin: 70px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
 }

#topContentextended {
	width: 462px;
	height: 511px;
	float: right;
	margin: 70px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	overflow: auto;
 }

#topContentGiftCert {
	width: 472px;
	height: 375px;
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
 }

#topBLOGContent {
	width: 465px;
	height: 511px;
	float: right;
	padding: 0px 5px 5px 0px;
	overflow: auto;
	margin-top: 25px;
 }

#signup {
	margin: 35px 0px 0px 0px;
	font-size: 11px;
 }

#lrgbuttons {
	width: 730px;
	margin: auto;
	height: 195px;
 }

#lrgbuttons_page {
	width: 730px;
	margin: auto;
	height: 89px;
 }

#lrgbuttonsA {
	width: 243px;
	float: left;
 }

#lrgbuttonsB {
	width: 244px;
	float: left;
 }

#lrgbuttonsC {
	width: 243px;
	float: left;
 }

#btn_specials {
	margin: 70px 0px 0px 70px;
	position: absolute;
 }

#page_content {
	width: 700px;
	margin: auto;
	padding: 0px 15px;
	background: #FFFFFF url(images/bkrnd_PAGE.gif) repeat-y;
	color: #000000;
	line-height: 15px;
 }

#page_content_bottom {
	width: 730px;
	margin: auto;
	height: 16px;
	background: #FFFFFF url(images/bkrnd_PAGEbottomcorners.gif) no-repeat;
	color: #000000;
 }

#page_content_dayspa_top {
	width: 730px;
	margin: auto;
	height: 21px;
	background: #FFFFFF url(images/bkrnd_dayspaPAGEtopcorner.gif) no-repeat;
	color: #000000;
 }

#page_content_closet_top {
	width: 730px;
	margin: auto;
	height: 21px;
	background: #FFFFFF url(images/bkrnd_closetPAGEtopcorner.gif) no-repeat;
	color: #000000;
 }

#page_content_salon_top {
	width: 730px;
	margin: auto;
	height: 21px;
	background: #FFFFFF url(images/bkrnd_salonPAGEtopcorner.gif) no-repeat;
	color: #000000;
 }

.contactform {
	float: right;
	width: 270px;
	}

#blogtitle {
	float: right;
	text-align: right;
	margin-top: 15px;
	margin-right: 15px;
	}

 .postmetadata {
	border-bottom: solid #808080 1px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
   
 /* End Center */
 
/* Start Nav
--------- */
#nav {
	width: 211px;
	margin: 20px 0px 0px 0px;
 }
 
#sidebar ul {
	list-style: none;
	padding: 0px 0px 0px 5px;

}

#sidebar li {
	position: relative;
	padding: 3px 0px 0px 0px;
	cursor: default;
	font-size: 11px;
}

#page_content li {
	font-size: 12px;
	text-indent: -20px;
	padding-left: 20px;
}

#page_content ul {
	padding-bottom: 20px;
}
 
li.contact {
	padding: 9px 0px 0px 20px;
 }
 
 /* TOP NAVIGATION BAR 
        /////////////////////////////*/
        
        ul#topnav {
	height:140px;
	list-style:none;
        }

        ul#topnav li {
	display:inline;
	position: relative;
	cursor: default;
        }

        ul#topnav li a {
	height:28px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
        }

        ul#topnav li#topnav_1 a {
        		width:90px;
        		background:url(images/nav.gif) no-repeat 0 0;
        }

       ul#topnav  li#topnav_1 a:hover {
        		background-position: -90px 0;
        }

        ul#topnav  li#topnav_1 a.current {
        		background-position: -180px 0;
        }

        ul#topnav  li#topnav_1 a.up {
        		background-position: -180px 0;
        }
        
         ul#topnav li#topnav_2 a {
        		width:90px;
        		background:url(images/nav.gif) no-repeat 0 -28px;
        }

        ul#topnav  li#topnav_2 a:hover {
        		background-position: -90px -28px;
        }

        ul#topnav  li#topnav_2 a.current {
        		background-position: -180px -28px;
        }
        
        ul#topnav li#topnav_3 a {
        		width:90px;
        		background:url(images/nav.gif) no-repeat 0 -56px;
        }

        ul#topnav  li#topnav_3 a:hover {
        		background-position: -90px -56px;
        }

        ul#topnav  li#topnav_3 a.current {
        		background-position: -180px -56px;
        }
        
        ul#topnav li#topnav_4 a {
        		width:90px;
        		background:url(images/nav.gif) no-repeat 0 -84px;
        }

        ul#topnav  li#topnav_4 a:hover {
        		background-position: -90px -84px;
        }

        ul#topnav  li#topnav_4 a.current {
        		background-position: -180px -84px;
        }
        
        ul#topnav li#topnav_5 a {
        		width:90px;
        		background:url(images/nav.gif) no-repeat 0 -112px;
        }

        ul#topnav  li#topnav_5 a:hover {
        		background-position: -90px -112px;
        }

        ul#topnav  li#topnav_5 a.current {
        		background-position: -180px -112px;
        }
        
        ul#topnav li#topnav_6 a {
        		width:90px;
        		background:url(images/nav.gif) no-repeat 0 -140px;
        }

        ul#topnav  li#topnav_6 a:hover {
        		background-position: -90px -140px;
        }

        ul#topnav  li#topnav_6 a.current {
        		background-position: -180px -140px;
        }

 /* End Nav */
 

/* Start Bottom */



/* End Bottom */

/* Start Footer */

#footer {
	width: 760px;
	text-align: center;
	color: #808080;
	margin: auto;
	height: 25px;
	padding-top: 10px;
	margin-bottom: 10px;
 }
 
 /* End Footer */
 
 /* Start Forms */

input, textarea {
	background-color: #FFFFFF;
	border: none;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width: 170px;
 }

form td {
	font-weight: bold;
	font-size: 12px;
 }
 
 table td {
	font-size: 12px;
	vertical-align: top;
	line-height: 15px;
 }
 
 table td.right {
	padding-right: 22px;
	width: 120px;
 }
 
 table .small {
	line-height: 12px;
 }
 
.giftcert {
	margin-left: 50px;
 }

.submit {
	width: 62px;
	background: url(images/submit.gif) no-repeat 3px;
	background-color: #000000;
 }

.submit2 {
	background-color: #000000;
	width: 62px;
 }

.submit:hover {
	background: url(images/submit_up.gif) no-repeat 3px;
 }

.next {
	width: 65px;
	background: url(images/btn_next.gif) no-repeat 3px;
	background-color: #000000;
 }

.next:hover {
	background: url(images/btn_next_up.gif) no-repeat 3px;
 }
 
.reset {
	position: relative;
	left: 84px;
	width: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color: #FFFFFF;
 }
/* End Forms */

 
/* End Forms */

/* Clear Fix Code */
.ClearFix:after{
      content:".";
      display:block;
      height:0;
      clear:both;
      visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .ClearFix{
      height:1%;
 }

/* WinIE6 and below */
* html .ClearFix{
      height:1%;
}

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
 }
/**/


	
	
	/* Begin Images */
p img {
	margin-right: 3px;
	margin-bottom: 3px;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* ------------------------------------- Float Feedback Button ------------------------------------- */

#floatdiv {
	position:absolute;
	left:0px;
	top:0px;/* This is a floating javascript menu. */
	font-size: 15px;
	text-align: center;
 }
 
 .feedback {
	font-size: 10px;
 }