/* Utility Styles */
/* ************************** */

/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* additional clearfix elements are in ie.css */
.clearfix {display: inline-block;} /* IE fix for Mac */

/* Site styles */
/* ************************** */

body{
	color:#4B4B4B;
	font-family:georgia,"times new roman",times,serif;
	text-align: center; 
	font-size: 75%; 
	line-height:1.3em; 
	background-color:#f2f2f2;
	padding:8px;
}


/* Headings */
/* ************************** */

h1 {font-style: normal;font-weight:bold;margin:1.5em 0 1em 0;}
h2 {font-style: normal;}
h3 {font-style: normal;}
h4 {font-style: normal;}
h5 {font-style: normal;}
h6 {font-style: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;}


/* Other */
/* ************************** */

p{margin: 0.33em 0 1em 0;}
small{font-size: 85%;}
big{font-size: 115%;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form{margin: 0; padding: 0;}
hr{clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}
a{color: #b4b4b4;text-decoration:none;}
a:hover{color: #4b4b4b;}
label.hidden{display: none;}


/* Layout */
/* ************************** */

#wrapper{
	width: 940px; 
	margin: 0 auto; 
	text-align: left;
	background-color:#fff;
	padding:27px 27px 27px 50px;
}
#pageNews #wrapper {
	padding:27px 27px 67px 50px;
}
#header{
	padding: 0; 
	height: 130px; 
	overflow: hidden;
}
#navigation{
	float:left;
	width:5px;
	width:100px;
}
#sidebar {
	width: 373px; 
	float: left;
}
#content{
	width: 525px; 
	margin:0 0 0 373px;
	background:url('../images/border.png') 0 0 repeat-y;
	padding:0 0 0 29px;
	min-height:640px;
}
#pageNews #content { 
	padding: 0; 
}
#pageBio #content {width:340px;}
#footer{
	clear: both;
}


/* ADA508 */
/* ************************** */

#ada508{display:none;}


/* Header */
/* ************************** */


/* Nav */
/* ************************** */

#subnavigation {
	margin:0 0 0 100px;
}
#pagePublishedwork #subnavigation {
	margin:-187px 0 0 100px;
}

#pageStilllife #navigation #navStilllife a,
#pagePortraits #navigation #navPortraits a,
#pageTravel #navigation #navTravel a,
#pagePublishedwork #navigation #navPublishedwork a,
#pageBooks #navigation #navBooks a,
#pageBio #navigation #navBio a,
#pageNews #navigation #navNews a, 
#pageContact #navigation #navContact a,
#subnavigation .current a {color:#4b4b4b;}

#subnavigation #category26 {
	padding:0 0 5px 0;
	margin:0 0 4px 0;
	width:75px;
	background:url('../images/border-hor.png') bottom left repeat-x;
}


#subnavigation #category12 {
	padding:4px 0 0 0;
	margin:5px 0 0 0;
	width:80px;
	background:url('../images/border-hor.png') top left repeat-x;
}



/* Sidebar */
/* ************************** */

#sidebar a#ayabrackett {
	display:block;
	height:13px;
	width:323px;
	background:url('../images/ayabrackett.png') 0 0 no-repeat;
	text-indent:-9999px;
	margin:200px 0 290px 0;
	overflow:hidden;
}
#sidebar a#ayabrackett:hover {
	background:url('../images/ayabrackett.png') 0 -17px no-repeat;
}


/* Content */
/* ************************** */

#content .news {
	padding:0 0 20px 29px;
	margin:0 0 20px  0;
	background:url('../images/border-hor-000.png') bottom left repeat-x;
}

#content .news h4 {
	margin:0 0 5px 0;
	color: #b4b4b4;
}
#content .news h3 {
	margin:0 0 8px 0;
}
#content .news img {
	margin:0 0 10px 0;
}

#content .news p {
	margin:.33em 0 .67em 0;
}
#content .clients {
	float:left;
	width:165px;
}

#content .imageHome {display:none;}
#content #pagination {
	float:right;
	position:relative;
}
#content #pagination a {
	color:#000;
	padding:2px;
}
#content #pagination .first_link,
#content #pagination .last_link {display:none;}
#content #pagination .next_link {
	position:absolute;
	top:30px;
	right:0;
	background:url(http://www.sandbox.ayabrackett.com/images/arrows-nextprev-news.png) -20px 0 no-repeat;
	text-indent:-9999px;
	width:20px;
	height:15px;
	padding:0;
}
#content #pagination .previous_link {
	position:absolute;
	top:30px;
	right:36px;
	background:url(http://www.sandbox.ayabrackett.com/images/arrows-nextprev-news.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:20px;
	height:15px;
	padding:0;
}
#content #pagination .active_page {
	background:url(http://www.sandbox.ayabrackett.com/images/bg-pagination.png) 50% 0 no-repeat;
}
#content #pagination a.last {
	padding:0 0 0 2px;
}


/* Slideshow */

.panel { height: 585px !important; }
#pagePublishedwork .panel { height: 605px !important; }
.panel .panel-overlay { width:350px !important; color:#333 !important; top:563px !important; padding: 0 !important; }
#pagePublishedwork .panel .panel-overlay { top:555px !important; }
.strip_wrapper { right:0px !important;left:auto !important; position:relative !important; height:20px !important;top:527px !important;width:auto !important;overflow:visible !important; }
#pagePublishedwork .strip_wrapper { top:547px !important; }
.strip_wrapper ul { float:right; top:12px !important; width:auto !important;position:relative !important; }
.strip_wrapper ul li { float:left;padding:0;margin:0 0 0 3px;}
#pointer { /*display:none;*/ top:550px !important; }
#pagePublishedwork #pointer { top:570px !important; }
#pointer img { top:-13px !important;left:3px !important; }
img.nav-prev { left:auto !important; right:30px !important; top: 565px !important; }
img.nav-next { left:auto !important; right:0 !important; top: 565px !important; }
#pagePublishedwork img.nav-prev { top: 585px !important; }
#pagePublishedwork img.nav-next { top: 585px !important; }


#screenshot{
	position:absolute;
	/*border:1px solid #ccc;*/
	background:#fff;
	padding:2px;
	display:none;
	color:#ccc;
	height:75px;
	overflow:hidden;
}

#easy_popupcontent {
	top:10% !important;
	position:absolute;
}


/*
    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:visible;}
#cboxLoadedContent{overflow:auto;}
#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;}

/* 
    ColorBox 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{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#333; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#333;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}



/* Footer */
/* ************************** */