/* 	Layout -------------------------------------------------------------------------------------------------------------------------------------------	*/

		body {
			background:url(../../images/body_background.gif) repeat-x;
			margin:0;
			padding:0;
		}
		
		#container {
			width:980px;
			background:url(../../images/container_background.gif) repeat-y;
			position:absolute;
			left:50%;
			margin-left:-490px;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333;
		}
			#padding_over {
				padding:20px 10px 0 10px;
			}
		
			h1 {
				margin:0;
				padding:0;
				width:960px;
				height:121px;
				overflow:hidden;
				text-indent:-999px;
				background:url(../../images/sailing_banner.jpg);
			}
			
			#menu {
				display:block;
				background:url(../../images/bg_menu.gif) no-repeat;
				width:960px;
				height:32px;
				overflow:hidden;
			}
				#menu ul {
					margin:0;
					padding:0;
					list-style-type:none;
				}
					#menu ul li {
						display:inline;
						margin:0;
						padding:0;
					}
						#menu ul li a {
							display:block;
							float:left;
							font-size:12px;
							color:#27313f;
							padding:7px 10px 10px 10px;
							border-left:1px solid #c7d8f0;
							border-right:1px solid #adc3e4;
							text-decoration:none;
						}
							#menu ul li a:hover { background:rgba(255,255,255,.3); }
							#menu ul li:first-child a { border-left:0; }
							#menu ul li:last-child a { border-right:0; }
			
			a.top_sailing_books {
				position:absolute;
				top:42px;
				right:10px;
				display:block;
				overflow:hidden;
				width:208px;
				height:75px;
				text-indent:-999px;
				background-image:url(../../images/top_sailing_books.gif);
				background-position:top left;
			}
				a.top_sailing_books:hover { background-position:bottom left; }
			
			#contents {
				padding:20px;
				display:block;
			}
		
			#footer {
				display:block;
				width:980px;
				height:100px;
				background:url(../../images/footer_background.gif) no-repeat;
			}
				#footer p {
					display:block;
					text-align:center;
					padding-top:20px;
					color:#888;
					font-size:8pt;
				}
					#footer p a { color:#888; text-decoration:none; } 
						#footer p a:hover { text-decoration:underline; }
		

/* 	General re-usables --------------------------------------------------------------------------------------------------------------------------------	*/


		.clearer { display:block; clear:both; height:1px; overflow:hidden; }
		.hr { display:block; width:100%; clear:both; padding-top:20px; margin-bottom:20px; border-bottom:1px solid #dbdbdb; }
		.hr_sml { display:block; width:100%; clear:both; padding-top:10px; margin-bottom:10px; border-bottom:1px solid #dbdbdb; }
		div.nomargin { margin:0; }
		p { margin:0 0 10px 0; padding:0; text-align:justify; line-height:16px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; }
		
		h2 { font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#1f5fbb; font-size:24px; font-weight:normal; margin:0; padding:0; line-height:24px; }
		.subtitle { color:#cc9f0e; font-weight:bold; font-size:11pt; }
		p.em { font-style:italic; }
		
		a { color:#1f5fbb; text-decoration:none; }
			a:hover { text-decoration:underline; }
		
		ul { margin:20px 0 0 20px; }
			ul li { margin:0; padding:0 0 0 0; }
		
		.smlgry { font-size:7pt; color:#888; }
		
		/* orange button style link */
		a.button, input.button { display:block; background:#cc9f0e; color:white; padding:1px 5px 3px 5px; float:left; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
			a.button:hover, input.button:hover  { background:#b87808; }
			
		/* justified columns css3 only */
		.justified_columns { -moz-column-count: 2; -moz-column-gap: 2em; -webkit-column-count: 2; -webkit-column-gap: 2em; }
		
		/* thumb galleries */
		.thumb_holder { display:inline; }
			.thumb_holder a.thumb_thumb img { border:1px solid #CCC; padding:5px; background:white; float:left; margin:0 10px 10px 0; }
			.thumb_holder a.thumb_thumb:hover img { border:1px solid #888; }

		/* thumb galleries in facebox*/
		#facebox .thumb_holder { display:inline; }
			#facebox .thumb_holder a.thumb_thumb img { border:1px solid #CCC; padding:5px; background:white; float:left; margin:0 10px 10px 0; }
			#facebox .thumb_holder a.thumb_thumb:hover img { border:1px solid #888; }
	
	
/*	Homepage specifics --------------------------------------------------------------------------------------------------------------------------------	*/

		#current_issue #current_issue_photo {
			float:left;
			margin-right:20px;
			width:316px;
		}
			#current_issue #current_issue_photo img { display:block; }
		
		#cover_caption {
			display:block;
			background:white;
			padding:5px 7px;
			margin:0;
			font-size:7pt;
			font-family:Arial, Helvetica, sans-serif;
			text-align:justify;
			border-left:1px solid #ddd;
			border-right:1px solid #ddd;
			border-bottom:1px solid #ddd;
		}
		
		#current_issue h2 {
			margin:0;
			padding:0;
			font-weight:normal;
			color:#1f5fbb;
			font-size:24px;
		}
			#current_issue h2 #applicable_month {
				font-size:12px;
				display:inline;
			}
		#current_issue #overview { margin:0; padding:0; color:#777; font-size:12px; }
	
		.col {
			display:block;
			width:280px;
			float:left;
			margin-right:15px;
		}
			#current_issue .col ul {
				margin:10px 0 0 0;
				padding:0;
				list-style-type:none;
			}
				#current_issue .col ul li {
					display:inline;
					margin:0;
					padding:0;
				}
					#current_issue .col ul li a {
						text-decoration:none;
						display:block;
						padding:0 2px 2px 2px;
						height:15px;
						border:1px solid #f4f4f4;
						font-size:12px;
					}
						#current_issue .col ul li a:hover { background:#efe9db; border:1px solid #dfd9cb; }
						
						#current_issue .col ul li a .page_number { width:20px; color:#bf8702; float:left; clear:left;}
						#current_issue .col ul li a .article_title { width:250px; color:#333; float:left; overflow:hidden; }
					
	
		#sailing_logo {
			display:block;
			width:316px;
			height:56px;
			overflow:hidden;
			text-indent:-999px;
			background:url(../../images/sailing_logo.gif);
			float:left;
			margin-right:20px;
			position:relative;
			top:5px;
		}
		
		#sub_email {
			display:block;
			width:205px;
			float:left;
			margin-right:10px;
		}
		#sub_submit {
			display:block;
			background:#cc9f0e;
			border:0;
			color:#fff;
			float:left;
			width:60px;
			height:22px;
		}
		
		#book_of_the_month {
			display:block;
			width:460px;
			height:265px;
			border-right:1px solid #dbdbdb;
			float:left;
		}
			#book_of_the_month a img { border:0; margin-right:20px; float:left; }
		
		a.sailing_books {
			display:block;
			margin-top:90px;
			width:213px;
			height:81px;
			overflow:hidden;
			text-indent:-999px;
			background:url(../../images/button_sailing_books.gif);
		}
		
		#sailor_of_the_month, #log_entry {
			float:left;
			width:420px;
			padding-left:20px;
			height:180px;
		}
			#sailor_of_the_month img, #log_entry img { float:left; margin-right:20px; }
			
			#sailor_of_the_month { height:70px; }