/****** css based on BluePigment by Erwin Aligam http://www.styleshout.com ****/
/**** original template based on BluePigment by http://www.kendahlin.com ****/
/****** adapted by philip, http://www.philipcundall.com ****************/

/******* universal settings **************/

* {padding:0;margin:0;border:0;}
a {outline:none;}
.clear {clear: both;}

body {
margin:0; 	
padding:0;
font:normal 1em  verdana,arial,helvetica,sans-serif;	 
text-align:left;
color:#333;
width:100%;
}

body#home {background:#000 url(images/matthew-event-header.jpg) top left no-repeat;}
body#blog {background:#f92296 url(images/matthew-life-model-ladies-only.jpg) top left no-repeat;}
body#classes {background:#000;}
body#contact {background:#000;}
body#guest {background:#000;}
body#news {background:#000;}
body#press {background:#000;}

/*************** styling links **************/

a {
color: #333;
background-color: inherit;
text-decoration: underline;
}
a:hover {
color: #999; 
background-color: inherit;
text-decoration: underline;	
border: none;
}

.clear {clear:both;}

/************* headers ****************/

h2 {
font:bold 2em 'arial',helvetica,verdana,sans-serif;
color:#3b302b;
margin:0;
padding:10px 0;
}

h4 {
font:bold 1.8em 'arial',helvetica,verdana,sans-serif;
margin:0;
padding:0;
color:#333;
}

h5 {
font:bold 1.4em 'arial',helvetica,verdana,sans-serif;
margin:10px 0;
padding:0;
color:#3b302b;
clear:left;
}

ul, ol {margin: 10px 30px;padding: 0 15px;}

p {
font-size:.8em;
line-height:1.4em;
margin:0 0 10px 0;
padding:0;
}

p span {font-weight:bold;}

h3 a, h3 a:link, h3 a:visited {text-decoration:none;}
h3 a:hover {text-decoration:underline;}
h3 a:active {text-decoration:none;}

/************* images **************/

img.logo {float:left;}
img.profile {float:left;}

img, img a {
background:transparent;
border:0;
padding:0;
margin:10px 10px 5px 0;
}

.graphic, .graphic img, .graphic img a {
display:inline;
border:0;
padding:0;
margin:3px 0 0 0;
}

/****** quote **************/

blockquote {
	margin: 20px 0;
 	padding: 10px 0 10px 28px;  
   	border-top: 1px solid #ccc;
   	border-bottom: 1px solid #ccc;
	background:none; 
  	font: normal 1.2em 'verdana',arial,helvetica,sans-serif;
  	color:#3b302b;
}

/**** header ***********/

#header-content {
	height: 287px;
	text-align: left;
	position: relative;
	margin: 0 auto; 
	padding: 0;
}
#header-content h1#logo-text a {
	min-width:700px;
	position: absolute;
	top: 205px; left:0;	
	margin:0; 
	padding:0;
	font:bold 1.5em 'Gill Sans Ultra Bold','gill sans mt',impact,'arial bold',helvetica,verdana,sans-serif;
	color:#fff;
	text-decoration: none;
	text-transform:uppercase;	
}

#header-content h1#logo-tag {
	min-width:700px;
	position: absolute;
	top: 180px; left:0;	
	margin:0; 
	padding:0;
	font:bold 2em 'arial bold',arial,helvetica,verdana,sans-serif;
	color:#fff;
	text-decoration: none;
	text-transform:uppercase;	
}

/******** header workshop text index page *************/
#header-content .strap {
	position: absolute;
	top:15px; right:0;
	width:400px;
	padding:0 0 0 10px;
}
h1.strap {font-size:1.4em;color:#fff;text-transform:uppercase;}

img.right {
position:absolute;
top:120px;right:0;
margin-right:5px;
margin-bottom:0px;
}


/************ main navigation *************/

#nav {
	position:absolute;
	top:260px;left:-5px;
	width:100%;
	min-width:700px;
	float:left;
	background:transparent; 
	clear: both;
	clear: both;	
	margin: 0 auto;
	padding:0;
	height:100px;	
}
#nav ul {
	float: left;
	list-style: none;
	text-transform: uppercase;
	margin:0;
	padding:0;		
}
#nav ul li {
	float: left;
	margin: 0; padding:0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding:0 10px 30px 10px;
	color: #a2a09c;
	font: bold 15px 'arial',helvetica,verdana,sans-serif;
	text-decoration: none;	
	letter-spacing: 1px;	
}

