@charset "UTF-8";
/* CSS Document
scottlloydanderson.com 
*/

/* ----------------------------------------  Browser Reset  */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, img, s, strong, b, i, center, ol, ul, li, form, table, caption, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	margin: 0;
	border-style: none;
}
body {
line-height: 1;
text-align: center;
}

:focus {
outline: 0;
}


/* ---------------------------------------- Typography */

h1, h2, h3, h4, h5, h6, p {font-weight:normal; text-align:left; }

h1{
/* main headlines on welcome and news pages */ 
font: 18px/26px Georgia, "Times New Roman", Times, serif;
margin:20px 0 4px 0;
color:#000;
}

h2{
/* smaller headlines on dark background - see news page */ 
font: 16px/18px Georgia, "Times New Roman", Times, serif;
margin:5px 0 5px 0;
letter-spacing:.04em;
color:#fff;
}

h3 {
/* calendar dates */ 
font: 10px/10px Verdana, Arial, Helvetica, sans-serif; 
color:#fff; 
letter-spacing:.05em;
margin:5px 0 5px 0;
text-transform:uppercase;
}

h4 {
/* I know this is a minor shift from H3, but I have my reasons! */ 
font: 10px/11px Verdana, Arial, Helvetica, sans-serif; 
color:#fff; 
margin:15px 0 0 0;
text-transform:uppercase;
}

h5 {
/* sidebar heading, "coming events" etc. */ 
font: 11px/11px Verdana, Arial, Helvetica, sans-serif; 
color:#6b798d; 
margin:0 0 10px 0;
letter-spacing:.2em;
text-transform:uppercase;
}

h6 {
/* sidebar text */ 
font: 11px/16px Verdana, Arial, Helvetica, sans-serif; 
color:#c2c2c2; 
margin:0 0 8px 0;
}


p {
font: 13px/20px Verdana, Arial, Helvetica, sans-serif; 
color:#575757; 
margin:0 0 15px 0;
}

/* links */
a { color: #ffffff; text-decoration:none;}
a:hover  { color: #000;  text-decoration:underline;}

/* colors */
.red {color:#993333;}
.blue {color:#6b798d;}

li {list-style:none;}


/* ---------------------------------------- display framework  WELCOME page */

.welcome {
background-color:#353535;
}

.welcome #container { 
width: 950px;  
margin: 0 auto; 
text-align: left;
} 
.welcome #header { 
height:94px;
}
.welcome #header h1 {
margin:0 0 0 -9000px;
font: 5px/5px Verdana, Arial, Helvetica, sans-serif; 
}

.welcome #navigation {
float: left; 
width: 100px;
text-align:right;
margin:200px 10px 20px  0;
}

.welcome #headlinenews {
	float: left;
	width: 120px;
	margin:198px 0 20px 0;
	padding:15px;
	background-image:url(images/colon-onbkgd.gif);
}

.welcome #headlinenews a {color:#fff;}
.welcome #headlinenews a:hover {color:#fff; text-decoration:underline;}


.welcome #fadeshow { 
margin: 30px 0 0 300px; 
} 
.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.welcome #navigation ul li a {
font: 10px/20px Verdana, Arial, Helvetica, sans-serif; letter-spacing:.1em; color:#9c9671; text-transform:uppercase;padding: 0 4px 0 0;
}
.welcome #navigation ul li a:hover {color:#fff;}

.welcome #headlinenews h4{
font: 11px/15px Verdana, Arial, Helvetica, sans-serif; letter-spacing:0; color:#c2c2c2; text-transform:none;}




/* ---------------------------------------- display framework  TWOCOLUMN pages */

.twocolumn {
background: url(images/background-twocolumn.gif) repeat-y top center;
}

.twocolumn #container { 
width: 950px;  
margin: 0 auto; 
background: url(images/background-twocolumn.gif) repeat-y top center;
text-align: left;
} 
.twocolumn #header { 
height:94px;
}
.twocolumn #header h1 {
margin:0 0 0 -9000px;
font: 5px/5px Verdana, Arial, Helvetica, sans-serif; 
}

.twocolumn #navigation {
float: left; 
width: 100px;
text-align:right;
margin:200px 5px 20px 0;
}

