@charset "utf-8";
/* CSS Document */
/*
body{
background-color:#F2F2F2;
margin:0px;
padding:0px;
font-family:Avenir Next, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../graphics/bg.jpg);
}
a{
color:#0099FF;
border-width:0px;
border-style:none;
border:none;
text-decoration:none;
}
img{
border-width:0px;
border-style:none;
border:none;
}
a:hover{
color:#FF0000;
cursor:pointer;
}
ul li{
padding-left:0px;
text-indent:0px;
list-style-position:inherit;
}
address{
padding:25px;
font-size:16px;
padding-top:0px;
padding-left:0px;
}
*/
/*
h1{
font-weight:normal;
font-size:25px;
color:#666666;
}
h2, h3, h4, h5, a, li{
font-weight:normal;	
}
*/
.dd-selected {
	font-family:Arial, Helvetica, sans-serif;	
}
/*
h3{
font-weight:normal;
color:#999999;
font-size:15px;
padding-bottom:10px;
text-indent:5px;
border-bottom:#ddd solid 1px;
margin-bottom:10px;
}
*/
/*
.overview-wrap{
background-image:url(../graphics/quote-right.png);
background-repeat:no-repeat;
background-position:bottom right;
margin-right:15px;
}

ul.overview{
margin-left:15px;
padding-left:0px;
font-size:16px;
line-height:30px;
}
ul.overview li{
padding-left:5px;
list-style-type:square;
}
p.overview{
font-size:14px;
line-height:25px;
}

*/

/*	Header
=======================================
#header-bg{
height:88px;
background-color:#222222;
background-repeat:repeat-x;
border-bottom-color:#000;
border-bottom-style:solid;
border-bottom-width:3px;
z-index:1000px;
}
#header{
width:960px;
margin-left:auto;
margin-right:auto;
}
*/
/*
#sign-up-header-bg{
height:64px;
background-color:#007FFF;
border-bottom:#03C 2px solid;
}
#sign-up-header{
width:960px;
margin-left:auto;
color:#FFF;
margin-right:auto;
}
#sign-up-btn{
color:#FFFFFF;
font-weight:bold;
font-size:14px;
height:38px;
border-radius:3px;
margin-top:12px;
line-height:0px;
border:#fff 2px solid;
background-color:#2DB200;
cursor:pointer;
}
#sign-up-btn:hover{
background-color: #238C00;
}
#sign-up-message{
	text-align:left; width:75%; float:left; height:52px; padding-top:12px;
}
#sign-up-message h1, #sign-up-message h2{
	color:#fff;
}
#sign-up-message h1{
	font-size:18px;
	margin-top:0px;
	margin-bottom:0px;
}
#sign-up-message h2{
	font-size:14px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}
#sign-up-registration-btn{
	text-align:right; width:25%; float:left; height:64px;
}
#login-btn{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	height:30px;
	border-radius:3px;
	margin-top:0px;
	line-height:0px;
	border:#666 2px solid;
	background-color:#313131;
	cursor:pointer;
}
#login-btn:hover{
	background-color:#000;
	border-color:#333;
	color:#999;
}*/

