@CHARSET "UTF-8";

/*  
Module Name: Home
Description: This is the community homepage which has info pulled in from places across the site. Features include the marquee, featured members, groups, etc, twitter integration, news and recent activities
Version: 1.0
Author: Derek Bender
Author URI: http://nfistudios.com/
Date Created: 7-24-09
*/

/* resets */
#homepage .lefty_col {
	width: 600px;
	}
	
#homepage .righty_col {
	width: 330px;
	}
	
	#homepage .righty_col .summaryBox {
		width: 285px;
		float: none;
		text-align: left;
	}
	
#homepage .box {
	width: auto;
	float: none;
	margin-bottom: 30px;
	}
	
/* recent activity */
.activity {
	background: #E6E6E6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	}
	
	.activity .top {
		padding: 5px 10px;
		}
		
		.activity .top h2 {
			color: #4D4D4D;
			font-size: 18px;
			}
			
	.activity .activityitems {
		background: #FFF;
		border: 1px solid #CCC;
		margin: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
		
		.activity .activityitems li {
			border-bottom: 1px solid #DEDEDE;
			padding: 10px;
			overflow: auto;
			clear: both;
			list-style-type: none;
			}
			
			.activity .activityitems li.last {
				border-bottom: none;
				}
			
			.activityitems .pic {
				float: left;
				margin-right: 15px;
				}
			
			.activityitems .iteminfo {
				float: left;
				width: 480px;
				}
				
				.activityitems .iteminfo h3 {
					font-weight: normal;
					margin-bottom: .4em;
					}
					
					.activityitems .iteminfo h3 a {
						color: #999;
						font-weight: bold;
						}
						
						.activityitems .iteminfo h3 a:hover {
							color: #4D4D4D;
							}
							
					.activityitems .iteminfo p {
						line-height: 1.2;
						margin: 0;
						}
						
						.activityitems .iteminfo p a {
							white-space: nowrap;
							}

/* scrolling marquee */
.marquee {
	overflow: hidden;
	height: 280px;
	position: relative;
	}
	
	.marquee .section {
		background: none;
		background-position: top  left;
		background-repeat: no-repeat;
		position: relative;
		}
		
		.marquee .section img {
			position: absolute;
			}
		
		.marquee .section h2.title {
			background: transparent url(/themes/global/default/normal/images/bg-slideshow.png) repeat left top;
			font-size: 22px;
			padding: 12px;
			position: absolute;
			bottom: 40px;
			margin: 0;
			line-height: 1.1;
			}
			
			.marquee .section h2.title a {
				color: #F2F2F2;
				display: block;
				text-decoration: none;
				width: 100%;
				}
				
				.marquee .section h2.title a:hover {
					color: #D0E5F2;
					}
			
			/*.marquee .section.one {
				background-image: url(/themes/global/default/normal/images/home/marquee/1.jpg);
				}
				
			.marquee .section.two {
				background-image: url(/themes/global/default/normal/images/home/marquee/2.jpg);
				}
				
			.marquee .section.three {
				background-image: url(/themes/global/default/normal/images/home/marquee/3.jpg);
				}*/
			
		.marquee .controls {
			background: transparent url(/themes/global/default/normal/images/bg-slideshow.png) repeat left top;
			height: 20px;
			position: absolute;
			bottom: 0;
			margin: 0;
			padding: 10px 20px;
			width: 94%
			}
			
			.marquee .controls a {
				display: inline;
				text-align: right;
				}
				
				.marquee .controls a {
					background: #E6E6E6;
					border: 1px solid #E6E6E6;
					color: #4D4D4D;
					text-decoration: none;
					height: 10px;
					width: 10px;
					float: left;
					padding: 4px 5px 4px 3px;
					margin-right: 8px;
					}
					
					.marquee .controls a.active,
					.marquee .controls a:hover {
						background: none;
						color: #F2F2F2;
						}

#my-glider {
	width: 600px;
	height: 280px;
	overflow: hidden;
	}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 600px; 
	height: 280px;
	overflow: hidden;
	}
	
	div.scroller .content {
		width: 10000px;
		overflow: hidden;
		}
	
		div.scroller .section {	
			float: left;
			width: 600px; 
			height: 280px;
			}
						
