/* medieval noir artist-website-template zip on desktop templates 2009 */
/* http://www.freewebsitetemplates.com/forums/threads/artist-website-template.18576/ */
/* June 2012  CSS rebuild to accommodate tinyfader.js */
/* Does not work in IE8 */

* {margin:0; padding:0}
body {font:12px Verdana,Arial; color:#333;
      background: #050404 url(../images/bg714w.jpg) right repeat-y;  /*  gray content bg hard-right */
	  font-family: Verdana, Helvetica, Arial, sans-serif;
} 

/*************** HTML TAGS AKD ******************/

h1  {
	font-family:Arial, Verdana, Helvetica, sans-serif; /* new */
	background: url(../images/interface.gif) no-repeat;  /* white text in black ribbon in contents */
	background-position: 0 -154px;  /* position on interface.gif */
	color: #ebebeb;  /* white text */
	font-size: 19px;
	font-weight:normal;
	height: 27px;
	width: 596px;
	margin: 0 auto;
	padding: 18px 8px 5px;  /* was 18 8 15 */
	text-transform: uppercase;
	}

h2 {
	font-size: 13px;
	color: #333;
	text-transform: uppercase;
	font-weight:400;
/*	margin: 10px 0 0 40px;  */
	}
	
p {
	font-size: 13px;
	line-height: 20px;
	margin: 20px 0 19px;
	}
	
	img {
	border: 0;
}
	
/***************** CLASSES AKD ********************************/

.floatleft {
	float: left;
	margin-right: 10px;
	border: solid 6px #fffbfc;
}
.floatright {
	float: right;
	margin-left: 10px;
	border: solid 6px #fffbfc;
}

/**************** DIVS Background, page, connect contents artstyle*********************/

#page {
	background: url(../images/bg-3color960w.jpg) 0,0, repeat;
	width: 960px;
	margin: 0 auto;
}

/** Links  sidebar  logo  img  **/
#sidebar {
	float: left;
	color: #ebebeb;
	height: 100%;
	width: 260px;
	padding-left: 5px;
}
#sidebar ul {
	list-style-type: none;
	margin: 0 0 60px;
	padding: 0;	
	text-align: left;
}
#sidebar a {
	color: #ebebeb;
	text-decoration: none;
}

#logo {
	line-height: 20px;
	margin: 0 0 60px;
}
#logo a {
	background: url(../images/logo.gif) no-repeat right top; /* was jpg */
	color: #be1010;
	display: block;
	font-size: 14px;
	width: 209px;
	padding: 159px 25px 0;
	text-align: center;
}
#logo a em {
	font-size: 16px;
}

#navigation li {
	font-family:Arial, Verdana, Helvetica, sans-serif; /* new */
	font-size: 19px;
	line-height: 40px;
}
#navigation li a {
	display: block;
	width: 259px;
	text-transform: uppercase;
}
#navigation li.selected a, #navigation li a:hover {
	background: url(../images/menu-selected.gif) no-repeat 190px center;
}



/*****************  Main Content DIVs AKD ***********/

#rightside {
	min-height: 1380px;
	width: 690px;
	margin: 0 0 0 264px;
	padding-top: 60px;
	padding-bottom: 60px;
}

#rightside span.header, #rightside h3, #rightside ul li, #rightside div.blogs span {
	background: url(../images/interface.gif) no-repeat;  /* styling for gallery image b.g., blk ribbon, crossed swords */
}

#rightside span.header {
	background-position: 0 -224px;  /* position on interface.gif */
	display: block;
	height: 47px;
	width: 644px;
	margin: 0 auto 13px;
}

#words {
	min-height: 1380px;  /* was #contents div */
	width: 612px;  /* was 690 */
	margin: 0 0 40px 38px; /* was 0 0 0 264px */
	padding-top: 30px; /* was 60 */
}

#words a {
	color: #a40e0e;
	text-decoration: none;
}
#rightside ul.images {
	display: inline-block;
	list-style-type: none;
	width: 622px;
	margin: 0 auto 15px;
}
#rightside ul.images li {
	float: left;
	background-position: 0 0;
	height: 130px;
	width: 130px;
	margin: 13px 5px 13px;
	padding: 7px 7px 17px;
}

#rightside .img-gallery {
	color: #000000;
	display: block;
	font-size: 11px;
	line-height: 20px;
	margin-left: 40px; 
	}


/**************** Slideshow *******/

#wrapper {width:144px;} /* margin:75px auto is top margin from body; width was 578px  */

#slideshow {float:left; width:132px; height:132px; margin-right: 8px; border-left:2px solid #fff; background:#fff} /* was 500 300 added pixels to open box for 130 px slides  for border around slides, 10 px for margin from text*/
#slides {position:relative; width:130px; height:130px; list-style:none; overflow:auto}  /* was 500 300 */
#slides li {width:130px; height:130px}  /* was 500 300 */

.pagination {float:left; list-style:none; height:25px; margin:10px 0 30px 8px} /* child of #wrapper margin was 15px 0 0 32pxmargin-bottom for 2-lines of buttons */
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 4px 0; text-align:center; color:#222} /* margin was 0 4 0 0, added 4px on bottom of buttons */
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}

/**************** gray spacer ****/

#grayspacer {
	background-color: #bfbdbd;  /* gray bar inside words div */
	height: 40px;
	line-height: 40px;
	margin: 30px 0 30px;
	padding: 0;
}