/*
#logo{
	width:256px;
	height:56px;
	margin-top:20px;
	background-image:url(../graphics/WasapiBetaLogo.png);
	background-position:center;
	background-repeat:no-repeat;
}
#logo:hover{
	cursor:pointer;
}

#header-nav-container{
	text-align:right; width:69.5%; float:left; padding-top:0px;
	height:88px;
	border-right:solid #323232 1px;
}
#header-nav-top-row{
	height:56px; width:100%; display:block;
}
.header-nav-item{
	height:46px;
	padding-top:10px;
	border-left:solid #323232 1px;
	padding-left:25px; padding-right:25px;
	cursor:pointer;
	display:inline-block;
	float:right;
	text-align:left;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
}
.header-nav-item:hover{
	background-color:#06F;
}
.header-nav-item:hover .header-nav-big-label{
	color:#FFF;
}
.header-nav-item:hover .header-nav-small-label{
	color:#ccc;
}
.header-nav-small-label, .header-nav-big-label{
	display:block;
	cursor:pointer;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
	width:100%;
}
.header-nav-big-label{
	font-size:16px;
	color:#06F;
}
.header-nav-small-label{
	font-size:12px;
	color:#666;
}
#header-nav-bottom-row{
	height:32px; width:100%; display:block;
	clear:both;
}
#header-account-nav-container{
	height:56px;
	position:relative;
	float:right;
	border-left:solid #323232 1px;
	width:200px;
	cursor:pointer;
	display:inline-block;
	text-align:left;
	background-color:transparent;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
}
#header-account-nav-container:hover{
	background-color:#333;	
	cursor:pointer;
}
#header-account-user-profile-pict{
	background-image:url(../graphics/NavDefaultProfilePict.jpg);
	background-size:56px 56px;
	background-repeat:no-repeat;
	height:56px;
	float:left;
	width:55px;
	background-position:center;
}
#header-account-user-name-container{
	height:56px;
	float:left;
	width:145px;
	background-image:url(../graphics/NavDownIcon.png);
	background-repeat:no-repeat;
	background-position:115px 25px;	
}
#header-account-name{
	color:#999;
	cursor:pointer;
	font-size:16px;
	line-height:55px;
	padding-left:8px;
}
#header-account-drop-down{
	display:none;
	position:absolute;
	width:200px;
	z-index:5000;
	background-color:#222;
	margin-top:56px;
}
.header-account-drop-down-item{
	border-bottom:solid #323232 1px;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
	color:#999;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	padding:15px;
	background-color:transparent;
}
.header-account-drop-down-item:hover{
	background-color:#09F;
	color:#FFF;
}
.header-subnav-button{
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
	background-color:transparent;
	font-size:12px;
	padding-left:15px;
	padding-right:15px;
	padding-top:11px;
	height:20px;
	line-height:12px;
	padding-bottom:11px;
	height:10px;
	display:inline-block;
	float:right;
	color:#999;
	cursor:pointer;	
	border-left:solid #333 1px;
}
.header-subnav-button:hover{
	background-color:#09F;
	color:#FFF;
}
*/
/*	Page
=======================================*/
/*
#page-canvas{
padding:10px;
background-color:#FFFFFF;
border-color:#E8E8E8;
border-width:1px;
border-style:solid;
border-top-style:none;
width: 978px;
margin: 0px auto;

}
*/
/* Footer
=======================================*/
/*
#footer{
margin-top:10px; margin-bottom:50px;
}
#footer .col5{
vertical-align:middle; padding-top:25px;
}
#footer .col5 span{
color:#999999;
}
#footer .col7{
text-align:right;
}
*/
/* 
#homeline-header-wrap{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#cccccc;
padding-top:5px;
}
.homeline-header{
background-color:#f0f0f0; padding:20px; padding-top:7px; padding-bottom:7px; border:1px solid #dddddd; display:inline-block; color:#FFFFFF; font-weight:bold; font-size:16px; text-shadow:1px 1px #999; border-right-width:2px; border-bottom-width:0px;
}
#homeline-top-spacing{
height:25px; margin-left:45px; border-left:#f1f1f1 1px solid;
}
.homeline-box{
margin-left:45px; border-left:#f1f1f1 1px solid;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#f1f1f1;
}
.homeline-box .feed-item{
padding:20px;
}
#homeline .row-end{
height:0px;
}
*/
.sub-sect-header-wrap{
border-bottom-width:1px;
padding-left:10px;
color:#666666;
padding-right:10px;
border-bottom-style:solid;
padding-top:15px; padding-bottom:15px;
border-bottom-color:#f0f0f0;
margin-bottom:0px;
}
.call-to-action{
color:#FFFFFF;
font-weight:bold;
font-size:16px;
vertical-align:middle;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
border-style:solid;
border-color:#09F;
border-radius:5px;
border-width:1px;
background-color:#09F;
}
.call-to-action:hover{
cursor:pointer;
border-color:#06F;
background-color:#06F;
}

