/* SHAUNA SHANE CSS */

body{background:#2a2a2a url(images/bg1.jpg) repeat-x; font-family:verdana; margin:0; padding:0;}
.black{color:black;}
a{outline:none;}
.orange{color:#ff7d14;}
.noclear{clear:none;}
.left{float:left;}
.right{float:right;}
.box form{width:300px; overflow:hidden; float:left; clear:none;}
.box table{font-size:8pt; font-family:verdana; padding-bottom:10px; border:1px solid #555; color:#ddd; padding-left:20px; width:300px;}
table{font-size:8pt; font-family:verdana; color:white;}

/* MAJOR DIVS */
.welcome a{background:#444; color:white; padding:1px; padding-left:3px; padding-right:3px; text-decoration:none; color:#ddd;}
.welcome a:hover{background:#666;}
.links h1{font-family:georgia, serif; color:white; font-weight:normal; font-size:20pt;}
.links ul{font-size:9pt; color:#ccc; font-family:Georgia; }
.links p{font-size:9pt; color:#ccc; font-family:Georgia; }
.links ul a{color:#ddd; background:#444; text-decoration:none; padding:3px;}
.links ul li{margin-top:5px;}
.links ul li ul li{list-style-type:none;}
.links ul a:hover{background:#666;}
.aboutcontent{width:800px; font-family:georgia, serif;}
.aboutcontent h1{color:white; font-weight:normal; font-size:20pt;}
.aboutcontent p{line-height:1.4em; color:#ddd; font-size:9pt;}
.aboutcontent img{padding:3px; border:3px solid #666; margin-left:15px; margin-bottom:0px;}
div.frontpic{position:relative; z-index:1; float:left;}
img.frontpic{float:left; border:5px solid #555;}
.all{font-size:12pt; margin:0; padding:0; width:100%; overflow:hidden; padding-top:5px; position:relative; z-index:1;}
.top{width:100%; position:relative; z-index:1; overflow:hidden; font-size:8pt; font-family:verdana; color:#666; padding-left:20px; float:left; height:auto; margin-bottom:0; padding-top:0; background: url(images/topn.jpg) repeat-x #2a2a2a;}
.top img{float:left;}
.header{float:left; margin-top:0px; margin-left:140px; width:500px; overflow:hidden; height:70px; background: url(images/shanelogo1.jpg) no-repeat;}
.header img{float:left; clear:both; margin:0;}
.header p{margin:0; float:left; margin-left:130px; margin-top:15px; color:#aaa;}
.frame{position:absolute; top:-3px; left:0px; z-index:80; overflow:hidden; height:110px; width:140px;}
.mid{width:100%; float:left; margin:0; padding:0;}
.front{ float:left; width:540px; margin-left:10px; position:relative; z-index:4;}
.front img{width:520px; border:5px solid #444;}
.content{float:left; width:100%; margin-top:32px; text-align:center;}
.wrap{text-align:left; margin:0 auto; padding:0; width:850px; overflow:hidden; height:auto; clear:both; position:relative; top:33px;}
.foot{float:right; clear:both; width:100%;}
.welcome h1{font-size:20pt; width:80%; color:white; font-family:georgia; font-weight:normal; float:left; margin-top:0; margin-bottom:0px;}
.welcome p{font-size:10pt; line-height:1.3em; width:200px; color:#aaa; font-family:georgia, sans-serif; float:left; margin:0; padding:0; margin-top: 8px; margin-bottom:10px;}
.mapinfo h1{font-size:20pt; width:200px; color:white; font-family:georgia; font-weight:normal; float:right; margin-top:0; margin-bottom:0px;}
.mapinfo p{font-size:10pt; line-height:1.3em; width:200px; color:#aaa; font-family:georgia, sans-serif; float:right; margin:0; padding:0; margin-top: 8px; margin-bottom:10px;}

p.linetop{border-top:1px solid #aaa; padding-top:10px;}
.credit{color:#277eff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; width:200px; clear:both;}
.margin10{position:relative; top:10px;}
.links{float:left; width:480px; height:380px; padding:0px; display:block; background:none; margin-left:10px;}

/* MAP */

#toAddress{display:none;}
select{display:none;}
#contact h3{color:white; font-size:10pt;}
#contact{color:#888; font-size:8pt; margin-top:5px; /*opacity:0;*/}
#contact b{color:#bbb;}
#directions div .googledir div table tbody tr td{background:#333; color:white;}
.directions tbody tr th{background:#333;}
#map{float:left; width:500px; float:left;}
#map h2{font-size:1.1em; font-weight:bold; color:white; position:relative;}
#map {color:#bbb; font-size:.7em;}
#map b{color:white;}
#map tr td a{color:orange;}

/* ABOUT */

.q1 a.active6{display:block; background:#444; border:1px solid #555; color:#aaa; font-family:georgia; float:left; padding:2px; text-decoration:none; width:auto;}
.q1 a:hover{display:block; background:#444; border:1px solid #555; color:#aaa; font-family:georgia; float:left; padding:2px; text-decoration:none; width:auto;}
a.experience, a.education{display:block; background:#333; margin-left:10px; margin-bottom:12px; font-family:georgia; color:#888; border:1px solid #555; float:left; padding:2px; text-decoration:none; width:auto;}
a.more{float:left; padding-left:3px; padding-right:3px; padding-top:1px; padding-bottom:1px; background:#555; text-decoration:none; color:#ccc; border:1px solid #666; font-weight:normal; margin-top:5px;}
a.more:hover{background:#5a5a5a; border:1px solid #777;}
.q1, .q2, .q3 {float:right; margin:0; padding:10px; display:block; width:220px; line-height:10pt; clear:right;}
.q1{margin-top:30px; height:20px;}
.q1 li, .q2 li, q3 li {float:left; margin-top:5px; padding:0; width:100%;}
.q3 li{margin-left:10px; margin-top:5px;}
.q2, .q3{display:none;}
.q1{padding:0; width:240px;}
.q2 b, .q3 b{display:block; float:left; width:100%; margin-top:10px; margin-bottom:3px;}
.q3 a{color:white;}
p.p1, p.p2, p.p3, p.p4, p.p5, p.p6{display:none; padding-right:10px; height:200px; border-right:1px solid #aaa; float:left; position:absolute;}
.aboutnav{display:none; position:absolute; z-index:100; margin-top:400px; left:20px; height:30px;}
.aboutnav a{padding:3px; color:#888; margin-bottom:10px; margin-left:10px; text-decoration:none; background:#333; border:1px solid #555; height:10px; width:10px; float:left;}
.aboutnav a:hover{background:#444; border:1px solid #555; color:#aaa;}
.aboutnav a.active{background:#444; border:1px solid #555; color:#aaa;}
.about img{float:left; margin:10px; }
.about p{float:left; width:240px; margin:0; margin-left:10px; margin-bottom:10px; margin-top:10px;}
.about .hide{display:none;}
.about .show{display:block;}
.about{float:none; position:relative; color:#eee; font:.7em/1.6em verdana; width:270px; overflow:hidden; z-index:90; display:block; }

/* NAV */
.navbar{width:100%; height: 30px; background:#111; position:relative; float:left; z-index:2; text-align:center;}
.nav{width:850px; padding-top:5px; padding-bottom:7px; position: relative; z-index:2; margin:0 auto;}
.nav ul{margin:0; padding:0; list-style-type:none; text-decoration:none; text-align:left; overflow:visible;}
.nav li{margin:0; padding:0; list-style-type:none; text-decoration:none; float:left; margin-right:20px; overflow:visible;}
.nav a{text-decoration:none; color:#888; font-size:.8em; font-weight:bold; padding-left:20px; background: url(images/square.png) no-repeat;}
.nav ul li ul.artnav{display:none;}
.nav ul li ul.eventsnav{display:none; width:550px;}
.nav ul li ul.contactnav{display:none;}
.nav ul li ul.homenav{display:none;}
.eventsnav, .homenav, .artnav, .contactnav{width:550px; float:left;}
.nav ul li ul li a.active2{background:#111;}
.nav ul li ul li a.active3{background:#111;}
.nav ul li ul li a.active4{background:#111;}
.nav li.art a.active{background: url(images/down.png) no-repeat; color:#12ff00;}
.nav li.home a.active{color:#277eff; background: url(images/downblue.png) no-repeat;}
.nav li.art a#active{color:#12ff00; background: url(images/down.png) no-repeat;}
/*.nav a.active:hover{color:auto;}*/
.nav a:hover{color:#999;}
.nav li.contact a.active{background: url(images/downorange.png) no-repeat; color:#ff7d14;}
.nav ul li ul li a:hover{background: #111;}
.nav ul li ul li a{font-weight:100; background: none; padding-top:3px; padding-bottom:5px; padding-left:6px; padding-right:6px; float:left; width:auto; margin:0; clear:none;}
.nav ul li ul{display:block; position:absolute; top:33px;}
.nav ul li ul li img{float:left;}
.nav ul li ul li{background: url(images/circl.png) no-repeat; padding-left:5px; padding-right:5px; margin:0; border-left:1px solid #333;}
.nav li.events a.active{color:#ff3636; background: url(images/downpink.png) no-repeat;}

/* HAPPENINGS */

.entry{display:block; float:left; overflow:hidden; width:300px;}
.blog{float:left; width:490px; height:auto; padding-left:20px; padding-right:20px; padding-bottom:20px; display:block; background:none; margin-left:10px;}
.blog p{font-size:8pt; color:#aaa; margin:0; margin-bottom:10px;}
.blog h3{font-size:9pt; color:white; margin:0; float:left; width:100%; border-bottom:1px solid #666; padding-bottom: 3px;}
.blog h2 a{color:white; font-size:12pt; text-decoration:none;}.class{display:block; float:left; width:300px; margin-bottom:20px;}
.blog h4{margin:0; font-size:9pt; display:block; margin-top:2px; margin-bottom:8px; float:left; width:100%; color:#aaa; font-weight:normal;}
.class p{float:left; width:100%;}
.gallery{margin-top:10px; float:left;}
p.class{width:300px; float:left; display:block; overflow:hidden;}

.classes{float:left; clear:both; width:100%;}
.galleries{float:left; clear:both; width:100%; display:none;}
.demonstrations{float:left; clear:both; width:100%; display:none;}

.exhibits{float:left; clear:both; width:100%; display:none;}
.evententry{float:left; width:100%; margin-bottom:15px; background:none; color:#555; background:#ccc;}

/* RIGHTBOX */

.rightbox{width:300px; overflow:hidden; float:right; position:relative; z-index:90; height:auto; padding-bottom:20px;}
.leftbox{width:180px; padding-right:10px; overflow:hidden; float:left; position:relative; z-index:90; height:auto; padding-bottom:20px;}
.leftbox p{float:left; margin-right:20px; width:auto;}
.leftbox b{color:white}
.rightbox .credit{float:left; color:#277eff; font-weight:bold; font:.7em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; margin-left:20px; margin-top:20px;}
.rightbox .details{float:left; clear:both; color:#555; font:.7em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; margin-left:40px;}
.rightbox .events{float:left; margin-left:20px; color:white; padding:10px; display:none; font:.7em/1.6em Verdana, Arial, Helvetica, sans-serif; background: #444; width:100%}
.rightbox .events p{ padding:5px 5px 5px 10px; margin:0; background:none;}


/* ART */

.animals, .landscapes, .portraits, .still{display:block; float:left; width:515px; background:none; height:auto; padding:15px; position:relative; z-index:1;}
.creative{display:none; float:left; width:500px; background:#444; height:200px; padding:15px;}
.animals img, .landscapes img, .portraits img, .still img, .creative img{float:left; margin-right:10px; width:100px; border:4px solid #3a3a3a; margin-bottom:20px; margin-right:20px;}
.animals p, .landscapes p, .portraits p, .still p, .creative p{color:#888; font-size:.8em; float:left; height:auto; width:100%; border-bottom:1px solid #666;}

/* CONTACT */

div#contact{display:none; padding-bottom:20px; float:left; width:800px;}
#contact p, h3{width:200px; margin-right:20px; float:left; clear:left; margin-bottom:10px; margin-top:0;}
#contact form{width:280px; position:relative; top:25px; left:-220px; padding:10px; background:none; overflow:hidden; color:#999; font-size:8pt; margin-left:40px;}
input, select{font-size:8pt;}
input{margin-top:10px;}


/**
 * jQuery lightBox plugin

 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#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%;
	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;	
}

.foot{width:100%; float:left; clear:both; margin-top:80px; padding-left:10px; padding-top:10px; border-top:1px solid #111; background:#222; padding-bottom:20px;}
.foot a img{border:none; margin-left:5px;}
.foot a{text-decoration:none;}
.foot p{color:#444; font-size:10px; display:inline; margin:0px 0px 0px 0px; margin-left:20px; position:relative; top:-5px;}
.post h2 a{color:white; display:none;}
.ngg-gallery-thumbnail-box{width:auto; margin:0px 5px 5px 0px; float:left;}
.ngg-gallery-thumbnail a img{border:7px solid transparent;} 
.post .entry{width:500px;}
.ngg-gallery-thumbnail a img:hover{border:7px solid #3f3f3f;}