/* 

ToC

	1. defaults
	2. structure
	3. fonts
	4. links
	5. images

*/



/* --------- 1. defaults  --------- */
*{
padding: 0;
margin: 0;
}

body {
  color: black;
	font-family: 'Trebuchet MS', Verdana, helvetica, arial, Vemana2000, sans-serif;
	font-size:73%;  /* Enables font size scaling in MSIE */
	background: #fff;
	}
.doNotDisplay {



  display: none !important;



}
/*  --------- 2. structure  --------- */
#wrapper{
float:left;
width:640px;
margin:0;
padding: 0;
background: #D0D9E4 url(../../common/Image6.gif);
}
#links {
float:left;
width: 120px;
padding: 0;
}
#content {
float:right;
padding:10px;
width: 500px;
background: #fff;
}
#portfolioImage{
float: right;
margin: 20px;
width:470px;
}
#boxout {float: right; height: 20em; border:4px red solid; width:30em;
padding: 5px;
margin: 5px;
}
.separator{
clear: both;
height: 1px;
background: rgb(0,0,0);
border-bottom: #7f7f7f solid 1px;
}
.separatorInvisible{
clear: both;
height: 1px;
}
#thumbnails{
background: url(assets/background.jpg) no-repeat ;
padding-left: 10px;
}
#thumbnails div{
width: 182px;
height: 190px;
float: left;
margin-right: 10px;
}
#thumbnails .separatorInvisible{
float: none;
height: 1px;
}
#comments{
margin: 0 10% 0 10%;

}
#footer {
	clear: both;
  color: black;
  


  background-color: rgb(230,223,207);



  font-size: 92%;



  text-align: center;



  line-height: 1.25em;



  margin: 0;



  padding: 1em 4mm 1em 4mm;
}
/* ---------- 3. fonts ---------- */
html{
font-size: 100%;
}

h1{
font: normal normal normal 1.5em/2em normal "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
padding-left: 10px;
color: #966B3C;
border-bottom: #7f7f7f solid 1px;
text-transform: uppercase;
margin-bottom: 10px;
}
h2{
font: normal normal normal 1.3em/1.4em normal "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
padding-top: 10px;
color: #966B3C;
text-transform: uppercase;
margin-bottom: 10px;
}
h3, dt{
font: normal normal normal 1.1em/1.4em normal "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
padding-top: 10px;
color: #966B3C;
text-transform: uppercase;
margin-bottom: 10px;
}
.instructions{
color: #000000;
text-transform: lowercase;
float: right;
padding-right: 10px;
}
p{
font: 1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
margin-bottom: 0.8em;
}
strong {
text-align:middle;
}
#thumbnails div p{
margin-bottom: 0;
text-align: center;
line-height: 1.3em;
}
#caption{
margin-top: 2px;
font-style:italic;
}
#links{
margin: 10px;
width:100px;
/*font-size: 1.2em;*/
}
#links li {
list-style: none;
margin-bottom: 10px; 
}
#boxout h3 {

text-align: center;
position:relative;
top: -25px;
background: white;
}
#boxout a {

text-align: center;
position:absolute;
bottom: 190px;
background: white;
}
.caption  {
font-style:italic;
clear:both;
width :200px;

font-size:x-small;
}
/* ---------- 4. links ---------- */
a {
color: #966B3C;
font-size: 1.2em;
}
a:hover, thumbnails div a:hover {
color: #14d873;
}
a img {
border: none;
}
/* ---------- 5. images ---------- */
#portfolioImage img{
border: 1px solid #353535;
margin-bottom: 2px;
margin-left: 5px;
}
#thumbnails div img{
border: 1px solid #353535;
margin-bottom: 3px;
}
#thumbnails div a:hover img{
border-color: #14d873;
}
/*--------------------6.masthead-----------------*/
#title {
margin-top:-2em;
height: 2em;
color:black;
}
#masthead{
width: 100%;
background: url(../resources/masthead1.jpg) no-repeat top right;
height: 200px;
}
#strap {
color: rgb(255, 255, 255);
font-size: 1.5em;
position: absolute;
top: 110px;
left: 145px;
}
img#logo {
position: absolute;
left: 5px;
height:200px;
border: none;
}
img#sitetitle{
position:absolute;
left: 145px;
top:20px;
width: 600px;
border: none;
}
/*----------------------------------6.5. main copy-------------------------------*/
li, ol {
margin: 2em;
}
/*---------------------------------7.navbar----------------------------------*/
.nav {

	float: left;

	width: 100%;

	margin:  1.5em;

	padding: 0;

	list-style: none;

	background: inherit;

	}
.nav li {

	float: left;

	height:100%;

	margin: 0;
        margin-bottom: -2em;
	padding: 0;

	font-family: "Lucida Grande", sans-serif 250%;

	font-weight:bold;
	
	background: transparent url(../common/nav_bg.gif) repeat-x bottom left;

	}

.nav a {
display: block;

	margin: 0 1px 0 0;

	padding: 4px 8px;

	color: #333;

	text-decoration: none;

	border: 1px solid #9B8748;

	border-bottom: none;

	background: silver url(../common/off_bg.gif) repeat-x top left;

	}
a.this {
background: white url(../common/on_bg.gif) repeat-x top left;
}
#submenu {
font-size: smaller;
margin-bottom : 2em;
}
}/*-------------------8. forms -------------------*/
form {
margin:10px;
}
.rubric, label[for="quality"] {
display: block;
size: 20%;
font-weight: bold;
}
      
form  * {
 margin:10px;
 float:left;
 } 
 form p {
 float: left;
 }
 fieldset {
 margin: 1em 0;
 padding: 1em;
 border: 1px solid #ccc;
 width: 400px;
 background: #f8f8f8;
 clear:left;
  }   
 
 
 fieldset#radio p{
text-align : right;
margin-right: 40%;
vertical-align: top;
 }
 fieldset#radio legend{
 font-weight: bold;
 }
 
 
 label {
 clear: both;
 margin-right: 0px;
 margin-bottom:0px;
 width: 9em;
 text-align: right;
 }
 
form + a {
display: block;
float: left;
}
#login {
float:right;
width:165px;
margin-right: 70px;
border: 1px black solid;
padding: 5px;
}