/*Create Event
------------------------------------------------------*/
#form-overview .col12{
margin-top:10px;
border-bottom:1px solid #f6f6f6;
border-top:1px solid #f6f6f6;
font-size:18px;
}
#title-icon{
text-align:center;
}
#title-icon div{
	padding:25px;
}
#title-description  h2{
margin-bottom:0px;
padding-top:10px;
padding-bottom:15px;
}

/* Photo Galley
-------------------------------------------------------*/
/*
#gallery_container{
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	padding-top:25px;
}
.photo-gallery-column-container{
	width:33%;
	position: relative;
	float:left;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin-top:15px;
	margin-bottom:15px;
}
.photo-gallery-frame{
	width:225px;
	height:175px;
	background-color:#000;
	background-position:center;
	background-repeat:no-repeat;
	border-top-radius:2px;
}
.photo-gallery-frame:hover{
	cursor:pointer;
	opacity:0.9;	
}
.photo-gallery-container{
	width:225px;
	border:#eeeeee 1px solid;
	border-radius:2px;
	-moz-box-shadow:    1px 1px 5px 1px #f0f0f0;
 	-webkit-box-shadow: 1px 1px 5px 1px #f0f0f0;
  	box-shadow:         1px 1px 5px 1px #f0f0f0;
}
.photo-gallery-frame:hover{
	cursor:pointer;
	border-color:#39F;
}
.photo-gallery-description div{
	padding:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.photo-gallery-description{
	text-align:left;
	color:#000;
	font-size:13px;
	line-height:20px;
	border-bottom:#eeeeee 0px solid;
}
.photo-galley-info-container{
	background-color:#F9F9F9;
	border-top:0px #eeeeee solid;
	border-bottom:1px #eeeeee solid;
	height:auto;
	width:100%;
}
.photo-gallery-info{
	padding-left:5px;
	padding-right:5px;
}
.photo-gallery-profile-picture{
	background-image:url(../graphics/UserProfilePicture.jpg);
	background-repeat:no-repeat;
	margin-top:5px;
	margin-bottom:5px;
	width:36px;
	height:36px;
	float:left;
	display:inline-block;
	border:2px #eeeeee solid;
	border-radius:3px;
}
.photo-gallery-top-container{
	line-height:25px;
	height:20px;
}
.photo-gallery-bottom-container{
	height:30px;
	text-align:right;
}
.photo-gallery-action-container{
	height:17px;
	padding-top:7px;
	padding-bottom:6px;
	width:17px;
	padding-left:15px;
	text-align:right;
	float:right;	
}
.photo-gallery-label-container{
	height:17px;	
}
.photo-gallery-like-icon{
	width:17px;
	height:17px;
	background-image:url(../graphics/HeartIcon.png);
	cursor:pointer;
}
.not-liked, .liked:hover{
	background-position:0px 0px;
}
.liked, .not-liked:hover{
	background-position:0px 17px;
}
.photo-gallery-comment-icon{
	width:17px;
	height:17px;
	background-image:url(../graphics/CommentIcon.png);
}

.photo-galley-comments{
	color:#000;
}
.photo-gallery-comment-container, .photo-gallery-comment-more{
	background-color:#fcfcfc;
	border:1px solid #fff;
	padding:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-color:#f0f0f0;
}
.photo-gallery-comment-more{
	text-align:center;	
}
.photo-gallery-comment{
	font-size:12px;
}
.photo-gallery-comment-more a{color:#CCC;} .photo-gallery-comment-more a:hover{color:#666;}
.photo-gallery-text-box{
background-color:#fcfcfc;
border:1px solid #fff;
}
.photo-gallery-text-box textarea{
	resize: none;
	outline:none;
	width:150px;
	height:40px;
	overflow-y: hidden;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-family:Avenir Next, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#ccc 1px solid;
}
.photo-gallery-text-box button{
	margin-top:5px;
}
.photo_gallery_submit_btn{
	background-color:#06F;
	background-image:url(../graphics/buttons/80h_blue_double.png);
	background-repeat:repeat-x;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	padding-top:2px;
	margin-top:5px;
	padding-bottom:2px;
	font-size:12px;
	border:0px solid #fff;
	border-collapse:collapse;
	border-radius:3px;
}
.photo_gallery_submit_btn:hover{
	background-position:0px 40px;	
}

#photo-gallery-load-container{
	text-align:center;	
}
#photo-gallery-load-more-btn{
	width:75%; 
	font-size:16px; 
	height:50px; 
	cursor:pointer; 
	margin-top:25px; 
	color:#fff;
	margin-bottom:25px; 
	background-image:none; 
	background-color:#09F;
	border-radius:5px;
	border:#fff 2px solid;
}
#photo-gallery-load-more-btn:hover{
	background-color:#03F;
}
*/
/*PHOTO Page
-----------------------------------------------*/
/*
#photo-page-photo-container{
	text-align:center; 
	margin-top:5px; 
	background-color:#000; 
	width:960px;
	margin-left:auto; 
	margin-right:auto;
}
#photo-page-photo-container img{
	margin-left:auto;
	display:block;
	margin-right:auto;
}
*/

