/*

Theme Name: Skinpeccable
Description: Theme for Skinpeccable
Author: David Villatoro

*/

.walkins { color: #fff; }
.walkins h3 { padding: 0!imporant; margin: 0 10px!important; font-size: 1.1em!important; }
.walkins ul li { line-height: 1.1em!important; padding: 0 0 2px; }


#search { padding: 0 0 8px 5px; }
#search h3 { font-size: 1.2em!important; }

.AccordionPanelContent ul li a:hover { color:#ddd!important; }
h3 {
	color: #c28217!important;
	font-size: 1.6em!important;
	padding: 14px 0 6px!important;
}
.h3 a {
	text-decoration: underline;
	color: #c28217!important;
}

#mid-buttons { background: url(images/mid-buttons.jpg) no-repeat; height: 76px; width: 785px; position: relative; }
#mid-buttons .link { display: block; width: 58px; height: 19px; position: absolute; outline: none; text-indent: -9999px; top: 37px; }
#mid-buttons .schedule { left: 177px; }
#mid-buttons .specials { left: 421px; }
#mid-buttons .refer { left: 708px; }

#mid-buttons .wpcf7 { position: absolute; top: 25px; left: 501px; margin: 0!important; padding: 0!important; }
#mid-buttons .wpcf7 p, #mid-buttons .wpcf7 span { line-height: 17px!important; margin: 0!important; padding: 0!important; }
#mid-buttons .wpcf7 br { display: none; height: 0; padding: 0; margin: 0; }
#mid-buttons .wpcf7 .your-email input { position: x; top: 0; left: 0; margin: 0!important; padding: 0!important; border: 0; width: 190px; height: 17px; background: transparent; }
#mid-buttons .wpcf7 .friend-email input { position: x; top: 27px; left: 0; margin: 11px 0 0!important; padding: 0!important; border: 0; width: 190px; height: 17px; background: transparent;  }
#mid-buttons .wpcf7 .submit { width: 70px; margin: 0; padding: 0; border: 0; background: transparent; position: absolute; top: 27px; left: 198px; z-index: 10; }

.refer-friend label { display: inline-block; width: 90px; }
.refer-friend .name, .refer-friend .email { background: #e5d3b5; border: solid 2px #b5b290; }
.refer-friend .submit { background: #d4962f; border: solid 2px #eca646; color: white; }
.refer-friend .field { position: relative; }
.refer-friend label.error { width: auto; color: #c00; padding: 3px; border: 1px solid #c00; background: #fff; position: absolute; top: 5px; right: -10px; min-width: 100px; z-index: 10; }
.refer-friend .success { border: #0c0; padding: 3px; border: 1px solid #0c0; background: #fff; text-align: center; width: 75%; margin: 0 auto; }

/*.optin { padding-bottom: 12px; }
.optin fieldset { border: 0; padding: 0; margin: 0; }
.optin label { display: inline-block; width: 70px; }
.optin .required { background: #e5d3b5; border: solid 2px #b5b290; }
.optin .email { width: 137px; }
.optin .month, .optin .day { width: 30px; }
.optin .year { width: 60px; }
.optin #stnl_submit, .optin #mc-embedded-subscribe { background: #d4962f; border: solid 2px #eca646; color: white; }*/

.optin { background: url(images/refer-a-friend-home.jpg) no-repeat; height: 224px; width: 358px; position: relative; }
.optin label { display: none; }
.optin input { font-size: .8em; }
.optin .email { position: absolute; top: 126px; left: 240px; border:0; background: transparent; width: 88px; height: 16px; padding: 0px 2px; }
.optin .month { position: absolute; top: 154px; left: 243px; border:0; background: transparent; width: 20px; height: 16px; padding: 0 0px; }
.optin .day { position: absolute; top: 154px; left: 270px; border:0; background: transparent; width: 18px; height: 16px; padding: 0 1px; }
.optin .year { position: absolute; top: 154px; left: 297px; border:0; background: transparent; width: 32px; height: 16px; padding: 0 1px; }
.optin .submit { position: absolute; top: 183px; left: 247px; border:0; background: transparent; cursor: pointer; width: 82px; height: 18px; }

.optin-large { background: url(images/refer-a-friend.jpg) no-repeat; height: 357px; width: 570px; position: relative; }
.optin-large label { display: none; }
.optin-large .email { position: absolute; top: 206px; left: 381px; border:0; background: transparent; width: 140px; height: 16px; padding: 2px 4px; }
.optin-large .month { position: absolute; top: 252px; left: 387px; border:0; background: transparent; width: 30px; height: 16px; padding: 0 2px; }
.optin-large .day { position: absolute; top: 252px; left: 429px; border:0; background: transparent; width: 30px; height: 16px; padding: 0 2px; }
.optin-large .year { position: absolute; top: 252px; left: 472px; border:0; background: transparent; width: 52px; height: 16px; padding: 0 2px; }
.optin-large .submit { position: absolute; top: 292px; left: 394px; border:0; background: transparent; cursor: pointer; width: 131px; height: 29px; }

#footer { text-align: center; }
#footer p { text-align: center; }
#footer ul { list-style: none; margin: 0; padding: 0; display: inline; }
#footer li a { margin: 0; color: #cab697; }
#footer li { display: inline; padding: 0 4px 0 8px; border-left: 2px solid #7c5a3d; line-height: 1.5em; }

.wordtube { text-align:center; padding-top: 8px; }

/*--- Layout --*/
.Accordion {
	overflow: hidden;

}

.AccordionPanelContent {
	overflow: auto;

}
.AccordionPanelContent ul { padding-top: 0!important; padding-bottom: 0!important; margin-top: 0!important; margin-bottom: 0!important; }
.AccordionPanelContent ul li { padding-top: 0!important; padding-bottom: 0!important; margin-top: 0!important; margin-bottom: 0!important; }
/*a { color: #8c4f1d; }*/
a { color: #2222df; }
a:hover { color: #d66103; }


#content-container .wpcf7 { width: 620px; margin: 0 auto!important; }
#content-container .wpcf7 input, #content-container .wpcf7 select { width: 300px; }
#content-container .wpcf7 p { height: 40px; }
#content-container .wpcf7 .submit { width: 100px; }

.alignright { float: right; }
.alignleft { float: left; margin: 0 8px 8px 0; }
.aligncenter { display: block; margin: 0 auto; }

html, body, h1, h2, h3, h4, h5, h6, p, div, ul, li {
	padding: 0;
	margin: 0;
}

#content-container ul {
	margin: 0 0 0 20px
}

.wide {
	padding: 10px;
	text-align: justify;
}

#header-container {
	width: 100%;	
}

#header {
	width: 1000px;
	margin: 0 auto;
}

#menu {
	width: 100%;	
}

#menu-links {
	width: 980px;
	margin: 0 auto;
	height: 45px;
}

#menu-links li { position: relative; z-index: 50; }

#menu-links li .submenu { display: none; position: absolute; left: 0; top: 45px; background: #312f25; width: 200px; z-index: 50; margin: 0; padding: 8px 8px 8px 30px; list-style: url(images/bullet.jpg); }
#menu-links li:hover .submenu { display: block; }
#menu-links li .submenu ul { padding: 0; margin: 0; list-style: url(images/bullet.jpg); }
#menu-links li .submenu li { padding: 0; margin: 0; float: none; }
#menu-links li .submenu li a { color: #e7dec1; text-decoration: none; }
#menu-links li .submenu li a:hover { color: #fff; }

#page-container {
	width: 100%;

}

#page {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top: -3px;
}

#page-left {
	/*background: #ecdbc1;*/
	width: 786px;
	float: left;
}

