/*
Theme Name: World Kayak Theme
Theme URI: N/A
Description: Theme for World Kayak
Version: 1.0
Author: Sean Newby
*/

body{
	font-family: Trebuchet MS;
	margin: 0px;
	background: #e9e9e9;
	font-size:14px;

}

#mainContainer{
	display: block;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#mainContainerFloat{
	float: left;
	width: 1024px;
	background: #ffffff url('images/mainContainerBackground.jpg') repeat-y;
}

.alignleft{
	float: left;
	margin: 5px;
}

.alignright{
	float: right;
	margin: 5px;
}

img{
	border: none;
}

a:link,
a:visited{
	font-weight: bold;
	text-decoration: none;
	color: #646854;
}

a:hover,
a:active{
	text-decoration: underline;
	color: #929373;
}

/* Header
----------*/
#headerContainer{
	float: left;
	width: 1024px;
	height: 367px;
	background: url('images/headerBackground.jpg') no-repeat top left;
}

	#topNav{
		float: left;
		margin: 195px 0px 0px 10px;
	}
	
		#topNav ul{
			margin: 0px;
			padding: 0px;
		}
		
			#topNav ul li{
				float: left;
				list-style-type: none;
				margin: 0px;
				padding: 0px 0px 0px 20px;
				margin: 0px 15px 0px 0px;
				background: url('images/navListMarker.jpg') no-repeat left 12px;
			}
			
			#topNav ul li.first{
				padding: 0px;
				background: none;
			}
			
				#topNav ul li a{
					border-bottom: dotted 2px #495319;
				}
				
				#topNav ul li a:hover{
					border-bottom: dotted 2px #CED1C2;
				}

	#logo a{
		float: left;
		width: 210px;
		height: 210px;
		margin: 40px 0px 0px 0px;
		text-decoration: none;
		border: none;
	}
	
		#logo a span{
			visibility: hidden;
		}

/* Sidebar
-----------*/
#sidebarContainer{
	float: left;
	width: 233px;
	min-height: 433px;
	background: url('images/sidebarBackground.jpg') no-repeat;
}

/* Template 
------------*/
#templateContainer{
	position: relative;
	z-index: 2;
	float: right;
	width: 760px;
	margin: -85px 10px 0px 0px;
}

	#templateContainer .postContainer{
		float: left;
		width: 750px;
		margin: 10px 0px 0px 0px;
		font-size: 13px;
	}

		#templateContainer .postContainer h4{
			margin: 0px;
			padding: 0px;
		}
		
			#templateContainer .postContainer h4 a{
				text-decoration: none;
				color: #646854;
			}
			
	#template{
		float: left;
		width: 500px;
	}
	
		#template .postContainer{
			float: left;
			width: 490px;
			margin: 10px 0px 0px 0px;
			font-size: 13px;
		}

			#template .postContainer h4{
				margin: 0px;
				padding: 0px;
			}
			
				#template .postContainer h4 a{
					text-decoration: none;
					color: #646854;
				}
	
/* Sidebar
-----------*/
#post-sidebar{
	float: right;
	width: 225px;
	margin: 0px;
	padding: 10px;
	background: #fff;
	font-size: 12px;
}	

	#post-sidebar .widgettitle{
		width: 225px;
		margin: 0px;
		padding: 0px;
		color: #000;
		text-align: center;
		font-size: 16px;
	}
	
	#post-sidebar .widget-item{
		float: left;
		width: 225px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		border-bottom: dotted 2px #495219;
	}

	#post-sidebar a{
		text-decoration: none;
		color: #495219;
	}
	
	#post-sidebar a:hover{
		text-decoration: underline;
		color: #495219;
	}
	
	#post-sidebar ul{
		margin: 0px;
		padding: 0px;
	}
	
		#post-sidebar ul li,
		#post-sidebar li{
			margin: 0px;
			padding: 0px 0px 0px 16px;
			background: url('images/listMarker.jpg') no-repeat left 8px;
			list-style-type: none;
		}
		
