/* -------------------------------------------------------------- 

MnOrff Website Stylesheets V1.0 September 16th, 2008

--
Created by Radia Web, LLC 
contact@radiadesign.net

-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
[Color Codes]

	Dark brown #978e82 (body background)
	Light brown #cdc2b3 (links, table headers, list-style-color)
	Burgundy #3f0013 (navigation, footer text)
	
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
Global Resets
-------------------------------------------------------------- */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

body {line-height: 1.5;}

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------
Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: Georgia; text-transform: capitalize; clear: left;  }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em;}
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,h4 img, h5 img, h6 img {margin: 0;}

/* Homepage-specific h2 */
.homepage h2 {text-transform: none;}

/* -------------------------------------------------------------
Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; clear:left; }
p img       { float: left; margin: 0 1em 1em 0; padding: 0;}
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #FFF; }
a           { color: #cdc2b3; text-decoration: underline; }

strong      { font-weight: bold; }
/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: square; }
/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; text-transform: capitalize; background: #FFF;}
th          { font-weight: bold; background: #ceb492; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; text-transform: none; }

/* -------------------------------------------------------------- 
Main Layout
-------------------------------------------------------------- */

body {font-size: 75%; color: #222; background: #cdc2b3; font-family: Verdana;}

#container {width: 810px; margin: 18px auto; background: url(../assets/images/layout/containerbg.jpg) 0 0 repeat-y; overflow:auto;}
#about #container, #workshops #container {overflow:hidden;}

#header {height: 318px; background: url(../assets/images/layout/headerbg.jpg) top center no-repeat; padding: 18px 50px 0 50px;}

#navigation {height: 39px; width: 790px; text-align: center; padding-top: 15px; margin: 0 auto; background: url(../assets/images/layout/navigationbg.jpg) 0 0 repeat-x;}

#article {width: 470px; padding: 0 30px 0 50px; margin-right: 10px; margin:18px 10px 18px 0; float:left; border-right: 1px dotted #3f0013;}
#about #article, #workshops #article  {width: 710px; padding: 18px 40px 18px 40px; margin: 0 10px; border: none;}

#aside {width:200px; padding: 18px 40px 18px 0; float:left;}

#footer {height: 63px; background:url(../assets/images/layout/footerbg.jpg); clear:both; padding: 18px 50px 0 50px;}
#footer p {font-size: 0.75em; color: #3f0013; text-align: center;}

/* Workshop speaker page styles */
.speaker-photo {width: 150px; float: left; margin: 0 24px 0 0; padding: 0;}
.speaker-photo img {border: 7px solid #cdc2b3;}

.workshop-description {float:left; width: 536px;}
.workshop-description p span {font-weight: bold;}
.workshop-description p span.title, .workshop-description p strong {font-style: italic; font-weight: normal;}

/* -------------------------------------------------------------- 
Header
-------------------------------------------------------------- */

#header #logo {width: 350px; float:left; font-family: Georgia;}
#header #logo h1, #header #logo p {color: #FFF;}
#header #logo p {text-transform: capitalize; font-style:italic; font-size: 1.2em;}
#header #slideshow-container {width: 343px; float:left; padding:25px 0 0 17px;}


/* -------------------------------------------------------------- 
Images
-------------------------------------------------------------- */

.homepage img {float:left; margin:0; padding: 0;}
#aside .location img { padding-bottom: 1em; }
/* -------------------------------------------------------------- 
Navigation
-------------------------------------------------------------- */

#navigation ul {list-style: none; margin:0;}
#navigation li {display: inline;}
#navigation li a:link, #navigation li a:visited {font-size: 1.25em; padding: 0.5em; color: #3f0013; text-decoration: none; text-transform: capitalize; outline:none;}
#navigation li a:hover { background: #cdc2b3;}

/*---------------------------------------------------------
[ Lists ]b39b7a
---------------------------------------------------------*/

/* Contact Info lists */
ul#contact-info {list-style: none; margin:0;}
ul#contact-info li {margin-bottom:9px; line-height:16px; padding-left: 21px;}
li.email {background:url(../assets/images/icons/mail.jpg) 0 0 no-repeat;}
li.phone {background:url(../assets/images/icons/phone.jpg) 0 0 no-repeat;}

/* Links list */
ul.links {list-style: none; margin:0;}

/*workshop dates */
ul.workshop-dates li a {text-decoration: none;}

/* Homepage list */
.homepage ul {margin: 0; float:left; width: 190px; margin: 0 18px;}
.homepage ul li {text-align: left; margin-bottom: 18px; clear:left;  color: #000; }

/*---------------------------------------------------------
[ Form ]
---------------------------------------------------------*/

form {color: #000;}
form div {clear: left; padding-top:0.5em;}
form div label {float:left; width: 8em; font-weight: bold;}

input, textarea {border: 1px solid #000; padding: 0.5em; width: 20em;}
input.submit {width: 5em; padding: 0.5em; border: none;  cursor: pointer;}

input.checkbox {width: auto; border: none; float:left; padding: 0; margin-right: 5px;}

label.newsletter {width:auto; font-weight: normal;}
label.error {margin: 0.5em 0 0 8em; padding: 0.25em; clear: left; background: #FBE3E4; border: 1px solid #FBC2C4; width: 14em; text-align: center;}

/*---------------------------------------------------------
[ LIGHTBOX ]
---------------------------------------------------------*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}