html {height: 100%}
body {font-family: "Trebuchet MS"; margin:0px; padding:0px; min-width:750px; height: 100%}
span, p, div, h2,h3 {font-family: "Trebuchet MS"; }
img {border: 0px}
.side-panel {position: fixed; top:15%; width:10px; padding: 10px; line-height:18px; color:white; background-color:#c9381f; text-align:center; }
.test {font-size: 15px}
a:link {color:#06C; }
a:visited {color:#666; }
a:hover {color:#09C; }
.title-big {font-size:24pt; color:#069}
h1 {}
h2 {color: #690}
h3 {color: #333}
div.photocard  {float:left;width:inherit;height:inherit;border:1px dotted black; text-align:center;padding:10px;vertical-align:middle;margin:5px;display: table-cell; }
div.photocard:hover{background-color:#3388cc}
div.photocard img {border: #cecece 5px solid; display:block;}
html {}
p {}

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

#wrap {

margin:0 auto;
width:650px;
height: 100%;

}

#main {width:100%; text-align: center}

#sidebar {
background:#99c;
float:right;
width:200px;
}
#header {background:#3080ff;color:white; height: 42px; text-align:center; width: 70%; margin-left: 15%}

#nav {background:#c99;}
#footer {
background:#cc9;
clear:both;
}
#comment {color:#ababab}
.yellow-bot {

	width: 20%;
	line-height:0px;
	text-align: center;
	margin-left: 40%;
	background-color: #ffcc33;
	height: 65px;
	


	}