/* 
   css Copyright (c) 2005-2006 by Karelia Software. All rights reserved.
   css released under Creative Commons License 
        - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/

/* The Basics - see "Minimal Standards" in the CSS Spec */

body
{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10pt;
}


p {
	max-width:50em;
}

.clear {
	clear: both;
}

.hidden {
    display:none;
}

.article-thumbnail img {
    float:right;
    margin-left:10px;
}

img.narrow {
	display:block;
    float:right;
    clear:right;
    margin-left:10px;
}

img.wide {
	display:block;
	clear:both;
}

.pagelet {
	word-wrap: break-word;
	overflow:hidden;
}

.photogrid-index h3, .listing-index h3 {
	font-size:1em;
	font-weight:normal;
}


/* Sample Minimal Container Setup to accomplish the following basic goals:
	* Position Sidebar (here, we float it right)
	* Position each callout (here, we float it left)
	* Position title, log, and site menu side-by-side
	* Float the photo grid items to "flow" them
*/
	
/* Body & sidebars:
	For this test, we use the absolute max of 771 pixels wide.
	This means a body of 771 - 30 (left margin) - 10 (right margin) = 731
	with a sidebar, main is: 
		731 - 200 (sidebar) - 10 - 5(margins) =  */

body
{
	width: 771px;
	margin: 0px;
}

	#main {
		min-height: 200px;	/* make sure an empty page looks OK in safari/webkit */
		margin-left :30px;
	}

.no-sidebar #main {
	width: 731px;
	}

.allow-sidebar #main {
	float: left;
	width: 515px;
	}



		#page{
	background-image: url(bkgd.png);
	background-repeat: repeat-x;
	background-position: 0 115px;
		}		
		#page a { color: #8B5316; }
			#page-top {
				background: black;
				padding: 0 0 0px 0;
				margin: 0;

			}

					#title
					{
						width: 541px;
						float: left;
						color: #923EC8;
						/* room for moon picture */
						margin-left: 140px;
						height: 100px;
					}
					#title a{
						color: #923EC8;
						color: white;
					}

						#title h1
						{
							color: #923EC8;
							color: white;
							font-size: 24pt;
							margin: 8px 0;
						}
						#title h1 a {
						    text-decoration:none;
						}
						
					#logo-container {
						float: right;
					}

					#sitemenu-container {
						background-image: url(lunar.gif);
						background-repeat: no-repeat;
						background-position: 20px 0;
					/*    clear: both;*/
						padding-top: 0px;
						margin-top: 0px;
					}
					
					/* Hides from IE5-mac \*/
					* html #sitemenu-container {
						margin: 0;
					}
					/* End hide from IE5-mac */

						#sitemenu {
							clear: both;
							margin: auto;
							padding: 0;
							margin-top: 10px;
						}
	
							#sitemenu-content ul {
								padding-left: 6px ;
							}
							
							#sitemenu-content li
							{
								margin: 0px 5px;
								padding: 2px 4px 0 4px;
								display: inline;
								/* Color of current page link */
								font-family: verdana, helvetica, sans-serif;
								font-weight: bold;
							}
							.currentPage {
								background-color: #D6C8E3;
								color: black;
							}
							
							
								#sitemenu-content a
								{
									color: white;
									/* Color of other pages */
									text-decoration: none;
									font-weight: normal;
								}
								#sitemenu-content a:hover
								{
									text-decoration: underline;
								}
	

			#page-content {
				color: #333;
				line-height: 1.5em;
			}
				
				h2 { color: #CC6835; }

				#sidebar
				{
					float: right;
					width: 200px;
					padding-left: 10px;
					padding-right: 5px;
					background-color: #CACEFD;
				}
				.callout {
					float: left;
					width: 180px;
					padding: 10px 10px 10px 10px;
					margin-right: 5px;
					background-color: #CACEFD;
					}
				


			#page-bottom {
				padding: 50px 0 0 10px;
				color: #999;
			}


/* Photo Grid Flow */

.gridItem {
	float:left;
	width:135px;
	height:170px;
	overflow:visible;
}


/* Contact Element */

form.contactElement textarea,
form.contactElement input,
form.contactElement select {
	width:98%;
	margin:4px 0;
}
form.contactElement input.submit {
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:2%;
	min-width:50%;
}
form.contactElement th {
	text-align:right;
	font-weight:normal;
	width:25%;
}