/* CSS for John R Haynes Ship Models: April 2008: R Gant Updated 12.6.09*/

#body {font: 80% Verdana, Arial, sans-serif;}
p {font: 80% Verdana, Arial, sans-serif;}

.caption {font-size:70%; font-style:italic; color:#33C;}

.gallerynumber a {font-size:80%; color: #333; border: #666 1px solid; padding: 3px; text-decoration:none;}
#gallerynumber {text-align:right;}
.gallerydate {font-size:80%; color: #333; padding-right: 40px; }

h1 {font-family: Verdana, Arial, sans-serif; font-size: 90%; font-weight:bold; color:#005654;}

h2 {font: 80% Verdana, Arial, sans-serif; font-size: 100%; font-weight:bold; background-color:#005654; color:#fff; padding: 5px;}

#container {width: 800px; margin-left:auto; margin-right:auto; padding: 0;}

#banner {margin-left:auto; margin-right:auto; margin-bottom: 10px; margin-top: 10px; padding:0;}

#menucontainer {border-top: 2px solid #005654; }


.bold {font-weight:bold;}

#navbar {font-size: 13px; color: #005654; font-family: verdana, arial, helvetica, sans-serif; padding: 0em 1em .1em 0; margin: 0 0 0 0; border-top: 2px solid #005654; border-bottom: 2px solid #005654; text-align: center; clear:both;}

#navbar ul {list-style: none;}

#navbar ul li {display: inline; padding: 0 .5em 0 .5em;}

#navbar a {color: #3B3177; text-decoration:none}

#bodycontent {width: 800px; margin-left:auto; margin-right:auto;}

#frontright {width: 260px; margin: 10px 0px 20px 540px; padding-top:10px;}

#frontleft {width: 520px; float: left; margin: 10px 20px 10px 0px;}
#frontimg {width: 420px; border: solid 1px #3B3177;}

#aboutleft {float: left; width: 440px; margin: 20px 0px 20px 0px; padding:0;}

#aboutright {margin: 20px 20px 10px 460px;}
.aboutimg {width: 300px; border: solid 1px #3B3177;}

#footer {font-size: 13px; color: #005654; font-family: verdana, arial, helvetica, sans-serif; padding: 0em 1em .1em 0; margin: 0 0 0 0; text-align: center; clear:both; border-top:#005654 1px solid;}

#starling {width: 640px; margin-left: auto; margin-right: auto; margin-top: 10px;}

.forsalegimg {border: solid 1px #3B3177;}

#shopadimages {width: 630px; margin-left: auto; margin-right: auto; border: 1px solid #3B3177; text-align:center; padding: 5px;}

#shopad {padding: 10px;}

#contact {text-align:center; padding: 10px;}

#links {padding: 10px 0px 0px 100px;}
#links ul {list-style-image: url(images/shipbullet.jpg); line-height: 250%}


/* portfolio code - thumbs at side */

.content .gallery {width: 700px; margin-left: auto; margin-right: auto;}
.content .gallery .thumb {border: 1px solid #CCC; padding: 2px; background: #FFF; width: 79px; }
.content .gallery .mainpic {background: #FFF; border: 1px solid #CCC; padding: 2px;float: right;}
.content .gallery p#imgDescription {text-align: center; padding-top: 10px; line-height: 20px;}

/* end gallery */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


/* New portfolio home page */


#gallery {
	padding: 0 0 0 0;
	margin: 1em 0em 0 1em;
	background-color: white;
	color: black;
}


div.portfoliohome {
	float: left;
	border: 2px solid #005654;
	margin: 0 2em 10px 1em;
	padding: 20px;
	width: 200px;
	display:block;
}

div.portfoliohome img {
	width: 200px;
	height: 140px;
	border: 1px solid black;
}

div.portfoliohome p { 
	text-align: center;
	font-family: Verdana, Arial, sans-serif; font-size: 80%; color:#3B3177;
}

.portfoliohome h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-weight:bold; color:#005654}

.current {
	font-weight: bold;
	font-size: 150%;
}