@charset "UTF-8";
/* V5 GRID view TEMPLATE CSS Document */

/* Event Grid View */
		
		.v5_grid_display_block {
			width:280px;
			height:300px;
			float:left;			
			padding:1%;
			margin-bottom:.5%;
			margin-left:.5%;
			margin-right:.5%;
			margin-top:1%;
			
			/*
			background-color:#333333;
			max-width: 240px;
			max-height: 480px;
			margin:auto;
			max-width: 22%;
			width:22%;
			*/
		}
		
		.v5_grid_branding {			
			float:left;
			height:38px;
			margin: .5% 2% 2% 2%;
			width:90%;
			/*margin-top:4%;
			margin-bottom:1%;
			margin-right:2%;
			background-color:rgba(0, 103, 255, .4)
			font-weight:900;
			letter-spacing:.05em;
			color: #666;
			padding:1%;
			text-align:center;
			font-family:'Roboto', sans-serif;
			font-size:18px*/
			}
			
		.v5_grid_date {
			margin:auto;
			text-align:center;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:133%;
			/*
			float:left;
			margin-left:5%;
			
			*/
			}
					
		.v5_grid_desc {
			width:67%;
			float:left;
			margin-left:2%;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:18px;
			line-height:133%;
			}
				
		.v5_grid_display_image {
			width:99%;
			height:66%;
			
			text-align:center;
			margin:auto;
			padding-top:3%;
			/*			
			background-color: #CCC;
			float:left;
			width:280px;
			height:280px;
			margin-bottom:.5%;
			margin-left:.5%;
			margin-right:.5%;
			margin-top:.5%;
			position: absolute;*/
		}
		
		.v5_grid_image {
			text-align:center;			
			max-width: 100%;
			max-height: 100%;
			/*
			margin:auto;
			float:left;
			width:98%;
			height:98%;
			position: absolute;
			*/
			}
			
		.v5_grid_time {
			font-family:'Roboto', sans-serif;
			font-size:14px;
			text-transform:none;
			font-variant:normal;
			font-weight:400;
			/*
			font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			padding-bottom:1%;		
			*/
			line-height:inherit;
			letter-spacing:.05em;
			width: 95%;
			float:left;
			
			}
		.v5_grid_title {
			font-family:'Roboto', sans-serif;
			font-size:15px;
			text-transform:none;
			font-variant:normal;
			font-weight:600;
			color:#000;
			padding-top:2%;
			/*font-stretch:inherit; 
			color:#F00;
			padding-bottom:1%;		*/
			line-height:inherit;
			letter-spacing:.02em;
			width: 95%;
			float:left;
			
			}
			
		.v5_grid_venue {
			font-family:'Roboto', sans-serif;
			font-size:12px;
			text-transform:none;
			font-variant:normal;
			font-weight:600;
			color:rgba(0, 103, 255, 1);
			/*
			font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			padding-bottom:1%;		
			*/
			line-height:inherit;
			letter-spacing:.05em;
			width: 95%;
			float:left;
			
			}
			
	
		
		
