/*
Theme Name: TheHip 2014
Theme URI: http:///
Description: TheHip Theme
Author: Michael Hojna
Version: 1.1

*/

.guidelines {
	border: 0px dotted #FFF;
}
	
a {
	color: #861a33;
	text-decoration: none !important;
}

.b_selected {
	background-color: #999 !important;
}


.b_white {
	background-color: #fff !important;
}

.b_black {
	background-color: #000 !important;
}


  
  a:hover, a:focus {
	color: #999999;
}


h1, h2, h3, h4, h6 {
	font-family: "proxima-nova-sc-osf",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #333;
	text-transform: uppercase;
}



.dateDetail_title {
	color: #900;
	font-weight: 800;
	text-transform: uppercase;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 0em;
	
}

.dateDetail_Back {
border: 1px dashed #999;
}

.Detail_Back {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

.venueDetail_bck {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}


.venueDetail_title {
	color: #333;
	font-weight: 800;
	text-transform: uppercase;
}


h5 {
	font-family: "proxima-nova-sc-osf",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #333;
	
}


.AllCaps {
	text-transform: uppercase;	
}


.bgcolour {
background-color: #CCCCCC;	
}



.row {
background-color: #FFFFFF;	
}





body
{
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #333;
	background-color: #CCCCCC;
	line-height: 2em;
	font-size: 1.1em;
}

.AlbumListing {
	font-size: 1.2em;	
}




.text-splash {
color: #fff;	
}



Text-Login {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #333;
	font-size: 1em;
	
}

a.Text-Login {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #000000;
	font-size: 1em;
	text-decoration: none;
	
}
a.Text-Login:visited {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
}
a.Text-Login:hover {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #666;
	font-size: 1em;
	text-decoration: none;
}





Text-reminder {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #333;
	font-size: 1em;
	
}

a.Text-reminder {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #A12917;
	font-size: 1em;
	text-decoration: none;	
}
a.Text-reminder:visited {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	color: #A12917;
	text-decoration: none;
}
a.Text-reminder:hover {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #666;
	font-size: 1em;
	text-decoration: none;
}




.bg_black {
background-color:#000000 !important;	
}

footer
{
    background-color:#000000;
}

.myfile {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
    font-size: 40px;
}

.fileinput
{
     cursor: pointer; 
}


.s1 {
    background:transparent url('images/sprite.png') no-repeat;
    display:inline-block;  
}

.top-bar {
	background-color: #000000;
	
	
}


.top-bar-section li:not(.has-form) a:not(.button).nav-home:hover,
.top-bar-section li:not(.has-form) a.nav-home,
.top-bar-section li:not(.has-form) a:not(.button).nav-home,

.top-bar-section ul li .s1,.s1,.top-bar-section ul li:hover .s1 {
    background:transparent url('images/sprite.png') no-repeat;
  
}
.top-bar-section li:not(.has-form) a:not(.button).nav-home:hover,
.top-bar-section li:not(.has-form) a:not(.button).nav-home,
.top-bar-section li:not(.has-form) a.nav-home,
.top-bar-section ul li .nav-home,.nav-home,.nav-homeactive
{
    background-position:-182px 0px;
    height:45px;
    width:38px;
    
}
.nav-home,.nav-homeactive
{
    background-position:-182px -45px;
}


.top-bar-section ul li:hover .nav-home,
.top-bar-section ul li.active >a.nav-home
{
     background:transparent url('images/sprite.png') no-repeat;
    background-position:-182px -45px;
}

.top-bar-section li:not(.has-form) a:not(.button).nav-home:hover
{
       background-position:-182px -45px;
}

.nav-home:hover,.nav-homeactive
{
     background-position:-182px -45px;
}



.top-bar-section ul li a:not(.button),
.top-bar-section ul li:not(.has-form) a:not(.button),
.top-bar-section ul li:hover > a,
 .top-bar-section ul li.active > a, 
.top-bar-section ul li > a.button:hover {
	background-color: #000000;
}



.top-bar-section ul li.active > a:hover,
.top-bar-section ul li > a.button {
	background-color: #cccccc;
}





.top-bar-section ul li:not(.has-form) a:not(.button):hover
 {
   
     background-color: #666666;
}


 {
   
     background-color:#000000;
}

.bgcolour_black {
	 background-color: #000000;
}


.top-bar-section ul li .nav-fb, .nav-fb
{
    background-position:0px 0px;
    height:45px;
    width:34px;
} 





.top-bar-section ul {
	 background:transparent;
}


.top-bar-section ul li:hover .nav-fb,.nav-fb:hover
{
      background-position:0px -45px;
}

.top-bar-section ul li .nav-tw, .nav-tw
{
    background-position:-34px 0px;
    height:45px;
    width:34px;
}

.top-bar-section ul li:hover .nav-tw,.nav-tw:hover
{
    background-position:-34px -45px;
}



.top-bar-section ul li .nav-sc, .nav-sc
{
    background-position:-233px 0px;
    height:45px;
    width:38px;
}

.top-bar-section ul li:hover .nav-sc,.nav-sc:hover
{
    background-position:-233px -45px;
}




.top-bar-section ul li .nav-yt,.nav-yt
{
    background-position:-68px 0px;
    height:45px;
    width:34px;
}     

.top-bar-section ul li:hover .nav-yt,.nav-yt:hover
{
    background-position:-68px -45px;
}

.top-bar-section ul li .nav-fl,.nav-fl
{
    background-position:-102px 0px;
    height:45px;
    width:34px;
} 

.top-bar-section ul li:hover .nav-fl,.nav-fl:hover
{
    background-position:-102px -45px;
}    

.top-bar-section ul li .nav-rss,.nav-rss
{
    background-position:-136px 0px;
    height:45px;
    width:34px;
}

.top-bar-section ul li:hover .nav-rss,.nav-rss:hover
{
    background-position:-136px -45px;
}


.top-bar-section ul li .nav-google, .nav-google
{
    background-position:-133px 0px;
    height:45px;
    width:34px;
}

.top-bar-section ul li:hover .nav-google,.nav-google:hover
{
    background-position:-133px -45px;
}

.top-bar-section ul li .nav-spot, .nav-spot
{
    background-position:-277px 0px;
    height:45px;
    width:34px;
}

.top-bar-section ul li:hover .nav-spot,.nav-spot:hover
{
    background-position:-277px -45px;
}

.top-bar-section ul li .nav-apple, .nav-apple
{
    background-position:-308px 0px;
    height:45px;
    width:34px;
}

.top-bar-section ul li:hover .nav-apple,.nav-tw:apple
{
    background-position:-308px -45px;
}






.top-bar-section li a:not(.button),.top-bar-section ul {
	font-family: "proxima-nova-sc-osf", sans-serif;
	font-style: normal;
	font-weight: 600;
	color: white;
	font-size: 1.0em;
	letter-spacing: .1em;
	
    }

.top-bar-section li a:not(.button):hover {
  	font-family: "proxima-nova-sc-osf",sans-serif;
	font-style: normal;
	font-weight: 600;
    color: white;
	font-size: 1.0em;
	letter-spacing: .1em;
	
    }
	
	.top-bar-section li.active:not(.has-form) a:not(.button)  {
	color: white;
	line-height: 45px;
	padding: 0 15px;
	background-attachment: scroll;
	background-color: #333333;
	
	
}





.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
background-color: #000000;

}


 a.social-btn1, a.social-btn2, a.social-btn3, a.social-btn4, a.social-btn5 {
  position:absolute;
  top:0;
  left:0px;
  line-height: 45px;
  text-align: right;
  z-index:2;
  display:block;
  color:#fff !important;
  font-size:13px;
   font-weight:bold;
}