/* Footer
----------*/
#footerContainer{
	float: left;
	width: 1024px;
	height: 200px;
	margin: 0px 0px 0px 0px;
	background: #495319 url('images/footerBackground.jpg') no-repeat top left;
}

	#contactWK{
		float: right;
		margin: 95px 60px 0px 0px;
	}
	
		#contactWK a{
			border-bottom: dotted 2px #495319;
		}

		#contactWK a:hover{
			border-bottom: dotted 2px #CED1C2;
		}
	
	#bottomNav{
		float: left;
		margin: 30px 0px 0px 100px;
	}
	
		#bottomNav ul{
			margin: 0px;
			padding: 0px;
		}
		
			#bottomNav ul li{
				float: left;
				list-style-type: none;
				margin: 0px;
				padding: 0px 0px 0px 20px;
				margin: 0px 15px 0px 0px;
				background: url('images/navListMarker.jpg') no-repeat left 12px;
			}
			
			#bottomNav ul li.first{
				padding: 0px;
				background: none;
			}
			
				#bottomNav ul li a{
					border-bottom: dotted 2px #495319;
				}
				
				#bottomNav ul li a:hover{
					border-bottom: dotted 2px #CED1C2;
				}

/* Home
--------*/
#homeNews{
	clear: left;
	float: left;
	width: 320px;
	margin: 20px 0px 0px 0px;
}

	#homeNews h4{
		color: #646854;
		margin: 0px;
		padding: 0px;
	}
	
	#homeNews .postContainer{
		float: left;
		width: 330px;
		margin: 10px 0px 0px 0px;
		font-size: 11px;
	}

		#homeNews .postContainer h4{
			margin: 0px;
			padding: 0px;
		}
		
			#homeNews .postContainer h4 a{
				text-decoration: none;
				color: #646854;
			}

	#homeNews .postInfo{
		font-weight: normal;
		font-style: italic;
		margin: 0px;
		padding: 0px;
		font-size: 12px;
	}
	
		#homeNews .postInfo a:link,
		#homeNews .postInfo a:visited{
			text-decoration: none;
			color: #646854;
		}

		#homeNews .postInfo a:hover,
		#homeNews .postInfo a:active{
			text-decoration: underline;
			color: #646854;
		}
		
		#homeNews .postContainer img{
			float: left;
			margin: 0px 10px 10px 0px;
			max-width: 100px;
		}
	
#wordtubeContainer{
	position: relative;
	float: right;
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 20px;
	/* background: #B8B9A5 url('images/wordtubeBackground.jpg') no-repeat center 5px; Wordtube Styles */
	background: #B8B9A5;
	border-radius: 5px;	-moz-border-radius: 5px; -khtml-border-radius: 5px;	-webkit-border-radius: 5px;
}

#chooseYourRegion{
	float: right;
	width: 256px;
	height: 141px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 10px -16px;
	color: #646854;
	background: url('images/chooseYourRegionBackground.jpg') no-repeat;
}

	#chooseYourRegion h3{
		margin: 0px;
		padding: 0px;
	}
	
	#chooseYourRegion p{
		margin: 0px 10px 0px 0px;
		padding: 0px;
	}

	#chooseYourRegionButton a{
		position: relative;
		z-index: 10;
		float: left;
		width: 180px;
		height: 65px;
		margin: 40px 0px 0px 35px;
		border: none;
		text-decoration: none;
		border: none;
	}
	
		#chooseYourRegionButton a span{
			visibility: hidden;
		}
		
#secondaryMenuContainer{
	float: right;
	width: 518px;
	margin: 0px 0px 0px 0px;
	background: #ffffff url('images/secondaryMenuBackground.jpg') no-repeat top center;
	border: solid 1px #C8C9B9;
	border-radius: 5px;	-moz-border-radius: 5px; -khtml-border-radius: 5px;	-webkit-border-radius: 5px;
}

	#secondaryMenuContainer ul{
		float: left;
		width: 145px;
		margin: 70px 10px 10px 10px;
		padding: 0px;
	}
	
		#secondaryMenuContainer ul li{
			list-style-type: none;
			width: 145px;
			margin: 0px;
			padding: 0px;
			text-align: center;
			font-size: 10px;
			text-transform: uppercase;
		}

/* Misc
--------*/
.dotSpacer{
	clear: both;
	width: 100%;
	margin: 5px 0px 5px 0px;
	border-bottom: dotted 2px #495319;
}