/* login box */
.login {
	background: #E3EFF5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	}
	
	.login .para {
		border-bottom: 2px dotted #D0E5F2;
		line-height: 1.3;
		font-size: 13px;
		padding-bottom: 15px;
		margin-bottom: 15px;
		}
		
	.login h2 {
		display: inline;
		font-size: 18px;
		margin-right: 5px;
		}
		
	.login hr {
		border-bottom: 2px dotted #D0E5F2;
		}
		
	.login #login {
		padding-bottom: 15px;
		*padding-bottom: 0;
		overflow: hidden;
		border-bottom: 2px dotted #D0E5F2;
		}
		
	.login #login span.reg {
		font-size: 11px;
		color: #999;
		}
		
	.login #login a.forgot {
		*float: right;
		font-size: 11px;
		color: #999;
		white-space: nowrap;
		*margin-top: -28px;
		*margin-right: 10px;
		}
		
		.login #login a.forgot:hover {
			color: #0079BD;
			}
			
	.login #login .input {
		background: #D0E5F2;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 7px;
		margin-top: 10px;
		}
		
		.login #login .input input {
			background: #FFF;
			border-color: #CCC;
			float: none;
			display: block;
			width: 264px;
			font-weight: normal;
			height: 20px;
			padding-top: 6px;
			}
			
			.login #login .input input[type="password"] {
				width: 155px;
				display: inline;
				margin-right: 10px;
				}
				
			.login #login .input.pass {
				margin-bottom: 10px;
				}
				
		#login_homepage {
			clear: none;
			float: right;
			margin-bottom: 0;
			}
	/* remember me */
	.login #login .remember {
		margin: 5px 0 0 0;
		float: left;
		}
			
	.login #login input[type="checkbox"] {
		height: auto;
		margin: 0 5px 0 0;
		}
		
	.login #login .remember label {
		width: auto;
		padding: 0;
		text-align: left;
		font-size: 11px;
		color: #999;
		line-height: 17px;
		}
		
/* facebook */
.login #facebook_login {
	clear: both;
	padding-top: 15px;
	overflow: hidden;
	}
	
	.login #facebook_login p {
		display: inline;
		margin: 8px 0 0 0;
		float: left;
		}
	
	.login #facebook_login span#fb-link {
		display: inline;
		margin-left: 8px;
		float: left;
		}
		
/* once logged in */
.login #loggedin {
	overflow: hidden;
	}
	
.login #loggedin h2 {
	float: left;
	line-height: 1.5;
	}

.login #loggedin .pic {
	float: right;
	margin-bottom: 10px;
	}
	
	.login #loggedin ul.notifications {
		background: #D0E5F2;
		clear: both;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin: 0 0 15px 0;
		padding: 12px 15px;
		list-style: none;
		}
		
		.login #loggedin ul.notifications a {
			text-decoration: none;
			width: auto;
			/* color: #4D4D4D;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			line-height: 28px;
			display: block; */
			}
			
			.login #loggedin ul.notifications a:hover {
				/* background: #EEF6F9; */
				}
				
			.login #loggedin ul.notifications a.icon {
				/*background-repeat: no-repeat;
				background-position: 5px center;
				text-indent: 30px;
				text-indent: 10px; */
				}
		
			.login #loggedin ul.notifications strong {
				color: #1F76AB;
				text-transform: capitalize;
				text-decoration: underline;
				}
				
				.login #loggedin ul.notifications a:hover strong {
					color: #808080;
					}

.login #loggedin .actions {}
.login #loggedin .actions .visit {float: left; position: relative; top: 6px; margin: 0px 8px 0px 2px;}
.login #loggedin .actions .btn.basic {float: left;}
		
