@charset "UTF-8";
/* CSS Document */

body {	
	background: #333 url('http://theurbansherpa.com/images/cityscape-gray.gif');
    background-attachment: fixed;
    background-repeat: repeat-x;
	margin: 0px 0px 50px 60px;
	color: #555;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;	
	}
  

a:link {color:#c00; text-decoration:none;}
a:visited {color:#c00; text-decoration:none;}
a:hover {color:#c00; text-decoration:underline;}
a:active {color:#c00; text-decoration:underline;}	

#mainwrapper { }

#yellowwrapper { 
	background-color: #fff;	
	position:relative;
	width: 600px;
	margin-bottom: 0;
	margin-left: 9%;
	padding: 1em 1em 1em 1em;
	min-height: 640px;
	}
	
#topheader #tagline {
	text-align: center;
	color: #777;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 30px;
	}


.entryblob {
	 width: 520px;
	 padding: 25px;
	 background-color: #fff;
	 border-bottom: solid 1px #ccc;
	}
	
	

.entryblob h2 {
	        color: #000;
	        margin: 0px 0px 10px 0px;
	        font-weight: normal;
            font-size: 20px;
	        letter-spacing: -1px;
}

.entryblob h2 a {
	        color: #000;
            text-decoration: none;
        }
		
.entryblob h3 {
	        font-size: 14px;
            color: #333;
            margin: 14px 0px 0px 0px;	
			font-variant: small-caps;
			
}

.entryblob h4 {
	font-size:12px; 
	font-weight: bold;
	line-height: 18px;
	color: #111;
	margin: 0; padding: 0;
}

.entryblob p, td  {
            font: Normal 12px 'Lucida Grande', Verdana, Arial, sans-serif;
            line-height: 21px;	
			color: #111;
			margin-bottom: 1.25em;
	}


.entryblob  ul, ol{	
	padding-left: 2em;
	margin-left: 2em;
	margin-top: 0;
	padding-top: 0; }

.entryblob ul li, .entryblob ol li {
	list-style-position: inside;
	font-size:12px;
	line-height: 20px;
	color: #333;

	}
	
.entryblob ul { list-style: none; } 

.entryblob ul li:before {
	content: "\00BB \0020";
	}

	
.entryblob blockquote {
            font-style: italic;
			font: Normal 12px 'Lucida Grande', Verdana, Arial, sans-serif;
            line-height: 18px;
			padding: 0px 30px 0px 30px;


	}
	
.entryblob blockquote .bigquote {
	                font: Bold 50px Georgia, serif;
                    line-height: 1px;
                    vertical-align: -10px;
                    opacity: 0.4;
                    -moz-opacity: 0.4;
                    filter: alpha(opacity=40);
	}

.entryblob p.quote {
			font: Normal 12px 'Lucida Grande', Verdana, Arial, sans-serif;
            line-height: 18px;
			padding: 0px 30px 0px 10px;
			margin-left: 20px;
			border-left: thick solid gray;
	        font-style: italic;
}

.entryblob .smallital { font-size: 11px; font-style: italic;  line-height: 18px;}
.entryblob p.smallital {  margin: 0.6em 0 0.6em 0; line-height: 18px; }

.entryblob .smallital em  { font-style: normal; }

	
.entryblob a:link {color:#c00; text-decoration:none;}
.entryblob a:visited {color:#c00; text-decoration:none;}
.entryblob a:hover {color:#c00; text-decoration:underline;}
.entryblob a:active {color:#c00; text-decoration:underline;}	

.entryblob h2 a:link {color:#000; text-decoration:none;}
.entryblob h2 a:visited {color:#000; text-decoration:none;}
.entryblob h2 a:hover {color:#c00; text-decoration:underline;}
.entryblob h2 a:active {color:#222; text-decoration:underline;}	

.entryblob h3.keyword {display: none};

.entryblob dl {  }
.entryblob dl dt { font-family:'Lucida Grande', Verdana, Arial, sans-serif; font-weight: bold; position: relative; left: 4em; }
.entryblob dl dd { font-family:'Lucida Grande', Verdana, Arial, sans-serif; font-style: italic; position: relative; top: -1.4em; left: 4em; }


img.floatleft { float: left; margin: 0.8em 1.4em 0.8em 0; border: 1px solid #000;}
img.floatright { float: right;  margin: 0.8em 0 0.8em 1.4em;  border: 1px solid #000; }

.floatleftonethird {float: left; width: 30%; }
.floatrighttwothirds {float: right; width: 60%; }

.justified {text-align:justify;}

.entryblob a img {
		border: black solid 1px;
		}
	
.entryblob hr { 
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 100%; }
	
.entryblob a.sup { position: relative; top: -4px; 
	font-size: smaller;}

.entryblob .entrydate {font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 10px; font-style:italic; }
.entryblob .emailThis {font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 10px; font-style:italic; }
.entryblob .taglist {font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 10px; font-style:italic; margin-top: 0.4em; }
.entryblob .comment {font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 10px; font-style:italic; margin-top: 0.4em; }

.entryblob ul.directory {
		list-style-type: none; 
		padding-left: 1em;
		margin: 0;	}

#searchresults li { margin-top: 0.4em; }

.othernews {margin-top: 1em; margin-bottom: 1em; 
	font-family:'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:12px; 
	line-height: 18px;
	color: #111111;
	 }
h3.newsHeadline {font-family: 'Lucida Grande', Verdana, Arial, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 	
	margin-top: 0.8em;
	font-variant:normal;
	letter-spacing:normal; }
	
.searchResult	 { 
	margin-bottom: 0.6em;
	font-family:'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:11px;
	line-height: 16px; 
	}
	
orderByForm {
	margin-bottom: 0.6em;
	}	
	
#commentWrapper {margin-top: 4em; padding-top: 2em; border-top: 1px dotted #eee; }
		

/* navigation menu, called leftnav for vestigial coding though it's on the right */

#leftnav {
	width: 196px;
	padding: 18px;
	position: absolute;
	top: 16px;
	left: 598px; 
	background: #a4c2c2;
	border: 1px solid #444;
	line-height: 16px;
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.90);
	moz-opacity: 0.90;
	text-align: left;
}


#leftnav h5 {
		font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
		font-size: 12px; 
		font-weight: bold; 
		letter-spacing: .4em;
		font-variant: small-caps;
		margin: .6em 0 .5em 0;
		}

#leftnav h5.home {
		padding-bottom: 0.7em;
	}
	
#leftnav a:link {color:#000; text-decoration:none;}
#leftnav a:visited {color:#000; text-decoration:none;}
#leftnav a:hover {color:#c00; text-decoration:underline;}
#leftnav a:active {color:#222; text-decoration:underline;}	

#leftnav ul  {
		list-style-type: none; 
		padding: 1em;
		margin: 0;
		margin-top: -1em;
	}
	
#letnav p, div, li {
		font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
		font-size: 11px; }		

#leftnav li {
	margin-bottom: 0.2em;}
		
#leftnav .entryList li {
	margin-bottom: 0.4em; 
	}
		
#leftnav .entryList .entryListDate {
	font-style:italic;
	font-size: 10px; 
	margin-bottom: .25em; }
	
#leftnav #searchBox { 
/*	display: none; */
	}

#leftnav input.leftnavsearch {
	border: 1px solid #444;
	background-color: #E6FBFF;
	color: #222;
	margin-bottom: 1.2em;
	width: 99%;
	font-size: small;}

#leftnav #tagList { 
	display: none; 
	 }
	
