/*

Ariel DP master styles for screen media

DHY Consulting

Updated: 4/23/2005 - added image swapper code for events page

*/

body {

	margin: 0;

	padding: 0;

	font-family: verdana, sans-serif;

	text-align: center;

	line-height: 1.5em;

	color: #333;

	background: #666;

	font-size: x-small; /* IE5 Win */

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size: small;

	margin-bottom: 8px;

}



html>body {

	font-size: small; /* be nice to Opera */

}



/* ---( text )------------------------------- */

a:link {

	color: #5b80b2;

}



a:visited {

	color: #969;

}



a:hover {

	color: #036;

}



p {

	margin: 1em 0 1em;

	padding: 0;

}



	

h1 {

	font-family: "lucida grande", verdana, sans-serif;

	font-size: 110%;

	font-weight: bold;

	color: #b00; /*#c63*/

	padding: 0;

	margin: 0;

}



h2 {

	font-family: "lucida grande", verdana, sans-serif;

	font-size: 105%;

	color: #b00; /*#c63*/

	padding: 0;

	margin: 0 0 1em 0;

}



h2.sub {

	color: #999;

	font-size: 90%;

	font-weight: normal;

	padding-bottom: 2px;

	margin-bottom: 1.5em;

	border-bottom: 1px solid #ddd;

}



h3 {

	font-family: "lucida grande", verdana, sans-serif;

	font-size: 100%;

	font-weight: bold;

	color: #000;

	border-top-width: 1px;

	border-bottom-width: 0px;

	border-top-style: solid;

	border-bottom-style: none;

	border-top-color: #ddd;

	border-bottom-color: #ddd;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: -0.2em;

	margin-left: 0;

	padding-top: 15px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

}



	

h3 span.profile {

	text-transform: uppercase;

	color: #000;

}



h3 span.classgrp {

	text-transform: uppercase;

	color: #c03;

}



h4 {

	font-family: "lucida grande", verdana, sans-serif;

	font-size: 95%;

	color: #c03;

}



h4.schedule {

	background-color: #c99;

	color: #fff;

	padding: 3px;

	text-align: center;

}



blockquote {

	font-size: 88%;

	color: #777;

	padding-left: 23px;

	background: url(../images/quotemarks.gif) no-repeat 0 3px;

}



code {

	color: #c63;

	font-size: 105%;

	line-height: 1.2em;

	text-align: left;

}



abbr, acronymn, .popup {

	font-style: normal;

	border-bottom: 1px dotted;

}



	

caption {

   font-family: Arial, sans-serif;

	text-transform: uppercase;

	font-weight: bold;

	color: #b00;

	padding-bottom: 8px;

}



em {

	font-style: italic;

}



span {

	color: #b00;

}



strike {

	text-decoration: line-through;

}



fieldset {

	width: 400px;

	margin: 0;

	padding: 1em;

	border: 1px solid #9e9e8a;

}



legend {

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	padding: 0;

	color: #333;

}



label {

	font-weight: bold;

}



table{

	border-top: 1px solid #999;

	border-left: 1px solid #999;

	border-collapse: collapse;

}



th, td {

  	padding: 10px;

	border-right: 1px solid #999;

	border-bottom: 1px solid #999;

}



th {

	font-family: Verdana, sans-serif;

	background: #ccc;

	font-size: larger;

	color: #b00;

}



td {

	font-size: smaller;

	color: #000;

}



tr.even {

	background-color: #eee;

}



tr.odd {

	background-color: #fff;

}



tr.strong {

   color: #000;

	font-weight: bold;

	margin: 10px 5px 15px 5px;

	text-transform: uppercase;

}



td.day {

	color: #b00;

	font-weight: bold;

	font-size: medium;

	padding-right: 10px;

}







/* ---( top )------------------------------- */

#wrap {

	position: relative;

	margin: 0 auto;

	padding: 0 16px;

	font-size: 95%;

	text-align: left;

	background: url(../images/bg_dark-white.gif) repeat-y; /*bg_dark-white*/

	width: 782px;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 750px;

}



html>body #wrap {

	width: 750px;

}



#wrap2 {

	position: relative;

	margin: 0 auto;

	padding: 0 16px;

	font-size: 95%;

	text-align: left;

	background: url(../images/bg_dark-white.gif) repeat-y;

	width: 782px;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 750px;

	margin-bottom: 10px;

}



html>body #wrap2 {



}



#topnav {

	position: relative;

	padding: 10px;

	clear: both;

	background: #fff;

}



#topnav a {

	text-decoration: none;

	color: #000;

	font-weight: bold;

}