/* Old Profile
=========================================*/
#counter-title h1{
font-size:20px;
color:#fff;
padding-top:0px;
padding-bottom:0px;
line-height:0px;
}
#counter-title label, #counter-title a{
color:#666666;
font-size:10px;
}
#counter-title a:hover{
cursor:pointer; color:#CCCCCC;
}
.featured-profile-pict{
outline:#333333 1px solid;
}
.counter-box{
margin-top:10px;
border-bottom:#333333 solid 1px;
border-top:#333333 solid 1px;
}
.counter-left{
width:476px;
height:125px;
float:left;
}
.counter-right{
width:250px;
height:125px;
float:left;
background-color:#0D0D0D;
}



/**/
/*
.ticket-event-btn{
color:#FFFFFF; font-weight:bold;
font-size:12px; vertical-align:middle;
height:30px; margin-top:10px;
border:#333 1px; border-radius:5px; background: #999;
border-style:ridge;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#0B0B0B'); 
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#0B0B0B)); 
background: -moz-linear-gradient(top,  #333,  #0B0B0B); 
}
.ticket-event-btn:hover{
cursor:pointer;
border-color:#ffffFF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333'); 
background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333)); 
background: -moz-linear-gradient(top,  #666666,  #333333);
}
*/
.follow-btn{
color:#FFFFFF; font-weight:bold;
font-size:18px; vertical-align:middle;
height:35px; margin-top:0px;
line-height:15px;
padding-left:5px; padding-right:10px;
border:solid #FFF 1px; border-radius:5px; background: #999; /* for non-css3 browsers */
border-style:ridge;
background-image:url(../graphics/buttons/80h_blue_double.png);
background-repeat:repeat-x;
}
.follow-btn span{
padding-right:10px;
border-right:1px ridge #ffffff;
margin-right:5px;
}
.follow-btn:hover{
cursor:pointer;
border-color:#CCCCCC;
background-position:0px 40px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333'); 
background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333)); 
background: -moz-linear-gradient(top,  #666666,  #333333);
}

