/*  
Theme Name: Cape Cod
Theme URI: http://valhallaisland.com/
Description: An update to Valhalla Island
Version: 1.0
Author: Jim Whimpey
Author URI: http://jimwhimpey.com/
*/


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPERS, site wide things
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	body {
		margin: 0;
		padding: 0;
		font-family: Georgia, Times, serif;
		background: #DBE0E4;
		}
			
		#skip { display: none; }
		
		a, a:visited { color: blue; text-decoration: none; }
		
			a:hover { color: red; }





/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#header {
		width: 100%;
		height: 180px;
		background: url("./images/headerbg.gif") repeat-x bottom;
		}
		
		h1 {
			position: absolute;
			top: 79px;
			left: 30px;
			width: 260px;
			height: 49px;
			background: url("./images/valhallaisland_o.gif");
			margin: 0;
			}
			
			h1 a {
				display: block;
				width: inherit;
				height: inherit;
				background: url("./images/valhallaisland.gif");
				}
				
				h1 a:hover { background: url("./images/valhallaisland_o.gif"); }
				
				h1 a span { display: none; }

		#paradise {
			position: absolute;
			top: 9px;
			left: 310px;
			width: 154px;
			height: 128px;
			background: url("./images/paradise.gif");
			}
			
		#australia {
			position: absolute;
			top: 80px;
			left: 480px;
			width: 44px;
			height: 49px;
			background: url("./images/australia.gif");
			}
			
		#tumblr {
			display: block;
			position: absolute;
			top: 0;
			left: 40em;
			width: 226px;
			height: 420px;
			background: url("./images/tumblr.png");
			z-index: 5000000;
			}
			
		#hireme {
			position: absolute;
			width: 228px;
			height: 290px;
			background: url("./images/HireMeHover.png");
			right: 50px;
			top: 20px;
			}
			
			#hireme a {
				display: block;
				width: 228px;
				height: 290px;
				background: url("./images/HireMe.png");
				}
				
				#hireme a:hover { background: url("./images/HireMeHover.png"); }
				
				#hireme a span { display: none; }
			
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MENU
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#menu {
		position: absolute;
		top: 151px;
		left: 30px;
		height: 22px;
		width: 700px;
		list-style: none;
		margin: 0;
		padding: 0;
		background: url("./images/oars.gif") no-repeat 112px 0;
		}

		#menu li {
			float: left;
			height: inherit;
			margin: 0 25px 0 0;
			background-position: center center;
			background-repeat: no-repeat;
			}
			
			#menu li a { 
				display: block;	
				height: inherit;
				background-position: center center;
				background-repeat: no-repeat;
				}
				
				#menu li a span { display: none; }
				
				#menu li#byjimwhimpey { width: 87px; margin-right: 70px; background-image: url("./images/menu/jimwhimpey_o.gif"); background-position: 0 6px; }
					#menu li#byjimwhimpey a { background-image: url("./images/menu/jimwhimpey.gif"); background-position: 0 6px; }
						#menu li#byjimwhimpey a:hover { background-image: url("./images/menu/jimwhimpey_o.gif"); }
				
				#thepublication { width: 89px; background-image: url("./images/menu/thepublication_o.gif"); }
					#thepublication a { background-image: url("./images/menu/thepublication.gif"); }
						#thepublication a:hover { background-image: url("./images/menu/thepublication_o.gif"); }
						
				#subscribe { width: 56px; background-image: url("./images/menu/subscribe_o.gif"); }
					#subscribe a { background-image: url("./images/menu/subscribe.gif"); }
						#subscribe a:hover { background-image: url("./images/menu/subscribe_o.gif"); }
						
				#projects { width: 52px; background-image: url("./images/menu/projects_o.gif"); }
					#projects a { background-image: url("./images/menu/projects.gif"); }
						#projects a:hover { background-image: url("./images/menu/projects_o.gif"); }
						
				#contact { width: 46px; background-image: url("./images/menu/contact_o.gif"); }
					#contact a { background-image: url("./images/menu/contact.gif"); }
						#contact a:hover { background-image: url("./images/menu/contact_o.gif"); }
						
				#twitter { width: 43px; background-image: url("./images/menu/twitter_o.gif"); }
					#twitter a { background-image: url("./images/menu/twitter.gif"); }
						#twitter a:hover { background-image: url("./images/menu/twitter_o.gif"); }				
						



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#content {
		width: 35em;
		padding: 40px 30px;
		line-height: 1.6em;
		}
		
		.edit { 
			position: absolute;
			top: 5px;
			right: 5px;
			}
			
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		ASIDES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	.aside {
		margin: 0 0 4em 0;
		padding: 0 0 0 25px;
		position: relative;
		}
	
		.aside h2, .archive .aside h2 {
			font-size: 0.9em;
			font-weight: normal;
			margin: 0 0 0.8em 0;
			position: relative;
			padding-right: 5em;
			}
			
			.extra { 
				display: none;
				color: #999;	
				}
			
				.aside h2:hover .extra { display: inline; }
				
		.aside .entry { font-size: 0.9em; }
		
			.aside .entry p { margin: 0 0 0.8em 0; }
			
		.aside h2 a.permalink {
			position: absolute;
			left: -25px;
			top: 0;
			font-weight: bold;
			font-size: 15px;
			color: #394750;
			border-bottom: none;
			}
			
			.aside h2 a.permalink:hover { color: red; }
	



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.post { 
		position: relative;
		margin: 0 0 4em 0;
		}
		
		.page .post { margin: 0 0 7em 0; }
		
		.page .post h2 { margin: 0 0 0.4em 0; }
	
		.post h2, .archive h2 {
			font-weight: normal;
			font-size: 20px;
			margin: 0 0 0.4em 0;
			padding-right: 5em;
			}
			
			.post h2 a { color: black; text-decoration: none; }
			
				.post h2 a:hover { color: red; text-decoration: none; }
			
			.entry h3 {
				font-family: Helvetica, Arial;
				font-size: 0.9em;
				margin: 1.7em 0 0.5em 0;
				color: black;
				text-transform: uppercase;
				letter-spacing: 0.2em;
				}
				
				.entry ol li { margin: 0 0 0.1em 0; }
			
		.date {
			text-transform: uppercase;
			letter-spacing: 0.3em;
			font-size: 12px;
			line-height: 1em;
			margin: 0 0 0.8em 0;
			}
		
			.date span { 
				letter-spacing: 0.1em;
				font-style: italic;
				text-transform: lowercase;
				}
				
			.page .post .date { margin: 0 0 2.5em 0; }
			
		.datehelper {
			position: absolute;
			margin: 0;
			right: 0;
			top: 8px;
			background: #4A657B;
			border: 1px solid #4A657B;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			padding: 0.2em 0.3em 0.2em 0.6em;
			font-size: 0.7em;
			text-transform: uppercase;
			letter-spacing: 0.3em;
			line-height: 1em;
			font-family: Monaco, "Courier New", monospace;
			color: #fff;
			}
			
			.yesterday { background: #677E90; border: 1px solid #677E90; }
			
			.pastweek { background: #8496A5; border: 1px solid #8496A5; }
			
			.pastmonth { background: #A1AFBA; border: 1px solid #A1AFBA; }
				
		.entry {
			font-size: 0.9em;
			color: #272727;
			}
			
			.entry img, .entry a img, .aside img { border: 1px solid #212D38; }
			
			.entry p { margin: 0 0 1.2em 0; }
			
			.entry ul, .entry ol {
				margin: 0 0 1.2em 0;
				padding: 0 0 0 30px;
				}
			
			.entry ul { list-style: square; }
			
			.entry table {
				border: 1px solid #777A7D;
				font-size: 12px;
				margin-bottom: 20px !important;
				}

				.entry table th {
					text-align: left;
					border-bottom: 2px solid #777A7D;
					font-weight: bold;
					padding: 5px 8px;
					}
	
				.entry table td {
					padding: 5px 8px;
					border-bottom: 1px solid #B6BCC0;
					}
			
		
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST DEVICES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.floater {
		border: none;
		float: right;
		margin: 0 0 10px 10px;
		}
		
	.post p.caption {
		position: relative;
		top: -26px;
		margin-bottom: -8px;
		font-family: Verdana, "Lucida Grande", sans-serif;
		font-size: 11px;
		}
		
		.caption:before { content: "↑ "; }
		
	blockquote {
		padding: 0 0 0 20px;
		margin: 0 0 0 29px;
		border-left: 1px solid #B5B5B5;
		font-style: italic;
		}
		
		code, kbd { 
			font-family: Monaco, "Courier New", Courier, monospace;
			font-size: 0.9em;
			padding: 0 4px;	
			}
			



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		ARCHIVE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	h2.pagetitle { 
		margin: 0 0 50px 0;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		}




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAV
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.nav { 
		margin: 0 0 60px 0;
		font-size: 13px;
		letter-spacing: 0.3em;
		text-transform: uppercase;
		}
		
		.nav_arr { 
			font-family: Verdana;
			font-weight: bold;	
			}
		
		.newer { padding: 0 0 0 50px; }
		
		


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#footer { margin: 0 0 6em 0; }
		
		#footer img, #footer a img { border: none; }
		
		#searchform input { width: 250px; }
		
		#searchform p { 
			margin: 0;
			line-height: 1em;	
			}
		
		


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MISC
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.clear { clear: both; }
	
	/* Thank you Mr Cederholm! */
	.amp {
		font-size: 110%; 
		font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
		font-style: italic;
		}
		
	.edit { font-size: 10px; }