/*COLORS

yellow:	 color:#ffe343;
black:   color:#252525
teal:    color:#0e9ccb;

--------*/

* {
outline:none;
padding:0px;
margin:0px;
font-family:helvetica;
}


* input, * input:active, * input:focus {
outline:none;
-moz-outline-style: none;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

body {
	/*background:#eeeeee url('/images/eeeeee.png');*/
background:#fafafa;
	padding-top:80px;
	
}

body img {
border:none;
}

img.x {
	height: 100%;
	width: 100%;
}

body a {
text-decoration:none;
/*font-family:helvetica;*/
}

body ul li {
	list-style:none;
}

body p, body div, body strong, body em, body h1, body h2, body h3, body h4, body h5{
/*font-family:helvetica;*/
/*font-family: 'M+ 1p';
font-weight: 200;*/
}


/*div, ul {
border:1px solid red;
}*/


#header,
#header #contact,
#header #nav,
#contact .bottom
 {
width:100%;
min-width:650px;
overflow:hidden;
}

.wrapper{
width:95%;
margin:0px auto;
position:relative;
}

#spinner {
position:absolute;
top:35px;
}

#back_button {
background: url(/images/back_button.png);
position:fixed;
top:200px;
left:0px;
height:50px;
width:96px;
}

#back_button:active {
background: url(/images/back_button.png) 0px 2px;
}

#nav .wrapper {
height:55px;
margin:0px auto;
}


#nav #logo {
position:absolute;
left:38px;
top:15px;
}

#header #nav {
height:55px;
background: url(/images/nav_bg.png);
width:100%;
position:fixed;
z-index:31;
top:0px;
}

#nav #button_box {
position:absolute;
overflow:hidden;
top:3px;
left:95px;
width:89%;
height:47px;
padding:5px 0px 0px 4px;
background:url(/images/nav_container_bg_repeat_darker.png) repeat-x 0px;
}

#button_box #left_edge {
position:absolute;
left:-3px;
top:1px;
z-index:10;
}

#button_box #right_edge {
position:absolute;
right:0px;
top:1px;
z-index:10;
}

 #customize_icon {
position:absolute;
left:1167px;
top:13px;
z-index:10;
cursor:pointer;
}

#button_box #containment_wrapper {
width:20000px;
}

#nav ul li {
list-style:none;
width:125px;
display:block;
float:left;
/*padding:5px 0px 5px 10px;*/
line-height:17px;
height:43px;
background:url(/images/nav_button_white.png) no-repeat;
}

#nav ul li div.jsblend {
	width:115px;
	height:33px;
}

#nav ul li:hover, #nav ul li.hover, #nav ul li#selected {
background:url(/images/nav_button_yellow.png) no-repeat;
}

#nav ul li a,
#nav ul li,
#nav ul li div {
color:#444;
cursor:  w-resize;
}



#nav ul li a strong {
display:block;
padding:5px 0px 0px 10px;
color:#333;
font-weight:normal;
font-size:16px;
}

#nav ul li a em{
color:#555;
padding:0px 0px 0px 10px;
display:block;
font-size:11px;
font-style:normal;
}

#contact {
	position:fixed;
	z-index:31;
	top:55px;
}

#contact .middle{
background:url('/images/contact_bg.png');
}


#contact .middle textarea#contact {
	position:absolute;
	top:237px;
	left:8px;
overflow: auto;
	height:65px;
	width:316px;
line-height:16px ;
	background:none;
	border:none;
	min-width:100px;
	color:#ffea00;
	font-size:13px;
}

/*#contact .middle textarea#contact:focus {
color:#fff;
text-shadow:0px 1px 1px #000;
}*/

div#contact div#slide_to_send{
	position:absolute;
	width:70px;
	height:20px;
	padding:0px 0px 0px 0px;
	left:344px;
	top:284px;
	
	background:url('/images/slide_to_send_bg.png') no-repeat;
}


div#contact div#slide_to_send .ui-slider .ui-slider-handle { 
width:30px;
	background:url('/images/slide_to_send_handle.png') no-repeat 1px 0px;
}

div#contact div#slide_to_send span {
	width:40px;
	height:20px;
	position:relative;
	float:left;
}

#contact #contact_links {
position:absolute;
top:22px;
left:460px;
height:auto;
width:230px;
}

#contact #contact_links ul li {
width:100%;
height:30px;
}

#contact .wrapper{
height:330px;
}

#contact .bottom {
	position:relative;
	z-index:22;