/*Sub Banner - Top
============================================*/
#sub-banner-wrap{
	background-color:#000;
	height:105px;
	color:#FFFFFF;
}
#sub-banner-container{
	width:960px; margin-left:auto; margin-right:auto;
	background-color:#222;
	height:105px;
	border-right:#2A2A2A 1px solid;	
	border-left:#2A2A2A 1px solid;
}
#sub-banner-content-container{
	position:relative;
	display:inline-block;
}
#sub-banner-profile-pict{
	position:absolute;
	background-color:#313131;
	background-image:url(../graphics/NavDefaultProfilePict.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
	margin-left:15px;
	margin-top:0px;
	height:75px;
	width:75px;
	border:#fff 2px solid;
}
#sub-banner-profile-desc{
	position:absolute;
	width:500px;
	margin-left:110px;
}
#sub-banner-profile-desc h1{
	color:#FFF;
	font-size:20px;
	font-weight:lighter;
	margin-bottom:5px;
	margin-top:10px;
	display:block;
}
#sub-banner-profile-desc label{
	color:#CCC;
	font-size:15px;
	font-weight:lighter;
	display:block;
}
#sub-upgrade-btn{
	background-color:#F90;
	border-color:#fff;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	border:#fff 2px solid;
	line-height:20px;
	margin-top:15px;
	height:44px;
	cursor:pointer;
	color:#FFF;
	padding-left:25px;
	padding-right:25px;
}
#sub-upgrade-btn:hover{
	background-color:#F30;
}
#sub-upgrade-btn-desc{
	color:#666; font-size:12px;
}

/*Event Profile Page - Top Box
============================================*/
/*
#featured-wrap{
	background-color:#000; height:525px; color:#FFFFFF;
}
#featured-container{
	width:960px; margin-left:auto; margin-right:auto;
}
#event-cover-wrapper{
	width:700px; height:525px; background-color:#000; background-size:cover; background-repeat:none; background-position:center; float:left; position:relative;
}
#cover-logo{
	width:125px; height:125px; background-color:#090; text-align:center; border-color:#f0f0f0; border-width:3px; border-style:solid; position:absolute; bottom:5px; left:5px; background-size:cover;	
}
#cover-info-container{
	position:absolute; bottom:0px; width:100%; height:90px; background-color:black; opacity:0.75;
}
#cover-title-container{
	width:auto;
	margin-left:150px;
}
#cover-title{
	color:#FFF;
	font-size:18px;
	margin-right:15px;
	display:block;
}
#cover-lower-info-container{
	position:absolute;
	bottom:15px;
	margin-left:150px;
	color:#999;
}
#cover-lower-info-container a{
	color:#999;
	font-weight:normal;	
}
#cover-lower-info-container a:hover{
	color:#FFF;
	border-bottom:#fff dotted 1px;
}
#event-sidebar-container{
	border-left:#2A2A2A 2px solid;
	border-right:#2A2A2A 2px solid;	
	width:256px; height:525px; float:left;
	background-color:#313131;
}
.event-sidebar-ribbon{
	width:100%;
	height:60px;
	margin-top:10px;
}
.event-sidebar-ribbon label{
	font-size:14px;
	text-align:right;
	color:#444;
	padding-top:36px;
	padding-right:10px;
	display:block;	
}
#event-sidebar-follow-container{
	width:100%;
	height:100px;
}
#follow-btn{
	background-color:#06F;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	border:#fff 2px solid;
	background-image:url(../graphics/FollowBtnArrow.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding-left:25px;
	line-height:20px;
	margin-top:20px;
	height:44px;
	cursor:pointer;
	color:#FFF;
	width:85%;
}
#follow-btn:hover{
	background-color:#06C;
}
#unfollow-btn{
	background-color:#F90;
	border-color:#fff;
	color:#fff;
	background-image:none;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	border:#fff 2px solid;
	line-height:20px;
	margin-top:30px;
	height:44px;
	cursor:pointer;
	width:65%;
	background-color:#666;
	border-color:#999;
	color:#CCC;
	background-image:none;
}
#edit-event-btn{
	background-color:#F90;
	border-color:#fff;
	color:#fff;
	background-image:none;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	border:#fff 2px solid;
	line-height:20px;
	margin-top:30px;
	height:44px;
	cursor:pointer;
	color:#FFF;
	width:85%;
}
#edit-event-btn:hover{
	background-color:#F30;
}
#event-sidebar-follow-container label{
	margin-top:5px;
	display:block;
	color:#444;
}

#event-sidebar-location-ribbon{
	background-image:url(../graphics/LocationBannerRibbon.png);
	background-repeat:no-repeat;
}
#event-sidebar-time-ribbon{
	background-image:url(../graphics/TimeBannerRibbon.png);
	background-repeat:no-repeat;
}
#event-sidebar-divider{
	background-image:url(../graphics/DividerBannerNonRibbon.png);
	background-repeat:no-repeat;
	margin-top:15px;
	height:40px;
}
.event-sidebar-ribbon-content-container{
	width:100%; height:75px;
}
.event-sidebar-ribbon-content-container address{
	text-align:right;
	padding-top:15px;	
}
#event-sidebar-past-container{
	width:100%;
	height:100px;
}
#event-sidebar-past-container button{
	background-color:#222;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	border:#555555 2px solid;
	background-image:url(../graphics/PastOccuranceBtnArrow.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding-left:25px;
	line-height:20px;
	margin-top:10px;
	height:44px;
	cursor:pointer;
	color:#FFF;
	width:85%;
}
#event-sidebar-past-container label{
	margin-top:10px;
	font-size:10px;
	text-align:right;
	margin-right:10px;
	display:block;
	color:#555555;
}
#event-sidebar-past-container button:hover{
	background-color:#000;
}
h2{
color:#999999;
font-size:16px;
padding-bottom:0px;
}
*/

