/*
Theme Name: COSEE NOW BuddyPress  
Theme URI: http://coseenow.net
Description: This BuddyPress theme was developed for the COSEE NOW community site.
Version: 0.1
Author: Rutgers University
Author URI: http://rucool.marine.rutgers.edu
Template: bp-default
Tags: buddypress, two-column
*/

@import url( ../../plugins/buddypress/bp-themes/bp-default/style.css );

body {
	background: #c0d7ff url( images/cosee_bg.gif ) top center repeat-y;
	width: 960px;
}

#wp-admin-bar .padder {
	width: 960px !important; /* Line up the admin bar with the content body in this theme */
}

#header {
  background: url( images/cosee_banner.jpg) bottom left no-repeat !important;
  }


ul.children {
  margin-left: 14px;
}


/************************************************
*	Homepage Elements - added by IH
************************************************/	
.literacy {
	display: block;
	width: 245px;
	height: 175px;
	margin: 12px 3px;
	float:left;
	background: url("images/box_literacy_bg.jpg") 0 0 no-repeat;
}
a.literacy:hover {background-position:-245px 0;}

.collaboration {
	display: block;
	width: 245px;
	height: 175px;
	margin: 12px 3px;
	float:left;
	background: url("images/box_collaboration_bg.jpg") 0 0 no-repeat;
}	
a.collaboration:hover {background-position:-245px 0;}

.oos {
	display: block;
	width: 245px;
	height: 175px;
	margin: 12px 3px;
	float:left;
	background: url("images/box_oos_bg.jpg") 0 0 no-repeat;
}
a.oos:hover {background-position:-245px 0;}

.oos img, .collaboration img, .literacy img {border: none;}



/************************************************
*	Override of Buddypress Defaults and MORE
************************************************/	
ul#nav {
	position: absolute;
	left: 0px;
	bottom: -31px;
	min-width: 100%;
	height: 30px;
	background: url(images/nav_bkg_corners2.jpg );
}
	ul#nav li {
		float: left;
		margin: 0 5px 0 0;
	}
		ul#nav li a {
			display: block;
			color: #fff;
			text-decoration: none;
			padding: 5px 12px;
			background: transparent;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
		}
			ul#nav li.selected a, ul#nav li.current_page_item a {
				background: #f5f5f5;
				color: #555;
			}
			ul#nav a:focus { outline: none; }
			
#header {
  margin-bottom: 31px;  
  padding-top: 0px; 
  height: 100px;
  }

#logo {display: none;}

#header #search-bar {
		position: absolute;
		top: 60px;
		right: 0;
		width: 100%;
		text-align: right;
		z-index: 1000;
	}
.padder { padding: 15px; }

.slideshow {width=550px; height=250px; float: left;}

.widget_og {
		position: relative;
		float: right;
		display: block;
		width: 166px;
		height: 250px;	
		background: url("images/ocean_gazing_podcast.jpg") 0 0 no-repeat;
		padding:32px 8px 0px 8px;
		color: black;
		font-size: 0.8em;
		margin-right:-10px;
		margin-bottom: -20px;
}
.widget_og a {color: white;  font-size: 0.9em;}
		
.widget_og h2 {display:none;}

.widget_og ul.item-list li {
		display: block;
		width: 150px;
		position: relative;
		padding: 3px 0;
		border-bottom: 1px solid #eaeaea;
	}
.widget_facebook {position:absolute; bottom: 30px; left: 0px; display: block; width: 60px; height: 54px;}
.widget_rss {position:absolute; bottom: 30px; left: 62px; display: block; width: 46px; height: 54px;}
.widget_itunes {position:absolute; bottom: 30px; left: 110px; display: block; width: 60px; height: 54px;}	

div#sidebar {
	float: left;
	width: 200px;
	margin-left: -202px;
	margin-top: 1px;
	border-left: 1px solid #e4e4e4;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	background: url( images/sidebar_back.gif ) top left repeat-x;
}
	
div#content .padder {
	margin-right: 201px;
	border-right: 1px solid #e4e4e4;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

.container {clear:both; display: table; width: 100%;}
.container-row {display: table-row; width: 100%;}
.container-cell {display: table-cell; width: 50%; vertical-align: top; padding-right: 4px;}
.container-cell-33 {display: table-cell; width: 33%; vertical-align: top;}

