/*
Name: 
Designer: Paste
Designer_url: http://www.paste.com.au
*/     

/*
Author: Steven Watts - Paste
Author URL: http://www.paste.com.au
*/

/* DEFAULT styles
    
	index -> 	
				CSS reset
				self clearing
				default styles
				containers  
				home
				join us
				static page
				reviews 
				whats on
				in the news
				terms 
				gallery
				misc 
				
*/


/* =css reset     
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, 
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; 
list-style-type:none; 
}

/* =default styles
----------------- */

body { background: #101011 url('../images/bgTile.gif') repeat 0 0; font-family:Helvetica, Arial, Sans-Serif; padding:0 0 100px 0; } 
:focus {-moz-outline-style: none;} /* Firefox link borders */   
   
/* =containers
----------------- */   
div.navCol {width:153px; float:left; margin:22px 0 0 28px;}     
div.navCol h1.logo { width:100px; height:122px; text-indent:-9999px; margin:0 0 34px 0; }
div.navCol h1.logo a { display:block; width:100px; height:122px; background: url('../images/rl.png') no-repeat 0 0; } 
div.navCol ul {}
div.navCol ul li {margin-bottom:2px;}
div.navCol ul li a {display:block; background-image: url('../images/rl.png'); height:24px; text-indent:-9999px;} 
div.navCol ul li.home a {width:58px; background-position:0 -124px;}    
body.home div.navCol ul li.home a { background-position:-294px -124px;}    
div.navCol ul li.home a:hover { background-position:-147px -124px;} 
div.navCol ul li.join-us a {width:68px; background-position:0 -150px;}      
body.join-us div.navCol ul li.join-us a { background-position:-294px -150px;}      
div.navCol ul li.join-us a:hover { background-position:-147px -150px;}  
div.navCol ul li.whats-on a {width:102px; background-position:0 -176px;}  
body.whats-on div.navCol ul li.whats-on a { background-position:-294px -176px;} 
div.navCol ul li.whats-on a:hover { background-position:-147px -176px;} 
div.navCol ul li.what-we-do a {width:109px; background-position:0 -202px;}  
body.what-we-do div.navCol ul li.what-we-do a { background-position:-294px -202px;}  
div.navCol ul li.what-we-do a:hover { background-position:-147px -202px;}  
div.navCol ul li.reviews a {width:78px; background-position:0 -228px;}      
body.reviews div.navCol ul li.reviews a { background-position:-294px -228px;}      
div.navCol ul li.reviews a:hover { background-position:-147px -228px;}      
div.navCol ul li.in-the-news a {width:106px; background-position:0 -254px;}
body.in-the-news div.navCol ul li.in-the-news a { background-position:-294px -254px;}
div.navCol ul li.in-the-news a:hover { background-position:-147px -254px;} 
div.navCol ul li.photo-gallery a {width:127px; background-position:0 -280px;} 
body.photo-gallery div.navCol ul li.photo-gallery a { background-position:-294px -280px;} 
div.navCol ul li.photo-gallery a:hover { background-position:-147px -280px;} 
div.navCol ul li.get-in-touch a {width:113px; background-position:0 -306px;}    
body.get-in-touch div.navCol ul li.get-in-touch a { background-position:-294px -306px;}       
div.navCol ul li.get-in-touch a:hover { background-position:-147px -306px;}   
div.navCol ul li.event-calendar a {width:138px; background-position:0 -332px;}    
body.event-calendar div.navCol ul li.event-calendar a { background-position:-294px -332px;}       
div.navCol ul li.event-calendar a:hover {background-position:-147px -332px;}  
div.navCol ul li.hosts a {width:126px; background-position:0 -567px;}    
body.hosts div.navCol ul li.hosts a { background-position:-294px -567px;}       
div.navCol ul li.hosts a:hover { background-position:-147px -567px;}  

div.centreColumn {width:540px; float:left; margin:180px 10px 100px 0;} 

div.rightColumn {width:232px; float:left; margin:180px 0 60px 0; background-color:#090909; padding:22px 15px 22px 15px;}

div.footer {clear:both; width:100%; position:fixed; bottom:0; left:0; background-color:#090909; padding:7px 0 7px 0;} 
div.footer p, div.footer p a {color:#666; font-size:11px; margin-bottom:0; }
div.footer p.footerNav {float:right; padding:0 10px 0 0;}
div.footer p.socialMedia a {display:block; height:15px; padding:2px 4px 2px 25px; color:#fff; opacity:0.9999; margin-right:16px; }
div.footer p.socialMedia a.twitter {float:left; margin-left:10px; background:#212122 url('../images/rl.png') no-repeat -300px -378px;} 
div.footer p.socialMedia a.facebook {float:left; background:#212122 url('../images/rl.png') no-repeat -300px -397px;} 
div.footer p.socialMedia a.twitter:hover, div.footer p.socialMedia a.facebook:hover { background-color:#797979;}    

/* =home
----------------- */   
div.centreColumn img.hero { border:10px solid #090909; margin-bottom:8px; }
div.centreColumn div.intro { float:left; width:328px; padding:22px 15px 22px 15px; background-color:#090909; margin-right:8px;}  
div.centreColumn div.intro p {}
div.centreColumn div.joinBox {float:left; width:143px; padding:22px 15px 22px 15px; background-color:#090909; }
div.centreColumn div.joinBox p.joinButton { width:143px; height:51px; margin:0 0 15px 0; padding:0; }
div.centreColumn div.joinBox p.joinButton a { display:block; width:143px; height:51px; background: url('../images/rl.png') no-repeat 0 -378px; text-indent:-9999px; }
div.centreColumn div.joinBox p.joinButton a:hover { background: url('../images/rl.png') no-repeat -147px -378px; text-indent:-9999px; }            

/* =join us
----------------- */    
#JoinUsPage { background:#090909; padding:25px; color:#fff; margin-bottom:50px; }
#JoinUsPage .content{ margin-bottom:35px; }
#JoinUsPage .content h1{ margin-bottom:25px; }
#JoinUsPage .content, #JoinUsPage .content p { font-size:12px; }
#JoinUsPage .Forms h2 { margin-bottom:25px; float:left; }

/* =static page
----------------- */
#StaticPage{ background:#090909; padding:25px; color:#fff; margin-bottom:50px; }
#StaticPage .content{ margin-bottom:35px; line-height:18px; }
#StaticPage .content h1{  line-height:22px; margin-bottom:25px; }
#StaticPage .content, #StaticPage .content p { font-size:12px; }
#StaticPage .individualContent{ border-bottom: 1px solid #231F20;  padding-bottom: 20px; }  
#StaticPage div.Banner {padding-bottom:20px;} 

/* =reviews
----------------- */
.Review{ margin-top:20px; padding-top:20px;  border-top:solid 1px #231f20; overflow:hidden; }
.Review h2{ margin-bottom:5px; font-size:18px; }

.Review .content{ font-weight:500 !important; line-height:18px; }
.Review .content a{ font-weight:500 !important; text-decoration:none; color:#e51937; }

.Pagination{ margin-top:20px; padding-top:20px; border-top:solid 1px #231f20; }
.Pagination a {  display:block; float:left; background:#e51937; color:#fff; font-size:12px; font-weight:600; margin-right:5px; text-decoration:none; padding:4px 9px; }
.Pagination a:hover, .Pagination a.current{ background:#4b4b4b; }

.Thumb { float:left; margin:0px 25px 25px 0px; }

/* =whats on
----------------- */     
#WhatsOnPage{ background:#090909; padding:25px; color:#fff; margin-bottom:50px; }
#WhatsOnPage .content h1{ font-size:19px; font-weight:500; margin-bottom:25px; }
#WhatsOnPage .content, #WhatsOnPage .content p{ font-size:12px; }
#WhatsOnPage .CalNavWidget p.CalDateWidget{ width:160px !important; }
#WhatsOnPage .CalNavWidget{ margin-top:0px !important; }

.EventDiv{ margin-top:20px; padding-top:20px; border-top:solid 1px #231f20; display:block; clear:both;}
.EventDiv h2{ color:#e51937; margin-bottom:5px; font-size:18px; font-weight:500; }

.EventTime{ font-size:12px; color:#ccc; }

.EventDiv .content { font-weight:500 !important; line-height:18px; opacity:0.9999; }
.EventDiv .content a { font-weight:500 !important; text-decoration:none; color:#e51937; }

.NormalPageContent{ background:#090909; padding:25px; margin-bottom:50px; }
.NormalPageContent h1{ padding-bottom:25px; }
.Banner{ margin-bottom:7px; }

   
#CalendarInPage{ width:202px; float:left; overflow:hidden;}
#CalendarInPageImg{ width:280px; float:left; overflow:hidden; height:186px; padding-left:8px; }
   
/* =in the news
----------------- */
#BackToin-the-news a { background-image: url('../images/rl.png'); background-position:0px -502px; text-indent:-9000px; overflow:hidden; display:block; float:left; width:176px; height:30px; }
#BackToin-the-news a:hover{ background-position:-176px -502px; }

body.in-the-news .content{ opacity:0.9999; }

/* =terms
----------------- */
#TermsPage{ background:#090909; padding:25px; width:749px; float:left; margin:180px 10px 0 0; }  
#TermsPage h1{ margin-bottom:25px; } 

/* =gallery
----------------- */
#EventPhotos li{ float:left; width:76px; text-align:center; margin-bottom:3px; } 

/* =widget
----------------- */               
div.WidgetHolder { padding-bottom:28px;}  

div.rightColumn ul.snippets { padding-top:12px;}
div.rightColumn ul.snippets li {margin-bottom:18px; padding:4px;} 
div.rightColumn ul.snippets li:hover {background-color:#131313;}  
div.rightColumn ul.snippets li h3 {margin-bottom:2px;}
div.rightColumn ul.snippets li p { font-size:12px;} 
div.rightColumn ul.snippets li p a { color:#fff;} 
div.rightColumn ul.snippets li p.details { margin-bottom:6px; }

/* =misc
----------------- */ 
#ItemsUL{ list-style:none; list-style-type:none; }   

.calendarHolder {margin-top:20px; padding-top:20px; border-top:1px solid #231F20; }

.EvenPic {width:280px; float:left; height:180px; overflow:hidden;}

.aboutEvent{width:200px; float:right; overflow:hidden; height:180px; font-size:12px;}
.aboutEvent dd{margin-bottom:5px; color:#CCC;}

.snippets li{cursor:pointer;}

#Banner{width:520px; height:330px; border:10px solid #090909; margin-bottom:8px;}