/*	Home Page
=======================================*/
#home-welcome-back-message-container{
	border-bottom:#eee 1px solid; padding-bottom:10px; padding-right:0px; padding-left:0px; margin-right:20px; margin-left:10px;
}
#home-welcome-back-message-container h1{
	margin-bottom:5px; margin-top:5px;
}
#home-welcome-back-message-container label{
	font-size:16px; color:#666666;
}
#home-call-to-action-btn-container{
	border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#eee 1px solid; 
}
#home-upcoming-events-header-container{
	border-left:#eee 1px solid; border-bottom:#eee 1px solid; background-color:#F8F8F8;  	
}
#home-upcoming-events-header-container h2{
	margin-top:0px; padding-top:12px; padding-left:15px; font-weight:normal;
}
#home-call-to-action-create-btn{
	color:#FFFFFF; font-weight:bold; font-size:18px; vertical-align:middle; height:45px; margin-top:0px; line-height:15px; padding-left:25px; padding-right:25px; border:solid #FFF 0px; border-radius:5px; background-color:#06F;
}
#home-call-to-action-create-btn span{
padding-right:10px; border-right:1px solid #ffffff; margin-right:5px;
}
#home-call-to-action-create-btn:hover{
	cursor:pointer; color:#FFF; background-color:#666;
}
.homefeed-item-container{
	margin-top:10px;
	margin-bottom:10px;
}
.homefeed-photo-container{
	width:600px;
	margin-left:13px;
	margin-right:0px;
	height:225px;
	background-color:#333;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	-moz-box-shadow:    1px 1px 5px 1px #f0f0f0;
 	-webkit-box-shadow: 1px 1px 5px 1px #f0f0f0;
  	box-shadow:         1px 1px 5px 1px #f0f0f0;
	position:relative;
	-webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; -ms-transition: all 0.25s linear; transition: all 0.25s linear;	
}
.homefeed-photo-container:hover{
	background-size:105%;
	cursor:pointer;
}
.homefeed-lower-banner{
	position:absolute;
	width:600px;
	height:50px;
	bottom:0px;
	background-image:url(../graphics/Black_Alpha_70.png);	
}
.homefeed-profile-pict{
	height:50px; width:50px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50px 50px;
	float:left;
}
.homefeed-lower-banner-text-container{
	width:420px;
	height:40px;
	float:left;
	padding-left:10px;
	padding-top:5px;
}
.homefeed-lower-banner-text-container .top-part{
	height:20px;
	font-size:14px;
	display:block;
}
.homefeed-lower-banner-text-container .top-part a{
	color:#FFF;
}
.homefeed-lower-banner-text-container .top-part a:hover{
	color:#09F;
}
.homefeed-lower-banner-text-container .bottom-part{
	height:25px;
	font-size:12px;
	display:block;
	color:#ccc;
}
.homefeed-footnote-container{
	padding-right:25px;
	text-align:right;
	font-size:12px;
	color:#CCC;	
}
.homefeed-footnote-container a{
	color:#CCC;	
}
.homefeed-footnote-container a:hover{
	color:#999;
}
.event-month-ribbon{
	width:64px;
	height:53px;
	background-image:url(../graphics/MonthRibbon.png);
	background-repeat:no-repeat;
	text-align:center;
}
.event-month-ribbon label{
	color:#fff;
}
.month-display-ribbon{
	padding-left:0px;
	padding-right:7px;
	padding-top:3px;
	height:21px;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
}
.day-display-ribbon{
	height:40px;
	padding-right:10px;
	text-align:center;
	line-height:20px;
	padding-left:5px;
	font-size:26px;
	font-weight:normal;
}
.feed-event-item-container{
	position:relative;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:#eee 1px solid;
}
.feed-event-item-profile-picture{
	width:50px;
	height:50px;
	border:#eee 2px solid;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50px 50px;
	float:left;	
}
.feed-event-item-details-container{
	margin-left:10px;
	width:auto;
	display:inline-block;
	float:left;	
}
.feed-event-title{
	font-size:14px;
	line-height:28px;
}
.feed-event-sub-description{
	font-size:12px;
	line-height:10px;
	color:#CCC;
	font-variant:inherit;
}