#topnav a span {

	color: #b00;

	font-weight: bold;

}



#topnav a:hover {

	background-color: #c03;

	color: #fff;

}



#topnav a:hover span {

	color: #fff;

}



#topnav ul {

	margin-left: 0;

	padding-left: 0;

	display: inline;

}

 

#topnav ul li {

	margin-left: 0;

	padding: 3px 8px;

	border-left: 1px solid #000;

	list-style: none;

	display: inline;

}



#topnav ul li.first {

	margin-left: 0;

	border-left: none;

	list-style: none;

	display: inline;

}



#logo {

	background: url(../images/apd-logo001c.jpg) #9cf no-repeat top left;

	background-repeat: no-repeat;

	height: 93px;

	padding: 0;

	margin: 0;

}



#logo a {

	border-style: none;

	display: block;

	width: 118px;

}



#logo img {

	display: block;

	width: 0;

}



#logo span {

	position: absolute;

	top: 18px;

	left: 34px;

	width: 118px;

	height: 29px;

	background: url(../img/triplex_yellow.gif) no-repeat;

}



html>body #logo span {

	top: 19px;

}



#nav {

	float: left;

	margin: 0;

	padding: 0 0 0 10px;

	background: url(../images/stripe.gif) #000;

	z-index: 1;

	width: 750px; /* IE5 Win */

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 740px;

}



html>body #nav {

	width: 740px; /* be nice to Opera */

}



#nav li {

	float: left;

	margin: 0;

	padding: 0;

	list-style-type: none;

}



	

#nav a:link, #nav a:visited {

	float: left;

	font-size: 82%;

	line-height: 20px;

	font-weight: bold;

	margin: 4px 10px 0 10px;

	padding-bottom: 6px;

	text-decoration: none;

	border: none;

	color: #fff;

}



#nav a:link.active, #nav a:visited.active, #nav a:hover {

	border-bottom: 4px solid #fff;

	padding-bottom: 2px;

	color: #c03; /*#fc6*/

}



/* ---( main column )----------------------------- */

/* Commented Backslash Hack

     hides rule from IE5-Mac \*/

/* End IE5-Mac hack */

/*

#main-body {

	background: url(bg_side.gif) no-repeat top right;

}



*/

#content, #sitemap {

	float: left;

	width: 462px;

	margin: 18px 0 0 0;

	padding: 0 20px;

	clear: left;

}



#content.right {

	float: right;

	margin-bottom: 6px;

}



	

#content .entry, #sitemap .entry {

	margin-bottom: 14px;

}



	

#content .attachments {

	border: 1px solid #c03;

	padding: 10px;

	margin: 10px 0 10px 0;

}



	

/* figures */

#content img.thumb {

	float: right;

	margin-left: 12px;

	margin-bottom: 6px;

	margin-top: .5em;

	border-color: #ccc;

	border-width: 1px;

	border-style: solid;

	padding: 5px;

}



#content a img.thumb:hover {

	border-color: #999;

}



#content .figure {

	float: right;

	margin: .5em 0 6px 20px;

	font-size: 92%;

	color: #999;

	text-align: center;

}



#content .figure dt img {

	margin: 0 0 1em 0;

	padding: 6px;

	border: 1px solid #ddd;

}



#content .figure img.fig, #portcoll img {

	border-color: #ddd;

	border-width: 1px;

	border-style: solid;

	padding: 5px;

}



/* lists */

#content ul {

	list-style: none;

	margin: 1em 0 1em 0;

	padding-left: 24px;

	padding-bottom: 5px;

}







#sitemap ul {

	list-style: disc;

	margin: 8px 0 5px 0;

	padding-bottom: 5px;

	font-weight: bold;

}



#content ul li {

	padding: 5px 0 4px 19px;

	line-height: 1em;

	background: url(../images/li_bull.gif) no-repeat 0 6px;

}



	

#sitemap ul li {

	padding: 5px 0 4px 0;

	line-height: 1.2em;

}



#sitemap ul li ul {

	list-style: circle;

	font-weight: normal;

}



#perform {

	list-style: none;

	margin: 1em 0 1em 0;

	padding-bottom: 5px;

}



#perform h4 {

	color: #930;

	text-transform: uppercase;

}



#perform ul li {

	padding: 5px 0 4px 15px;

	line-height: 1em;

	background: url(../images/bullet_rounded.gif) no-repeat 0 8px;

}



#content dl dd {

	margin: 0;

	padding: 0 0 1em 10px;

}



#content dl dd span {

	color: #ff0080;

	font-style: italic;

}



	