background: url(/images/nav_bg.png) 0px -54px repeat-x;
}

#contact .middle .content {
height:314px;
width:961px;
margin:0px auto;
position:relative;
z-index:20;
background: url(/images/contact_content_bg.png) 0px 10px no-repeat;
}

#contact #contact_handle {
width:110px;
height:27px;
font-size:13px;
padding:5px 0px 0px 0px;
margin:0px auto;
text-align:center;

background:url(/images/contact_handle_bg.png) no-repeat;

}


#contact_handle a {
color:#ffe343;
padding:5px 20px;
text-decoration:none;
}




/*-------Things-------*/

.static_thing {
	width:70%;
	margin:60px auto;
}


.thing img{
/*	max-width:240px;*/
	width:100%;
	max-width:600px;
  height:auto;
}

.actual_photo {
/*	max-width:240px;*/
	width:600px;
	margin:0px 0px 0px 0px;
	-moz-box-shadow:2px 2px 6px #aaa;
	box-shadow:2px 2px 6px #aaa;
	-webkit-box-shadow:2px 2px 6px #aaa;
}

#photoset {
	margin:0px 0px 0px 30px;
}

#photoset img{
	margin:0px 0px 30px 0px;
}



.thing p {
	color:#000;
	font-size:12px;
	line-height:16px;
	margin:5px 0px 0px 0px;
}

.thing.note div.content  {
}

.thing.note div.content,
.thing.bookmark div.content  {
	margin:5px 0px 5px 0px;
}

.thing.bookmark div.content {
font-style:italic;
color:#999;
}



/*---alternative fonts----*/
/*"m-1c-1","m-1c-2" */ 
/*"droid-serif-1","droid-serif-2"*/

.thing h3,
.thing h3 a  {
	font-family: helvetica;
	font-size:19px;
	line-height:20px;
	font-weight:bold;
	color:#000;
	letter-spacing:-1px;
	margin:2px 0px 2px 0px;
}

.thing.bookmark h3,
.thing.bookmark h3 a  {
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	color:#444;
display:inline;
	letter-spacing:normal;
}

.thing.photoset,
.thing.photo {

}


.thing h3 a {
/*	font-family: "le-havre-1","le-havre-2", georgia;
	font-weight:600;
	font-size:30px;*/
/*	color:#222;*/
}

.thing:hover h3 a {
	color:#0e9ccb;
}

.thing .date, .thing .tags {
	font-weight:normal;
	color:#999;
	font-size:12px;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding-left:00px;
}

.thing .tags .icon,
.thing .date .icon {
position:absolute;
left:0px;
width:25px;
height:18px;
}


#mix_holder .box,
.thing_holder .box{
	text-shadow:#fff 0px 2px 0px;
  width: 240px;
overflow:hidden;
  margin: 10px 10px 30px 10px;
  padding: 10px 10px 7px 30px;
  float: left;
  color: #000;
  display: inline;  /* IE6 fix */
  font-size: 13px;
background:;
cursor:pointer;
position:relative;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

#mix_holder .box.article {
padding: 0px 0px 0px 0px;
width:277px;
-moz-box-shadow:1px 1px 4px #888;
box-shadow:1px 1px 4px #888;
-webkit-box-shadow:1px 1px 4px #888;
-moz-border-radius: 0px; 
-webkit-border-radius: 0px;
background:transparent;
}

#mix_holder .box.article img {
width:277px;
margin:0px 0px -5px 0px;
}

#mix_holder .box.article h4 {
display:block;
float:left;
color:#fff;
text-shadow:0px -1px #000;
margin:0px 0px 0px 25px;
}

.thing_holder iframe {
	border:none;
	
}


.thing_holder .box{ 
margin:20px auto;
width:100%;
}

.thing_holder .box h3{ 
margin:-4px 0px 30px 0px;
line-height:50px;
}

.thing_holder .box h3 a{ 
font-size:34px;
color:#aaa;
}

.thing_holder .box .content { 
margin:0px 0px 30px 0px;
line-height:30px;
font-size:18px;
padding:0px 0px 30px 0px;
width:95%;
color:#444;
}

.thing_holder .box .content p{
	font-size:18px;
	color:#444;
	line-height:30px;
}

.thing_holder .box .content img {
width:auto;
max-width:90%;
}

.thing_holder .loading_comments {
color:#bbb;
font-size:20px;
text-indent:10px;
}

.thing_holder .box h4 {
	font-size:20px;
}