#leftnav #tagList li {
	/*margin-bottom: 0.4em;*/
	}
	
#leftnav #newsList { 
	/*display: none; */
	}
	
#leftnav #newsList li {
	margin-bottom: 0.6em;
	}
	
#leftnav #friendsList { 
	display: none; }
	
#leftnav #friendsList li {
	margin-bottom: 0.6em;
	}

#leftnav #friendsList .friendListDescription { 	
	font-style:italic;
	font-size: 10px; 
	margin-bottom: .25em; }
	
#leftnav  #GawkerArtists {
	padding: 1em 0 1em 0;
	}
	
#leftnav  #GawkerArtists a img {
	border: black solid 1px;
	}

/* top link */
#yellowwrapper .top {
	text-align: center;
	margin-bottom: 1em;
	margin-top: 0.8em;
	font-size: 11px;
    font-weight: bold;	
	}
	
#yellowwrapper .top a {
    color: #555;
	text-decoration: none;
	        }
	        
#yellowwrapper .top a:hover {
	text-decoration: underline;
	        }	

#nav {
            text-align: right;
            float: right;
            margin-left: 30px;
            margin-bottom: 10px;
            font-size: 11px;
            white-spacing: nowrap;
			font-family:'Lucida Grande', Verdana, Arial, sans-serif; 
        }

#footer a {
                color: #44A3E2;
                font-weight: bold;
            }	
	
	
/* read more */
#yellowwrapper .readMore {
	text-align: right; margin-right: 0; margin-bottom: 0; margin-top: 1em; line-height: 20px; padding-top: 0.4em;
	            font-size: 11px;
            white-spacing: nowrap;
			font-family:'Lucida Grande', Verdana, Arial, sans-serif; 

	}
	
#yellowwrapper .readMore a {
                color: #44A3E2;
                font-weight: bold;
            }	
		
	
/* footer */
#footer {text-align: center; font-size: 10px; line-height: 20px; padding-bottom: 2em; margin-top: 8em;	            font-size: 11px;
            white-spacing: nowrap;
			font-family:'Lucida Grande', Verdana, Arial, sans-serif; 
 }
 
#footer a {
                color: #44A3E2;
                font-weight: bold;
            }	
		 
	 
#footer #creativecommons {margin-top: 0.8em; }

#footer #footernav { margin: 0; padding: 0; }

#footer #footernav li { display: inline; padding: 0; margin: 0;}




/* special cases or vestigial styles */
.unitalic { font-style: normal; }

.noborder { border: 0; }

.clear {clear: both; }

/* div#gameReviews { display: none; } */
div#WorldWithoutOil { display: none; margin-top: 1em;}

#angelesLong { display: none; }

.entryblob p.dictionarylink { margin: 0; padding: 0; margin-top: 1em; padding-top: 0.4em; border-top: 1px dotted #eee;}
	
div#SiteTagLines { display: none; }

.entryblob .typewriter {
	font-family:"Courier New", Courier, monospace;
	}

.postcard {
	margin: 1.4em;
	padding: 0.4em 1.4em;
	background-color: #fff;
	border: dotted #000 1px;
}

.postcard p {
	margin-top: 0.2em;;
	/*font: courier;*/
}

#raptors .night {
	font-style: italic;
	position: relative;
	left: 140px;
}

#raptors .numeral {
	text-align: center;
	font-weight: bold;
}


.iconic {
    background: transparent url(/images/flag_orange.png) scroll no-repeat left center;
	padding: 2px 20px 2px 0px;
	}

#announcements {
	background-color: #eee;
	padding: 0.4em;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0.8em 6em 0.8em 6em;
	border:1px solid #777;
	text-align:center;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #111;
}

#searchPageForm {display: none;}
#jumpTo {display: none;}


.entryblob h3.friendTitle {
	margin-bottom: -1em; padding-bottom: 0;
	border-top: thin gray solid;
}

.entryblob .friendDescr {font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 10px; font-style:italic; }


#entries #featuredEntry {
	background-color: #eee;
	/*padding: 0.4em;
	padding-top: 0;
	padding-bottom: 0;
	*/
	margin: 0;
	margin-bottom: 2em;
	border:1px solid #777;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #111;
	width: 520px;
	padding: 25px;
	padding-top: 0;
}

h2.featureTitle {
	margin-bottom:0;
}

h3.featured {
	color: #999;
	margin-bottom: .4em;
	}
	
h3.recentEntries	 {
	color: #999;
	font-size: 14px;
	margin: 14px 0px 0px 0px;	
	font-variant: small-caps;
	padding-left: 25px;

	
	}
	
.entryblob #moreText {display: none; }
	
	
.entryblob h4 {
	margin-bottom: -1em; 
	padding-bottom: 0 
	}	
	
	.entryblob dl {
  font-size: 90%;
  padding-top: 0.5em;
  border-top: 1px dashed #ccc;

}
  
.entryblob dl:after {
  content: ':';
  display: block;
  clear: both;
  height: 0;
}
 
.entryblob dt {
  clear: left;
}
 
.entryblob dt+dt {
  margin-top: 0;
}
  
 
.entryblob dd {
  margin-left: 9em;
  padding-left: 0.8em;
}