/*
Theme Name: Spunk
Theme URI: http://spunk.com.au
Description: Default Spunk theme
Version: 1
Author: Brett Fusedale
Author URI: http://fadeagency.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/* Global */


body {
	padding:0;
	background-color: #004a64;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}
p {
	margin:0;
	padding:0;
}
br {
        margin-bottom: 8px;
}

.page p, .post p {
	margin:0 0 20px 0;
	padding:0;
}
.entry {
        margin: 0 0 50px 200px;
}

h1, h1 a, h1 a:visited {
	font-family: Georgia;
	font-size: 20px;
	font-weight: bold;
	color: #05c7f6;
	text-decoration: none;
	letter-spacing: -1px;
	padding: 0;
	margin: 0 0 15px 0;
        clear: both;
}
h1 a:hover {
	color: #02a7cf;
}

h2, h2 a, h2 a:visited {
	font-family: Georgia;
	font-size: 20px;
	font-weight: bold;
	color: #05c7f6;
	text-decoration: none;
	letter-spacing: -1px;
	padding: 0;
	margin: 0 0 10px 0;
}
h2 a:hover {
	color: #02a7cf;
}
h3, h3 a, h3 a:visited {
}
h3 a:hover {
}

a {
	color: #02a7cf;
	text-decoration: none;
}
a:hover {
	color: #00d77e;
}


img.release, img.pic {
	padding: 3px;
	border: 1px solid #05c7f6;
	background-color: #02a7cf;
	margin: 0 15px 0 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	float: left;
	margin: 0 15px 15px 0;
	padding: 3px;
	border: 1px solid #05c7f6;
	background-color: #02a7cf;
	clear:both;
}
img.alignright {
	float: right;
	margin: 0 0 0 15px;
	padding: 3px;
	border: 1px solid #05c7f6;
	background-color: #02a7cf;
	clear:both;
}
img.more {
	border: none;
	clear:both;
        margin: 0 0 20px 0;
}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #02a7cf;
	padding: 1px 0 1px 0;
        width: 175px;
        float:left;
        margin: 140px 0 0 -200px;
}
.author {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #05c7f6;
	padding: 1px 0 1px 0;
        width: 175px;
        float:left;
        margin: 158px 0 0 -200px;
        text-transform: uppercase;
}
/* Structure */


#header {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height:330px;
	width: 994px;
}
#menu {
	height: 40px;
	clear: both;
	width: 472px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding-left: 170px;
}
#artistmenu {
        position:absolute;
        left:40px;
        top:240px;
        z-index:2;
        margin:0;
        background-color: #02a7cf;
        border: 1px solid #05c7f6;
}
#title-main {
	width: auto;
	height: 28px;
	float: left;
	margin-top: 250px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0 0 0 35px;
	clear:both;
}
#title-sidebar {
	width: auto;
	height: 28px;
	float: right;
	margin-top: 250px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0 35px 0 0;
}
.titleimg {
	border-style: none !important;
	background:none;
}
#container-content {
	background-image: url(images/background_content.png);
	background-repeat: repeat-y;
	width: 994px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	overflow:hidden;
}
#main {
	width: 631px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 37px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	float:left;
}
#sidebar {
	width: 209px;
	float: right;
	margin: 0 37px 0 0;
	padding: 20px;
}
#footer {
	width: 994px;
        height: 154px;
	background-image: url(images/background_footer.png);
	width: auto;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	background-position: center top;
	clear: both;
        text-align: center;
background-color: #ffcc00;
}
#footercontainer {
        width: 920px;
        height: 63px;
        margin-left: auto;
        margin-right: auto;
	padding: 0;

}
#footerlinksleft {
	margin: 50px 0 0 0;
	padding: 0;
	float: left;
        width: 149px;
}
#footerlinksright {
	margin: 50px 0 0 0;
	padding: 0;
	float: right;
        width: 108px;
}
/* Menu */