a.social-btn2 {
  
  left: 40px;
  
}

a.social-btn3 {
  
  left: 80px;
  
}

a.social-btn4 {
  
  left: 120px;
  
}

a.social-btn5 {
  
  left: 160px;
  
}


.textwidget {
	padding-top: 1em;
	margin-bottom: .0em;	
}

.emailwidget {
	padding-top: .5em;
	margin-bottom: .0em;	
}

.story_main {
	
	margin-bottom: 2em;
	margin-left: 1em;
	margin-right: 1em;
}



.UGC_main {
	
	margin-top: 1em;
	
}



.story_main_thumb {
	margin-bottom: 3em;
	float: left;
	max-width: 350px;
	
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.story_excerpt {
float: left;	
}

.share_space {

	margin-bottom: 2em	!important;	
	padding-bottom: 2em !important;	
}

.share_ButtonSpace {

	margin-top: .5em	!important;	
	padding-top: .5em !important;	
	margin-right: .5em	!important;	
	padding-right: .5em !important;	
}


.albumrow {

	padding-bottom: 15px !important;		
}

.hipLogo {
	padding-left: 40px;
	padding-top: 75px;
	padding-bottom: 50px;
	padding-right: 0px;
}

.stMainServices {
    height: 25px !important;
}


.album_bio_image_Space {
	margin-bottom: 5px;
	padding-bottom: 5px;	
}

.album_bio_image {
	float: left;
	margin-top: .2em;
	margin-right: 1.5em;
	margin-bottom: 1em;
	margin-left: 0;
}

.post_image {
	float: left;
	margin-top: .2em;
	margin-right: 1.5em;
	margin-bottom: 1em;
	margin-left: 0;
}


.post_image_next {
	height: 50px;
}

.post_bottom_spacing {
	margin-bottom: 4em;
}


.post_bottom_spacing2 {
	margin-bottom: 5em;
}



button, .button {
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	font-family: inherit;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1rem;
	/*     @else                            { font-size: $padding - rem-calc(2); } */
	background-color: #000000;
	border-color: #2285a2;
	color: white;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	padding-top: 1.0625rem;
	padding-bottom: 1rem;
	-webkit-appearance: none;
	border: none;
	font-weight: normal !important;
}
  button:hover, button:focus, .button:hover, .button:focus {
	background-color: #333333;
}
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
	background-color: #e9e9e9;
	border-color: #bababa;
	color: #FFFFFF;
}

  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #000000;
    border-color: #2285a2;
    color: white;
    }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background-color: #000000;
}
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background-color: #000000;
}
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
	background-color: #e9e9e9;
	border-color: #bababa;
	color: #FFFFFF;
	
}



