/* Reset defaults */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

/* I want to use tables */
/*table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }*/

p {
margin: 1.12em 0
}

table {
width: 100%;
}

body {
padding: 5px;
background-color: #bfbf9d;
}

#main {
background-color: #ffffdd;
}

/***************************
 *                         *
 *	    Header           *
 *				   *
 ***************************/

#head {
background-color: #323480;
background-color: #323480;
background-image: url('assets/head.jpg');
background-repeat: no-repeat;
background-position:center center;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 780px;
height: 98px;
}

#head h1 {
font-size: 200%;
font-weight: 900;
color: #c3a81a;
}

#menu {
float: left;
font-family: sans;
width: 140px;
overflow: auto;
vertical-align: top;
}

#menu h1 {
background-image: url("assets/menutitleback.jpg");
background-repeat: repeat-x;
height: 25px;
padding-left: 5px;
padding-top: 5px;
margin: 0px;
font-size: 14px;
color: #c3a81a;
border-bottom: 1px solid #ffffdd;
}

#menu-btn a {
color: #c3a81a;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
background-color: #323480;
border-bottom: 1px solid #ffffdd;
}

#menu-btn a:hover {
background-color: #006699;
}

#menu-btn div {
cursor: pointer;
color: #c3a81a;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
background-color: #323480;
border-bottom: 1px solid #ffffdd;
}

#menu-btn div:hover {
background-color: #006699;
}

#menu img {
width: 100%;
}

#menu p {
text-align: center;
}

/***************************
 *                         *
 *	Search Page          *
 *				   *
 ***************************/

#project-cell {
width: 100%;
}

#projects {
/*vertical-align: top;*/
display: table-cell;
font-family: serif;
color: #292929;
padding-left: 5px;
padding-right: 5px;
background-color: #ffffdd;
}

#projects a {
text-decoration: none;
color: #292929;
}

#projects a:hover {
text-decoration: underline;
}

#projects .project-box {
border: 1px solid #bfbf9d;
text-align: center;
width: 160px;
height: 190px;
float: left;
}

#projects .img-table {
display: table;
margin-left: auto;
margin-right: auto;
}

#projects .img-cell {
display: table-cell;
overflow: hidden;
vertical-align: middle;
text-align: center;
width: 150px;
height: 120px;
}

#projects img {
width: 100%;
border: 1px solid #bfbf9d;
max-width: 150px;
max-height: 120px;
}
 
/***************************
 *                         *
 *	Description Page     *
 *				   *
 ***************************/

#description {
padding: 10px;
}

#desc-info {
/*padding-left: 5px;*/
text-align: center;
}

#desc-info h1, #desc-text h1 {
font-size: 2em;
margin: .67em 0;
text-align: center; 
}

#desc-image .prev, #desc-image .next, #desc-image .count {
cursor: pointer;
text-decoration: none;
color: #292929;
}

#desc-image .prev:hover, #desc-image .next:hover {
text-decoration: underline;
}

#desc-image {
text-align: center;
vertical-align:text-top;
width: 400px;
height: 325px;
/*border-top: 1px solid #bfbf9d;
border-bottom: 1px solid #bfbf9d;
border-right: 1px solid #bfbf9d;
border-left: 1px solid #bfbf9d;*/
}

#desc-image img {
border: 0;
vertical-align:middle;
width: 400px;
max-width: 400px;
height: 300px;
max-height: 300px;
}

/***************************
 *                         *
 *	    Content          *
 *				   *
 ***************************/

#content {
padding: 10px;
text-align: left;
width: 100%;
}

#content img {
float: left;
padding: 5px;
}

/***************************
 *                         *
 *	    Footer           *
 *				   *
 ***************************/

#foot {
text-align: center;
color: #676767;
font-size: 12px;
}