/* --------------------------------------------------------
   Fabled Hare rebuild CSS for home and text
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#000000;
font:normal 62.5% 'Lucida Grande',Verdana,sans-serif;
text-align:center;
}

/* Wireframing - use border:1px to place borders around all div elements during development, but be aware that you'll need to change sidebar width to 306px to allow for the border widths */

div {
margin:0;
padding:0;
outline:0px solid #F00;
}

/* ---------------
   Layout elements
   --------------- */

/* Masthead and descendants */

#masthead {
height:136px;
background:url(images/backgrounds/home_masthead2_1024x136.jpg) no-repeat;
}

#masthead p {
margin:5px 0 0 5px;
padding:0;
font-size:1.1em;
line-height:100%;
color:#d5d54;
text-align:left;
}



/* Main Fabled logo */
#masthead img {
margin-left:517px;
}

.dotted_line {
color:#090C27;
}


/* Masthead Address */

.mastCol {
float:left;
width:517px;
}


/* Container - needed only for faux background */

#container {
width:1024px;
margin:20px auto 20px auto;
background:#000000;
}

/* The main column and descendants */

#mainCol {
float:right;
width:766px;
height:614px;
font-size:1.1em;
line-height:150%;
color:#CCC;
background:#000000 url(images/backgrounds/home_rightcol_766x614.jpg) no-repeat;
text-align:left;

}

#mainCol ul {
list-style: none;
margin:5px 0 0px 0px;
padding:0;
}
#mainCol li {
padding:0;
line-height:130%;
font-size:1.1em;
margin:0 0 0 20px;
padding:0;
}

#mainCol li a:link, li a:visited {
text-decoration:underline;
font-size:1.1em;
color:#dadad8;
}
#mainCol li a:hover, li a:active {
color:#e0ce9e;
}









#mainCol p {
width:400px;
padding:10px 0px 0 0px;
line-height:130%;
}


.bold {
font-weight:bold;
color:#339966;
}

.stream {
width:764px;
height:614px;
padding:0px 2px 0 0px;
overflow:auto;
}

.window {
width:450px;
height:225px;
margin:0;
border:0;
}




/* Rollover class */

.rollover {
display:block;
width:766px;
height:614px;
background:url(images/backgrounds/home_rollover_766_1532x614.jpg) no-repeat;
text-indent:-9999px;
}

a.rollover:link, a.rollover:visited, a.rollover:active {
background:url(images/backgrounds/home_rollover_766_1532x614.jpg) no-repeat;
}

a.rollover:hover {
background-position:-766px 0;
}

/* Motion Gallery Styles */

#motioncontainer a img{ /*image border color*/
border: 0px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 0px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}



/* The left column and descendants */



#sidebar {
float:right;
width:258px;
height:614px;
font-size:1.1em;
line-height:150%;
color:#d5d5d4;
background:#000000 url(images/backgrounds/home_leftcol_258x614.jpg) no-repeat;
text-align:left;
}

#sidebar ul {
list-style:none;
margin:40px 20px 10px 5px;
padding:0;
}
#sidebar li {
padding:0;
line-height:175%;
}
#sidebar li a:link, #sidebar li a:visited {
text-decoration:none;
font-size:1.2em;
font-weight:normal;
color:#d5d5d4;
}
#sidebar li a:hover {
text-decoration:underline;
color:#e0ce9e;
}
/* Highlighting the current page */
#title #sidebar a.title {
color: #4985a3;
}

#home #sidebar a.home { 
color: #4985a3;
}
#about #sidebar a.about { 
color: #4985a3;
}
#events #sidebar a.events { 
color: #6dcff6;
}
#tour #sidebar a.tour { 
color: #6dcff6;
}
#art #sidebar a.art { 
color: #6dcff6;
}
#patrons #sidebar a.patrons { 
color: #6dcff6;
}
#specials #sidebar a.specials { 
color: #6dcff6;
}
#merchandise #sidebar a.merchandise { 
color: #6dcff6;
}
#reviews #sidebar a.reviews { 
color: #6dcff6;
}


/* The footer and descendants */

#footer {
clear:both;
height:10em;
min-height:27px;
font-size:0.9em;
line-height:150%;
color:#d5d5d4;
background:#000000 url(images/backgrounds/home_footer_1024x71.jpg) right top no-repeat;
text-align:left;
}



#footer img {
float:right;
margin:0px 2px 0px 2px;
}


#footer p {
padding:71px 0px 0 880px;

}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h2, h3 {
color:#FFF;
}
h2 {
margin:40px 0 0 40px;
font-size:1.6em;
}
h3 {
margin:30px 0 0 40px;
font-size:1.5em;	
}
h4 {
margin:0px 5px 37px 0px;
font-size:1.08em;
color:#339966;
text-align:right;
}

h4 a:link, h4 a:visited {
color:#FFE86C;
}

h4 a:hover, h4 a:active {
color:#FFF;
}

h4 a:link, h4 a:visited, h4 a:active {
text-decoration:none;
}

h4 a:hover {
text-decoration:underline;
}


h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#FFF;
text-decoration:none;
}

p a:link, p a:visited {
color:#dadad8;
}

p a:hover, p a:active{
color:e0ce9e;
}


p a:link, p a:vistied, p a:hover, p a:active {
text-decoration:underline;
}



/* Turn off borders on image links */
img {
border:0;
}

a{
outline:none;
}

/* Link states */

a:link {

}
a:visited {
	
}
a:hover {

}
a:active {
	
}