#mix_holder .box.note,
#mix_holder .box.bookmark {
margin: 9px 10px 30px 9px;
-moz-box-shadow:1px 1px 4px #efefef;
box-shadow:1px 1px 4px #efefef;
-webkit-box-shadow:1px 1px 4px #efefef;
/*	border:1px solid #eee;*/
background:#fff;
}

#mix_holder .box:active {
margin: 10px 10px 30px 10px;
-moz-box-shadow:0px 0px 0px #efefef;
box-shadow:0px 0px 0px #efefef;
-webkit-box-shadow:0px 0px 0px #efefef;
	border:1px solid #eee;
}

#mix_holder .box.note .content {
max-height: 130px;
overflow:hidden;
position: relative;
}

#mix_holder .box.note .content img.note_fade {
position: absolute;
top: -22px;
left: -10px;
width: 260px;
}

.new_content {
	position:relative;

}


.thing .icon {

position:absolute;
left:0px;
width:25px;
height:18px;
}

.thing .icon .x {
	width:25px;
	height:18px;
}

.article .icon {
background:url('/images/category_icons.png') no-repeat -49px -6px;
}

.note .icon {
background:url('/images/category_icons.png') no-repeat -49px -6px;
}

.photo .icon {
background:url('/images/category_icons.png') no-repeat -97px -7px;
}

.photoset .icon {
background:url('/images/category_icons.png') no-repeat -127px -7px;
}

.bookmark .icon {
background:url('/images/category_icons.png') no-repeat -25px -7px;
}

.thing h4.tags .icon {
background:url('/images/category_icons.png') no-repeat -159px -4px;
}

.thing h4.date .icon {
background:url('/images/category_icons.png') no-repeat -184px -5px;
}



/*----Mixes-----*/

#container {

padding:30px 0px 100px 0px;
margin:0px auto;
}



#mix_holder {
	width:100%;
	height:auto;
	min-width:630px;
	margin:00px auto 20px auto;
	overflow:auto;
	display:block;
	overflow:hidden;
	
}

#container .thing_holder {
margin:0px auto;
height:auto;
width:70%;

}

#infscr-loading {
	padding:10px 0px 50px 0px;
	font-size:60px;
	font-weight:bold;
	color:#ddd;
	font-variant: small-caps;
	text-shadow:0px 2px 0px #fff;
}

#mixing_board {
height:auto;
width:93%;
padding:50px 10px 0px 5px;
margin:20px 0px 20px 10px;
float:left;
display:block;
z-index:30;
background:#ddd url(/images/dddddd.png);
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
position:fixed;
top:20px;
border:1px solid #bbb;

	filter:alpha(opacity=95);
		-moz-opacity:0.95;
		-khtml-opacity: 0.95;
		opacity: 0.95;

/*		-moz-box-shadow:1px 1px 6px #aaa;*/


}

#mixing_board .mix_column {
	float:left;
	width:30%;
	min-width:280px;
	height:150px;
	overflow:hidden;
	margin:10px 0px 30px 0px;
}

#mixing_board .middle{
width:300px;
min-width:280px;

margin-right:10px;
}

#mixing_board .right{
min-width:220px;
width:40%;
}

#mixing_board .left{
min-width:250px;
width:30%;
}


#eq {
	width:auto;
	height:120px;

	padding:56px 0px 0px 0px;
	float:left;
	background:url('/images/content_sliders_2.png') repeat-x 6px -10px;
}

#eq span {
			height:24px; float:left; margin:41px 15px 15px 16px;
width:19px;
padding:0px 0px;
		}


.ui-slider .ui-slider-handle { 
	background:url('/images/brushed_switch.png') no-repeat 1px 3px;
	position: absolute; z-index: 2; width: 1px; height: 1px;
	 margin-bottom: -.6em;
	}

		/* Slider
		----------------------------------*/
		.ui-slider { position: relative; text-align: left; }
		.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; }
/*		.ui-slider-vertical { width: .8em; height: 100px; }*/


div#tags {
	width:105%;
	height:140px;
	margin:0px 0px 0px 0px;
	padding:60px 0px 0px 0px;
	float:left;
position:relative;
overflow:hidden;
background:url('/images/tags_filter_title.png') no-repeat 0px 3px;
}


div#tags  div#tag_toggle{
	position:absolute;
	width:100px;
	height:30px;
	padding:7px 0px 0px 47px;
	left:180px;
	top:3px;
	background:url('/images/tag_filter_toggle.png') no-repeat;
}

