/*
Theme Name: Grid-A-Licious(tm)
Theme URI: http://www.suprb.com/grid-a-licious/
Version: 1.0
Author: <a href="http://www.suprb.com">(c) 2008 Suprb</a>
*/

html {
/*	height			: 100%;*/
}

body {
	background-color:#cbcbcb;
	color:#666666;
	font-family: Arial, serif;
	font-size:12px;
	line-height: 14px;
	padding:0px;
	margin:0px;
	background-repeat		: repeat;
	background-position		: top center;
}

a {
	color			: #333333;
	text-decoration	: underline;
}

a:hover	{
/*	color			: #666666;*/
	text-decoration	: none;
}

.punk a {
	color			: #00937f;
}

.hip-hop a {
	color			: #333192;
}

.acid-jazz a {
	color			: #083a81;
}

img {
	border-style	: none;
}

.wrapper {
	position		: relative;
	margin			: 0 auto;
	width			: 1024px;
/*	height			: 100%;*/
	min-height		: 1180px;

	background-position	: right 16px;
	background-repeat	: repeat-y;
}

.nav {
	position		: relative;
	float			: left;
	margin			: 16px 0px 0px 16px;
	width			: 280px;
	z-index			: 2;
}

.nav .logoMargin {
	margin-bottom	: 40px;
}

.nav a {
	display: block;
}

.nav .indent1 {
/*	margin-left		: 25px;*/
	margin-left		: 15px;
}

.nav .indent2 {
/*	margin-left		: 55px;*/
	margin-left		: 30px;
}

.header {
	position		: absolute;
	left			: 300px;
	top				: 16px;
	width			: 1px;
	height			: 1px;
	z-index			: 1;
}

.header img {
/*	margin-left		: 20px;*/
}

.music {
	position		: absolute;
	left			: 0px;
	top				: 0px;
	width			: 100%;
/*	height			: 100%;*/
	z-index			: 1;
	
	background-position	: right 16px;
	background-repeat	: repeat-y;
}

.music .bottom {
	height			: 30px;
}

.music img {
	margin-left		: 118px;
	margin-top		: 16px;
}

.posts {
	position		: relative;
	float			: left;
	margin-top		: 145px;
	width			: 660px;
}

.eventsWrapper .posts,
.newsWrapper .posts {
	margin-top		: 16px;
}

.socialWrapper .posts {
	height			: 2415px; /* 2560 - 145 margin*/
}

.navRight {
	float			: left;
	width			: 40px;
	margin-top		: 16px;
/*	height			: 100%;*/
	height			: 950px;
	background-repeat: repeat-y;
}

.round { 		background-color:white;
				-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;
				padding: 10px;
				width: 200px;
				float: left;
				margin-right: 10px; }

/*.contentIndex p img { display:none; }*/

.categorylink {
	float			: left;
	margin-right	: 15px;
}

.eachpost,
.eachpost2 { 	background-color:white;
				-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;
				position:absolute;	}

.eachpost2 {
	position	: relative;
	float		: left;
	margin		: 0px 10px 10px 0px;
	width		: 550px;
	font-size	: 13px;
}
			
.eachpost > div,
.eachpost2 > div { padding:0px 10px 10px 10px; }
	
.eachpost .author,
.eachpost2 .author { padding-right: 3em; }

.author, .comment { text-decoration:none; }

.eachpost .signature,
.eachpost2 .signature { margin-top:1.5em; }

.eachpost .title,
.eachpost2 .title {
	margin-top			: 10px;
	font-weight			: bold;
}

.eachpost .permalink,
.eachpost2 .permalink {
	color				: #666666;
	text-decoration		: none;
}
	
#allposts {
	/*
	margin-top		: 30px;
	margin-bottom	: 60px;
	margin-left		: 200px;
	*/
	position: absolute;
	left:225px;
	top:65px;
	
}

il, ul, ol { list-style-type: none; list-style: none; }