#content dl dt span {

	text-transform: uppercase;

}



/* alert note */

#content .note {

	font-size: 90%;

	color: #777;

	padding: 10px 0 0 0;

	border-top: 1px solid #eee;

}



#content .alert {

	padding-left: 18px;

	background: url(../images/note_icon.gif) no-repeat 0 50%;

}



/* ---( entries )---------------------------------- */

p#menu {

	color: #999;

	font-size: 90%;

	margin-top: 0;

}



p#menu.month {

	margin-top: 1em;

}



p.posted {

	color: #999;

	font-size: 90%;

	padding: 0 0 12px 0;

}



p.sub {

	padding-bottom: 2px;

	margin-bottom: 1.5em;

	border-bottom: 1px solid #ddd;

}



	

.clink {

	padding-left: 14px;

	background: url(../images/so.gif) no-repeat 0 2px;

}



.commoff {

	color: #ccc;

	padding-left: 14px;

	background: url(../images/comments_off.gif) no-repeat 0 2px;

}



#more {

	margin-top: 0;

	padding-top: 1.5em;

	border-top: 1px solid #eee;

}



/* ---( comments )--------------------------------- */

#comments {

	font-size: 90%;

}



#comments textarea {

	width: 350px;

}



#comments h3 {

	font-size: 105%;

	padding: 0 0 4px 19px;

	margin-bottom: 10px;

	color: #c63;

	border-bottom: 2px solid #ddd;

	background: url(../images/box.gif) no-repeat 0 2px;

}



#comments h3#chead {

	margin-bottom: 0;

	border-bottom: none;

}



#comments code {

	font-size: 118%;

}



#comments dl {

	margin-top: 0;

	color: #666;

}



#comments dl dt {

	font-weight: normal;

	color: #c96;

	padding-top: 10px;

	border-top: 1px solid #ddd;

}



#comments dl dd {

	color: #666;

	padding: 0 0 0 16px;

	margin: 0 0 10px 0;

}



#comments textarea {

	width: 325px;

}



/* ---( right column )----------------------------- */

#sidebar {

	position: relative;

	font-size: 90%;

	line-height: 1.5em;

	margin: 25px 0 0 509px;

	padding: 20px 15px 0 15px;

	color: #777;

}



#sidebar.left {

	position: relative;

	font-size: 90%;

	line-height: 1.5em;

	margin: 25px 509px 0 0;

	padding: 20px 15px 0 15px;

	color: #777;

}



#sidebar h3 {

	border: 1px solid #c03; /*#fc6*/

	padding: 5px;

	margin: 0 0 10px 0;

}



#sidebar h4 {

	font-size: 92%;

	font-weight: bold;

	margin: 0;

}



	

#sidebar p {

	margin-top: 4px;

	margin-bottom: 20px;

	padding: 0 0 0 10px;

}



#sidebar ul, #sidebar dl {

	margin: 4px 0 20px 0;

	padding: 0;

	list-style: none;

}



#sidebar li {

	margin: 0 0 .5em 10px;

	padding: 0 0 0 13px;

	line-height: 1.2em;

	background: url(../images/bullet_rounded.gif) no-repeat 0 5px;

}



	

#sidebar li a {

	color: #777;

	text-decoration: underline;

}



#featured dd, #featured dt {

	margin: 0;

}



#sidebar #featured dt {

	margin: 0;

	padding: 0 0 0 15px;

	background: url(../images/bit_doc.gif) no-repeat 0 3px;

}



#sidebar #photobox {

	margin-bottom: 20px;

	padding: 7px;

	border-bottom: 1px #ddd0b9 solid;

	border-right: 1px #ddd0b9 solid;

	background: #fff;

	overflow: hidden;

}



/* custom ul styles */

#sidebar #slideshows li {

	margin-bottom: 0;

	padding: 0 0 7px 19px;

	background: url(../images/slide_birch.gif) no-repeat 0 2px;

}



	

#sidebar #newsarchive li {

	margin-bottom: 0;

	padding: 0 0 7px 19px;

	background: url(../images/bit_doc.gif) no-repeat 0 2px;

}



#sidebar #work-list li {

	margin-bottom: 0;

	padding: 0 0 7px 16px;

	background: url(../images/port_icon.gif) no-repeat 0 3px;

}



#sidebar ul.none li {

	margin-bottom: 2px;

	padding-left: 0;

	background: none;

}



	

/* switcher */

#theme {

	position: absolute;

	top: 67px;

	right: 26px;

	margin: 0;

	padding: 0;

}



#theme a img {

	margin: 2px 6px 0 0;

}



/* book tease */