.menu {
	list-style:none;
	padding: 0;
	margin: 0;
}
.menu li {
	display:inline;
	margin: 0;
	padding: 0;
}
.menu li a {
	height: 40px;
	float: left;
	padding: 0;
	margin: 0;
}
.menu li a span {
	display:none;
	margin: 0;
	padding: 0;
}
li.news a {
	width:70px;
	background-image: url(images/menu_news.png);
}
li.news a:hover {
	background-position: 0px -40px;
}
li.news a.active {
	background-position: 0px -80px;
}
li.artists a {
	width:71px;
	background-image: url(images/menu_artists.png);
}
li.artists a:hover {
	background-position: 0px -40px;
}
li.artists a.active {
	background-position: 0px -80px;
}
li.tours a {
	width:65px;
	background-image: url(images/menu_tours.png);
}
li.tours a:hover {
	background-position: 0px -40px;
}
li.tours a.active {
	background-position: 0px -80px;
}
li.shop a {
	width:63px;
	background-image: url(images/menu_shop.png);
}
li.shop a:hover {
	background-position: 0px -40px;
}
li.shop a.active {
	background-position: 0px -80px;
}
li.contact a {
	width:82px;
	background-image: url(images/menu_contact.png);
}
li.contact a:hover {
	background-position: 0px -40px;
}
li.contact a.active {
	background-position: 0px -80px;
}
li.join a {
	width:49px;
	background-image: url(images/menu_join.png);
}
li.join a:hover {
	background-position: 0px -40px;
}
li.join a.active {
	background-position: 0px -80px;
}
li.friends a {
	width:72px;
	background-image: url(images/menu_friends.png);
}
li.friends a:hover {
	background-position: 0px -40px;
}
li.friends a.active {
	background-position: 0px -80px;
}
#release {
	margin: 0px;
	width: 200px;
	padding:0 10px 10px 0;
	float: left;
}
.releaseimg {
	float: left;
	margin: 0px;
}
.releaseinfo {
	margin-left: 90px
}

/* 
	SHOP SECTION TABLES
*/
.shop table {
	border-collapse: collapse;
	border: 1px solid #05c7f6;
	color: #FFF;
	background-image: url(images/bg_trans_light.png);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
  }
.shop caption {
	text-align: center;
	background: transparent;
	padding:6px 4px 8px 0px;
	color: #FFF;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
  }
.shop td, .shop th {
	border: 1px dotted #05c7f6;
	padding: .4em;
	color: #FFF;
  }

.shop thead th, .shop tfoot th {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	border: 1px solid #FFF;
	text-align: left;
	background: #4591AD;
	color: #FFFFFF;
	padding-top:3px;
  }
.shop tbody td a {
	background: transparent;
	text-decoration: none;
	color: #FFF;
  }
.shop tbody td a:hover {
	background-image: url(images/bg_trans_dark.png);
	color: #FFF;
  }
.shop tbody th a {
	background: transparent;
	text-decoration: none;
	font-weight:normal;
	color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
  }
.shop tbody th a:hover {
        background-image: url(images/bg_trans_dark.png);
  }
.shop tbody th, .shop tbody td {
        vertical-align: top;
        text-align: left;
  }
.shop tfoot td {
	border: 1px solid #FFF;
	background: #4591AD;
	padding-top:3px;
	color: #FFFFFF;
  }
.odd {
        background: #AEE239;
  }
.shop tbody tr:hover {
	background-image: url(images/bg_trans_dark.png);
	border: 1px dotted #FFF;
	color: #FFFFFF;
  }
.shop tbody tr:hover th,
.shop tbody tr.odd:hover th {
        background-image: url(images/bg_trans_dark.png);
        color: #FFFFFF;
  }

/* 
	FORM FIELDS AND BUTTONS
*/

.form-text-field {
        background-color: #02a7cf;
        border: 1px solid #05c7f6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
        padding: 3px;
        width: 290px;
        margin: 5px 0 0 0;
}
.form-button {
        background-color: #02a7cf;
        border: 1px solid #05c7f6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
        padding: 3px;

}
.form-dropdown {
        background-color: #02a7cf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
        padding: 0;
        width: auto;
        margin: 5px 0 0 0;
        border: none;
        overflow:fixed;
  }
select {
        background-color: #02a7cf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
        padding: 0;
        width: auto;
        margin: 0;
        border: none;
        overflow:fixed;
  }

ul.page_item  {
        float: left;
        width: 600px;
        margin: 0;
        padding: 0;
        list-style: none;
}
 
li.page_item {
        float: left;
        width: 280px;
	font-size: 13px;
        background-repeat: no-repeat;
        background-image: url(images/bullet.png);
        background-position: 0 .1em;
        padding: 2px 0 0 25px;
} 



#pagenavi {
margin: 60px 0 0 0;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #05c7f6;
	color: #FFFFFF;
	background-color: #02a7cf;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #05c7f6;
	color: #FFFFFF;
	background-color: #02a7cf;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #02a7cf;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #05c7f6;
	color: #FFFFFF;
	background-color: #02a7cf;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #FFFFFF;
	border: 1px solid #05c7f6;
	background-color: #02a7cf;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #05c7f6;
	color: #02a7cf;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #05c7f6;
	color: #FFFFFF;
	background-color: #02a7cf;
}