/************************/
button2, .button2 {
	cursor: pointer;
	font-family: inherit;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1rem;
	/*     @else                            { font-size: $padding - rem-calc(2); } */
	background-color: #990000;
	color: white;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	padding-top: 1.0625rem;
	padding-bottom: 1rem;
	-webkit-appearance: none;
	border: 0px none #666666;
	font-weight: normal !important;
}
  button2:hover, button2:focus, .button2:hover, .button2:focus {
	background-color: #333333;
}
  button2:hover, button2:focus, .button2:hover, .button2:focus {
    color: white; }
  button2.secondary, .button2.secondary {
	background-color: #e9e9e9;
	border-color: #bababa;
	color: #FFFFFF;
}

  button2.disabled, button2[disabled], .button2.disabled, .button2[disabled] {
    background-color: #000000;
    border-color: #2285a2;
    color: white;
    }
    button2.disabled:hover, button2.disabled:focus, button2[disabled]:hover, button2[disabled]:focus, .button2.disabled:hover, .button2.disabled:focus, .button2[disabled]:hover, .button2[disabled]:focus {
	background-color: #000000;
}
    button2.disabled:hover, button2.disabled:focus, button2[disabled]:hover, button2[disabled]:focus, .button2.disabled:hover, .button2.disabled:focus, .button2[disabled]:hover, .button2[disabled]:focus {
      color: white; }
    button2.disabled:hover, button2.disabled:focus, button2[disabled]:hover, button2[disabled]:focus, .button2.disabled:hover, .button2.disabled:focus, .button2[disabled]:hover, .button2[disabled]:focus {
	background-color: #000000;
}
    button2.disabled.secondary, button2[disabled].secondary, .button2.disabled.secondary, .button2[disabled].secondary {
	background-color: #e9e9e9;
	border-color: #bababa;
	color: #FFFFFF;
	
}


/************************/
button3, .button3 {
	cursor: pointer;
	font-family: inherit;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1rem;
	/*     @else                            { font-size: $padding - rem-calc(2); } */
	background-color: #990000;
	color: white;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	padding-top: 1.0625rem;
	padding-bottom: 1rem;
	-webkit-appearance: none;
	border: 0px none #666666;
	font-weight: normal !important;
}
  button3:hover, button3:focus, .button3:hover, .button3:focus {
	background-color: #333333;
}
  button3:hover, button3:focus, .button3:hover, .button3:focus {
    color: white; }
  button3.secondary, .button3.secondary {
	background-color: #e9e9e9;
	border-color: #bababa;
	color: #FFFFFF;
}

  button3.disabled, button3[disabled], .button3.disabled, .button3[disabled] {
    background-color: #000000;
    border-color: #2285a2;
    color: white;
    }
    button3.disabled:hover, button3.disabled:focus, button3[disabled]:hover, button3[disabled]:focus, .button3.disabled:hover, .button3.disabled:focus, .button3[disabled]:hover, .button3[disabled]:focus {
	background-color: #000000;
}
    button3.disabled:hover, button3.disabled:focus, button3[disabled]:hover, button3[disabled]:focus, .button3.disabled:hover, .button3.disabled:focus, .button3[disabled]:hover, .button3[disabled]:focus {
      color: white; }
    button3.disabled:hover, button3.disabled:focus, button3[disabled]:hover, button3[disabled]:focus, .button3.disabled:hover, .button3.disabled:focus, .button3[disabled]:hover, .button3[disabled]:focus {
	background-color: #000000;
}
    button3.disabled.secondary, button3[disabled].secondary, .button3.disabled.secondary, .button3[disabled].secondary {
	background-color: #e9e9e9;
	border-color: #bababa;
	color: #FFFFFF;
	
}