#mybook dt img {

	float: left;

	margin: 2px 10px 0 0;

	padding: 2px;

	display: block;

	border: 1px solid #ddd;

	border-right-color: #ccc;

	border-bottom-color: #ccc;

	background: #fff;

}



#mybook dt a:hover img {

	border-color: #c0c0c0;

}



#mybook dt {

	margin-bottom: 8px;

}



#mybook dd {

	margin: 0 0 3px 0;

}



/* ---( footer )----------------------------------- */

#footer {

	position: relative;

	clear: both;

	margin: 0;

	padding: 8px 20px;

	font-size: 90%;

	color: #777;

	background: url(../images/stripe.gif);

}



#footer a:hover {

	color: #ccc;

}



/* ---( contact form )------------------------------------ */

#contactform input, #contactform textarea, #contactform select {

	border: 1px solid #ccc;

	background: #f5f5f5;

	padding: 2px;

	color: #444;

}



#contactform textarea {

	width: 320px;

	font-size: 110%;

}



	

/* ---( photos )------------------------------------------ */

#photogrid {

	width: 450px;

	margin-top: 12px;

	text-align: left;

}



	

#photogrid .photo {

	float: left;

	margin: 0 10px 10px 0;

	border: 1px solid #ccc;

	padding: 5px;

}

	

#photogrid a {

	color: #999;

	text-decoration: none;

	border-style: none;

}



#photogrid a:hover {

	color: #000;

}



#photonav {

	margin: 1em 0 0 0;

}



#photonav a {

	float: left;

	margin: 0 1px .5em 1px;

	padding: 1px 4px 0 4px;

	color: #ccc;

	text-decoration: none;

	border: none;

}



#photonav a:hover, #photonav a.active {

	color: #000;

	background: #ccc;

}



img#photo {

	padding: 10px;

	border: 1px solid #ccc;

}



/* photo viewer overrides */

body.viewer #content {

	width: 680px;

	margin-right: 20px;

	margin-bottom: 20px;

}



body.viewer #wrap {

	background-image: url(../images/bg_photo.gif);

}



/* ---( bits )------------------------------------------- */

dl.tiplist dt {

	padding-left: 15px;

	background: url(../images/dt_doc.gif) no-repeat 0 4px;

}



dl.solutions dt {

	float: left;

	background: none;

	padding-left: 0;

	margin-right: 10px;

}



#content dl.solutions dd.sol-title {

	padding-bottom: 0;

	font-weight: bold;

}



dl.solutions dt img {

	padding: 2px;

	border: 1px solid #ddd;

}



#content dl.tiplist dd {

	margin-left: 15px;

}



/* ---( software )--------------------------------------- */

.softlist dt {

	padding: 0 0 2px 0;

	margin: 1.2em 0 1em 0;

	border-bottom: 1px solid #ddd;

}



#content dl.softlist dd {

	padding-bottom: 0;

}



/* ---( misc. )------------------------------------------ */

#search {

	margin-top: .5em;

}



hr {

	margin: 20px 0;

}

	

#logo a, #nav a, a.noline:link, a.noline:visited, .photobox a:link, .photobox a:visited {

	border-style: none;

}



ul.nobullet li {

	list-style-type: none;

	list-style-image: none;

}



	

.center {

	text-align: center;

}



a img {

	border: none;

}



div.float {

	float: left;

	padding: 2px;

}



  

div.float p {

	text-align: center;

	font-weight: bold;

}



.shadowbox {

  background: #ccc;

  border: 1px solid #ccc;

  position: relative;

  top: 1px;

  left: 2px;

}

.shadowbox div {

  background: #fff;

  border: 1px solid #000;

  color: #000;

  padding: 10px;

  position: relative;

  top: -2px;

  left: -2px;

}



/* resume rules */

#content .resume dt {

	color: #c63;

}



#content .resume dd {

	margin-left: 20px;

}



#content .resume dd li {

	padding-left: 13px;

	background: url(../images/bullet_grad.gif) no-repeat 0 4px;

}



/** Image Shadow **/

.img-shadow {

	float: left;

	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;

	background: url(../images/shadow.gif) no-repeat bottom right;

	margin: 10px 0 0 10px !important;

	margin: 10px 0 0 5px;

}



.img-shadow img {

	display: block;

	position: relative;

	background-color: #fff;

	border: 1px solid #a9a9a9;

	margin: -6px 6px 6px -6px;

	padding: 4px;

}



	

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, #sidebar li a:hover {

	text-decoration: none;

	color: #b00; /*#c63*/

}



h1 a:hover, h2 a:hover, code strong {

	color: #930;

}