.twocolumn #left {
float: left;
width: 390px; 
margin:50px 0 20px  50px;
padding:0;
}
.twocolumn #left a {color:#993333;}
.twocolumn #left a:hover {color:#000; text-decoration:underline;}


.twocolumn #right { 
margin: 50px 50px 20px 650px; 
} 
.twocolumn #right a {color:#ffffff;}
.twocolumn #right a:hover {text-decoration:underline;}


.twocolumn #navigation ul li a {
font: 10px/20px Verdana, Arial, Helvetica, sans-serif; letter-spacing:.1em; color:#9c9671; text-transform:uppercase;padding: 0 4px 0 0;
}
.twocolumn #navigation #current a {color:#6b798d;background: url(images/colon.gif) no-repeat center right;}
.twocolumn #navigation a:hover {color:#6b798d;  text-decoration:underline;}

.twocolumn #right p {color:#c2c2c2}

.floatleft { float: left; margin: 0px 10px 0px 0px; }
.floatright { float: right; margin: 0px 0px 0px 6px; }

/* ---------------------------------------- display framework CATEGORY BUTTONS*/

.twocolumn #categories{margin: 65px 30px 40px 630px; } 

/*
.twocolumn #categories img {border: 0px solid #000; margin:0 0 0 0;}
.twocolumn #categories h1  {text-align:center; border:none; margin:15px 0 0 0; font: 26px/26px;}

.twocolumn #categories h1 a:hover img {border: 0px solid #fff;}
.twocolumn #categories h1 a:hover { color:#fff; text-decoration:none;}*/




/* ---------------------------------------- display framework PAINTING GRID Pages*/

.grid {
background-color:#353535;
}

.grid #container { 
width: 950px;  
margin: 0 auto; 
text-align: left;
} 
.grid #header { 
height:94px;
}
.grid #header h1 {
margin:0 0 0 -9000px;
font: 5px/5px Verdana, Arial, Helvetica, sans-serif; 
}

.grid #navigation {
float: left; 
width: 100px;
text-align:right;
margin:200px 4px 20px 0;
}

.grid #navigation ul li a {
font: 10px/20px Verdana, Arial, Helvetica, sans-serif; letter-spacing:.1em; color:#9c9671; text-transform:uppercase;padding: 0 4px 0 0;
}
.grid #navigation #current a {color:#fff;background: url(images/colonw.gif) no-repeat center right;}
.grid #navigation a:hover {color:#fff;  text-decoration:underline;}

.grid #navigationpaintings {
float: left; 
width: 70px;
text-align:left;
margin:261px 0 20px 0;
}

.grid #navigationpaintings ul li a {
font: 10px/13px Verdana, Arial, Helvetica, sans-serif; letter-spacing:.1em; color:#6b798d; text-transform:uppercase;padding: 0 4px 0 0;
}
.grid #navigationpaintings ul li a:hover {
color:#fff; text-decoration:underline;
}

.grid #navigationpaintings #currentgrid a {color:#fff;}

.grid #paintings { 
margin: 0 0 0 200px;
} 

.grid #paintings div.thumbwrapper {
float: left;
height: 160px;
width: 146px;
text-align: center;
}

.grid #paintings div.thumbwrapperdouble {
float: left;
height: 160px;
width: 280px;
text-align: center;
}

.grid #footer {
text-align:center;
color:#999;
font: 10px/20px Verdana, Arial, Helvetica, sans-serif; 
margin: 50px 0px 50px 180px;
}

/* ---------------------------------------- display framework FORM Page */
#sendit {
font: 13px/20px Verdana, Arial, Helvetica, sans-serif; 
}

.fText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
background-color:#eee;
border:1px solid #555;
width:250px;
height: 17px;
}
.fTextHear {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
background-color:#eee;
border:1px solid #555;
width:340px;
}
.fTextArea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
background-color:#eee;
border:1px solid #555;
width:340;
height:100px; 
}
.fText:focus, .fText.sffocus, .fTextHear:focus, .fTextHear.sffocus, .fTextArea:focus, .fTextArea.sffocus {background:#fff}


#sentit {text-align:right}
container