/* --------------------------------------------------------
   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_comm.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:#a8adb1;
background:#000000 url(images/graphics/graphics_bgnd.jpg) no-repeat;
text-align:left;

}

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

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






#mainCol p {
width:700px;
padding:10px 10px 10px 20px;
line-height:160%;
text-indent:15px;
font-size: 1.3em;
}


.bold {
font-size:1.5em;
font-weight:bold;
color:#6dcff6;
}

.stream {
width:764px;
height:550px;
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_comm.jpg) no-repeat;
text-align:left;
overflow:auto;
}

#sidebar ul {
list-style:none;
margin:5px 15px 10px 12px;
padding:0;
}


#sidebar li {
list-style:none;
margin:0;
padding:0;
line-height:175%;
}


#sidebar li a:link, #sidebar li a:visited {
text-decoration:none;
font-size:1.2em;
font-weight:normal;
color:#4985a3;
}


#sidebar li a:hover {
text-decoration:underline;
color:#e0ce9e;
}









/* Highlighting the current page */



#home #sidebar a.home { 
color: #6dcff6;
}
#about #sidebar a.about { 
color: #6dcff6;
}
#events #sidebar a.events { 
color: #6dcff6;
}
#personal #sidebar a.personal { 
color: #6dcff6;
}
#graphics #sidebar a.graphics { 
color: #6dcff6;
}
#commercial #sidebar a.commercial { 
color: #6dcff6;
}
#catalogs #sidebar a.catalogs { 
color: #6dcff6;
}
#merchandise #sidebar a.merchandise { 
color: #6dcff6;
}
#logos #sidebar a.logos { 
color: #6dcff6;
}
#packaging #sidebar a.packaging { 
color: #6dcff6;
}
#2d_comm #sidebar a.2d_comm { 
color: #6dcff6;
}
#web #sidebar a.web { 
color: #6dcff6;
}
#sculpture_comm #sidebar a.sculpture_comm { 
color: #6dcff6;
}
#photo_comm #sidebar a.photo_comm { 
color: #6dcff6;
}
#remodels #sidebar a.remodels { 
color: #6dcff6;
}

#jewelry #sidebar a.jewelry { 
color: #6dcff6;
}
#stitchery #sidebar a.stitchery { 
color: #6dcff6;
}
#ceramics #sidebar a.ceramics { 
color: #6dcff6;
}
#photography_sell #sidebar a.photography_sell { 
color: #6dcff6;
}
#featured_art #sidebar a.featured_art { 
color: #6dcff6;
}		
#painting_sell #sidebar a.painting_sell { 
color: #6dcff6;
}
#2d #sidebar a.2d { 
color: #6dcff6;
}
#digital #sidebar a.digital { 
color: #6dcff6;
}
#watercolor_paintings #sidebar a.watercolor_paintings { 
color: #6dcff6;
}
#acrylic_paintings #sidebar a.acrylic_paintings { 
color: #6dcff6;
}
#cement #sidebar a.cement { 
color: #6dcff6;
}			
#ceramic #sidebar a.ceramic { 
color: #6dcff6;
}
#metal #sidebar a.metal { 
color: #6dcff6;
}	
#mixed #sidebar a.mixed { 
color: #6dcff6;
}	
#fountains #sidebar a.fountains { 
color: #6dcff6;
}
#jars #sidebar a.jars { 
color: #6dcff6;
}
#ornaments #sidebar a.ornaments { 
color: #6dcff6;
}
#pottery #sidebar a.pottery { 
color: #6dcff6;
}
#sculpture #sidebar a.sculpture { 
color: #6dcff6;
}
#bowls #sidebar a.bowls { 
color: #6dcff6;
}
#jugs_vases #sidebar a.jugs_vases { 
color: #6dcff6;
}
#mugs #sidebar a.mugs { 
color: #6dcff6;
}







	
/* font class to change font color in key links or phrases */

.font {
color:#94b8a4;
}
.font2 {
color:#e0ce9c;
}
.font3 {
color:#a0f2c5;
}
.font4 {
color:#dda724;
}


/* 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.6em;
color:#6dcff6;
text-align:right;
padding:10px 70px 0 0;
}

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;
}

h5 {
margin:50px 0px 0px 25px;
font-size:1.6em;
color:#6dcff6;
text-align: left;
}

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

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

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

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

p a:link, p a:visited {
color:#e0ce9e;
text-decoration:none;
}

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


p a:hover {
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 {
	
}