.header_posts {
		display: block;
		width: 362px;
		height: 39px;	
		background: url("images/header_posts1.jpg") 0 0 no-repeat;
}	
.header_resources {
		display: block;
		width: 362px;
		height: 39px;	
		background: url("images/header_resources1.jpg") 0 0 no-repeat;
}
.header_members {
		display: block;
		width: 240px;
		height: 39px;	
		background: url("images/header_members1.jpg") 0 0 no-repeat;
}
.header_workgroups {
		display: block;
		width: 240px;
		height: 53px;
		margin-bottom: -14px;	
		background: url("images/header_workgroups1.jpg") 0 0 no-repeat;
}
.header_events { vertical-align: top;
		display: block;
		width: 240px;
		height: 39px;	
		background: url("images/header_events1.jpg") 0 0 no-repeat;
}

#footer {
	height: 173px;
	padding: 0 20px 0 46px;
	text-align: center;
	color: #bbb;
	text-shadow: black 1px 1px 0;
	background: url("images/footer_picture_logo.jpg") 0px 0px no-repeat;
}
#footer p span {color: white;}
#footer p {padding-top: 110px;}	
#partners {margin: 0; width:960px; height: 86px;}

.item-thumbnail {float: left; margin-right: 10px;}

.link_rss {width: 168px; height:45px; border-bottom:1px solid #e9e9e9; background: url("images/buttons_sidebar.gif") 0px -25px no-repeat; padding-bottom: 4px;}
.link_podcast {width: 168px; height:45px; border-bottom:1px solid #e9e9e9; background: url("images/buttons_sidebar.gif") 0px -85px no-repeat; padding-bottom: 4px; margin-top: 6px;}
.link_facebook {width: 168px; height:45px; border-bottom:1px solid #e9e9e9; background: url("images/buttons_sidebar.gif") 0px -145px no-repeat; padding-bottom: 4px; margin-top: 6px;}
.link_blog {width: 168px; height:45px; background: url("images/buttons_sidebar.gif") 0px -205px no-repeat;  margin-top: 6px;}
.link_email {width: 168px; height:45px; background: url("images/buttons_sidebar.gif") 0px -265px no-repeat;  margin-top: 6px;}

.event .date {
		padding: 0.5em 0 1em 0;
		margin: 6px;
		text-align: center;
		width: 40px;
}

.event .date div {
	    display: block;
	    float: left;
	    width: 100%;
}
.event .date div.month {
	    background: #339933;
	    border: 1px solid #339933;
	    color: #fff;
	    text-transform: uppercase;
	    line-height: 1.1em;
		font-size: 85%;
		font-weight: bold;
	    text-align: center;
}
.month {
		background: #ff6600;
		border: 1px solid #ff6600;
}
.event .date div.nr {
	    background: #fff;
	    border: 1px solid #ccc;
	    border-top: none;
	    color: #000;
	    line-height: 1.4em;
	    font-weight: bold;
	    letter-spacing: -0.1em;
}
		
.event-title {margin: -15px 4px 15px 60px;}


/* Category Page */
	div.post div.thumbnail-box {
		background: #f0f0f0;
		padding: 10px;
		float: left;
		margin: 0 15px 15px 0;
		font-family: georgia, times, serif;
		font-style: italic;
		text-align: center;
		width: 120px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
		div.thumbnail-box p { margin: 5px 0 0; }
		div.thumbnail-box a { text-decoration: none; }

		div.post div.thumbnail-box img {
			float: none;
			border: 4px solid #fff;
			margin: 0;
		}

	div.post div.category-content {
		margin-left: 155px;
	}

/* Group Page Stuff */
div#item-header div#item-meta {
  font-size: 12px;
  line-height: 130%;
  margin: 0px 0 5px 0;
}

/* Misc Stuff */
.explainbox {
	border:1px solid #333;
	background-color:#eef; 
	padding:6px;
	margin-bottom: 6px;
	}
	
.resourcebox {
  float: left;
  width: 320px;
	border:1px solid #DDD;
	background-color:#EEE; 
	margin: 0 15px 15px 0;
	padding: 4px;
}

.resourcebox h3 {
  margin-bottom: 0px;
}
.resourcebox h3 a {
  color: #333;
  text-decoration: none;
}
.resourcebox a {
  text-decoration: none;
}


/* Override of Page Layout */
div.post div.post-content {
  margin-left: 0px;
}

#recent-posts.item-list li {
  padding: 4px 0;
}
ul.item-list li div.item-title {
  width: 100%;
}

/* Profile Stats */
#item-member-meta-stats {
  color: #AAA;
  line-height:1.1em;
  padding-bottom: 6px;
}
#latest-update {
  color:#99C;
  font-style:italic;
}