body, * {
	padding:0;
	margin:0;
	font-family: Georgia, Arial, Sans-serif;
}

#page
 	{
		width:960px;
		margin:8px auto 10px auto;
		color:#555;
	}
		
header 
	{
		display:block;
		margin:0px 0 30px 0;
	}
	
header
	{
		xborder-top:5px solid black;
	}

footer
	{
		clear:both;
		border-top:5px solid #333;
		padding-top:10px;
		display:block;
		margin-top:40px;
		margin-bottom:20px;
	}

h1
	{
		font-weight:normal;
		letter-spacing:-1px;
	}
	
header h1 a
	{
		text-decoration:none;
		font-weight:normal;
		color:#029900;
		font-size:1.3em;
	}
	
h2, h3, time
	{
		font-weight:normal;
		color:#333;
	}

h2#nav
	{
		margin-bottom:20px;
	}

	
li
	{
		margin-bottom:4px;
	}


nav
	{
		margin-top:16px;
		border:0;
		display:block;
		clear:both;
		width:100%;
	}

nav li
	{
		float:left;
		list-style:none;
		margin-right:10px;
		font-size:1.3em;
	}
	
nav li a, .mostTagged li a
	{
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		text-decoration:none;
	}

/* home page **/

#visCol
	{
		float:left;
		width:500px;
		margin-right:50px;
	}

#storyCol
	{
		float:left;
		clear:right;
		margin-bottom:40px;
	}
	
.mostTagged 
	{
		float:left;
		width:230px;
	}

.mostTagged h3
	{
		margin-bottom:10px;
	}

.mostTagged ol
	{
		margin-left:20px;
		font-size:14px;
	}

.mostTagged li
	{
		margin-bottom:11px;
		line-height:150%;
	}
	
#mostPopularSubjectTags
	{
		margin-right:40px;
	}
	
#stats
	{
		margin-top:20px;
		width:100%;
		clear:both;
		background-color:#0099FF;
		color:white;
		padding:6px;
		text-align:center;
	}

#stats .number
	{
		font-weight:bold;
	}

/** map **/

#mapCanvas
	{
		height:400px; 
		width:500px; 
		margin:0 50px 20px 0; 
		border:1px solid #666;
	}

.pinDescrip
	{
		width:300px;
		font-size:0.9em;
	}
	
.pinTitle
	{
		font-weight:bold;
	}
	
.pinSynop
	{
		margin-top:2px;
		line-height:130%;
	}
	
.pinPlace
	{
		font-color:#999;
		font-style:italic;
		line-height:170%;
	}
	
.pinPlace a	
	{
		color:#009900;
		background-color:#C1F9B2;
		padding:3px 6px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		font-style:normal;
		text-decoration:none;
	}

.pinPlace a:hover
	{
		background-color:#009900;
		color:white;
	}
	
li#subjectTagNav a, #mostPopularSubjectTags a
	{
		background-color:#DFF9FF;
		color:#0099FF;
		padding:4px 6px;
	}
	
li#subjectTagNav a:hover, #mostPopularSubjectTags a:hover
	{
		background-color:#0099FF;
		color:white;
	}
	

li#placeTagNav a, #mostPopularPlaceTags a
	{
		color:#009900;
		background-color:#C1F9B2;
		padding:4px 6px;
	}

li#placeTagNav a:hover, #mostPopularPlaceTags a:hover
	{
		background-color:#009900;
		color:white;
	}

	
	

#newsstory
	{
		margin-top:10px;
	}
	

#newsstory header
	{
		margin-bottom:20px;
	}

#linkToWCC
	{
		margin-top:40px;
		display:block;
	}

#storyPhoto
	{
		float:right;
		margin:0 0 20px 20px;
		
	}

#storyContent, #pageContent
	{
		line-height:150%;
	}

#storyContent
	{
		width:510px;
		float:left;
		margin-right:50px;
	}
	
#storyContent p 
	{
		margin-bottom:20px;
	}
	
#storyContent br
	{
		margin-bottom:10px;
	}
	
#storyInfo
	{
		width:230px;
		float:left;
	}

#storyInfo h4
	{
		margin-bottom:10px;
	}

#storyInfo li
	{
		list-style:none;
		margin-bottom:10px;
	}
	
#placeTags
	{
		margin-top:40px;
	}
	
#taste
	{
		font-weight:bold;
	}


#mapCanvas
	{
		float:left;
	}

#lastFiveNewsStories
	{
		width:400px;
		float:left;
	}

#lastFiveNewsStories h3, .mostTagged h3, #storyInfo h4
	{
		font-style:italic;
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
		font-size:16px;
	}


.sideElement
	{
		margin-bottom:40px;
	}

#relatedStories
	{
		font-size:14px;
		line-height:140%;
	}

#relatedStories ul
	{
		list-style:none;
	}
	
.tagsInStory
	{
		color:#ccc;
	}
	
.subjectTags, .placeTags 
	{
		margin-top:5px;
	}
	
.subjectTags h4, .placeTags h4
	{
		margin-right:5px;
		font-size:0.9em;
		font-weight:normal;
		font-style:italic;
	}
	
.placeTags
	{
		clear:left;
	}


.subjectTags li, .placeTags li
	{
		display:inline;
		margin-right:7px;
		font-size:0.8em;
		margin-bottom:10px;
	}

#home .subjectTags li a, #home .placeTags li a, #home .placeTags h4, #home .subjectTags h4
	{
		line-height:24px;
	}

#listTags .subjectTags li a, #listTags .placeTags li a
	{
		line-height:33px;
	}

.subjectTags li a, .placeTags li a
	{
		padding:2px 4px;
		background-color:#DFF9FF;
		color:#0099FF;
		text-decoration:none;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
	
.subjectTags li a:hover
	{
		background-color:#0099FF;
		color:white;
	}
	
.placeTags li a
	{
		color:#009900;
		background-color:#C1F9B2;
	}

.placeTags li a:hover
	{
		background-color:#009900;
		color:white;
	}

.itemCount
	{
		color:#999;
	}

h4.tagListHeading
	{
		float:left;
	}

#home div.latestStory
	{
		list-style:none;
		clear:both;
		margin:10px 0 10px 0;
	}

#home h4.storyTitle
	{
		font-size:1.2em;
		font-weight:normal;
		margin-bottom:4px;
	}
	
a
	{
		color:#27AFFF;
		text-decoration:none;
	}
	
a:hover
	{
		color:#1B85C4;
		border-bottom:1px dotted #1B85C4;
	}

/** page content **/


#pageContent
	{
		width:600px;
	}

#pageContent h2 
	{
		margin-bottom:20px;
		font-size:20px;
		font-weight:bold;
		color:#666;
	}

#pageContent p 
	{
		margin-bottom:20px;
	}

/** tag cloud **/

.tag9  { font-size:9px; }
.tag10 { font-size:10px; }
.tag11 { font-size:11px; }
.tag12 { font-size:12px; }
.tag13 { font-size:13px; }
.tag14 { font-size:14px; }
.tag15 { font-size:15px; }
.tag16 { font-size:16px; }
.tag17 { font-size:17px; }
.tag18 { font-size:18px; }
.tag19 { font-size:19px; }
.tag20 { font-size:20px; }
.tag21 { font-size:21px; }
.tag22 { font-size:22px; }
.tag23 { font-size:23px; }
.tag24 { font-size:24px; }
.tag25 { font-size:25px; }
.tag26 { font-size:26px; }
.tag27 { font-size:27px; }
.tag28 { font-size:28px; }
.tag29 { font-size:29px; }
.tag30 { font-size:30px; }
	
/** clearfix **/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */