/*
Author: Matt Bond
Project: Renegade Media
Date: 14/5/10
Credit: Matt Bond www.mattbond.com.au
*/


/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################




*/
 
/*
# Reset defaults ################### 
*/



html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited					{ text-decoration: none; outline: none; }
a img								{ border: none; }

html 								{ overflow: -moz-scrollbars-vertical; }

.group:after 						{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Automatically clears after any element with this class */

ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }

table								{ border-collapse: collapse; }


/*
# Layout ################### 
*/



body								{ font-size: 75%; font-family: "Lucida Sans", "Lucida Grande", Geneva, sans-serif;
 									  color: #333; background: #040001; }

#page-wrap							{ width: 960px; margin: 0px auto;
									  min-height: 100%; height: auto !important; height: 100%; }


/*
# Main Content ##################
*/



/*
# Nav ################### 
*/

#main-nav							{ width: 960px; height: 30px; margin: 13px 0 10px 0; }

ul#main-nav							{ width: 960px; float: left; text-align: center; margin: 10px 0 10px 0; }
ul#main-nav li						{ display: inline; }
ul#main-nav li a					{ text-transform: uppercase; color: #FFF; font-size: 1.3em; padding: 10px 20px 12px 20px; }
ul#main-nav li a:hover				{ background-image: url(/images/navbg.png); color: #FFF; border-bottom: none; padding: 10px 20px 12px 20px; }


/*
# Headings ################### 
*/

h1									{ font-size: 2.0em; }
h2									{ font-size: 1.8em; }
h3									{ font-size: 1.6em; }
h4									{ font-size: 1.4em; }

#logo								{ width: px; height: px; background:url(/images/logo.png) no-repeat; }
#logo a								{ display: block; height: 100%; width: 100%; }
#logo a span						{ position: absolute; left: -9999px; top: -9999px; }


/*
# Lists ################### 
*/


ul#events-sidebar-nav li			{ display: inherit;  margin: 5px 0 15px 10px; }
ul#events-sidebar-nav li a			{ text-transform: uppercase; color: #EC297B; font-size: 1.2em; }
ul#events-sidebar-nav li a:hover	{ color: #B81B60; }


/*
# Images ################### 
*/

img									{ border: none; }
img.left							{ margin: 0 10px 10px 0; }
img.right							{ margin: 0 0 10px 10px; }

/*
# Links ################### 
*/

a									{ font-weight: bold; color: #; }
a:hover								{ font-weight: bold; color: #; }

/*
# Forms ################### 
*/



/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p									{ font-size: 1.2em; }

/*
# Other ################### 
*/

.right								{ float: right; }
.left								{ float: left; }
.clear	 							{ clear: both; }
.alignleft							{ text-align: left; }
.alignright							{ text-align: right; }
.aligncenter						{ text-align: center; }


/*
# Widgets #################
*/

#twitter-bar						{ width: 700px; height: 30px; float: left; margin: 5px 0 5px 0; }
#twitter-bar p						{ color: #333 }
#twitter-bar a						{ color: #EC297B }
#twitter-bar a:hover				{ color: #B81B60; font-weight: bold;  }


/*
# Footer #################
*/

#footer								{ height: 70px; background: url(/images/navbg.png) repeat-x top center #EC297B; padding-top: 20px; margin-top: 20px; }

#footer-nav							{ width: 960px; height: 30px; margin: 13px 0 10px 0; }

ul#footer-nav						{ width: 960px; float: left; text-align: center; margin: 10px 0 10px 0; }
ul#footer-nav li					{ display: inline; }
ul#footer-nav li a					{ text-transform: uppercase; color: #FFF; font-size: 1.3em; padding: 10px 20px 12px 20px; }
ul#footer-nav li a:hover			{ color: #FFF; border-bottom: 1px dotted; padding: 10px 20px 12px 20px; }


#footer-inside						{ width: 960px; margin: 0 auto; }
#footer p							{ color: white; }
#footer-1							{ width: 300px; float: left; margin-right: 30px; }
#footer-2							{ width: 200px; float: left; margin-right: 30px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer a							{ color: white; font-weight: bold; }
#footer ul							{ color: white; }