/************************/
button4, .button4 {
	cursor: pointer;
	font-family: inherit;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1rem;
	/*     @else                            { font-size: $padding - rem-calc(2); } */
	background-color: #666666;
	color: white;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	padding-top: 1.0625rem;
	padding-bottom: 1rem;
	-webkit-appearance: none;
	border: 0px none #666666;
	font-weight: normal !important;
}
  button4:hover, button4:focus, .button4:hover, .button4:focus {
	background-color: #333333;
}
  button4:hover, button4:focus, .button4:hover, .button4:focus {
    color: white; }
  button4.secondary, .button4.secondary {
	background-color: #e9e9e9;
	border-color: #bababa;
	color: #FFFFFF;
}

  button4.disabled, button4[disabled], .button4.disabled, .button4[disabled] {
    background-color: #000000;
    border-color: #2285a2;
    color: white;
    }
    button4.disabled:hover, button4.disabled:focus, button4[disabled]:hover, button4[disabled]:focus, .button4.disabled:hover, .button4.disabled:focus, .button4[disabled]:hover, .button4[disabled]:focus {
	background-color: #000000;
}
    button4.disabled:hover, button4.disabled:focus, button4[disabled]:hover, button4[disabled]:focus, .button4.disabled:hover, .button4.disabled:focus, .button4[disabled]:hover, .button4[disabled]:focus {
      color: white; }
    button4.disabled:hover, button4.disabled:focus, button4[disabled]:hover, button4[disabled]:focus, .button4.disabled:hover, .button4.disabled:focus, .button4[disabled]:hover, .button4[disabled]:focus {
	background-color: #000000;
}
    button4.disabled.secondary, button4[disabled].secondary, .button4.disabled.secondary, .button4[disabled].secondary {
	background-color: #e9e9e9;
	border-color: #bababa;
	color: #FFFFFF;
	
}

.slick-prev:before, .slick-next:before {
    -moz-osx-font-smoothing: grayscale;
    font-family: "slick";
    font-size: 40px;
    line-height: 1;
    opacity: 0.85;
	
	
}


.slick-next:before {
	content: "→";
	color: #333;
	font-size: 40px;
	line-height: 1;
}


.slick-prev:before {
	
	color: #333;
	 font-size: 40px;
    line-height: 1;
}



*, *:before, *:after {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: border-box;
}

.slick-prev {
	left: 30px!important;
	background: none repeat scroll 0 0 transparent !important;
	border: medium none;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 40px!important;
	line-height: 0;
	outline: medium none;
	padding: 0;
	position: absolute!important;
	top: 110%!important;
	width: 50px;
	
}

.slick-next {
	right: 30px!important;
	background: none repeat scroll 0 0 transparent !important;
	border: medium none;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 40px!important;
	line-height: 0;
	outline: medium none;
	padding: 0;
	position: absolute!important;
	top: 110%!important;
	width: 50px!important;	
}

.slick-dots {
    bottom: 3px !important;
    display: block;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
	top: 105%;
}

.slick-spacing {
	margin-bottom: 75px;
		
}

.slick-slider {
    margin-bottom: 75px!important;
}


/**********************/

.released {
	font-size: .75em;
	color: #333;
	text-transform: capitalize;
	padding-top: 5px;
	margin-top: 5px;
}

.postPublish {
	font-size: 1em;
	color: #333;
	text-transform: capitalize;
	padding-top: 5px;
	margin-top: 5px;
}


.datebox {
	width: 25px;	
}

.datebox_List{
	width: 5em;
}

