/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/**
* CSS
*
* @version 1.0
* @author Vaska
* @author Gregory Cadar
* @author Columner Theme by Mathieu Hardiviller (www.hmplus.net)
*/
* {
margin : 0;
padding : 0;
}
body {
font-size: 0.7em;
font-family: Arial, Helvetica, sans-serif;/* font of all the text in your website except for sections overwritten.
Go to www.typetester.org to test sizes and see the list of safe fonts - If the user doesnt have the first one, it try the second, and goes along the list until it finds a font that the computer has installed */
color: black; /* color of all the text in your website except for links and other sections overwritten */
text-align: left;
background-color: white; /* sets the background color */
line-height : 120%;
}
body.section-1 { }
body.section-2 { }
body.section-3 { }
/* LINKS */
/* colors for all links */
a:link {
text-decoration: none;
color: #92ee00;
}
a:active {
color: #92ee00;
text-decoration: none;
}
a:visited {
color: #92ee00;
text-decoration: none; }
a:hover {
text-decoration: none;
background-color: #92ee00;
color: black; }
a img { border: none; }
#wrapper {
width: auto;
min-width: 1160px;
}
/* PRE NAV TEXT - Can be accessed in the Exhibit Settings */
#top-section {
min-height: 600px;
height: 100%;
width: auto;
padding-right: 40px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 10px;
background-repeat: no-repeat;
position: fixed;
text-align: center;
z-index: 0;
xright : 0;
left: 900px;
color: #3b3b3b;
font-family: Arial, Helvetica, sans-serif;
}
#top-section ul{
padding: 5px 0 0 0;
text-align: right;
}
#top-section a { /* this is the link property inside the Top-Section */
color: black;
text-decoration: none;
background-color: transparent;
}
#top-section a:hover { /* link property inside the Top-Section when the cursor is over */
color: #92ee00;
}
#top-section h1 {
color: black;
padding: 20px 0 20px 0;
letter-spacing: -8px;
font-size: 500%;
font-weight: bold;
}
#top-section h1 a {
color: black;
}
#top-section h1 a:hover {
color: #92ee00;
}
#top-section h2 {
text-shadow: 2px 2px 2px #eaeaea;
text-transform: uppercase;
border-top-style: none;
padding-left: 20px;
padding-bottom: 15px;
padding-right: 2px;
padding-top: 15px;
margin-top: 20px;
background-color: #f2f2f2;
text-align: left;
color: black;
letter-spacing: -1px;
font-size: 150%;
}
#top-section h3 {
padding-left: 20px;
padding-bottom: 15px;
padding-right: 2px;
padding-top: 15px;
background-color: #f2f2f2;
text-align: left;
color: black;
letter-spacing: -0.3px;
font-size: 112%;
}
#top-section p {
}
#top-section ul, #top-section li {
list-style-type: none;
}
#top-section hr {
padding-top: 15px;
border: 0;
}
/* MENU */
#menu {
margin-left: 40px;
padding-bottom: 2px;
padding-top: 2px;
position: fixed;
width : 800px;
}
#menu .container { padding: 0px 0px 0px 0px; }
#menu ul {
background-color: #f2f2f2;
color: black;
margin-bottom: 0;
margin-right: 4px;
margin-top: 0;
z-index: 1000;
float: left;
width: 136px; /* the width of each column in the menu */
list-style-type: none;
overflow: auto;
background: -moz-linear-gradient(
top,
#f4f4f4 0%,
#e5e5e5);
background: -webkit-gradient(
linear, left top, left bottom,
from(#f4f4f4),
to(#e5e5e5));
border: 1px solid #cccccc;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.1),
inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.1),
inset 0px 0px 2px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
#menu ul li.section-title { /* property of the section titles */
xfont-weight: bold;
color: black;
border-bottom-style: none;
letter-spacing: -0.9px;
padding-left: 0px;
padding-bottom: 6px;
padding-right: 0;
padding-top: 8px;
text-align: center;
width: auto;
font-size: 1.6em;
margin: 0px 0px 2px 0px;
cursor: pointer;
}
#menu ul li.section-title:hover { /* property of the section titles */
color: black;
background-color: #92ee00;
}
#menu ul li { /* property of the projects/exhibitions titles */
color: #92ee00;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 2px;
margin-top: 5px;
line-height: 1em;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1.2em;
width: auto;
}
#menu ul li.active {
color: #92ee00;
}
#menu ul li a {
color: black;
}
#menu ul li a:hover {
background-color: #92ee00;
color: black;
}
#menu p {
color: black;
width: auto;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
##menu ul a:link {
text-decoration: none;
color: black;
}
##menu ul a:active {
text-decoration: none;
color: black;
}
##menu ul a:visited {
text-decoration: none;
color: black;
}
##menu ul a:hover {
color: black;
}
/* POST NAV AREA : This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
#copy {
z-index : 80;
left : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 0px 0px 4px 28px;
background-color: white;
font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
}
/* INDEXHIBIT CREDIT : Always good to credit the CMS that gives you these possibilities */
#indexhibit { /* sets the properties for the "Built with" part */
color: #3b3b3b;
z-index : 100;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 0px 40px 14px 0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-align : right;
}
#indexhibit ul, #indexhibit li {
list-style-type: none;
}
#indexhibit hr {
border: 0px;
border-top-color: #959595;
border-top-width: 1px;
border-top-style: dashed;
}
#copy {
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
position: absolute;
}
body > #copy {
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
position: fixed;
}
#indexhibit {
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
position: absolute;
}
body > #indexhibit {
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
position: fixed;
}
/* MAIN CONTENT */
#content {
margin-left: 40px;
margin-bottom: 0px;
margin-right: 0px;
width: 800px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-top: 60px;
float: left;
height: 400px;
display: inline; /* the first number sets the height start of the exhibitions zone / under your menu */
z-index: -10;
}
.container {
padding: 0px 0px 0px 0px;
}
/* End Main Content */
/* Fonts / Typefaces */
#content p {
width: 100%;
margin: 0px 0px 5px 0px;
position: static;
font-size: 9pt;
line-height: 150%;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px 0px 0px 0px;
}
#content a:link {
font-style: italic;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
}
h1 {
padding-left: 0px;
padding-bottom: 20px;
padding-right: 30px;
padding-top: 0px;
letter-spacing: -13px;
line-height: 80%;
font-size: 800%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
h2 {
font-size:500%;
line-height: 120%;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px 0px 10px 0px;
}
h3 {
font-size: 50px;
line-height: 100%;
letter-spacing: -5px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px 0px 10px 0px;
}
h4 {
font-size: 12px;
}
#content hr {
border: 0px;
padding: 10px 0 0 0;
}
#content ul, #content li {
list-style-type: none;
}
#content .bigger {
line-height: 1.6em;
font-size: 1.4em;
}
/* -----2 cols----- */
#content #left {
float: left;
width: 400px;
}
/* -----2 cols----- */
#content #right {
float: right;
width: 400px;
xposition: relative;
}
#img-container {
z-index: 0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#img-container p {
margin-left: 8px;
z-index: 0;
margin-top: -25px;
width: auto;
}
#img-container em {
padding: 2px;
background-color: white;
z-index: 0;
width: auto;
}
#img-container a {
background: transparent;
}
#img-container a:hover {
background: transparent;
}
#indexhibit a:link, #indexhibit a:active, #indexhibit a:visited {
color: #7bc700;
}
#indexhibit a:hover {
color: #92ee00;
}
/* End Fonts / Typefaces */
#once { clear: left; }