#nav .current {
display: block;
background:transparent url(images/arrow.png) bottom center no-repeat;
float: left;
width: auto;
margin: 0;
padding:0 10px 30px 10px;
color: #eee;
font: bold 15px 'arial',helvetica,verdana,sans-serif;
text-decoration: none;	
letter-spacing: 1px;	
}

#nav .currentladies {
display: block;
background:transparent url(images/arrow-pink.png) bottom center no-repeat;
float: left;
width: auto;
margin: 0;
padding:0 10px 30px 10px;
color: #eee;
font: bold 15px 'arial',helvetica,verdana,sans-serif;
text-decoration: none;	
letter-spacing: 1px;	
}

#nav ul li a:visited {}
#nav ul li a:hover {color:#eee;}
#nav ul li a:active {color: #a2a09c;}


/************* content **************/

#header-content, #content, #nav {width: 93%;}

#content-wrap {
	clear: both;
	background:#fff;
	float:left;
	width:100%;
	position:relative;
}

#content {
background:#fff;
float:left;
width:1200px;
padding:25px 0 30px 0;
position:relative;
overflow:hidden;
}

/*********** sidebar **************/

#sidebar {
position:absolute;
top:45px;right:40px;
width:370px;
padding:0;
}

#sidebar h1 {
font:bold 1.4em arial,helvetica,verdana,sans-serif;
padding: .3em 0 .5em 0; 
color: #3b302b;	
}

#sidebar h2 {
font:bold 1.4em arial,helvetica,verdana,sans-serif;
padding: .3em 0 .5em 0; 
color: #333;
}	

#sidebar .sep{
	background: url(images/dots.jpg) repeat-x left bottom;
	height: 1px;
	margin: 10px 15px 10px 0;
	clear: both;
}

/************* main content **************/

#main {
	margin: 30px 0 10px 40px; 
	padding: 0;
	width:700px;
}

/******** content box ***********/

.box {
	position:relative;
	margin: 5px 0 20px 0;	
	padding: 10px 10px 20px 10px;		
	border: 1px solid #ddd;
	background:#eee;
	clear:both;
}

ul#twitter_update_list {
list-style:none;
padding:0;margin:0;
font:normal 1.4em 'arial',helvetica,verdana,sans-serif;
line-height:1.4em;
}

.splash {
position:absolute;
top:60px;right:15px;
text-align:right;
}
.splash img, .splash a img {border:none;}

/***************** the form **********************/

form {
background:#fff;
text-align:left;
width:410px;
padding:10px;
margin:15px 0 0 0;
border:1px solid #ccc;
}

input, textarea {background:#eee;padding:2px;color:#333;}
textarea {border:1px solid #ccc;margin:0 0 0 20px;}

p.form {margin:20px 0 10px 20px;}
p.msg {margin:0 0 10px 20px}

.textname, .textemail {width:250px;border:1px solid #ccc;}
.textname {margin:0 0 0 15px;}
.textemail {margin:0 0 0 17px;}

.submit {
letter-spacing:2px;
margin:5px 0 0 0;
width:100px;
border:1px solid #000;
background: #fff;
color:#000;
}
.submit:hover {
border:1px solid #000;
background:#000;
color:#fff;
}

/************* vid *****************/

.vid {
z-index:50;
margin:0 0 20px 0;
border:none;
}

/************** FOOTER ***************/

#footer-wrap {
	clear:both;
	border-top:2px solid #3d3c39;
	background:#000;
	padding: 1.6em 0;
}

#footer-wrap h2 {
	color: #b4b3b3;
	margin:0 0 10px 40px;
	padding:0;
	font-size:1em;
	font-weight:normal;
}
#footer-wrap a, #footer-bottom a {
	text-decoration: none;
	color: #8e8d8d;
	font-weight:normal;
}
#footer-wrap a:hover, #footer-bottom a:hover {color: #eee; text-decoration:none;}

#footer-wrap .gall {
width:90%;
clear:both;
padding-left:0;
margin-left:40px;
}

.gall {
clear:both;
width:90%;
}

.gall a img, .gall img {
border:none;
padding:0;
margin:0 10px 10px 0;
}

#footer-bottom {
	clear:both;
	color: #666;	
	padding: 2em 0;
	font-size:.7em;
	margin-left:40px;
}

#footer-wrap .credit a {text-decoration:none;}
#footer-wrap .credit span {display:none;}
#footer-wrap .credit:hover span {display:inline;color:#eee;}