#menuItem { height: 50px; }

#mainContent img { display: none }
#mainContent {  -moz-border-radius:3px;
				-webkit-border-radius:3px;
  				-khtml-border-radius: 3px;
				border: 0;
				background: #fff;
				padding: 0 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				width: 430px;
				float: left;
}
.main { font-size: 0px !important; }
.main p img {	-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border: 0;
				background: #fff;
				padding: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				display: inline; }

.twocols { background: #ffffff }
.threecols { /*background: #ff3333*/ }

input, textarea, select, button{
				background-color:white;
				-moz-border-radius:3px;
  				-khtml-border-radius: 3px;
				-webkit-border-radius:3px;
				padding: 3px;
				border:0px;
				margin-top: 5px;
				color:#666;
				font-size:11px;
				font-family: Arial, sans-serif; }
				
textarea { width: 420px; padding: 5px; }

input { padding: 5px; width: 420px; }

.bubble { width: 430px; margin-bottom: 10px; }

.bubble blockquote { background: #fff;
				margin: 0px;
   				-moz-border-radius: 3px;
  				-khtml-border-radius: 3px;
  				-webkit-border-radius: 3px;
				padding: 3px;
				background: white; }

.bubble blockquote p { margin: 3px; padding: 0px; }

.bubble cite { 	position: relative;
				margin: -7px;
				padding: 7px 0px 13px 18px;
				top: 5px;
				background: transparent;
				font-style: normal;
				display: block; }

.commentmetadata { margin: 0; display: block; }

#commentBox a { text-decoration: none; }

/*small a { text-decoration: none; }*/


.mailingListContent input {
	-moz-border-radius		: 0px;
  	-khtml-border-radius	: 0px;
	-webkit-border-radius	: 0px;
	
	width					: auto;
	height					: auto;
	
	font-family				: Arial, serif;
	font-size				: 13px;
	font-weight				: bold;
	color					: #000000;
}

.mailingListContent .name {
	position				: absolute;
	left					: 127px;
	top						: 114px;
	width					: 255px;
}

.mailingListContent .email {
	position				: absolute;
	left					: 127px;
	top						: 160px;
	width					: 255px;
}

.mailingListContent .submit {
	position				: absolute;
	left					: 127px;
	top						: 207px;
	width					: 235px;
	height					: 30px;
	background-color		: transparent;
}

.mailingListContent ._email {
	float					: left;
	width					: 180px;
	
	border					: 1px solid #939293;
}

.mailingListContent .thanks {
	margin-top				: 8px;
	color					: #FFFFFF;
	font-size				: 20px;
}

.retailersContent {
	position				: absolute;
	left					: 32px;
	top						: 197px;
}

.retailersContent .belgium {
	margin-top				: 140px;
}

.retailersContent a {
	display					: block;
	margin-bottom			: 4px;
	width					: 200px;
	height					: 18px;
}

.retailersContent a img {
	width					: 100%;
	height					: 100%;
}

.colorwaysContent a {
	display					: block;
	position				: absolute;
	left					: 0px;
	width					: 520px;
	height					: 365px;
}

.colorwaysContent .punk {
	top						: 145px;
}

.colorwaysContent .acid-jazz {
	top						: 525px;
}

.colorwaysContent .hip-hop {
	top						: 900px;
}

.aboutContent a {
	display					: block;
	position				: absolute;
	left					: 0px;
	width					: 550px;
}

.aboutContent .retailers {
	top						: 200px;
	height					: 90px;
}

.aboutContent .events {
	top						: 300px;
	height					: 75px;
}

.bandsContent a {
	display					: block;
	position				: absolute;
	left					: 0px;
	width					: 555px;
}

.bandsContent .dret-and-krulle {
	top						: 235px;
	height					: 130px;
}

.bandsContent .jtothec {
	top						: 370px;
	height					: 120px;
}

.bandsContent .paceshifters {
	top						: 500px;
	height					: 160px;
}