h4 span, #content .note strong {

	color: #333;

}



#main-body, #clearphoto {

	clear: left;

}



#comments dl dd p, .softlist p {

	margin-top: 0;

}



#sidebar #adp li.last, body.viewer #main-body {

	background: none;

}



body.viewer #sidebar, .hide {

	display: none;

}



dl.tiplist em, ul.fiveent em {

	color: #999;

	font-style: normal;

}



.resume span, h1 span, h2 span, h3 span, #comments span {

	color: #999;

}



#content dl dt, ul.nobullet li span, strong, #sitemap ul span, #perform ul li span, #content dl dd span {

	font-weight: bold;

}



#comments input, #sidebar img, h3 img, p.posted img, #comments dl dt img {

	vertical-align: middle;

}



.index {

	display: none;

}



/*Shop page */



#coll {

	width: 300px;

	float: left;

	margin-left: -1px;

	padding: 10px;

}



#coll p span, #colr p span {

	color: #b00;

}



#coll form, #colr form {

	padding: 10px 0 10px 0;

}



#colr {

	width: 300px;

	float: right;

	margin-right: -1px;

	padding: 10px;

}



input.co {

	float:right;

}



#shopnav

{

padding: 3px 0;

margin-left: 0;

border-bottom: 1px solid #778;

font: bold 12px Verdana, sans-serif;

margin-bottom: 2em;

}



#shopnav li

{

list-style: none;

margin: 0;

display: inline;

}



#shopnav li a

{

padding: 3px 0.5em;

margin-left: 3px;

border: 1px solid #778;

border-bottom: none;

background: #DDE;

text-decoration: none;

}



#shopnav li a:link { color: #448; }

#shopnav li a:visited { color: #667; }



#shopnav li a:hover

{

color: #000;

background: #AAE;

border-color: #227;

}



#shopnav li a#current

{

background: white;

border-bottom: 1px solid white;

}



/*image swapper*/



#imageSwap {

	border-top: 1px solid #555;

	padding-top: 20px;

	margin-right: 15px;

	}

	

#imageSwap p {

	font-weight: bold; /*captions*/

	}



#swapLarge {

	float: right;

	width: 300px;

	}

	

#swapLarge img {

	border: 1px solid #555;

	margin-bottom: 15px;

	}

	

#swapThumbs {

	margin-right: 20px;

	float: right;

	}



#swapThumbs img {

	border: 1px solid #555;

	margin-bottom: 15px;

	}

	

	#playlist {

		border: 1px solid #666;

		margin: 20px 0;

	}

	

	#playlist tbody tr td {

		font-family: "lucida grande", verdana, sans-serif;

		font-size: 8pt;

		padding: 3px 8px;

		border-left: 1px solid #D9D9D9;

	}

	

	#playlist tbody tr.selected td {

		background-color: #7daaea;

		color: #fff;

		font-weight: bold;

		border-left: 1px solid #346DBE;

		border-bottom: 1px solid #7DAAEA;

	}

	

	#playlist a {

		color: #c03;

	}

	

	#playlist a:hover {

		color:#fff;

	}

	

/* promo box

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

  

#promopics {

  position:relative;

  margin-top:20px;

  }

  

#promopics ul {

  position:relative;

  margin:0;

  padding:0 0 4em; /* for IE 7 */

  height:20px;

  }

  

#promopics li {

  float:left;

  display:block;

  width:125px;

  height:55px;

  background-position:left top;

  margin: 0;

  padding:0;

  list-style-type:none;

  }

  

#promopics li a {

  display:block;

  width:125px;

  height:55px;

  border-width:0;

  background-repeat:no-repeat;

  background-position:left top;

  }

  

#promopics li.coupons a {background-image: url(../images/promos02.gif); border: 1px solid #666;}

#promopics li.register a {background-image: url(../images/register.gif); border: 1px solid #666;}

#promopics li.shop a {background-image: url(../images/shop.gif); border: 1px solid #666;}



#promopics li.coupons a:hover

  {border: 1px solid #c00;}

#promopics li.register a:hover

  {border: 1px solid #c00;}

#promopics li.shop a:hover

  {border: 1px solid #c00;}

  

#promopics li.coupons

  {border: 0px; margin: 2px;}

#promopics li.register

  {border: 0px; margin: 2px;}

#promopics li.shop

  {border: 0px; margin: 2px;}







	

.showstate{ /*Definition for state toggling image */

cursor:hand;

cursor:pointer;

}



.showhide {

	margin-left: 8px;

	color: #c03;

	text-transform: none;

}