/* END Grid View */


		
		/*phone version*/
		@media only screen and (max-width: 500px), (max-device-width: 500px) {
		#v5_event_display {
			width: 100%;
			}
			
		#v5_body {
			width:100%;
		}
		
		#v5_sidebar {
			width:96%;
			float:left;
			}
					
		#v5_detail_banner {
			width:100%;
			font-size:54px;
			/*float:left;
			border-bottom-style:solid;
			border-top-style:solid;
			border-width:thin;
			border-color:#333;
			background-color:rgba(0, 103, 255, .4);
			color: rgba(0, 103, 255, .7);
			letter-spacing:.05em;
			padding:1%;
			margin-right:2%;
			font-family:'Roboto', sans-serif;*/
			
		}
											
		.v5_branding {			
			height:86px;
			font-size:27px
			/*margin-top:4%;
			float:left;
			margin: .5% 2% 2% 2%;			
			margin-bottom:1%;
			margin-right:2%;
			background-color:rgba(0, 103, 255, .4)
			font-weight:900;
			letter-spacing:.05em;
			color: #666;
			padding:1%;
			text-align:center;
			font-family:'Roboto', sans-serif;
			*/
		}
				
		.v5_button {
			font-size:42px;
			line-height:1.4em;
			font-weight:900;
			padding:1% 5% 1%;
			}
			
		.v5_button_edit {		
			
			/*border-style:solid;
			border-width:thin;
			border-color:#666;
			float:left;
			width:10%;margin-top:4%;
			margin-bottom:1%;
			margin-right:2%;
			background-color:rgba(0, 103, 255, .4)
			font-weight:900;
			margin: 1% auto 2%;
			letter-spacing:.05em;
			color: #666;
			padding:1%;			
			text-align:center;
			font-family:'Roboto', sans-serif;*/
			font-size:42px;
			}
			
		.v5_button_sidebar {		
			font-size:54px;
			}
			
		.v5_desc {
			width:96%;
			font-size:48px;
			/*float:left;
			margin-left:2%;*/
			}
			
		.v5_dropdown {					
			/*float:left;
			width:30%;
			border-bottom-style:solid;			
			margin: 0 auto 6%;
			background-color:rgba(0, 103, 255, .4);color:#FFF;font-weight:900;
			border-style:solid;
			border-color:#333;
			border-width:thin;
			letter-spacing:.05em;
			padding:1%;
			margin-top:1%;
			margin-bottom:2%;
			margin-right:2%;
			text-align:center;
			font-family:'Roboto', sans-serif;*/
			font-size:30px;
			line-height:1.2em;
			}
		
		.v5_follow {
			/*float:left;
			width:40%;
			padding-top:2%;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/			
			vertical-align:top;
			font-size:54px;
			line-height:1em;			
			}
			
		.v5_heading {
			/*font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			font-family:'Roboto', sans-serif;
			text-transform:none;
			font-variant:normal;
			font-weight:900;
			width: 95%;
			line-height:inherit;
			letter-spacing:.05em;
			float:left;
			margin-right:5%;
			*/
			font-size:42px;
			padding-top:1%;
			padding-bottom:2%;
			}
				
		.v5_image {
			width:95%;
			/*border-color:#000;
			border-style:none;
			border-width:thin;
			padding:0%;
			float:left;
			margin-bottom:1%;*/
			}
			
		.v5_map {
			width:95%;
			}
			
		.v5_price {
			/*margin-right:4%;*/
			float:left;
			}
							
		.v5_share {
			font-size:36px;
			}
			
		.v5_text {
			font-size:48px;
			}
		
		
		.v5_title {
			font-family:'Roboto', sans-serif;
			font-size:72px;
			letter-spacing:0;
			/*text-transform:none;
			font-variant:normal;
			font-weight:900;
			font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			line-height:inherit;
			width: 98%;
			float:left;
			padding-bottom:1%;*/		
			}						
			
		.v5_venue {
			font-size:42px;
			}
	
		.v5_video {
			height:300px;
			}
								
		}
	
		
		/*tablet version*/
		@media only screen and (min-width:501px) and (max-width: 768px), (max-device-width: 1024px) {	
		
		#v5_event_display {
			width: 100%;
			}
			
		#v5_detail_banner {
			width:93%;
			font-size:54px;	
			/*float:left;
			border-bottom-style:solid;
			border-top-style:solid;
			border-width:thin;
			border-color:#333;
			background-color:rgba(0, 103, 255, .4);
			color: rgba(0, 103, 255, .7);
			letter-spacing:.05em;
			padding:1%;
			margin-right:2%;
			font-family:'Roboto', sans-serif;*/
			}	
		
		#v5_body {
			width:100%;
			}
			
		#v5_sidebar {
			width:96%;
			float:left;
			}
					

		.v5_branding {			
			height:86px;
			}
			
		.v5_button {
			font-size:27px;
			line-height:1.4em;
			font-weight:400;
			padding:1% 5% 1%;
			}
			
		.v5_button_edit {		
			/*border-style:solid;
			border-width:thin;
			border-color:#666;
			float:left;
			width:10%;margin-top:4%;
			margin-bottom:1%;
			margin-right:2%;
			background-color:rgba(0, 103, 255, .4)
			font-weight:900;
			margin: 1% auto 2%;
			letter-spacing:.05em;
			color: #666;
			padding:1%;			
			text-align:center;
			font-family:'Roboto', sans-serif;*/
			font-size:48px;
			}			
	
		.v5_button_sidebar {		
			font-size:54px;
			}
				
		.v5_desc {
			width:96%;
			font-size:48px;
			/*float:left;
			margin-left:2%;*/
			}		
						
		.v5_dropdown {					
			/*float:left;
			width:30%;
			border-bottom-style:solid;			
			margin: 0 auto 6%;
			background-color:rgba(0, 103, 255, .4);color:#FFF;font-weight:900;
			border-style:solid;
			border-color:#333;
			border-width:thin;
			letter-spacing:.05em;
			padding:1%;
			margin-top:1%;
			margin-bottom:2%;
			margin-right:2%;
			text-align:center;
			font-family:'Roboto', sans-serif;*/
			font-size:30px;
			line-height:1.2em;
			}
			
		.v5_follow {
			/*float:left;
			width:40%;
			padding-top:2%;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/			
			vertical-align:top;
			font-size:54px;
			line-height:1em;			
			}
			
		.v5_heading {
			/*font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			font-family:'Roboto', sans-serif;
			text-transform:none;
			font-variant:normal;
			font-weight:900;
			width: 95%;
			line-height:inherit;
			letter-spacing:.05em;
			float:left;
			margin-right:5%;
			*/
			font-size:42px;
			padding-top:1%;
			padding-bottom:2%;
			}
	

		.v5_image {
			width:95%;
			}
			
		.v5_map {
			width:97%;
			}
			
		.v5_price {
			/*margin-right:4%;*/
			float:left;
			}
			
		.v5_share {
			font-size:36px;
			}
						
		.v5_text {
			font-size:30px;
			}						
			
		.v5_title {
			font-family:'Roboto', sans-serif;
			font-size:54px;
			letter-spacing:0;
			/*text-transform:none;
			font-variant:normal;
			font-weight:900;
			font-stretch:inherit; 
			color:rgba(0, 103, 255, 1);
			line-height:inherit;
			width: 98%;
			float:left;
			padding-bottom:1%;*/		
			}
		
		.v5_venue {
			font-size:42px;
			}	
					
		.v5_video {
			height:195px;
			}
			
		}