/*
Theme Name: Wink!
Theme URI: http://www.winkhair.com.au
Description: Wink Hair Studio
Version: 1.0
Author: Glen McPherson
Author Email: glen@nelga.com
Author URI: http://www.nelga.com/
Quote: Travel North. That's the only direction your compass should ever point.
*/

/* -------- 1. Body Elements -------- */

*, html, body { margin: 0; padding: 0; }
html { height: 100%; }
body { font-family: Helvetica, Verdana, Arial, sans-serif; background: url(imgs/slices/bg_tile.gif) repeat-x top center #000000; font-size: 62.5%; height: 100%; color: #ffffff; }


/* -------- 2. Primary Text Elements -------- */

p { color: #ffffff; font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; margin-bottom: 10px; }
	.h0-imghead { margin: 0 0 15px 0; }
	.more-icon { padding-bottom:2px; }

a { color: #ffffff; }

h1 { color: #000000; font-size: 1.4em; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; }
h2 { color: #000000; font-size: 1.2em; font-family: "American Typewriter", Georgia, "Times New Roman", Times, serif; }
	
.copyright { color: #ffffff; font-size: 1.0em; font-family: Arial, Helvetica, Verdana, sans-serif; }
	
/* -------- 3. Overriding Structural -------- */

#wrapper { margin: 0 auto; width: 900px; text-align: left; }
.clearall { clear:both; }

/* -------- 4. Header / Navigation / Footer -------- */

#header { border-bottom-color: #666666;  border-bottom-style: solid;  border-bottom-width: 1px; }
#mainnav { margin: 61px 0 0 0; padding: 0; float: right; }
	#mainnav ul li { list-style-type: none; list-style: none; float:left; }

	#mainnav-home { display: block; width: 38px; height: 32px; background: url(imgs/slices/mainnav_home.gif) no-repeat 0 0; }
	#mainnav-aboutus { display: block; width: 69px; height: 32px; background: url(imgs/slices/mainnav_aboutus.gif) no-repeat 0 0; }
	#mainnav-appointments { display: block; width: 102px; height: 32px; background: url(imgs/slices/mainnav_appointments.gif) no-repeat 0 0; }
	#mainnav-services { display: block; width: 64px; height: 32px; background: url(imgs/slices/mainnav_services.gif) no-repeat 0 0; }
	#mainnav-meetourteam { display: block; width: 70px; height: 32px; background: url(imgs/slices/mainnav_ourteam.gif) no-repeat 0 0; }
	#mainnav-gallery { display: block; width: 61px; height: 32px; background: url(imgs/slices/mainnav_gallery.gif) no-repeat 0 0; }
	#mainnav-contactus { display: block; width: 87px; height: 32px; background: url(imgs/slices/mainnav_contactus.gif) no-repeat 0 0; }
	
	#mainnav .mainnav-btn {  }
		#mainnav .mainnav-btn:hover { background-position: 0 -32px; }
		#mainnav .mainnav-btn-active { background-position: 0 -32px; }
		#mainnav .mainnav-btn span { display: none; }
		#mainnav .mainnav-btn-active span { display: none; }
		#mainnav .mainnav-dot { line-height: 15px; margin: 0 5px; font-weight: bold; }
	
#footer { text-align: center; margin: 20px 0 0 0; border-color: #666666; border-width: 1px 0 0 0; border-style: solid; height: 50px; }
	.footer-text { font-size: 1.1em; font-weight: normal; margin: 10px 0 0 0; }
	
/* -------- 5. Feature Box -------- */

#featurebox-wrap-home {  margin: 0; padding: 0; height: 440px; border-right-color: #666666;  border-left-color: #666666;  border-bottom-color: #666666;  border-right-style: solid;  border-left-style: solid;  border-bottom-style: solid;  border-right-width: 1px;  border-left-width: 1px;  border-bottom-width: 1px; }

.featurebox-home { margin: 0; padding: 0; border-width: 1px;  border-color: #000000;  border-style: solid; }

#featurebox-wrap { margin: 0; padding: 0; text-align: center; }
	#featurebox-wrap img { margin: 25px 0 0 0; }
	#featurebox-wrap #googlemap { margin: 25px 0 0 0; }
	#featurebox-wrap #wink-gallery { margin: 25px 0 0 0; }
	#featurebox-wrap #great-lengths { margin: 25px 0 0 0; }

/* -------- 6. Home Page Specific -------- */

.text-home p { padding: 0; margin: 0 0 3px 0; }

.home-circles { list-style-position: outside; list-style-image: url(imgs/slices/icons_bullet.gif); }
	.home-circles li { margin: 0 0 10px 5px; text-align: left; }

#col3-leftwrap-top { float: left; }
#col3-rightwrap-top { float: right; }
#col3-leftwrap-bottom { float: left; }

#col3-left-bottom { float: left; width: 280px; border-top-color: #666666; border-top-width: 1px; border-top-style: solid; margin:0 10px; }

	#col3-left { float: left; width: 300px; }
	#col3-right { float: right; width: 300px; }
	#col3-mid { float: left; width: 300px; }

.col3-container { margin: 30px 25px 20px 25px; width:250px; text-align: center; }
	.col3-container p { text-align: left; }
	.col3-container p a { font-weight: bold; color: #cb615e; text-decoration: none; margin: 0; }
	.col3-container p a:hover { color: #dcdcdc; }
	
.col3-container-bottom { margin: 0; padding-top:10px; text-align: center; }
	.col3-container-bottom p a { font-weight: bold; color: #cb615e; text-decoration: none; margin: 0; }
	.col3-container-bottom p a:hover { color: #dcdcdc; }

#salonhrs-left { float:left; padding: 0 0 0 25px; }
#salonhrs-right { float:right; padding: 0 25px 0 0; }

#footer-logos { margin: 15px 20px 0 0; }

/* -------- 6. About Page Specific -------- */

#container-about { margin: 15px 25px 15px 25px; }
	#container-about ul { margin-bottom: 10px; }
		#container-about ul li { color: #ffffff; font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 0 3px 35px; }
	#container-about p a { color: #cb615e; text-decoration: none; }
		#container-about p a:hover { color: #ffffff; }

/* -------- 7. Profile Pages Specific -------- */

#profile-menu {
	width: 265px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
	#profile-menu ul { list-style-type: none; list-style-position: outside; }
	#profile-menu ul li { margin: 0 0 5px 0; }
	#profile-menu ul li a { text-decoration: none; font-size: 1.3em; }
	#profile-menu ul li a:hover { color: #cb615e; }
	
.profile-menu-active { list-style-image: url(imgs/slices/icons_bullet.gif); color: #cb615e; font-size: 1.3em; } 

#profile-wrap { background-repeat: repeat-y;  background-image: url(imgs/slices/profile_stack_tile.gif); width:600px; margin: 30px 0 0 0; float:right; }
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}


#profile-bg-paul { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_paul.gif); }
#profile-bg-steph { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_anna.gif); }
#profile-bg-greg { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_greg.gif); }
#profile-bg-will { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_will.gif); }
#profile-bg-marija { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_marija.gif); }
#profile-bg-michelle { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_michelle.gif); }
#profile-bg-nicole { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_nicole.gif); }
#profile-bg-alexis { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_alexis.gif); }
#profile-bg-nat { background-repeat: no-repeat; background-image: url(imgs/slices/profile_stack_top_nat.gif); }

	#profile-top { min-height: 284px; display: block; }
	#profile-top-container { padding: 40px 80px 0 295px; }
		#profile-top-container p { color: #000000; }

#profile-notepad { float: left; padding: 98px 0 0 80px; width: 220px;}
	#profile-notepad p { color:#000000; }
	.productshot { float:right; }	
	.notepad-heading { border-bottom-color: #d7d7d7; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 4px; padding-bottom: 3px; font-family: Courier, Monaco, monospace; font-size:2.2em; }

	#profile-base { background-image: url(imgs/slices/profile_stack_base2.gif);  background-repeat: no-repeat; display:block; height:536px; }
	#profile-base-col { background-image: url(imgs/slices/profile_stack_base_col.gif);  background-repeat: no-repeat; display:block; height:536px; }
		#profile-base-container { float: right; padding: 225px 80px 0 0; width: 185px; }
		#profile-base-container p { color: #000000; }
		
/* -------- 8. Service Pages Specific -------- */

	#services-colour { display: block; width: 81px; height: 48px; background: url(imgs/slices/services_colour.gif) no-repeat 0 0; margin: 0 auto; }
	#services-stylecut { display: block; width: 200px; height: 48px; background: url(imgs/slices/services_stylecut.gif) no-repeat 0 0; margin: 0 auto; }
	#services-colourcut { display: block; width: 148px; height: 48px; background: url(imgs/slices/services_colourcut.gif) no-repeat 0 0; margin: 0 auto; }
	#services-upstyle { display: block; width: 85px; height: 48px; background: url(imgs/slices/services_upstyle.gif) no-repeat 0 0; margin: 0 auto; }
	#services-blowdry { display: block; width: 97px; height: 48px; background: url(imgs/slices/services_blowdry.gif) no-repeat 0 0; margin: 0 auto; }
	#services-treatments { display: block; width: 131px; height: 48px; background: url(imgs/slices/services_treatments.gif) no-repeat 0 0; margin: 0 auto; }
	#services-hairextensions { display: block; width: 173px; height: 48px; background: url(imgs/slices/services_hairextensions.gif) no-repeat 0 0; margin: 0 auto; }

#services-wrap { margin: 0; padding: 0; text-align: left; }
	.services-thumb { width: 210px; height: 230px; margin: 0; }

#services-blocklink-r1 { width:210px; float:left; margin: 25px 0 0 10px; }
	#services-blocklink-r1 .services-btn:hover { background-position: 0 -48px; }
	#services-blocklink-r1 .services-btn-active { background-position: 0 -48px; }
	#services-blocklink-r1 .services-btn span { display: none; }
	#services-blocklink-r1 .services-btn-active span { display: none; }
	
#services-blocklink-r2a { width:210px; float:left; margin: 0 0 0 135px; }
	#services-blocklink-r2a .services-btn:hover { background-position: 0 -48px; }
	#services-blocklink-r2a .services-btn-active { background-position: 0 -48px; }
	#services-blocklink-r2a .services-btn span { display: none; }
	#services-blocklink-r2a .services-btn-active span { display: none; }
	
#services-blocklink-r2b { width:210px; float:left; margin: 0 0 0 10px; }
	#services-blocklink-r2b .services-btn:hover { background-position: 0 -48px; }
	#services-blocklink-r2b .services-btn-active { background-position: 0 -48px; }
	#services-blocklink-r2b .services-btn span { display: none; }
	#services-blocklink-r2b .services-btn-active span { display: none; }
	
#box-table-a { font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; margin-bottom: 10px; text-align: left; border-collapse: collapse; }
	#box-table-a th { font-family: Arial, Helvetica, Verdana, sans-serif; margin-bottom: 10px; font-weight: normal; padding: 8px; color: #ffffff; text-align: left; }
	#box-table-a td { padding: 4px 15px 4px 0; color: #ffffff; }
	#box-table-a tr:hover td { background: #0d0d0d; color: #ffffff; }

/* -------- 9.1. Appointment Pages Specific -------- */

#appointment-feature { margin: 30px 30px 0 0; width: 315px; float: right; text-align: right; }
	#appointment-feature img { margin: 0 0 15px 0; }
	
#container-form { margin: 30px 0 30px 30px; width: 500px; float: left; }
	#container-form ul { margin-bottom: 10px; }
	#container-form ul li { list-style-type: none; list-style: none; color: #ffffff; font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 0 3px 35px; }
	#container-form ul li label { vertical-align: middle; }
	#container-form ul li div { text-align: left; width: 500px; }
	
#appointmenthrs-left { float:left; padding: 0 0 0 100px; }
	#appointmenthrs-left p { color: #cb615e; }
#appointmenthrs-right { float:right; padding: 0; }
	#appointmenthrs-right p { color: #cb615e; }

.form-label { color: #ffffff; font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; margin-bottom: 10px; }
.blockLabel { color: #ffffff; font-size: 1.3em; font-family: Arial, Helvetica, Verdana, sans-serif; }

.submitButton { width: 100px; height: 20px; margin: 10px 0 0 0; }

.form-textarea { background-color: #000000; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; }

.submitButton { display: block; width: 79px; height: 24px; background: url(imgs/slices/form_submit.jpg) no-repeat 0 0; margin: 0; border:medium none; }

/* -------- 9.2. Form Styling using jQuery -------- */

/* fake checkbox : unchecked (default/base) state */
.fakecheck {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url(imgs/slices/form_checkbox.gif) no-repeat;
	height: 16px;
	width: 40px;
	display: block;
	float: left;
	padding: 1px 0px 0px 20px;
	color: #666666;
}
/* fake checkbox : hover state */
.fakecheck:hover {
	color:#0066FF;
	text-decoration: underline;
}
/* fake checkbox : checked state */
.fakechecked {
	background-position: left -25px;
}

/* Drop Downs */

.comboboxContainer { border-left: solid 2px #777; border-top: solid 2px #777; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; } .comboboxValueContainer { background: url(/images/comboboxDisplayValue.gif) repeat-x left top; } .comboboxValueContent { padding-left: 3px; text-transform: uppercase; } .comboboxDropDownContainer { border-right: solid 1px #000; border-bottom: solid 1px #000; border-left: solid 1px #aaa; border-top: solid 1px #aaa; background: #fff; overflow: hidden; padding-left: 3px; cursor: default; } .comboboxDropDownButton { width: 16px; height: 18px; background-image: url(/images/default-combobox.gif); } .comboboxGroupItemHeader { display: block; background: #000; color: #fff; } .comboboxGroupItemContainer { padding-left: 10px; } .comboboxItem { background: #fff; color: #000; text-transform: lowercase; font-weight: normal; font-style: normal; } .comboboxItemHover { background-color: #999; color: #fff; text-transform: uppercase; padding-left: 4px; } 

/* -------- 10. What's New Page -------- */

.whatsnew-circles { list-style-position: outside; list-style-image: url(imgs/slices/icons_bullet.gif); }
	.whatsnew-circles li { margin: 0 0 10px 5px; text-align: left; }
	
.text-whatsnew p { padding: 0; margin: 0 0 3px 0; }

#container-whatsnew { margin: 30px; }
	#container-whatsnew p a { color: #cb615e; font-weight: bold; text-decoration: none; }
		#container-whatsnew p a:hover { color: #ffffff; }

/* - Contact Us - */
#contact-hrs { width: 250px; text-align: left; }
#contacthrs-left { float:left; padding: 0; }
	#contacthrs-left p { color: #ffffff; }
#contacthrs-right { float:right; padding: 0; margin-bottom: 10px; }
	#contacthrs-right p { color: #ffffff; }.profile-menu-nolink {
	color: #FFF;
	font-size: 1.3em;
}
#profile-bg-amanda { background-repeat: no-repeat; background-image: url(imgs/profile/paul.jpg);
}
#profile-bg-paul2 {
	background-repeat: no-repeat;
	background-image: url(imgs/profile/profile-paul.jpg);
}
.bodytext-subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.bodytext-subheadingpink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cb615e;
}