body { font-family: "Century Gothic", verdana, arial; color: #333333;}
#header-container { display: table; }
.row  { display: table-row; }
strong {font-weight: bold;}
#searchbox {  float: right;}
h1 { font-size: 138.5%; color: #999999; padding: 5px;}
h2 { font-size: 123.1%; color: #999999; padding: 5px; }
h3 { font-size: 108% }
#logocontainer { min-height: 123px; }
#ft { text-align: center; border-top: 1px solid silver; }
a { text-decoration: underline; color: black; }
em { font-style: italic }

/*.yui-skin-sam .yuimenu { border: 0px; }
.yui-skin-sam .yuimenuitemlabel { border: 0px; } */
.info { background-color: green; color: white; padding: 5px; margin: 5px; }
.warning { background-color: #999999; color: white; padding: 5px; margin: 5px; }


.article { padding-bottom: 10px; }
.article h1 { padding-bottom: 0px; }
.article-wrapper { padding: 10px; padding-left: 0px;}
.article-headline {font-size: 110%;}
.article-body { padding-left: 5px; }
div.article-body p { padding-bottom: 5px; }
.article-pubdate { font-size: 80%; color: #999999; padding: 5px 5px 5px 0px; padding-left: 5px; }
.article-author {padding-left: 5px; }
.article-summary { padding: 10px 0px; font-family: Verdana; font-size: 11pt; }
.article-photo { float: right; margin: 10px;}
.yui-skin-sam .yuimenu .bd { border: 0px; }
.yui-skin-sam .yuimenu a.selected { background-color: #999999; color: white; }
.yui-skin-sam .yuimenuitem { padding: 2px;}
.yui-skin-sam .submenuindicator { color: white; padding: 0px; }
.yui-skin-sam a { color: black; }
.yui-skin-sam a:hover { color: white; }
.yui-skin-sam .yuimenu ul { padding: 0px; } 
.yui-t1 .yui-g { padding-left: 60px; }


#ft { padding: 10px; color: #999999; font-size: 90%; font-weight: bold;}
#ft a {  color: #999999; font-weight: bold;}

/* .photo-container  { background-color: white; float: left; padding: 10px; margin: 20px}
.photo { border-style: ridge; color: grey; border-bottom-width: 5px; width: 100px;}
 */
 
.photo-container { float: left; padding: 10px; margin: 10px; background-color: white; text-align: center; }
.photo a { background-color: white; }
.photo img { text-align: center; }
.photo p { text-align: center; }
.gallery-container { float: left; padding: 0px 20px 20px; }
.gallery p { text-align: center; }
.caption { font-size: 80%; }



#contactdetails { margin-top: 20px; }
#artnews { 
background-position:center bottom;
background-repeat:repeat-x;
background-image: url(../images/linen_box_bg.jpg); 
overflow: hidden;
margin-bottom: 20px; padding-bottom: 10px; 
border-top: 1px solid blue;}


.linkbox {
min-height: 150px;
height: 150px;
overflow: hidden;
margin-bottom: 20px; padding-bottom: 10px;
width: 224px;
}
.linkbox h2 { font-size: 100%; font-weight: bold;
color:#666666;
text-transform:uppercase;
}
div.linkbox h2 a { text-decoration: none; color: #666666; }
div.linkbox div.photo img { padding: 0px; width: 220px; height: 76px; }

#artnews h2 { color: blue; }
#upcomingexhibitions { 
background-position:center bottom;
background-repeat:repeat-x;
background-image: url(../images/linen_box_bg.jpg); 
min-height: 200px;
overflow: hidden;
margin-bottom: 20px; padding-bottom: 10px; border-top: 1px solid #999999;}
#upcomingexhibitions h2 { color: #999999;}

#recentexhibitions { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted;}
#galleries { 
background-position:center bottom;
background-repeat:repeat-x;
background-image: url(../images/linen_box_bg.jpg); 
overflow: hidden;
margin-bottom: 20px; padding-bottom: 10px; border-top: 1px solid #999999;}
#saoirsestudio { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted;}
#artistresidencies { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted;}

#myGallery
{
width: 750px !important;
height: 750px !important;
}
#slideshow-container {  }

div#box{width: 18em;padding: 20px;margin:0 auto;
    background:#E6E6E6;color:#000}
    
.paginate-first { margin: 5px; }
.paginate-previous { margin: 5px; }
.paginate-current { margin: 5px; }
.paginate-link { margin: 5px; }
.paginate-next { margin: 5px; }
.paginate-last { margin: 5px; }
.paginate-pages { margin: 5px; }



/* IE ONLY */
* html #logobox {
float:left;
}
* html #searchbox {
float:right;
}
  * html .cleaner {
display:block;
}

.static-summary {font-style: italic;}
.static-body {}

div.spacer {  clear: both;  }

#slideshow { background-color: #999999; color: white; padding: 20px; text-align: center;}
#slideshow a{ color: white; font-size: 138.5%; }

/* topnav styling */
div#topnav { 
background-image: url(../images/linen_box_menu.jpg); 
padding-top: 10px;
padding-bottom: 4px;
padding-left: 10px;
overflow: hidden; 
}
div#topmenu { float: left; width: 520px; }
div#topmenu ul {  width: 100%; }
div#topmenu ul li { padding: 5px; width: 100px; display: inline;  }
div#topmenu ul li  a { display: inline; font-weight: bold; color: grey; text-decoration: none; }
div#topmenu ul li a:hover { color: #092561; }
.menudivider {color:grey;}

img.sign { vertical-align: text-top; float: right; }
img.amlimg { border: 1px solid silver; margin-bottom: -3px;}
#logobox {  }
.yui-b {padding-top: 10px; }

#searchbutton {
border:1px solid #666666;
height:auto;
margin:0pt;
padding:1px;
width:auto;
}

#toptitle {font-style: tahoma; padding: 10px; font-weight: bold; font-size: 280%; color: #999999; float: left;}

#welcome { margin-top: 20px; margin-bottom: 30px;  line-height: 20px; font-size: 100%; padding-bottom: 20px; }
#welcome h2 { padding-bottom: 5px; }
div#welcome h1 { padding-left: 0px; }
img {border 1px solid silver; }
#id_searchstring { width: 120px;}
.flatpage-content {padding-bottom: 10px;}
#miracle { float: right; font-weight: bold; font-size: 120%; padding-top: 35px; color: #999999; }
#mainimage {float: right; margin-left: 20px; }
.maincaption { color: #999999; font-size: 90%; text-align: center;}
#btn_search {padding-top: 3px; padding-left: 3px;}
.yui-gb {padding-top: 10px; }
#about {text-align: center;}
#aboutimage { color: #999999; }
#aboutcol1 { text-align: justify; margin: 0px 15px 15px;}
.gallery {text-align: left;}
.gallery a { text-decoration: none; }

.entry {padding: 10px; }
.entry_name { font-weight: bold;}
.entry_date { font-size: 80%;}
#guestbook_form { border-top: 1px solid silver; padding: 10px; margin: 10px; }
#coat{float: right; margin: 10px; padding: 10px;}
#brushes{float: right; margin: 10px; padding: 10px;}
#holder{float: right; margin: 10px; padding: 10px;}
#aboutimage{float: right; margin: 10px; padding: 10px; }
#boxes { width: 750px; background:transparent url(../images/whitegrey_gradient_bg.jpg) repeat-x scroll center bottom; border:1px solid #CCCCCC; border-bottom: 0px;}
#boxes td { vertical-align: top;  width: 33%;  padding: 5px;  }
#viewslideshow {border: 1px solid silver; float: right; width: 156px; text-align: center; padding: 10px; }
#viewslideshow a {color:white;
display:inline;
font-weight:bold;
text-decoration:none;}
.maithu {text-decoration: underline;}

/*css for scrollable boxes at foot of page*/
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 671px;	 
	height:160px;
	background:transparent url(../images/whitegrey_gradient_bg.jpg) repeat-x scroll center bottom;
	border:1px solid #CCCCCC;
	border-bottom: 0px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:224px;
	color:#333;
}

#thumbs div.article-wrapper { width: 204px; }
#thumbs div.article-wrapper p { overflow: hidden; }

/* style when mouse is over the item */
#thumbs div.hover { }

/* style when element is active (clicked) */
#thumbs div.active { }

#thumbs h3, #thumbs p, #thumbs span {
	font-size:13px;
	color:#333;	
}

#thumbs h3 em {
	font-style:italic;
}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

/* slideshow */
div#slideshow {
	width: 750px;
	height: 500px;
	overflow: hidden;
}