{
padding:0;
margin:0;
font-family:'Helvetica', arial;
font-size:11px;
color:#ee4480;
background-color:#fcf7f9;}
a { text-decoration:none;
color:#501fe6;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;}
a:hover {
text-decoration:none;
color:#d88787;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:-moz-any-link:focus{outline: none;}
img{border:none;}
.clear {clear:both;}
#center{
width:1080px;
margin: 0 auto 15px;}
.top{
margin:30px 0;
width:715px;}
.top .logo{
max-width:655px;}
/**** Header styles ****/
#header{
margin: 0 auto;
position: relative;
width: 1080px;
background-color: #fcf7f9;}
#header h1{
font-family: 'Helvetica neue',arial;
font-size: 70px;
font-style: italic;
font-weight: bold;
height: 65px;
letter-spacing: -6px;
line-height: 50px;
margin: 50px 0;
text-align: center;
color:#cf00ff;}
#header .logo{
max-height:250px;
margin:0 0 20px 0;}
#header .description{
margin: 0 auto 25px;
text-align: center;
width: 400px;}
#header .links_box{
height:10px;
overflow:hidden;}
#header .links{
list-style: none outside none;
margin: 0 auto 20px;
padding: 0;
text-align: center;
color:#cf00ff}
#header .links li a{
color:#cf00ff}
#header .links li{
display: inline;
font-weight:bold;
font-size: 10px;
letter-spacing: 0px;
margin: 0 15px;
text-transform: uppercase;
color:#cf00ff}
#header .border{
clear: both;
margin: 25px auto;
width: 450px;
border-top: 1px solid #ffed00;}
#container{
width: 1080px;
overflow-y: hidden;}
#container .post{
float: left;
margin: 0 25px 50px;
overflow: hidden;
position: relative;
width: 220px;
background-color: #fcf7f9;
}
#container .post img{
max-width:200px;
height: auto;
}
#container h3{
font-family: Helvetica Neue;
margin:0;
padding:0;
line-height:19px;
font-weight:bold;
text-transform:uppercase;
color:#cf00ff;}
#container .quote{
text-align:center;
}
#container .quote .quote_symbol{
font-family: Impact,Charcoal,sans-serif;
font-size: 200px;
margin: -170px 0 0;
opacity: 0.07;
position: absolute;}
#container .quote .source{
margin-top:10px}
#container .album{
margin:0;
height:28px;}
#container .albumart{
margin:0;
min-height:height:28px;;
width: 220px;}
#container .albumart img{
height: auto;
max-width: 220px !important;
width: 220px;}
#container .audio{
background: none repeat scroll 0 0 black;
border-left: 45px solid black;
border-right: 45px solid black;
float: left;
height: 27px;
margin: -39px 0 0;
opacity: 0.8;
overflow: hidden;
padding: 5px 0 4px;
position: absolute;
width: 27px;}
#container .plays{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
color: white;
font-size: 9px;
font-weight: bold;
height: 11px;
margin: -39px 0 0 117px;
padding: 15px 15px 10px;
position: absolute;
text-align: right;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
text-transform: uppercase;
width: 73px;}
#container .caption{
text-align:center;}
#container .video{
position: relative;
}
#container .video .header{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
height: 13px;
top:0;
opacity:0;
padding: 9px 10px 6px;
position: absolute;
width: 200px;
-webkit-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
transition: all 1.0s ease;}
#container .video:hover .header{
opacity:1;
-webkit-transition: all 1.0s ease-in;
-moz-transition: all 1.0s ease-in;
transition: all 1.0s ease-in;}
#container .video .header h1{
color: white;
float: left;
font-size: 12px;
margin: 0;
text-transform: uppercase;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
#container .video .header .note{
color: white;
float: right;
font-size: 9px;
font-weight: bold;
margin: 2px 0 0;
text-transform: uppercase;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
#container .video iframe{
width:220px !important;
height:123px !important;}
#container .photo_set{
width:220px;
position:relative;
overflow:hidden;
}
#container .photo_set .view{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
bottom: 3px;
opacity: 0;
position: absolute;
top: 0;
width: 220px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;}
#container .photo_set:hover .view{
opacity:1;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
transition: all 1.5s ease;}
#container .photo_set .view .link{
color: white;
font-size: 12px;
font-weight: bold;
height: 11px;
line-height: 13px;
margin: -6px 0 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 50%;
width: 220px;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
#container .photo_set .header{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
height: 13px;
padding: 9px 10px 6px;
position: absolute;
width: 200px;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
transition: all 1.5s ease;}
#container .photo_set:hover .header{
opacity:0;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;}
#container .photo_set .header h1{
color: white;
float: left;
font-size: 12px;
margin: 0;
text-transform: uppercase;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
#container .photo_set .header .note{
color: white;
float: right;
font-size: 9px;
font-weight: bold;
margin: 2px 0 0;
text-transform: uppercase;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
#container .question {
line-height: 11px;
margin: 0;
padding: 5px 0;
width: 210px;}
#container .question strong{
text-transform:capitalize}
#container .answer{
clear: both;
display: block;
font-style: italic;
line-height: 11px;
margin: 7px 0 0;
padding: 14px 0 0;
border-top: 1px solid #ffed00;}
#container .answer p{
padding:0;
margin:0;}
#container blockquote {
margin: 10px 0px 10px 15px;
padding: 2px 5px;}
#container iframe.photoset{
margin:0 0 0 -15px;}
#container iframe.photoset img{
display:block !important;}
#container .answer_form_container iframe{
height:75px !important}
#container .chat{
margin:5px 0;
padding:0;
list-style:none;}
#container .chat li{
margin: 5px;
padding: 5px 2px 10px;
border-bottom: 1px solid #ffed00;}
#container .chat li:last-child{
border:0;
padding: 5px 5px 0;}
#container .chat .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {
font-weight:bold;}
/**** Posts: Photos ****/
#photo {
overflow:hidden;
width:220px;
}
#photo a, #photo a:hover{
color:white;}
#photo img {
display:block;
width:220px;
max-width:220px !important;
}
div#photo div#picture {
position:relative;}
div#photo div#picture div#info {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 220px;
z-index: 998;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
transition: all 0.7s ease;}
div#photo:hover div#picture div#info {
opacity:1;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
transition: all 1.5s ease;}
div#photo div#picture div#info div#holder {
height: 134px;
margin-top: -67px;
position: absolute;
text-align: center;
top: 50%;
width: 220px;
z-index: 999;}
div#photo div#picture div#info div#holder .note{
font-family: 'Six Caps',sans-serif;
font-size: 90px;
height: 80px;
line-height: 74px;
margin: 0;
text-align: center;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
div#photo div#picture div#info div#holder .border {
border-top: 1px solid rgba(255, 255, 255, 0.2);
margin: 15px auto;
width: 40px;}
div#photo div#picture div#info div#holder .date {
font-size: 14px;
font-weight: bold;
height: 11px;
letter-spacing: 0;
margin: 11px 0 7px;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
text-transform: uppercase;}
div#photo div#picture div#info div#holder .reblog {
color: white;
font-size: 6px;
letter-spacing: 3px;
margin: 0 auto;
overflow: hidden;
text-align: center;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
text-transform: uppercase;
width: 40px;}
div#photo div#picture:hover div#info {visibility:visible;}
.permalink_audio {
margin: auto;
width: 500px;}
.permalink_audio .albumart_box {
float: left;
height: 220px;
margin-right: 30px;
position: relative;
width: 220px;}
.permalink_audio .albumart_box .albumart {
position:absolute;
width: 220px;}
.permalink_audio .albumart_box .albumart img {
display:block}
.permalink_audio .no_albumart {
border: 2px dashed rgba(0, 0, 0, 0.07);
color: rgba(0, 0, 0, 0.07);
font-size: 14px;
font-weight: bold;
height: 111px;
letter-spacing: -1px;
line-height: 14px;
padding: 105px 0 0;
text-align: center;
text-transform: lowercase;
width: 216px;}
.permalink_audio .audio_player_perma {
background: none repeat scroll 0 0 black;
border-right: 224px solid black;
float: left;
height: 30px;
margin: 89px 0 0 -15px;
opacity: 0.7;
overflow: hidden;
padding: 7px 10px 4px;
position: relative;
width: 21px;
z-index: 999;}
.permalink_audio .audio_player_perma_art {
background: none repeat scroll 0 0 black;
border-right: 370px solid black;
float: left;
height: 30px;
margin: 89px 0 0 -161px;
opacity: 0.7;
overflow: hidden;
padding: 7px 10px 4px;
position: relative;
width: 21px;
z-index: 999;}
.permalink_audio .audio_info {
border-left: 1px solid rgba(0, 0, 0, 0.07);
color: rgba(0, 0, 0, 0.7);
float: left;
font-weight: bold;
height: 84px;
line-height: 18px;
list-style: none outside none;
margin: 0;
padding: 8px 0 0 15px;
width: 234px;}
.permalink_audio .audio_info li {}
.perma_width{
}
.post_info_2, div.notes {
margin:0 auto 30px;
overflow: hidden;
position: relative;
width: 400px;}
.post_info_2 {
font-size: 10px;
font-weight: bold;
line-height: 14px;
padding: 24px 25px 0;
text-transform: uppercase;
border-top: 1px solid #ffed00;} 
.post_info_2 a{font-weight:bold;}
.post_info_2 p{margin:0 0 5px;}
.post_info_2 .tags{
margin:5px 0 0;
padding:0;
list-style:none;}
.post_info_2 .tags li{
float:left;
margin:0 5px 0 0;}
.post_info_2 .tags li a:hover{
text-decoration:underline;}
div.notes{
padding:24px 25px 0;
border-top: 1px solid #ffed00;}
ol.notes {
padding: 0;
margin: 0;
list-style-type: none;}
ol.notes li.note {
float: left;
height: 16px;
margin: 3px;
overflow: hidden;
width: 16px;}
ol.notes li.more_notes_link_container{
clear: both;
font-family: 'Source Sans Pro',sans-serif;
font-size: 9px;
font-weight: bold;
height: 7px;
margin: -24px 0 0 !important;
padding: 22px 0;
text-align: center;
text-transform: uppercase;
width: 400px;
background-color:#fcf7f9;}
ol.notes li.note img.avatar {
display: block;
float: left;
height: 16px;
margin-right: 10px;
vertical-align: -4px;
width: 16px;}
ol.notes li.note span{
display:none;}
ol.notes li.note span.action a{
font-weight: bold;}
ol.notes li.note .answer_content {
font-weight: normal;
display:none;}
ol.notes li.note blockquote {
padding: 4px 10px;
margin: 10px 0 10px 30px;
display:none;}
ol.notes li.note blockquote a {
text-decoration: none;
display:none;}
#container .navigation{
margin: 0 25px 50px;
overflow: hidden;
width: 200px;
padding: 10px;
float:left;
border-top: 1px solid #ffed00;}
#container .previous,#container .next {
padding: 2px 5px;
font-size:10px;
text-transform: uppercase;
font-weight: bold;
font-style:italic;}
#container .previous {float:left;}
#container .next {float:right;}