/* ----- Oil Spill Channel styles ----- */


/* ----- The Basics ----- */
a {
	color: #504a3a;
}

a:hover {
	color: #666;
}

body
{ font-family:"Georgia", Georgia, "Helvetica", Arial, Helvetica, sans-serif;
  color: #666;
}

/* ----- Layout ----- */
div#doc {
	background: #fff;
}

div#logo {
display:none;
}

div#header {
	background: url("oilspill_masthead.gif") no-repeat scroll 50% 0;
	height: 248px;
	border-bottom:0px solid #FFFFFF;
	padding-bottom: 0px;
}


div#header > div:first-child {
	background: url("masthead_logo.png") no-repeat 50% 0%;
	height:248px;
	width:856px;
}

div#header-search {
	display: none;
}

ul#utility-nav {
	background: transparent;
	background: rgba(0,0,0,0.3);
	color: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#300000000);
	margin-top: 10px;
	padding: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

ul#utility-nav li {
	background: #ffffff;
	height: auto;
	margin: 0;
	padding: 8px 10px;
}

ul#utility-nav li:first-child {
	background: #ffffff;
	padding: 8px 10px;
}

ul#utility-nav li a {
	color: #333333;
	text-decoration: underline;
}
ul#utility-nav li a:hover {
	color: #000;
	text-decoration: underline;
}



/* ----- Navigation ----- */
div#nav {
	background: url("olympics_nav_bg.gif") repeat-x 0 0;
}

div#nav ul {
	padding: 0 0 0 100px;
	width: 840px;
}

div#nav ul li {
	padding: 4px 0;
	text-shadow: none;
}

div#nav ul li.current {
	background: transparent;
	text-shadow: none;
}

div#nav ul li a {
	color: #fff;
	background: #ccc;
}

div#nav ul li a:hover {
	background: #000;
	color: #fff;
}

div#nav ul li.current a {
	color: #fff;
	background: #000;
}

fieldset, img {
border:0 none;
}

div#nav ul li#twitter-signin {
	float: right;
	margin: 0;
	display:none;
}

/* ----- Content ----- */

div.hentry p.meta a.details { 
	display: none; 
}

div#content {
	padding-top: 40px;
}

div#content h1 {
border-bottom:0px solid #7f7f7f;
font-size: 18px; 
font-style: italic;
color:#666;
margin-bottom:30px;
padding-bottom:12px;
}


div#tweets div.hentry p.entry-content {
margin-top:4px;
color:#333;
}

div.hentry p {
line-height:1.3;
margin:8px 0;
color:#999999;
}

div#get-widget a {
background:url("olympics_grabwidget.png") no-repeat scroll 0 50% transparent;
border:medium none;
color:#333333;
height:30px;
padding:45px 0 25px 38px;
text-shadow:none;
}

div#thingies div.hentry {
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:1px 1px 1px #CCCCCC;
	background: #fff;
	border:4px solid #ccc;
	line-height:1.3;
	margin-bottom:30px;
	padding:10px;
	position:relative;
}

div.hentry h2.entry-title {
font-size: 20px;
line-height:1.3;
}

div#thingies div.hentry p.meta span.count {
	display: none;
}

div.hentry p.meta span.retweet-count {
	display: none;
}

div.hentry a.thumbnail img {
border:1px solid #ccc;
padding:2px;
}
	
/* ----- Pagelets ----- */

	
	div.pagelet h3 {
	border-bottom: 1px solid #ccc;
	color:#666;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:4px;
	position:relative;
}

div.pagelet.insiders li.vcard img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000 none repeat scroll 0 0;
border:1px solid #333;
height:24px;
margin-right:6px;
padding:2px;
vertical-align:middle;
width:24px;
}
div.pagelet.insiders li.vcard:first-child {
margin-top:-5px;
padding-top:0;
font-weight:bold;
}

div.pagelet.insiders li.vcard {
border-bottom:1px solid #999;
padding:5px 0;
font-weight:bold;
}
	
	
	
	
	
	/* ----- Retweeter pagelet ----- */
	
	/* ----- RSS pagelet ----- */
	div.pagelet.rss ul li a {
		border: 0;
		text-decoration: none;
		color: #333;
	}
	
	/* ----- Twitter pagelet ----- */
	

/* ----- Update Status form ----- */
form#update-status-form input#update_submit {
	background: url("button-bg.gif") repeat-x 0 50%;
	border-color: #002a6d;
	text-shadow: none;
}


/* ----- Tweets and Thingies ----- */
div#tweets div.clear {
	border-bottom: 1px solid #ccc;
	background: url();
	}

div#tweets div.tweet {
	background: #fff;
	border-color: #ccc;
}

div#tweets div.tweet div.stub {
	display: none;
}


/* ----- Top/Trending Thingies ----- */
div#thingies div.primary div.hentry, div#thingies div.secondary div.hentry {
	background: transparent;
	border-color: #c9e9f3;
	}

div.hentry h2.entry-title a {
text-decoration:none;
color:#504a3a;
font-size: 12px;
font-weight: bold;
}

div.hentry div.tweet-content p {
font-size:12px;
margin:0;
color:#333333;
}


div.hentry div.tweet-content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#fff none repeat scroll 0 0;
border:1px solid #77a01f;
margin:10px 0;
padding:10px;
}

/* ----- Channel Chatter ----- */


/* ----- Channel Insiders ----- */


/* ----- Channel Insiders List ----- */


/* ----- Footer ----- */
div#footer {
	display: none;
}

/*------- Pagination --------*/

div.pagination a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-box-shadow:1px 1px 0 #CCCCCC;
background:#999 none repeat scroll 0 0;
margin:0 2px;
text-decoration:none;
color:#000;
}

div.pagelet.get-widget h3 {
display: none;
}

div#get-widget a {
-moz-border-radius: none;
background:url("oilspill_widget.gif") repeat-x scroll 0 0 transparent;
border: none;
color: none;
display: block;
width: 298px;
height: 32px;
font-size: 0;
padding:10px 0 8px;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 1px #226D8B;
}

div#get-widget.widget a {
display: none;
}

div#tweets p.meta iframe {
margin:0 0 8px;
display:none;
}

/*----------------------------------------*/
/*------venue paglet styling------*/
/*----------------------------------------*/

div.pagelet.venue h3{
   color: #504a3a;
   font-size: 24px;
   border-bottom: none;

}
div.pagelet.venue h4{
   color: #504a3a;
   font-size: 18px;
   padding-bottom: 5px;
}

div.pagelet.venue h5{
   color: #504a3a;
   font-size: 16px;
   padding-top: 10px;
}

/*------------------------*/
/*---mayor user styling---*/
/*------------------------*/

 /*---style mayor's name ---*/
 .mayor .username {
       font-size: 20px;
       color: pink;
 }

 /*---style mayor's user data ---*/
 .mayor .user_data {
       font-size: 20px;
       color: black;
 }

 /*---style mayor's avatar ---*/
 .mayor.venue_user img {
         border: 4px solid black;
         height: 72px;
         width: 72px;
 }

/*------------------------*/
/*---normal user styling---*/
/*------------------------*/

 /*---style normal user's name ---*/

 .username {
       font-size: 14px;
       color: blue;
 }

 /*---style normal user's data ---*/
 .venue_user {
       font-size: 14px;
 }
 /*---style normal user's avatar ---*/
 .venue_user img {
         border: 4px dotted red;
         height: 24px;
         width: 24px;
 }

img.foursquare_logo {
bottom:-5px;
margin-left:5px;
position:absolute;
}