/*Event Content
---------------------------------------------------------------*/
/*
.photo-gallery-frame:hover .recent-photo-frame-overlay{
	opacity:1.0;	
	filter: alpha(opacity = 100);
}
.photo-gallery-frame:hover .recent-photo-frame-overlay-label{
	padding-top:35%;
	padding-bottom:50%;
}
.recent-photo-frame-overlay{
	background-image:url(../graphics/Black_Alpha_70.png);
	width:100%;
	height:100%;
	font-size:18px;
	color:#FFF;
	text-align:center;
	opacity:0.0;	
	filter: alpha(opacity = 0);
	transition: opacity .25s ease-in-out; 
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.recent-photo-frame-overlay-label{
	height:15%;
	padding-top:85%;
	padding-bottom:0%;
	display:block;
	transition: padding .25s ease-in-out; 
	-moz-transition: padding .25s ease-in-out;
	-webkit-transition: padding .25s ease-in-out;
}
#recent-photos-container{
	border:#fff 0px solid;
}
#recent-photos-container:hover{
	border-color:#f0f0f0;
	cursor:pointer;
}
#recent-photos-container .photo-gallery-frame{
	background-position:center;
}
.recent-photos-54by54-thumb, .event-followers-54by54-thumb{
	width:54px;
	margin-right:1px;
	margin-top:1px;
	height:54px;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	float:left;
}
.event-followers-54by54-thumb{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;	
}
.event-followers-54by54-thumb:hover{
	opacity:0.75;
	cursor:pointer;	
}
.event-followers-175by175-thumb{
	width:175px;
	margin-bottom:1px;
	height:175px;
	border:0px none;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	background-size:175px 175px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	position:relative;
	float:left;
	outline:none;
}
.event-followers-175by175-thumb:hover{
	background-size:200px 200px;	
}
.event-followers-label-bg-container{
	position:relative;
	width:100%;
	height:100%;
	outline:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	opacity:0.0;
}
.event-followers-label-bg-container:hover{
	opacity:1.0;
	background-image:url(../graphics/AlphaBG175by175.png);
}
.event-followers-label-container{
	position:absolute;
	bottom:0px;
	width:100%;
	text-shadow:#000 1px 1px 1px;
	font-size:18px;
	color:#FFF;
}
.event-followers-label-container label{
	padding:15px;
	padding-left:5px;
	padding-right:5px;
}
.event-followers-175by175-thumb:hover, .event-followers-label-container label:hover, .event-followers-label-container:hover{
	cursor:pointer;	
	opacity:0.95;
}
.recent-photos-add-photo-label{
	width:100%; padding-top:14px; padding-bottom:14px; font-size:15px; text-align:center; color:#0066FF; cursor:pointer; background-color:#FBFBFB;
}
*/
#main-nav{
padding:0px;
}
#main-nav li{
list-style:none;
font-size:16px;
height:40px;
line-height:40px;
margin-bottom:5px;
margin-left:0px;
padding-left:10px;
color:#0099FF;
}
#main-nav li:hover{
cursor:pointer;
color:#03C;
}
#main-nav .selected-main-nav{
color:#fff;
}
.selected-main-nav{
background-image:url(../graphics/side_selector_bg.png);
background-repeat:no-repeat;
background-position:-30px 0px;
color:#fff;
}
/*
.event-page-canvas{
	width:98%;	
}

/* Event Overview
------------------------------------*/
/*
.event-overview-canvas-container{
	box-shadow: 1px 1px 2px #f0f0f0;
	border:1px solid #f0f0f0;
	border-radius:5px;
	display:block;
	padding-bottom:40px;
	padding-left:40px;
	padding-right:40px;
	padding-top:30px;
	font-size:16px;
	margin-bottom:10px;
}
blockquote.overview{
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	font-size:18px;
	line-height:30px;
}
.event-overview-item-container{
	display:block;	
}
.event-overview-item-icon{
	position:absolute;
	background-repeat:no-repeat;
	margin-top:5px;
	width:32px;
	height:32px;
	float:left;
}
.event-overview-item-content{
	margin-left:65px;
	width:auto;
}
#map_canvas{
	box-shadow: 2px 2px 3px #f0f0f0;
	border:3px solid #f0f0f0;
	display:block;
	border-radius:5px;
	display:block;
	margin-bottom:25px;
}
.event-overview-large{
	font-size:21px;	
}
.event-overview-subnote{
	font-size:14px;
	color:#CCC;
}
.event-overview-subnote, .event-overview-large{
	display:block;
}
.event-overview-item-content hr{
	border: 0px;
	background-color: #ccc;
	height: 1px;
}
*/
/*	SOCIAL LOGIN CSS
------------------------------------*/
#googleSignInBtn {
  display: inline-block; background-color: #dd4b39; color: white; padding-top:10px; padding-bottom:10px; width: 100%; border-radius: 5px; white-space: nowrap; cursor:pointer;
}
#googleSignInBtn:hover {
  background: #e74b37; cursor: hand;
}
#googleSignInBtn span.label {
  font-weight: bold;
}
#googleSignInBtn span.icon {
  background: url('../graphics/googlePlusBtn.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; margin-left:10px; padding-right:10px; width:35px; height: 35px; border-right: #bb3f30 1px solid;
}
#googleSignInBtn span.buttonText {
  display: inline-block; vertical-align: middle; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: bold; font-family: 'Roboto',arial,sans-serif;
  /* Use the Roboto font that is loaded in the <head> */
}

#facebookSignInBtn {
  display: inline-block; background-color: #3A5A9D; color: white; padding-top:10px; padding-bottom:10px; width: 100%; border-radius: 5px; white-space: nowrap; cursor:pointer;
}
#facebookSignInBtn:hover {
  background: #2F4A80; cursor: hand;

}
#facebookSignInBtn span.label {
  font-weight: bold;
}
#facebookSignInBtn span.icon {
  background: url('../graphics/facebookBtn.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; margin-left:10px; padding-right:10px; width:35px; height: 35px; border-right: #2A4677 1px solid;
}
#facebookSignInBtn span.buttonText {
  display: inline-block; vertical-align: middle; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: bold; font-family: 'Roboto',arial,sans-serif;
  /* Use the Roboto font that is loaded in the <head> */
}

/*Organization
-------------------------------------------*/

/*hack for user photo page fix in future*/


@media only screen and (max-width: 1000px){
	
}
@media only screen and (max-width: $canvas-width){
	/*960 width*/
}
@media only screen and (min-width: 768px) {
    /* tablets and desktop */
}
@media only screen and (max-width: 767px) {
	#sub-banner-wrap{
		height:0px;
		display:none;
	}
    /* phones */
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
}