/* Resets and Basics */

@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT);
*{margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; outline:none}
body{background:url(http://alexanderfindlay.com/images/site/body_bg.png) repeat-x #475b00;}
#wrapper{width:960px; margin:0 auto; position:relative; background: #EDECE2; overflow: auto; -moz-border-radius: 10px; -webkit-border-radius:10px}
.clear{clear: both}
.hide{display:none}

/* End Resets and Basics */

/* Header */

#header_wrap{background:url(http://alexanderfindlay.com/images/site/header_wrap.png) repeat-x #EAE1BF; position:relative; z-index: 200} 
#header{width:960px; margin:0 auto;  position: relative; padding-bottom: 10px}
#site_name{overflow: auto; background:#591800; padding: 10px; position: relative;}
#site_name h1{font-family: 'Josefin Sans Std Light', arial, serif; font-size: 36px; color: #fff;}
#site_name h1 span{font-style: italic; font-family: 'Josefin Sans Std Light', arial, serif; font-size: 30px; color:#ccc;  padding-left:30px;}
#header img{position: absolute; top:2px; right:15px}

ul#nav{margin: 0; overflow: hidden; font-size: 16px; background: #fff; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px;}
ul#nav li{float: left; list-style-type: none;}
ul#nav li a{text-decoration: none; display: block; color: #436E8E; background: #fff; padding: 12px; border-right: 1px solid #efefef}
ul#nav li a:hover{background: #6C9BC5; color: #fff}
ul#nav li a:active{outline: none}
ul#nav li a.active{background: #6C9BC5; color: #fff; cursor: default}
ul li a.first{-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;} 

/* End Header */

/* Slider */

#slider{margin:10px auto; width: 960px;}

/* End Slider */

/* Main Content */

.streamer{margin: 20px 40px 5px 30px; font-family:Helvetica, Arial, Verdana; color: #4E1B00 }
.streamer h1{font-family: 'Droid Sans', Helvetica, Arial, Verdana, serif; margin-bottom: 5px}

#main_content{width: 600px; padding: 30px 15px 15px 15px; float: left; border-right: 5px solid #ccc; background: url(http://alexanderfindlay.com/images/site/page.png) repeat-x #F9F9F9; margin: 20px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; position: relative}

.primary{margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 5px}
.primary p{font-family: Helvetica, Arial, Verdana; font-size: 13px; line-height: 1.4em; color: #222}
.primary a{color:#4E1B00}

.entry{margin-bottom:30px; border-bottom: 1px solid #ccc; padding-bottom: 10px}
.entry h2{margin-bottom: 5px; font-size: 24px; line-height:1.2em}
.entry h2 a{text-decoration: none; color: #436E8E; font-family:'OFL Sorts Mill Goudy TT', Garamond, "Times New Roman"; font-style: italic;}
.entry h2 a:hover{text-decoration: underline; font-family:'OFL Sorts Mill Goudy TT', Garamond, "Times New Roman"; color:#591800}
.entry p{font-family: Helvetica, Arial, Verdana; font-size: 13px; line-height: 1.4em; color: #222;}
p.continue{text-align: right; margin-top:15px; font-size: 13px;}
p.continue a{text-decoration: none; color: #6C9BC5}
p.continue a:hover{text-decoration: underline; color:#591800}
.entry ol{margin-left:20px;}
.entry ol li{font-family: Helvetica, Arial, Verdana; font-size: 13px; line-height: 1.4em; color: #222; margin-bottom:10px}
.entry a{color:#526E8E}
.entry img{margin-right:15px; border:3px solid #ccc}

/* End Main Content */

/* Short Stories */

#sidebar{float: right; width: 265px; margin:22px 20px 30px 0}
.item{background:#F9F9F9; -moz-border-radius: 10px; -webkit-border-radius:10px; padding: 10px; margin-bottom: 30px; -webkit-transition: -webkit-box-shadow 200ms linear;}
.item:hover{-webkit-box-shadow:#000 0 2px 60px; -moz-box-shadow:#000 0 2px 20px;}
.item h2{background: url(http://alexanderfindlay.com/images/site/side_wrap.png) repeat-x #F9F9F9; padding: 10px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; margin: -10px; color: #516B8E; border-bottom: 1px solid #ccc; padding-top: 15px; font-family: 'Droid Sans', Helvetica, Arial, Verdana, serif}
.item ul{margin-top:20px; clear: both}
.item ul li{list-style-type: none; background: #fff; border-bottom: 1px dotted #ccc}
.item ul li a{display: block; text-decoration: none; padding: 10px; color: #222; font-family: Helvetica, Arial; font-size: 14px}
.item ul li a:hover{background: #591800; color: #fff}

.light_left{float: left; margin-top: 15px}
.light_right{float: right; width: 586px; margin-left: 20px}
.light_right h2{font-family: Garamond, "Times New Roman", serif; font-style: italic; font-size: 32px; color: #591800; margin-bottom: 10px; margin-top: 10px}
.light_right p{font-size: 14px; font-family: Helvetica, Arial, sans-serif; line-height: 1.4em; margin-bottom: 15px}


/* EndShort Stories (sidebar) */

/* Footer */

#footer_wrap{background: url(http://alexanderfindlay.com/images/site/footer_wrap.png) repeat-x #657c8c; clear: both; position: relative; border-top:1px solid #222; overflow: auto; margin-top: 20px}
#footer{width: 960px; margin: 20px auto 0 auto; overflow: auto}
#footer img{float: left; -moz-border-radius: 5px; -webkit-border-radius:10px;}
#footer #footer_right{float: right; width:688px; margin-left: 20px; margin-bottom: 10px}
#footer #footer_right h1{font-family: 'Josefin Sans Std Light', arial, serif; font-size: 36px; color: #fff; margin-bottom: 10px}
#footer #footer_right h1 span{font-style: italic; font-family: 'Josefin Sans Std Light', arial, serif; font-size: 26px}
#footer #footer_right p{line-height: 1.5em; color: #efefef; font-size: 14px; padding-bottom: 20px; border-bottom: 2px dotted #ccc}

#footer_right input{width: 300px; font-family:Helvetica,Arial,sans-serif; font-size: 16px; padding: 10px; background: #ECF1F4; color: #222; -moz-border-radius: 5px; -webkit-border-radius:5px; border:1px solid #591800; outline: none; margin: 10px 0}
#footer_right textarea{width: 666px; font-family:Helvetica,Arial,sans-serif; font-size: 16px; padding: 10px; height: 140px; background: #ECF1F4; color: #222; -moz-border-radius: 5px; -webkit-border-radius:5px; border:1px solid #591800; outline: none}
#footer_right input[type="submit"]{width: 120px; font-size: 20px; background: #591800; color: #fff; margin-top: 10px; clear: both; padding: 5px; text-align: center; float: right; clear:none}
#footer_right textarea:focus{background: #fff}
#footer_right input[type="submit"]:hover{background: #4C5D00}
#footer_right input[name="email"]{float: right;}
#footer_right input[name="captcha"]{width: 520px; padding: 9px 10px 8px 10px; border: none}
#copy{color: #efefef; font-size: 14px; padding-bottom: 5px; clear: both; position: relative; overflow: auto; padding-left: 10px; padding-right: 10px; border-top:1px solid #000; padding-top:10px; background:#3B444F}
#copy_in{width:960px; margin: 0 auto}
#copy p.credit{float: right}
#copy p.copy{float: left}
#copy p.credit a{color: #efefef; text-decoration: none}
#copy p.credit a:hover{text-decoration: underline}
.footer_captcha{float:left}
#footer #footer_right .footer_captcha p{line-height: 1.5em; color: #efefef; font-size: 14px; padding-bottom: 0px; border-bottom: none; float:left; margin-top:17px; padding-right:10px}

/* End Footer */

/* Article View */

.article h2{margin-bottom: 15px; font-size: 28px; text-decoration: none; color: #436E8E; font-family:'OFL Sorts Mill Goudy TT', Garamond, "Times New Roman"; font-style: italic; border-bottom: 1px solid #ccc}
.article h3{margin-bottom: 5px; font-size: 22px; text-decoration: none; color: #4E1B00; font-family: Garamond; font-style: italic}
.article p{margin-bottom: 20px;}

#comment_heading{position: relative; margin-bottom: 20px}
.comments #comment_heading h2{font-size: 28px; text-decoration: none; color: #436E8E; font-family: 'Droid Sans', Garamond; font-style: italic; display: inline;}
.comments #comment_heading h3{display: inline; margin-left: 15px}
.comments #comment_heading h3 a{text-decoration: none; color: #436E8E; font-family: Helvetica, Arial, sans-serif; font-size: 14px; background:  url(http://alexanderfindlay.com/images/site/side_wrap.png) repeat-x #F9F9F9; padding: 2px 10px 1px; border:1px solid #7A776F; -moz-border-radius: 5px; -webkit-border-radius:5px}
.comments #comment_heading h3 a:hover{ background:  url(http://alexanderfindlay.com/images/site/comment_bg_odd.png) repeat-x #FDFDFD;}
/*.comments ol{background: url(http://alexanderfindlay.com/images/site/side_wrap.png) repeat-x #F9F9F9; margin: 0 -15px 0 -15px;}
.comments #comment_heading h3 a:hover{background: #fff}
.comments ol li{list-style-type: none; overflow: auto; min-height: 100px; position: relative; border-bottom: 1px dotted #222;}
li.even .comment_author_wrapper{float: left; background: url(http://alexanderfindlay.com/images/site/side_wrap.png) repeat-x #F9F9F9}
li.even{background: url(http://alexanderfindlay.com/images/site/side_wrap.png) repeat-x #F9F9F9}
li.odd .comment_author_wrapper{float: left; background: url(http://alexanderfindlay.com/images/site/comment_bg_odd.png) repeat-x #F9F9F9}
li.odd{background: url(http://alexanderfindlay.com/images/site/comment_bg_odd.png) repeat-x #F9F9F9}
.comments ol li img{float: left; margin: 10px 0 0px 10px; border: 1px solid #ccc; -moz-border-radius:1px; -webkit-border-radius:1px}
.comments ol li .comment_content{float:right; margin:15px 20px 5px 10px; padding:0; width:538px}
.comments ol li h3{font-size: 16px; color: #591800; float:left}
.comments ol li h4{font-size: 12px; color: #333; float:right;}
.comments ol li p{ background:transparent; float:left; clear:left; font-size: 13px; line-height: 1.4em; margin-bottom: 10px; margin-top:10px; font-family:Helvetica, Arial;}
*/
.comments input{width: 580px; font-family:Helvetica,Arial,sans-serif; font-size: 14px; padding: 10px; background: #EEEEEE; color: #222; border:1px solid #516B8E; outline: none; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.comments textarea{width: 580px; font-family:Helvetica,Arial,sans-serif; font-size: 14px; padding: 10px; height: 140px; background: #EEEEEE; color: #222; border:1px solid #516B8E; outline: none; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-bottom: 10px}
.comments input[type="submit"]{width: 80px; font-size: 14px; background: #4C5D00; color: #fff; margin-top: 10px; clear: both; padding: 5px; text-align: center; float: right}
.comments textarea:focus{background: #fff}
.comments input[name="name"]{margin: 10px 0 15px 0}
.comments input[name="email"]{margin:0 0 15px 0}
.comments input[type="submit"]:hover{background: #591800}
.comments h2{font-size: 28px; text-decoration: none; color: #436E8E; font-family: 'Droid Sans', Garamond; font-style: italic; margin-top: 20px}

ol.commentlist{margin: 20px 0px 0 0px; overflow:auto}
ol.commentlist li .public_avatar{float: left; margin: 10px 10px 0px 10px; -moz-border-radius:1px; -webkit-border-radius:1px}
ol.commentlist li .public_avatar img{border: 1px solid #ccc;}
ol.commentlist li .public_details{float:left; padding:20px; width:480px}
ol.commentlist li h3{font-size: 16px; color: #451D00; margin-bottom:5px}
ol.commentlist li h3 span{color:#888A7A; font-weight:300; font-size:14px; font-style:italic}
ol.commentlist li h4{font-size: 12px; color: #333;}
ol.commentlist li p{ background:transparent; float:left; clear:left; font-size: 13px; line-height: 1.4em; margin-bottom: 10px; margin-top:10px; font-family:Helvetica, Arial;}
ol.commentlist li{list-style-type: none; overflow: auto; position: relative; margin-bottom:20px; -moz-border-radius:4px 4px 4px 4px; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); background:none repeat scroll 0 0 #FFFFFF; -webkit-border-radius:4px 4px 4px 4px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);}

ol.commentlist li h3.comment_name{float:left}
ol.commentlist li h4.comment_date{float:right; clear:none}
ol.commentlist li.pub2{ background:url(http://alexanderfindlay.com/images/site/side_wrap.png) repeat-x #F7F7F7}
ol.commentlist li.pub1{ background:url(http://alexanderfindlay.com/images/site/comment_bg_odd.png) repeat-x #FDFDFD}

.comment_delete a{color:#58738E; font-size:13px; margin:5px; clear:both; float:right}
.comment_delete a:hover{color:#222}

/* End Article View */

/* Courses Page */

table.tablesorter {
	font-size: 14px;
	background-color: transparent;
	border-spacing: 0;
	-moz-border-radius: 5px; -webkit-border-radius:5px;
	width: 100%;
	border: 1px solid #222
	
}
table.tablesorter th {
	text-align: left;
	padding: 20px;
	color: #fff
}

table.tablesorter td {
	color: #222;
	padding: 10px;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
}
table.tablesorter .even {
	background-color: #3D3D3D;
}
table.tablesorter .odd {
	background-color: #6E6E6E;
}
table.tablesorter .header {
	background: url(http://alexanderfindlay.com/images/site/bg.gif) center left no-repeat #516B8E;
	border-bottom: 1px solid #000;
	border-right: none;
	padding-left: 30px;
	padding-top: 20px;
	height: auto;
	cursor: pointer;
	text-transform: uppercase;
	border-right: 1px solid #222;
	
}
.first_th{ -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:3px;}
.last_th{-moz-border-radius-topright:5px; -webkit-border-top-right-radius:3px;}
table.tablesorter .headerSortUp {
	background-image: url(http://alexanderfindlay.com/images/site/asc.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #222;
}
table.tablesorter .headerSortDown {
	background-image: url(http://alexanderfindlay.com/images/site/desc.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #222;
}
tr:hover{background: #EAE1BF;}

table.tablesorter thead tr:hover{background: transparent}
table.tablesorter a{color: #859F09; text-decoration: none}
table.tablesorter a:hover{text-decoration: underline}
#courses_content{width: 885px; padding: 30px 15px 15px 15px; float: left; border-right: 5px solid #ccc; background: url(http://alexanderfindlay.com/images/site/page.png) repeat-x #F9F9F9; margin: 20px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; position: relative}

#new_course input{width: 270px; font-family:Helvetica,Arial,sans-serif; font-size: 14px; padding: 5px; background: transparent; color: #222; border:1px solid #516B8E; outline: none; margin: 10px 0; -moz-border-radius: 5px; -webkit-border-radius:5px;}
#new_course textarea{width: 580px; font-family:Helvetica,Arial,sans-serif; font-size: 14px; padding: 10px; height: 140px; background: #EEEEEE; color: #222; border:1px solid #516B8E; outline: none}
#new_course input[type="submit"]{width: 60px; font-size: 12px; background:#4C5D00; color: #fff; margin-top: 10px; clear: both; padding: 5px; text-align: center; float: right}
#new_course input[name="course_name"], #new_course input[name="state"], #new_course input[name="website"]{float: left}
#new_course input[name="city"], #new_course input[name="year"], #new_course input[name="email"]{float: right}
#new_course input[type="submit"]:hover{background:#591800 }
#new_course input[name="captcha"]{width: 590px}
#new_course h2{font-size: 28px; text-decoration: none; color: #436E8E; font-family: 'Droid Sans', Garamond; font-style: italic; margin-top: 20px}
#new_course p{font-family:Helvetica, Arial, Verdana; color: #222; font-size: 13px}
#new_course_header{border-bottom: 1px solid #ccc; width: 600px; margin-bottom: 10px; padding-bottom: 10px}
#new_course{width: 600px}

.public_play input{width: 580px; font-family:Helvetica,Arial,sans-serif; font-size: 14px; padding: 10px; background: #EEEEEE; color: #222; border:1px solid #516B8E; outline: none; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.public_play textarea{width: 580px; font-family:Helvetica,Arial,sans-serif; font-size: 14px; padding: 10px; height: 140px; background: #EEEEEE; color: #222; border:1px solid #516B8E; outline: none; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-bottom: 10px}
.public_play input[type="submit"]{width: 80px; font-size: 14px; background: #4C5D00; color: #fff; margin-top: 10px; clear: both; padding: 5px; text-align: center; float: right}
.public_play textarea:focus{background: #fff}
.public_play input[name="name"]{margin: 10px 0 15px 0}
.public_play input[name="email"]{margin:0 0 15px 0}
.public_play input[name="course_name"]{margin:0 0 15px 0}
.public_play input[type="submit"]:hover{background:#591800 }
.public_play h2{font-size: 24px; text-decoration: none; color: #436E8E; font-family:'Droid Sans', Garamond; font-style: italic; margin-top: 10px}

/* Gallery Page */

ol#gallery{margin:30px 0 0 11px; min-height:500px}
ol#gallery li{list-style-type:none; float:left; margin:0 10px 30px 10px;}
ol#gallery li img{border: 2px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);}


/*SLIDER*/


/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.nivo-controlNav {
	position:absolute;
	left:45%;
	bottom:-30px;
display:none;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(http://alexanderfindlay.com/images/site/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:4px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(http://alexanderfindlay.com/images/site/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

#slider {position:relative; min-height:220px; background:#202834 url(http://alexanderfindlay.com/images/site/loading.gif) no-repeat 50% 50%; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333; width: 960px; margin: 20px auto 50px auto}

#slider img {position:absolute;	top:0px; left:0px; display:none;}

#slider a {border:0;}


/* Light Box */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto; border:none; padding: 10px;  font-family: Helvetica, Arial;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#333;}
#colorbox{}
  #cboxTopLeft{width:11px; height:11px; background: #C6C2A5; background:rgba(234,225,191,.8); -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px}
    #cboxTopRight{width:11px; height:11px; background: #C6C2A5; background:rgba(234,225,191,.8); -moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px}
    #cboxBottomLeft{width:11px; height:11px; background: #C6C2A5; background:rgba(234,225,191,.8); -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius:5px}
    #cboxBottomRight{width:11px; height:11px; background: #C6C2A5; background:rgba(234,225,191,.8); -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius:5px}
    #cboxMiddleLeft{width:11px; background: #C6C2A5; background:rgba(234,225,191,.8)}
    #cboxMiddleRight{width:11px; background: #C6C2A5; background:rgba(234,225,191,.8)}
    #cboxTopCenter{height:11px; background: #C6C2A5; background:rgba(234,225,191,.8)}
    #cboxBottomCenter{height:11px;background: #C6C2A5; background:rgba(234,225,191,.8)}
    #cboxContent{background:url(http://alexanderfindlay.com/images/site/page.png) repeat-x #fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494; font-family: Helvetica, Arial;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://cotterinteractive.com/old_ci/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://cotterinteractive.com/old_ci/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://cotterinteractive.com/colorbox/images/old_ci/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(http://cotterinteractive.com/colorbox/images/old_ci/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://cotterinteractive.com/old_ci/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}