/*
Theme Name: Glo Theme
Description: Custom Wordpress theme created for Glo Skincare Boutique website.
Author: The Business Card Shoppe
Author URI: http://www.thebusinesscardshoppe.com
*/


html { 
	margin:0px auto; 
	padding:0px; 
} 

body {
	margin:0px auto;
	padding:0px;
	background:#121212 url('images/glo-background-texture.jpg') no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	font:normal 14px Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-align:center;
}

h1, h2, h3 { 
	font-family: 'Great Vibes', Arial, Helvetica, Verdana, sans-serif; 
	color:#fff;
	margin:0px;
	padding:0px;
}
h1 { font-size:36px; margin-top:8px; }
h2 { font-size:32px; }
h3 { font-size:24px; }

strong { color:#e7d191; }

a { color:#adadad; text-decoration:none; }
a:hover { color:#e7d191; }

img { border:0px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*------------ START NAVIGATION AREA STYLES ------------*/
#navigation-wrapper {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:60px;
	margin:0px auto;
	background-color:#080808;
	border-bottom:solid 1px #333;
	-moz-box-shadow:0px 0px 80px #000;
	-webkit-box-shadow:0px 0px 80px #000;
	box-shadow:0px 0px 80px #000;	
	text-align:center;
	z-index:999;
}

#navigation {
	width:1000px;
	height:60px;
	margin:0px auto;
	text-align:center;
}

#branding {
	position:relative;
	width:360px;
	margin-left:10px;
	text-align:left;
	float:left;
}

#branding h1 span {
	font:normal 24px 'Prociono', 'Times New Roman', Georgia, serif;
	color:#888;
}


/*------------ START MENU AREA STYLES ------------*/
#menu {
	position:relative;
	height:60px;
	text-align:right;
	float:right;
}

#menu ul { margin:0px 16px; padding:0px; }
#menu li { 
	position:relative;
	list-style-type:none;
	display:inline-block;
	*display:inline; /* Hack for IE 7 and less */
	zoom: 1; 	/* For IE 7 */
	/* float:left; */
}

#menu li a { 
	display:block;
	padding:20px 13px;
	color:#fff;
	font:normal 14px 'Prociono', 'Times New Roman', Georgia, serif;
	text-decoration:none; 
	-moz-transition:background-color 0.4s ease-in;
	-webkit-transaction:background-color 0.4s ease-in;
	-o-transition:background-color 0.4s ease-in;
	transition:color:background-color 0.4s ease-in;
}
#menu li a:hover {
	background-color:#e7d191;
	color:#222;
}

.current-menu-item { background-color:#333; }


/*------------ START MENU DROPDOWN AREA STYLES ------------*/

#menu ul li ul {
	list-style-type:none;
	position:absolute;
	padding:3px;
	left:-9999px;
	z-index:99;
	background-color: #222;
	text-align:left;
}

#menu ul a { display:block; white-space:nowrap; }

#menu li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	top:50px;
	margin-top:6px;
}

#menu li:hover ul li { 
	display:block;
	/* float:left; */
}

#menu li:hover ul a { 
	display:block;
	margin:0px;
	padding:6px 25px;
	text-decoration:none; 
	color:#dedede;
	border:0px;
	/* float:left; */
}

#menu li:hover ul li a:hover { 
	display:block;
	color:#222;
	background-color:#e7d191;
	margin:0px;
}


/*------------ START CONTAINER AREA STYLES ------------*/

#container{
	width:1000px;
	margin:0px auto;
	padding-top:72px;
	text-align:center;
}

.category-blog {
	padding:10px 0px;
	border-top:solid 1px #7c7c7c;
	border-bottom:solid 1px #222;
}



/*------------ START ROTATOR AREA STYLES ------------*/
#rotator {
	position:relative;
	width:1000px;
	height:360px;
	margin-bottom:20px;
	background-color:#000;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:solid 1px #888;
	-moz-box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
	box-shadow:0px 0px 6px #000;
}

#slider, .nivo-slice {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}


.logo {
	position:absolute;
	top:10px;
	left:6px;
	z-index:99;
}

/*------------ START CONTENT AREA STYLES ------------*/
#content {
	margin:20px 0 30px 0;
}

#main-content {
	width:640px;
	padding-right:29px;
	border-right:solid 1px #252525;
	text-align:justify;
	float:left;
}

#main-content h4 { 
	margin-bottom:0px;
	color:#e7d191;
	font:normal 18px 'Prociono', 'Times New Roman', Georgia, serif;
}


/*------------ START SIDEBAR AREA STYLES ------------*/
#sidebar {
	width:300px;
	min-height:360px;
	padding-left:29px;
	border-left:solid 1px #7c7c7c;	
	text-align:justify;
	float:right;
}

#accordion h3 {
	margin-bottom:1px;
	font:normal 21px 'Prociono', 'Times New Roman', Georgia, serif;
	color:#b0b0b0;
	border-top:solid 1px #7c7c7c;
}
#accordion div { 
	border-bottom:solid 1px #222;
	margin-top:1px;
	padding:6px 0px; 
}

.ui-accordion-content p { margin-top:3px; }

/*------------ START SUBCONTENT AREA STYLES ------------*/
#subcontent {
	width:1000px;
}

#latest-blog {
	width:480px;
	height:240px;
	margin-right:8px;
	background-color:#333;
	border:solid 1px #888;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
	box-shadow:0px 0px 6px #000;
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
	text-align:justify;
	float:left;
}

#latest-blog h3 {
	margin:0px 16px;
	padding:10px 0px;
	border-bottom:solid 1px #121212;	
}

.home-blog {
	margin:1px 16px;
	border-bottom:solid 1px #7c7c7c;
}

.home-blog-entry {
	margin:1px 0px;
	padding:6px 1px 2px;
	border-top:solid 1px #7c7c7c;		
	border-bottom:solid 1px #121212;
}
.home-blog-entry h4 { margin:0 0 6px 0; }
.home-blog-entry p { margin:6px 0px; }

#glo-network {
	width:180px;
	height:240px;
	margin:0px 8px;
	background-color:#333;
	border:solid 1px #888;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
	box-shadow:0px 0px 6px #000;
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
	border-radius:8px;	
	float:left;	
}

#glo-network h3 {
	margin:0px 16px;
	padding:10px 0px;
	border-bottom:solid 1px #121212;	
}

.social-icons {
	margin:1px 16px;
	border-top:solid 1px #7c7c7c;
}

.social-icons ul { margin:0px; padding:0px; }
.social-icons li {
	list-style-type:none;
	display:inline-block;
	margin:20px 12px;
}

#schedule-appointment {
	width:300px;
	height:240px;
	margin-left:8px;
	background-color:#333;
	border:solid 1px #888;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
	-moz-box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
	box-shadow:0px 0px 6px #000;
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
	float:left;	
}

#schedule-appointment h3 {
	margin-top:16px;
	padding-top:66px;
	font-size:36px;
	line-height:46px;
	background:url('images/schedule-feather-icon.png') no-repeat 60% 0%;
}

#schedule-appointment a { margin-top:20px; color:#fff; display:block; }


/*------------ START FOOTER AREA STYLES ------------*/
#footer {
	width:1000px;
	margin:10px 0 20px 0;
	font-size:12px;
}

#footer-info {
	text-align:left;
	float:left;
}

#footer-copyright {
	text-align:right;
	float:right;
}


/*------------ START GRAVITY FORMS AREA STYLES ------------*/
#gform_wrapper_1 { margin-left:80px; }

#field_1_1 input, #field_1_4 input {
	width:480px !important;
	height:40px;
	padding:4px;
	background-color:rgba(16,16,16,0.2);
	border:dotted 1px #fff;
	font:normal 18px 'Prociono', 'Times New Roman', serif;
	color:#fff;
}

#field_1_3 textarea {
	width:480px !important;
	padding:4px;
	background-color:rgba(16,16,16,0.2);
	border:dotted 1px #fff;
	font:normal 18px 'Prociono', 'Times New Roman', serif;
	color:#fff;
}

#gform_submit_button_1 {
	width:120px;
	height:30px;
	background-color:#e7d191;
	border:solid 1px #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#field_1_1 input:focus, #field_1_4 input:focus,
#field_1_3 textarea:focus {
	border:dotted 1px #e7d191;
	-moz-box-shadow:0px 0px 9px #000;
	-webkit-box-shadow:0px 0px 9px #000;
	box-shadow:0px 0px 9px #000;
}



/*------------ START CONTACT FORM 7 AREA STYLES ------------*/
.wpcf7-form {
	margin-left:80px;
}

.wpcf7-text {
	width:480px;
	height:40px;
	padding:4px;
	background-color:rgba(16,16,16,0.2);
	border:dotted 1px #fff;
	font:normal 18px 'Prociono', 'Times New Roman', serif;
	color:#fff;
}

.wpcf7-textarea {
	width:480px;
	padding:4px;
	background-color:rgba(16,16,16,0.2);
	border:dotted 1px #fff;
	font:normal 18px 'Prociono', 'Times New Roman', serif;
	color:#fff;
}

.wpcf7-select {
	width:490px;
	padding:4px;
	background-color:rgba(16,16,16,0.2);
	border:dotted 1px #fff;
	font:normal 18px 'Prociono', 'Times New Roman', serif;
	color:#fff;
}

.wpcf7-submit {
	width:120px;
	height:30px;
	background-color:#e7d191;
	border:solid 1px #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.wpcf7-text:focus, 
.wpcf7-textarea:focus, 
.wpcf7-select:focus {
	border:dotted 1px #e7d191;
	-moz-box-shadow:0px 0px 9px #000;
	-webkit-box-shadow:0px 0px 9px #000;
	box-shadow:0px 0px 9px #000;
}

ul.appointment { margin:0px; padding:0px; }
.appointment li {
	list-style-type:none;
	display:inline-block;
}
ul.appt-date { margin-right:14px; padding:0px; }
.appt-month .wpcf7-select { width:180px; }
.appt-day .wpcf7-select { width:100px; }
.appt-time .wpcf7-text { width:180px; height:26px; }

.wpcf7-textarea { height:180px; }