.summary_width {
	width: 100%;
	max-width:300px;	
}

.image_slider_container {
	max-width: 195px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.image_slider_width {
	width: 100%;
	max-width: 195px;
	float: left;
	
}


.summary_VideoWidth {
	width: 100%;
	max-width: 200px;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}

.videoText {

	margin-top: 15px;
	margin-bottom: 15px;
}


.footer_left {
	margin-top: 25px;
	color: #FFF;	
}

.footer_right {
	margin-top: 25px;
	margin-right: 25px;
	color: #FFF;
	float: right;
}


.storyPad {
	margin-right: 15px;	
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 95%;
}






.giveMeSomeSpace {
margin-bottom: 15px;	
}

.spaceHeight {
	height: 25px;
	min-height:25px;	
}

.top_gap {
	
	padding-top: 2em;
}



.footer_text {
color: #FFFFFF;
	text-decoration: none;
	
}



a.footer_text {
	color: #FFFFFF;
	text-decoration: none;
	
}
a.footer_text:visited {
	
	color: #FFFFFF;
	text-decoration: none;
	
}
a.footer_text:hover {
	
	color: #cccccc;
	text-decoration: none;
	
}


.post_min_height {
	
	
	min-height:500px;	
	
}



.clear_LR {
	clear: both;	
}

.tourPhoto {
	padding-bottom: 15px;	
}

.buttonSpace_Back {
	padding-bottom: 15px;
	padding-top: 35px;
	padding-right: 20px;
}

.float_right {
	float: right;	
}

.noBullets {
	list-style-type: none;	
}

.w_sBox {
	width: 65px;
	height:40px;
	margin-top:10px;	
}
.w_sBox2 {
	width: 100px;
	height:40px;
	margin-top:10px;
	margin-left:10px;	
}

.w_sBox3 {
	width: 50px;
	height:40px;
	margin-top:10px;
	margin-left:10px;	
}


.wsAdjust1 {
margin-top:13px;	
}


.w_10P {
	width: 7%;	
	max-width: 100px;
	min-width: 75px;
}


.w_12P {
	width: 10%;	
	max-width: 115px;
	min-width: 115px;
}

.w_15P {
	width: 11%;	
	max-width: 130px;
	min-width: 130px;
	padding-bottom: .5em;
}


.w_20P {
	width: 20%;	
	max-width: 275px;
	min-width: 275px;
	padding-bottom: 2em;
}


.fbCommentBox {
	padding-top: .5em;
	padding-right: 2.5em;
	padding-bottom: 2em;
	padding-left: 1em;
}


.f_left {
	float: left;	
}

.f_right {
	float: right;	
}

.alignR {
	text-align: right;
	
}

.clearLR {
	clear: both;	
}

.shows_container {
	width: 100%;
}

.but_colour {
	background-color: #999;
}


.sideBar_R_spacing  {
	
	padding-right: 1em;
}

.mainArea_spacing  {
	
	padding-right: 2.5em;	
	padding-left: 1.5em;
}

.pos_DropDown {
	padding-left: 25px;
}

.pos_title {
	padding-top: 10px;
}

.galleryitem {
	width:200px;
	float: left;
	padding-top: 1.5em;
	padding-left: 1em;	
}

.text_center {
	text-align: center;	
}


	
	.albumimage {
	 float: left;
	 padding-right: 1.5em;
	 padding-bottom: 1.5em;
	 padding-top: 1em;
	}
	
	.featured_album_cta {
	clear: right;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
	
	.GSblock {
	clear: right;
	float: left;
	width: 100%;		
	}
	
	.photoALbum {
	padding-right: 20px;
	padding-bottom: 15px;		
	}
	
	
.EventListSpace {

}
	
	
/**Spacing Things */
.icon_sc {
padding-right: 20px;	
}
	
	
	/**Content Boxes */
	
.box_container {
	clear: right;
	float: left;
	width: 100%;
	border: 1px dotted #eee;		
	}
	
.box_container2 {
	clear: right;
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #eee;
	border-right-color: #eee;
	border-bottom-color: #eee;
	border-left-color: #eee;
	}
	
	.nextNews_container {
	clear: right;
	float: left;
	width: 100%;
	border: 1px dotted #eee;		
	}
	
.box_title {
	color: #333;
	background-color: #FFF;
	clear: right;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 1em;
	text-align: center;
	
}
.box_content {
	background-color: #FFF;
	clear: right;
	padding: 1em;
	width: 100%;
	
	max-height:400px;
	}
.box_line2 {
	clear: right;
	float: left;
	width: 100%;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	text-align:center
	
	}
	
.box_photo {
	text-align: center;
	padding-top: 1em;
	
	
	
	}
	
.photoPadding {
	padding-top: 20px;
		
	}
	
.Text-boxLine2 {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #333;
	text-transform: uppercase;	
}


.box_TopCTA {
	text-align: center;
	clear: right;
	float: left;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
		
	}
	
	.box_GS_b_share {
	text-align: center;
	clear: right;
	float: left;
	width: 100%;
	padding-top: 2em;
	padding-bottom: 3em;
	padding-left: 1em;
	padding-right: 1em;
		
	}


a.Text-boxLine2 {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #333;
	text-transform: uppercase;
}
a.Text-boxLine2:visited {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #333;
	text-transform: uppercase;
}
a.Text-boxLine2:hover {
	font-family: "ratio",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: #999;
	text-transform: uppercase;
}

.nothing {
	
	padding-right: 0px;
	padding-left: 0px;
}

.noLR_Margin {
margin-right-value: 0rem;
margin-left-value: 0rem;	
}


/** Next Page */

.panel.callout a {
      color: #000000; }

    ul.pagination li.current a {
      background: #000000;
      color: white;
       }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus {
        background: #000000; }
    
    .side-nav li a:not(.button) {
  
      color: #000000; }


.w_300 {
	width: 300px;	
	
}

.w_ownItBox {
	width: 175px;	
	
}

.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}




.noSpacing {
	margin: 0px !important;
	padding: 0px !important;	
}



.button_spacing {
	padding-top: .55em;	
}


.newsSpacing {
padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.floatL {
	float: left;	
}

.shareBox {
	float: right;
	margin-top: .30em;
	margin-bottom: .75em;
}

.bgcolourSocial {
	background-color: #CCC;	
}


.bck_CTA {
	background-color: #21406d;		
}

.boxSpacing {
	margin: 5px;
	padding: 5px;	
}

.sideBarNoSpace {

	margin-bottom: 0px!important;
}

.sideBarSpace {

	margin-bottom: .5em!important;
}

.listStories {
	list-style-type: none;	
}

.next_text {
	text-align: right;
	clear: right;
	float: left;
	height: 100px;
	margin-right: 1em;
	padding-left: 1em;
	
}

.prev_text {
	text-align: left;
		clear: right;
	float: left;
	height: 100px;	
	margin-left: 1em;
	padding-right: 1em;
}

.showListSpacing {
	margin-bottom: 1em;	
	
}

.navShare1 {
	padding-left: 5px;	
}

.navShare2 {
	padding-right: 8px;	
}

.fbSpace {
	padding-top: 1px;
	
}

.signUPShow {

	text-align: center;
}

.minSHowHeight {
	min-height: 20em;
		
}

.showListPad {
	padding-left: 2.5em;	
}

.button_tickets {
	padding-left: 15px;
	margin-left: 5px;
}

.box_TopCTA_n {
	
	padding: 1em;		
	}	
	
.clear_right {
	clear: right;
}
.clear_left {
	clear: left;
}

.float_right {
	float: right;
}
.float_left {
	float: left;
}	

.splash_content {
	
	padding-left: 5px;
	padding-top: 13px;
	padding-bottom: 2em;
}

.splash_content_video {
	
	padding-left: 5em;
}


.splash_fbSpace {
	margin-bottom: 1em;
	position: relative;
	width: 100px;
	left: 10px;
	top: 15px;
	bottom: 15px;
}

.testborder {
	border: 1px dotted #0FF;
}

.splash_minheight {
	min-height: 7em;
}


.splash {
	 background: transparent !important;
}


.splash_cta_but {
	max-width: 375px;
	min-width: 375px;
	padding-bottom: 2em;
}
.splashbox {
	margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.splashbox2 {
	margin-left: auto;
    margin-right: auto;
    width: 240px;
}


.splashbox3 {
	margin-left: auto;
    margin-right: auto;
width: 360px;
}


.splashPad {
	padding-left: 5px;	
}

.splashPadTop {
	padding-top: 15px;	
}

.splashPadRight {
	padding-right: 3px;	
}


.testMe {
	background-image: url(http://dev.thehip.com/wp-content/uploads/2016/03/TTH_MMP_ART_poster_blank_background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-color: #000;
}