source: main/trunk/model-sites-dev/pei-jones/wrapper-style/default.css@ 31793

@import url("small.css") only screen and (max-width:320px);
@import url("medium.css") only screen and (min-width:321px) and (max-width:540px);
@import url("large.css") only screen and (min-width:541px);

* 
{
border: 0px;
margin: 0px;
padding: 0px;
}

a               { color: #ab5816; text-decoration: underline; }
a:visited       { color: #ab5816; text-decoration: underline; }
a:active        { color: #ab5816; text-decoration: none; }
a:hover         { color: #ab5816; text-decoration: none; }

#nav a          { color: #7e746c; text-decoration: none; font-size:16px; font-weight:bold; padding:4px 15px 5px 15px; }
#nav a:visited  { color: #7e746c; text-decoration: none; }
#nav a:active   { color: #7e746c; text-decoration: none; }
#nav a:hover    { color: #7e746c; text-decoration: none; background-color: #f6f1eb; }

.headRight a            { color: #d1c5b6; text-decoration: none; font-size:14px; font-weight:bold; padding:4px 15px 5px 15px; }
.headRight a:visited    { color: #d1c5b6; text-decoration: none; }
.headRight a:active     { color: #d1c5b6; text-decoration: none; }
.headRight a:hover      { color: #FFFFFF; text-decoration: none; }

body
{
font-family: arial, helvetica, sans-serif;
font-size: 0.85em;
color: #4c4743;
line-height: 140%;
background-image: url(images/bodyBG.jpg);
background-position:top;
background-repeat: repeat-y;
/* text-align: center; */
margin: 0px 0px 0px 0px;
background-color: #e5ddd5;
}

h1
{
font-size: 1.6em;
margin: 40px 0px 20px 0px;
}

h2
{
font-size: 1.4em;
margin: 20px 0px 0px 0px;
}

h3
{
font-size: 1.2em;
margin: 10px 0px 0px 0px;
}

p
{
margin: 10px 0px 0px 0px;
}

#wrapper-container
{
background-image:url(images/homeBG.jpg);
background-position:top;
background-repeat:no-repeat;
/* text-align: center; */
}

#header
{ 
margin: 0px 0px 0px 0px;
margin-left: auto ;
margin-right: auto ;
width: 980px;
text-align: left;
}

.headLeft
{
float: left;
}

.headRight
{
float: right;
margin-top: 70px;
}


#nav
{ 
margin: 0px 0px 0px 0px;
padding: 10px;
margin-left: auto ;
margin-right: auto ;
width: 980px;
text-align: left;
clear: both;
}

#nav ul
{
list-style-type:none;
margin: 5px 0px 5px 0px;
} 
 
#nav li
{
display:inline;
}

#copy
{ 
padding: 0px 190px 0px 0px;
margin-left: auto ;
margin-right: auto ;
width: 790px;
text-align: left;
min-height:400px;
}

#copy li
{ 
list-style: square outside; 
margin: 0px 30px 0px 30px;
}

#footer
{ 
color: #4c4743; 
font-size: 11px;
padding: 10px 0px 0px 0px;
text-align: right;
margin-top: 50px;
margin-left: auto ;
margin-right: auto ;
width: 980px;
clear:both;
}

.box
{
width:200px;
margin:20px 20px 0px 0px;
background-color:#e3dbd3;
border-radius: 10px;
float: left;
padding: 100px 20px 20px 20px;
border: solid 1px #B2A69A;
background-position: right top;
background-repeat:no-repeat;
min-height: 170px;
}

#bio        {background-image:url(images/homeBio.jpg);}
#library    {background-image:url(images/homeLibrary.jpg);}
#written    {background-image:url(images/homeWritten.jpg);}
#taonga     {background-image:url(images/homeTaonga.jpg);}
#gallery    {background-image:url(images/homeGallery.jpg);}
#research   {background-image:url(images/homeResearch.jpg);}

.clear
{
clear:both;
}

input, textarea {
padding: 10px 10px 10px 10px;
font-family: arial, helvetica, sans-serif;
color: #4c4743;
font-size: 1.1em;
border: solid 1px #B2A69A;
}

.ref {
color: #4c4743;
font-weight:bold;
cursor:default;
}

select {
border: 1px solid #B2A69A;
padding: 0px 4px;

}