/* 
CSS By: Cherie Kunkel
cherie.kunkel@gmail.com
http://www.distant-ocean.net
January 1, 2010
*/

body {
	margin:0px;
	background-color:#000000;
	height:100%;
	width:100%;
	}
	
/*------ Global formatting -------*/
	
		/*-- LINKS --*/
		a, a:visited {
			color:#202b37;
			text-decoration:none;
			line-height:140%;
			}
		a:hover {color:#6e7d7f;}	

		/*-- TABLES --*/
		td {vertical-align:top;}
		
		/*-- DIVS (classes for simple alignment)--*/
		.right {float: right;}
		.left {float: left;}
		
		/*-- IMAGE CAPTION TEXT --*/
		.caption { 
			margin-top:3px;
			color:#000000;
			font:12px georgia, times, serif, garamond;
			text-align:justify;
			vertical-align:top;
			font-variant: small-caps;
		}
		
		/*ALL TEXT*/
		.text { 
			color:#000000;
			font:12px georgia, times, serif, garamond;
			text-align:justify;
			vertical-align:top;
		}
		
					
		/*PARAGRAPH TEXT*/		
		p {
			letter-spacing:0.5px;
			line-height:130%;
			margin-left:30px;
		}
	
		/*HEADER TEXT	*/	
		h1 {
			padding:0px;
			margin-left:0px;
			margin-right:0px;
			margin-top:3px;
			margin-bottom:15px;
			padding:3px;
			line-height:100%;
			letter-spacing:1px;
			text-align:left;
			font:20px georgia, times, serif, garamond;
			font-weight:900;
			background:#cccccc;
			border:1px solid #a2a6a8;
			color:#000000;
			}
		
		h2 {
			padding:0px;
			margin-left:15px;
			margin-right:0px;
			margin-top:0px;
			margin-bottom:2px;		
			line-height:80%;
			letter-spacing:1px;
			text-align:left;
			font:16px georgia, times, serif, garamond;
			font-weight:bold;
			border-bottom:1px dotted #000000;
			color:#0d366c;
			}	
		h3 {
			font-size:14px;
			font-weight:bold;
			font-variant: small-caps;
			margin-left:25px;
			}
		h4 {
			font-size:12px;
			font-weight:bold;
			font-variant: small-caps;
			margin-left:30px;
			}
		h5 {
			font-size:10px;
			font-weight:bold;
			font-variant: small-caps;
			margin-left:35px;
			}
		h6 {
			font-size:8px;
			font-weight:bold;
			font-variant: small-caps;
			margin-left:40px;
			}
			
		/*break line formatting*/
		hr { 
			height:1px;
			border-top:1px dotted #000000;
			}
		
/*------ Structure & formatting -------*/
			
	/*Outermost Table*/	
	#wrapper {
		width:1200px;
		height:100%;
		padding: 0px;
		margin-left: auto;
	  	margin-right: auto;
	  	margin-top: 0px;
	  	margin-bottom: 20px;
	  	vertical-align:top;
		background:#FFFFFF;
		border-top:0px solid #a2a6a8;
		border-bottom:1px solid #a2a6a8;
		border-left:1px solid #a2a6a8;
		border-right:1px solid #a2a6a8;
	}
		/*row within wrapper containing the header*/	
		#header {
			width:1200px;
			height:238px;
			}
		
		/*row within wrapper containing the dk. blue stripe*/
		#darkBlueStripe {
			width:1200px;
			height:8px;
			background:#202b37;
			vertical-align:top;
			padding:10px;
		}
		
		/*row within wrapper containing the white stripe below the white stripe*/
		#whiteStripe {
			width:1200px;
			height:5px;
			background:#FFFFFF;
			}
		
		/*row within wrapper containing the cadet blue stripe with the "welcome to Logophile.net" title*/
		#titleStripe {
			width:1200px;
			height:40px;
			background:#6e7d7f;
			border-top:1px solid #6c6f70;
			border-bottom:1px solid #6c6f70;
			vertical-align:middle;
		}	
			/*formatting for the "welcome to Logophile.net" title*/
			#title {
				margin-top:3px;
				margin-bottom:3px;
				margin-left:3px;
				margin-right:8px;
				color:#FFFFFF;
				text-align:right;
				font:26px georgia, times, serif, garamond;		
			}
	
		
		/* #page is entire row containing link bar and text content*/	
		#page {
			width:1200px;
			height:100%;
			background:#ffffff;
			vertical-align:top;
			padding:10px;
			}
		
		/*link bar td*/	
		#linkbar {
			width:200px;
			height:100%;
			float:left;
			margin-top:-10px;
			margin-left:5px;
			border-top:0px solid #a2a6a8;
			border-bottom:1px solid #a2a6a8;
			border-left:1px solid #a2a6a8;
			border-right:1px solid #a2a6a8;
			background:#cccccc;
			}
		
			/*formatting for the title of each link group*/		
			.linkSectionHead {
				margin-left:0px;
				margin-top:5px;
				padding-left:5px;
				background:#efefef;
				color:#000000;
				font:16px garamond, georgia, times, serif;
				font-weight:900;
				letter-spacing:0.2px;
				line-height:120%;
			}
		
			/*text formatting for the links in the linkbar*/		
			.linktext {
				margin-left:15px;
				margin-top:5px;
				margin-bottom:8px;
				letter-spacing:0.5px;
				line-height:140%;	
				font:12px georgia, times, serif, garamond;
			}
		
	
		/* #content is the table within #page to the right of the link bar which will contain content*/	
		#content {
			height:100%;
			width:960px;
			padding:0px;
			border:0px solid #000000;
			float:right;
			}
			
			/*Left side div in #content*/
			#contentLeft {
				width:630px;
				border:0px solid #000000;
			}
			
			/*Right side div in #content*/
			#contentRight {
				width: 300px;
				border: 1px solid #808080;
				padding:5px;
				margin-top:3px;
				margin-left:8px;
				margin-right:0px;
			}
				

	/*td containing footer*/
	#footer {
		width:1200px;
		height:25px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		background: #6e7d7f;	
		}
		
	#footertext {
		margin-left:10px;
		margin-top:3px;
		margin-bottom:3px;
		font:12px georgia, times, serif, garamond;
		color:#FFFFFF;
		letter-spacing:0.5px;
		line-height:120%;
	}
	
	a.footer, a.footer:visited { 
		color:#efefef;
		text-decoration:underline;
		}
		
	a.footer:hover {
		color:#c0c0c0;	
	}	
/*------ End :) -------*/