/* CSS for Art2Art Pages */
/* syntax
a{}
a:link{}
a:visited{}
a:hover{}
a:active{}
a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}
a:link, a:visited, a:hover, a:active{color:#ffffff}
.classname eg or
p.classname eg
#title eg
or
p#title eg
descendents
p h1 eg
This is h1 within p
p h1 {background-color:ffffff}
p.classname h1 ie h1 nested within p of specific class="classname"
p#title h1 ie h1 nested within p of specific id="title"
p>h1 ie h1 nested within 1 tier of p
attribute selectors
img[name] {border="none"} ie selects all images with an attribute name set to anything
img[name="main"] {border="none"} ie selects only images with name attribute set to "main"
*/
/* pseudo */
a:link {color:#4e5c9b}
a:visited {color:#b39d34}
a:hover {color:#b39d34}
a:active {color:#4e5c9b}
a:link img {border-color:#eef0f3}
a:visited img {border-color:#eef0f3}
a:hover img {border-color:#eef0f3}
a:active img {border-color:#e88615}
html {margin: 0; padding: 0;}
body {font: 12px Verdana, Arial, Helvetica, sans-serif;
margin: 0; padding: 0;
background: #37416F; color: #606060;}
/*remove border*/
table#framework {
width: 80%;
height: 590px;
background-color: #e7d367;
margin-left:auto;
margin-right:auto;
text-align: center;
border: medium solid #6674B3;
}
h3{
font-size:14px;
font-weight:bold;
margin-top:2%;
margin-bottom:2%;
margin-left:5%;
text-align:left;
}
div#header{
margin-left:100px;
margin-right:100px;
margin-bottom: 20px;
text-align:left;
/* border: thin solid red; */
}
div#portraitframe img {
padding: 10px;
margin-right: 100px;
border: thin solid #5f0538;
}
div#header img#logo{
padding-top: 40px;
}
div#header p {
width: 295px;
text-align: center;
font-weight: bold;
color: #37416F;
}
div#introduction {
text-align:left;
margin-left:2%;
margin-right:5%;
margin-bottom:2%;
font-size:14px;
color: #37416F;
}
div#gallery{
float:left;
width:20%;
margin-left:5%;
margin-right:5%;
margin-top:2%;
padding-bottom:2%;
border: thin solid #5f0538;
}
div#gallery img {
padding-top:20px;
}
div#gallery p {
clear:both
}
div#gallery div#gallerylink{
font-weight: bold;
margin-left:5%;
margin-right:5%;
margin-top:2%;
}
div#interview {
text-align:left;
margin-left:35%;
margin-right:5%;
margin-bottom:2%;
}
div#interview p.question {
font-style: italic;
font-weight: bold;
color: #37416F;
}
div#interview p.answer {
font-style: normal;
font-weight: normal;
color: #4e5c9b;
}