/* social media - connect box */
.connect {
	background: #E6E6E6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
	overflow: auto;
	}
	
	.connect .socialmedia {
		border-bottom: 1px solid #B3B3B3;
		overflow: auto;
		margin-bottom: 15px;
		padding: 0 5px 12px 5px;
		}
	
		.connect .socialmedia p {
			float: left;
			font-size: 16px;
			margin: 8px 0 0 0;
			}
			
		.connect .socialmedia a {
			float: right;
			margin-left: 9px;
			}
			
			.connect .socialmedia a:hover {
				opacity: .7;
				}
			
	.connect h2 {
		background: url(/themes/global/default/normal/images/home/media/twitter_icon.png) no-repeat top left;
		color: #0079BD;
		line-height: 24px;
		text-indent: 25px;
		font-size: 16px;
		}
		
	.connect ul.twitterfeed {
		border: 1px solid #DEDEDE;
		background: #FFF;
		padding: 10px;
		margin: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
		
		.connect ul.twitterfeed li {
			border-bottom: 2px dotted #CCC;
			overflow: auto;
			margin-top: 1em;
			list-style-type: none;
			}
			
			.connect ul.twitterfeed li .pic {
				float: left;
				}
			
			.connect ul.twitterfeed li p {
				float: right;
				margin: 0 0 .5em 0;
				width: 245px;
				clear: right;
				}
				
				.tweetinfo .name {
					font-weight: bold;
					float: left;
					}
					
				.tweetinfo .time {
					float: right;
					}
					
/* tab news box */
.tabnews .tabs {
	border-bottom: 1px solid #DEDEDE;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	}
	
	.tabnews .tabs span {
		background: #FFFFFF url(/themes/global/default/normal/images/bgs/tabs.gif) repeat-x;
		border: 1px solid #DEDEDE;
		margin: 0 8px -1px 0;
		float: left;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		}
		
		.tabnews .tabs span a {
			color: #4D4D4D;
			text-decoration: none;
			padding: 6px 10px;
			display: block;
			}
		
	.tabnews .tabs span.active {
		background: #FFFFFF url(/themes/global/default/normal/images/bgs/tabs_active.gif) repeat-x;
		font-weight: bold;
		border-bottom: 1px solid #FFF;
		}
		
		.tabnews .tabs span:hover {
			background: #FFF;
			}
		
	.tabnews .tabs p.rss {
		float: right;
		margin: 0;
		line-height: 20px;
		}
		
		p.rss .rssicon {
			background: url(/themes/global/default/normal/images/icons/rss_icon.png) no-repeat right center;
			float: left;
			color: #DE6E00;
			line-height: 20px;
			padding-right: 22px;
			margin-right: 4px;
			}
			
		p.rss .what {
			font-size: 10px;
			}
	
.newsitems {
	clear: both;
	margin: 0 10px;
	}
	
	.post {
		border-bottom: 1px solid #DEDEDE;
		margin-bottom: 18px;
		padding-bottom: 18px;
		}
		
		.post h2 {
			margin: 0;
			font-size: 18px;
			font-weight: normal;
			color: #808080;
			}
		
			.post h2 a {
				text-decoration: none;
				}
				
		.post span.date {
			display: block;
			font-size: 11px;
			color: #808080;
			margin-bottom: 10px;
			}
			
		.post p {
			margin: 0;
			}

/* single posts */

				
		
/* featured box w/ tabs */	
.features {
	background: #E6E6E6;
	padding: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
	.features h2 {
		border-bottom: 1px solid #B3B3B3;
		color: #4D4D4D;
		font-size: 18px;
		margin-bottom: 12px;
		padding: 0 0 10px 5px;
		}
		
	.features #module {
		background-image: none;
		background-position: left top;
		background-repeat: no-repeat;
		margin: 0 5px;
		padding-left: 40px;
		margin-bottom: 15px;
		}
		
		.features #module.members {
			background-image: url(/themes/global/default/normal/images/home/icons/members.png);
			}
			
		.features #module.groups {
			background-image: url(/themes/global/default/normal/images/home/icons/groups.png);
			}
			
		.features #module.orgs {
			background-image: url(/themes/global/default/normal/images/home/icons/orgs.png);
			}
			
		.features #module.resources {
			background-image: url(/themes/global/default/normal/images/home/icons/resources.png);
			}
		
		.features #module h3 {
			font-size: 15px;
			margin-bottom: .1em;
			}
			
		.features #module p {
			}
	
	/* tab menu */	
	.features .tabs {
		border-bottom: 1px solid #DEDEDE;
		font-size: 11px;
		float: left;
		}
		
		.features .tabs span {
			background: #FFFFFF url(/themes/global/default/normal/images/bgs/mini_tabs.gif) repeat-x bottom left;
			border: 1px solid #DEDEDE;
			margin: 0 3px -1px 0;
			float: left;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			}
		
			.features .tabs span a {
				color: #4D4D4D;
				text-decoration: none;
				padding: 5px 8px;
				display: block;
				}
			
		.features .tabs span.active {
			background: #FFFFFF url(/themes/global/default/normal/images/bgs/mini_tabs_active.gif) repeat-x;
			border-bottom: 1px solid #FFF;
			}
			
		.features .tabs span.active a {
			color: #0079BD;
			}
			
			.features .tabs span:hover {
				background: #FFF;
				}
				
	/* featured box */
	.features .featureditems {
		background: #FFF;
		border: 1px solid #DEDEDE;
		border-top: 0 none;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		padding: 14px;
		padding-bottom: 0;
		margin: 0;
		clear: both;
		overflow: hidden;
		}
		
		.features .featureditems h4 {
			color: #0079BD;
			font-size: 14px;
			margin-top: 0;
			}
		
		.features .featureditems li {
			clear: both;
			margin-bottom: 12px;
			overflow: hidden;
			list-style-type: none;
			}
				
		.features .featureditems li .pic {
			float: left;
			margin-right: 10px;
			}
			
		.features .featureditems li .iteminfo {
			float: left;
			margin: 0;
			line-height: 1.2;
			width: 200px;
			}
			
			li .iteminfo span {
				display: block;
				}
			
			li .iteminfo .name {
				font-weight: bold;
				font-size: 14px;
				}
				
			li .iteminfo .title {
				}
				
			li .iteminfo .org {
				font-weight: bold;
				}

#addnews .cal_pick {
	float: left;
	}
	
	#addnews .cal_pick .formfield {
		padding-right: 20px;
		}
						
		#addnews .cal_link {
			display: none;
			position: absolute;
			top: 8px;
			right: 0;
			}
			#addnews #form_post_date.f_field.f_datepicker label {
				float: left;
			}
			#addnews #form_post_date.f_field.f_datepicker #post_date {
				margin-left: 100px;
				width: 256px;
			}