/* style sheet for artbyjudy.com  gallery.html*/

/* -------------------- Resets --------------------- */

.style3 {
		color: #CCCCCC;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;  
  	 background-color:#191919; 
}

.style4 {color: #191919}

.style5 {
		color: #FFa042; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .6em;
		font-weight: normal;  
  	}
.style6 {
		color: #CC0000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;  
  	 background-color:#191919; 
}	
	
.style9 {color: #6C9}

body, div, ul, li, p, h1, h2, h3 {
	margin:0;
	padding:0;
}
img {
	border:0;
	vertical-align:bottom;
}

.name {
    position:absolute;
    width:300px;
    top:0;left:0;
    text-align:center;
    margin:20px 0;
	background-color:#111;
}
/* --------------- Document Defaults -------------- */
html {
	height:100%;
	overflow-y:scroll; /* creates horizontal scrollbar */
}
body {
	padding: 0;
	height:100%;
	font:62.5%/1.5  Verdana, Arial, Helvetica, sans-serif;
	background:#000;
	color:#000;
}

/* index page styles*/

.style1 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
        margin: 0;
}
.style2 {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.15em;
	text-align: center;
	font-weight: normal;
	color: #FFa042; 
	}

#index {
	margin: 20px;
	padding: 0;
	text-align:center;
	background-color: #000000;
}


#container {
	width: 80%;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;/* this is the background colour of the right column */
	border: 1px solid #000;
	text-align:left;
        
}
#content {
	border: 1px solid #000;
	padding: 0;
	background-repeat: repeat-y;
	background-position: left top;
        width: 752px;
        margin: 0 auto;
		overflow: hidden;
}
#content ul {list-style: none; padding:0; margin: 0; font-weight: bold;}

#content ul a {color: #ccc;}

#content ul a:hover {color: #fff;}

#left {
	float:left;
	border-right:1px solid #000;
	width:427px;
}
#right {
	float:left;
	width:200px;
        padding: 20px 0 0 120px;
	line-height: 2.5em;
}
#statement {
	float:left;
	width:295px;
    padding: 15px 0 0 25px;
	line-height: 1.25em;
}
#header {
	width:100%;
	background:#333;
	text-align:center;
        padding:5px;
        margin-bottom:30px;
}
# indexfooter  {
	margin: 10px auto;
        width: 80%;
	background:#000;
	text-align:center;
}

# indexfooter p {padding: 5px;}

#gray {
        clear: both;
        height: 7px;
        width: 100%;
        background-color: #333;
		overflow:hidden;
}

#header h1, #indexfooter h1 {margin:0}


/* ------------------ Typography ------------------- */
p {
	font-size:1.2em;
	margin:0 0 1em;
}
h1 {
	font-size:2em;
	margin:0 0 1em;
}

strong {
	font-size:1.2em;
	word-spacing:3px;
	margin:0;
	width: 425px;
    text-align: center;
	display:block
}	
/* -------------------- Layout --------------------- */
#wrapper {
	margin:0 auto;
	min-height:100%;
	width:850px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	background:#191919 url(images/background.jpg); /* good color #0F000F */
	position:relative;
	overflow:hidden; /* prevents FX3 redraw bug on #divide */
}
#divide {
	position:absolute;
	bottom:0;left:0;
	width:300px;  /*  changes width of thumb column */
	height:100%;
	border-right:1px solid #333;
	background:#111;   
}

/* --- #footer --- */

#footer {
	margin:-50px auto 0 auto;
	width:850px;
	height:50px;
	position:relative;
}
#footer #design {
	float:right;
	margin:25px 75px 0 0;
	font-size:1em;
	display:inline;
}
#footer div { /* holds flash equalizer */
	float:left;
	display:inline;
	margin:0 0 0 75px;
}

/* ------------------- Links ---------------------- */
a {
	text-decoration:none;
	color:#000;
	outline:0;
}


/* --------------------- Menus ---------------------- */
/* Main Menu */
#nav {
	float:right;
	width:600px;
	text-align:center;
	margin:20px 0;
	font-size:1.8em;
	list-style:none;
	font-weight:bold;
	}
#nav li {
	display:inline;
}
#nav li a {
	color:#CCCCCC
	margin:0 30px;
	border-left:0px solid #333;
	padding:3px 0 0 10px;
}
#nav li a:active, #nav li a:focus, #nav li a:hover {
	border-left:5px solid #CC6600;
}

/* Thumbnail Nav */
#panels ul {
	position:absolute;
	top:400px;  /* top sets height of gallery list */
	left:65px;
}
#panels li {
	list-style:none;
	display:inline;
	font-weight:normal;
	font-size:1.3em;
	color:#FFFFFF;
	float:left;
}
#panels li a {
	color:#FFFFFF;
	float:left;
	padding:3px 4px 3px 5px;
}
#panels li a:active, #panels li a:focus, #panels li a:hover {
	color:#CC6600;
}
#panels li a.highlite {
	color:#CC6600;
}
.first {
	padding:3px 4px 3px 5px;
}
/* ----------------- Content/Pages ----------------- */

/* ------- Gallery ------- */

#panels {
    width:275px;
    position:relative;
    padding:0 0 0 10px;
    z-index:1;
    float:left
}
#panels div {
	height:420px;
}
.thumb .small {
	float:left;
	padding:2px;
	background:#666;
	border:8px solid #111;
	border-left:9px solid #111;
}
.thumb .small:hover {
	position:relative; /* Opera 9.5 needs this to show :hover */
	padding:3px;
	background:#777;
	border:7px solid #111;
	border-left:8px solid #111;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
}
.thumb span {   /* change position of large image */
    z-index:1;
    position:absolute;
    top:10px;
    left:350px;
    margin-left:-999em;
    }
.thumb span img {
    border:2px solid #666;
    display: block;
    margin-bottom: 10px;
}

.thumb:hover span,  .firstimg span  {
    margin-left:0
}
.visible {
    margin-left:0
}
/* style sheet for infosheet.html */

.style11 {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
    margin: 0;
}
.style12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.15em;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #CC6600; 
	}

.style13 {
	color: #CC6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
}

.style14 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .65em;
	font-style: italic;
	margin: 0;
}

.style15 {color: #0066FF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .75em; 
	font-style: italic; 
	font-weight: bold; 
	margin: 0; 
}

.style16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.15em;
	float: left;
	font-weight: bold;
	font-style: italic;
	color: #CC6600;
	margin-left: 20px;
	}

.style17 {color: #CC6600}

.style22 {color: #0066FF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .65em; 
	font-style: italic; 
	font-weight: bold; 
	margin: 0; 
}

#infobody {
	margin: 20px;
	height: 300px;
	padding: 0;
	text-align:center;
	background-color: #000;
}
#infocontainer {
	width: 75%;
	height: 1500px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	border: 1px solid #000;
	    
}
#infocontent {
	height: 100%;
	width: 80%;
	padding: 0;
	margin: 0 auto;
	}



#infoheader {
	width:100%;
	background:#444;
	text-align: center;
	padding: 10px 0 10px 0;
    margin-bottom:20px;
	white-space:nowrap;
}

#space {
	height: 10px;
	overflow:hidden;
	}
	
p.return { text-align:left}

p.infoheader { text-align:center}

ul.none {list-style-type:none}

#infoheader p {
	color: #CC6600;
	text-decoration: none;
} 

#infoheader p a:focus, #infoheader p a:hover {
	color:#FFF;
}
a:link {
	color: #CC6600;
	text-decoration: none;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}