div#tags  div#tag_toggle span {
	width:10px;
	height:20px;
	position:relative;
	float:left;
}

.tag_fade {
position:absolute;
left:0px;
z-index:10;
}


img#tag_fade_right {
left:93%;
position:absolute;
}

div#tags a {
	color:#444;
}

div#tags span.selected a {
/*	color:#03a8c0;*/
	color:#fff;
		color:#00deff;
}


div#tags span.selected,
div#tags span.selected:hover {
	background:#eee;
	background:#333;
	color:#222;
}

div#tags ul li span:hover {
	background:#fff;
}

#tags ul{
	height:26px;
	width:100%;
	margin:0px 0px 6px 0px;
	float:left;
	position:relative; 
	overflow:hidden;
	font-size:13px;
}

#tags ul li{
	width:auto;
	height:26px;
	padding-top:1px;
	padding:1px 500px 0px 100px;
	overflow:hidden;
	margin-bottom:-3px;
}

#tags ul li label{
	margin-right:20px;
	color:#aaa;
	text-shadow:#fff 0px 1px 0px;
}

span.tag_button {
	background:#efefef;
	padding:1px 5px 1px 5px;
	margin:2px 0px 0px 0px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	height:21px;
}

#common span.tag_button {
	margin:0px 12px;
}

#lesscommon span.tag_button {
	margin:0px 6px;
}



.inlineRadios fieldset {
width:170px;
margin:3px 0px 0px 10px;
border:none;
padding:75px 0px 0px 0px;
background:url(/images/sort_options.png) no-repeat -10px 0px;
}


.inlineRadios .prettyCheckbox {
margin-right:31px;
cursor: pointer;
}

label.radio span.holder{height:61px;background:url(/images/prettyCheckboxes/radio.png) 0 -1px no-repeat}
label.checkbox:hover span.holder,label.radio:hover span.holder{top:-21px !important}
label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder{top:-42px !important}
label.list{float:left;clear:left;margin:0 0 5px 0}
label.inline{float:left;margin:0 10px 0 0}
input.hiddenCheckbox{position:absolute;left:-10000px}
label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:5px;overflow:hidden}
label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0}


#search_container {
position:relative;
margin:15px 0px 0px 3px;

width:100%;
float:left;
}

input#search {
height:15px;
color:#ffea27;
font-weight:200;
font-family:"helvetica neue", helvetica;
padding:10px 0px 10px 10px;
font-size:14px;
width:75%;

float:left;
background:url(/images/search_bg.png) no-repeat 0px -43px;
border:none;
}

input#search:focus,
input#search:active {
background:url(/images/search_bg.png) no-repeat 0px -43px;
}

#search_container input#search_submit {
height:45px;
position:absolute;
right:27px;
width:120px;
background:transparent url(/images/search_button.png) no-repeat 0px 0px;
border:none;
float:left;
display:inline;
margin-top:-3px;
cursor:pointer;
}

#search_container input#search_submit:active {
background:url(/images/search_button.png) no-repeat 0px -47px;
}





/*---------Featured Frontpage Hero-------------*/


#featured {
/*margin:0px auto;*/
margin:0px 0px 0px 13px;
position:relative;
height:262px;
width:1180px;
-moz-box-shadow:1px 2px 4px #777;
box-shadow:1px 2px 4px #777;
-webkit-box-shadow:1px 1px 4px #777;
}


.peeled_corner {
background:url(/images/peeled_corner.png) no-repeat 5px -80px;
width:70px;
height:80px;
position:absolute;
right:0px;
top:196px;
z-index:3;
}

#featured:hover .peeled_corner {
background:url(/images/peeled_corner.png) no-repeat 5px -1px;
}

#featured .peeled_corner:hover {
background:url(/images/peeled_corner.png) no-repeat 5px -168px;
}

#featured .meta, 
.article .meta {
display:none;
}

#featured:hover .meta,
.article:hover .meta {
width:100%;
display:block;
position:absolute;
top:0px;
z-index:2;
background:url(/images/meta_bg.png);
left:0px;
padding:5px 0px;
}

#featured .meta p {
float:left;
margin:0px 20px 0px 10px;
font-size:12px;
color:#fff;
}



h3#other_stuff_title {
text-align:center;
padding:40px 0px 20px 0px;
font-weight:normal;
color:#bbb;
text-shadow:0px 1px 0px #fff;
}





#disqus_thread {
padding:30px;
font-family:helvetica;
}

#disqus_thead input,
form#comment-form textarea {
font-family:helvetica;
}