#content-container {
	width: 786px;
}

#content-left {
	width: 360px;
	float: left;
	padding: 20px;
}

#content-right {
	width: 380px;
	float: right;
}

#video {
	padding: 20px;
	height: 350px;
}

#video-library {
	padding: 2px 20px;	
}

#sidebar {
	width: 214px;
	min-height: 770px;
	float: right;
	/*background: #312f25 url(images/sidebar-bg.jpg) bottom left no-repeat;*/
background: #312f25;
}

#footer-container {
	width: 100%;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	padding: 5px;
	color: #9c8b71;
}

.clear {
	clear: both;
}

/*--- Text and Colors ---*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #582801;
	background: #635139;
}

p {
	padding: 5px 0;
}

#content-right strong {
	color: #c28217;
}

#content-left h1 {
	color: #48473a;	
	font-size: 25px;
	padding: 5px 0;
}

#content-left h3
	color: #c28217;
	font-size: 17px;
}

#sidebar h1 {
	color: #d7d5bb;	
	font-size: 22px;
	padding: 5px 0;
}

#video a {
	text-decoration: underline;
}

#video-library a {
	color: #cfcabc;
	text-decoration: underline;
}

#video-library a:hover {
	text-decoration: none;	
}

/*--- Backgrounds and Images ---*/

a img {
	border: none;	
}

#header-container {
	background: url(images/header-bg.jpg) repeat-x top left;
	height: 97px;
}

#menu {
	background: url(images/menu-bg.jpg) top left repeat-x;
	height: 45px;
}

#page-container {
	background: #ebdcbf url(images/page-container-bg.jpg) repeat-x top;
}

#content-left {
	background: #ebdbbf;	
	height: 382px;
}

#content-right {
	background: #f7f0e4;	
}

#video-library {
	background: url(images/video-library-bg.jpg) top left repeat-x;
	height: 30px;
}

/*#sidebar-top {
	background: #312f25;	
}

#sidebar-bottom {
	background: url(images/sidebar-bg.jpg) top left no-repeat;
	height: 365px;
}*/

#footer-container {
	background: url(images/footer-bg.jpg);
	height: 40px;
}

/*--- Borders and Lists ---*/

#menu-links ul {
	list-style: none;
	margin-left: 30px;
}

#menu-links ul li {
	float: left;
}

#content-right {
	border-left: #dcc59e medium solid;	
}

#sidebar-top ul {
	list-style: url(images/bullet.jpg);
	margin: 10px 30px;
}

#sidebar-top ul li {
	line-height: 24px;
}

#sidebar-top ul li a{
	display: block;	
	border-bottom: solid 1px #545341; 
	text-decoration: none;
	color: #9e9580;
	font-size: 13px;
}

#sidebar-top ul li a{
	text-decoration: none;
	color: #9e9580;
	font-size: 13px;
}

#footer .menu { list-style: none; }
#footer .menu li { display: inline; padding: 0 8px; }

