@import url("reset.css");
* { margin: 0; padding: 0; outline:none; }
html, body {height: 100%;}

p { margin-bottom:10px; line-height:15px;}

h1 { color:#FFC600; font-size:20px; line-height:20px; margin:0px 0px 10px 0px; }

body				{margin:auto; background:url(images/bg.png) repeat; border-top: solid 5px; color:#58595B; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a					{outline:0; color:#ccc; text-decoration:underline;}
#container			{margin:auto; width:1000px;}
#header				{float:left; width:1000px; height:160px;}
#logo				{float:left; width:200px; height:130px; margin:18px 0 0 20px; background:url(images/logo.png) no-repeat;}
#topmenu			{float:left; height:25px;}
.topmenubox			{float:right; width:710px; margin:115px 20px 10px 0;}
a.mixes		 		{background: url(images/template-image.png) no-repeat;
					background-position: 0px 0px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }

a.mixes:hover		{background: url(images/template-image.png) no-repeat;
					background-position: -130px -30px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }
					
a.charts		 		{background: url(images/template-image.png) no-repeat;
					background-position: -65px 0px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }

a.charts:hover		{background: url(images/template-image.png) no-repeat;
					background-position: 0px -60px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }
					
a.profile		 	{background: url(images/template-image.png) no-repeat;
					background-position: -130px 0px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }

a.profile:hover		{background: url(images/template-image.png) no-repeat;
					background-position: -65px -60px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }
					
a.blog		 		{background: url(images/template-image.png) no-repeat;
					background-position: 0px -30px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }

a.blog:hover		{background: url(images/template-image.png) no-repeat;
					background-position: -130px -60px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }
					
a.gallery		 	{background: url(images/template-image.png) no-repeat;
					background-position: 0px -165px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }

a.gallery:hover		{background: url(images/template-image.png) no-repeat;
					background-position: 0px -195px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }
					
a.tunes			 	{background: url(images/template-image.png) no-repeat;
					background-position: -65px -165px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }

a.tunes:hover		{background: url(images/template-image.png) no-repeat;
					background-position: -65px -195px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }
					
a.links		 	{background: url(images/template-image.png) no-repeat;
					background-position: -130px -165px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }

a.links:hover		{background: url(images/template-image.png) no-repeat;
					background-position: -130px -195px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }
					
a.contact		 	{background: url(images/template-image.png) no-repeat;
					background-position: -65px -30px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }

a.contact:hover		{background: url(images/template-image.png) no-repeat;
					background-position: 0px -90px;
					margin-left:5px;
					display: block;
					float:left;
					height: 25px;
					width: 65px; }
					
#sociallink			{float:right; width:100px; height:30px;}

a.facebook		 	{background: url(images/template-image.png) no-repeat;
					background-position: -70px -90px;
					display: block;
					float:left;
					height: 30px;
					width: 30px; }
					
a.twitter		 	{background: url(images/template-image.png) no-repeat;
					background-position: -100px -90px;
					margin-left:5px;
					display: block;
					float:left;
					height: 30px;
					width: 30px; }
					
a.soundcloud		{background: url(images/template-image.png) no-repeat;
					background-position: -130px -90px;
					margin-left:5px;
					display: block;
					float:left;
					height: 30px;
					width: 30px; }
					
.centerbox			{float:left; width:980px; min-height:620px; padding:10px; background-color:#232323; background-image:url(images/cbg.png); background-repeat:no-repeat; background-position:bottom right;}
.contentbox			{float:left; width:700px; min-height:630px; background-color:#000;}
.mixeslistbox		{float:left; width:700px; min-height:460px; color:#CCC;}
.facebookcomment	{width:690px; min-height:100px; margin:0 auto;}
.rightcolumn		{float:right; width:270px; min-height:630px; background-color:#141414;}
.facelikebutton		{float:left; width:250px; height:35px; margin:15px 10px 10px 10px;}
.twitterbox			{float:left; width:250px; height:480px;margin:10px 10px 0px 10px; overflow:hidden;}
.lunchwebbox		{float:left; width:250px; height:70px; margin:0px 10px 0px 10px; background-color:#000;}
.lunchlinkbox		{float:left; width:250px; height:35px; margin-top:10px;}
.lunchwebtext		{float:left; width:250px; height:20px; font-size:10px; line-height:20px; font-weight: bold; color:#808184; text-align:center}

a.ublunchwebplayer	{background: url(images/template-image.png) no-repeat;
					background-position: 0px -125px;
					margin-left:20px;
					display: block;
					float:left;
					height: 35px;
					width: 70px; }
					
a.bdlunchwebplayer	{background: url(images/template-image.png) no-repeat;
					background-position: -70px -125px;
					margin-left:10px;
					display: block;
					float:left;
					height: 35px;
					width: 130px; }
					
.footer				{width:100%; height:45px;}
.footertextbox		{margin:0 auto; width:1000px; height:20px; padding-top:10px; text-align:center; font-size:12px; color:#6D6E70;}
a.footertextlink	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6D6E70; text-decoration:none;}


/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;margin-top:0; padding-top:0;}
fieldset.titlesm {padding:1px;margin:0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1em;}
input[type=text], input.text, input.title, input.titlesm, textarea, select, input.memberLoginForm {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input.text:focus, input.title:focus, input.titlesm:focus, textarea:focus, select:focus, input.memberLoginForm:focus {border-color:#666;}
input[type=text], input.text, input.title, input.titlesm, textarea, select, input.memberLoginForm {margin:0;}
input.text, select.title, input.title {width:455px;padding:2px;}
input.titlesm, textarea.titlesm {width:280px;padding:1px;font-size:1.1em;}
input.memberLoginForm {width:160px;padding:2px;font-size:1.1em;}
input.verification {width:100px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:450px;height:100px;padding:4px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
label.verror {
	width: 100%;
	color:#F00;
}

label.verror2 {
	color:#F00;
	font-size:10px;
	line-height:1px;
}

a.button, button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button { width:auto; overflow:visible; padding:4px 10px 3px 7px; }
button[type] { padding:4px 10px 4px 7px; line-height:17px; }
*:first-child+html .container button[type] { padding:4px 10px 3px 7px; }

button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; }

/* Standard Buttons */
button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
a.button:active, button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }