/*main elements*/
*,p,pre,a,h1,h2,h3,h4,h5,h6,span,body{word-wrap:break-word !important;}

a,
a:link, 
a:active, 
a:visited,
a:hover {
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a:hover{text-shadow:0px 0px 20px #fff;}

#center{
	padding-top:3px;
	padding-bottom:3px;
	position:fixed !important;
	width:250px;
	height:207px;
	background-color:#fff;
}

body.perma_page > #content{
	width:410px;
	height:207px;
}

pre{padding:10px;}

.posts{
	float:center;
	left: 50%;
	margin-top: 0;
	padding-top: 80px;
	position: relative;
}

.posts.one_col.index_page{
    margin-left:-120px;
}
.posts.two_col.index_page{
    margin-left:-220px;
}
.posts.three_col.index_page{
    left:32%;
    margin-left:initial;
}    
    
body.index_page.one_col > .blogtitle > a.titlelink{
	margin-left:210px;
}
body.index_page.two_col > .blogtitle > a.titlelink{
	margin-left:100px;
}
body.index_page.three_col > .blogtitle > a.titlelink{
	margin-left:100px;
}
    /*change based on screen*/

.posts.notop{margin-top: -70px;}

.posts.perma_page{width:860px;}

body {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height:14px;
	background-attachment: fixed;
	background-size: cover;
}

#entry blockquote {
	margin: 0;
	padding-left: 10px;
}

.text-title{
  font-size:1.5em;
  line-height:20px;
}

.text > p{margin:1px;}

.avatar {display:none;}


.posts.one_col.index_page{width:600px;}
.posts.two_col.index_page{width:720px;}
.posts.three_col.index_page{max-width:60.5%;}

.entry.two_col.index_page,
.entry.three_col.index_page {
	width:250px;
}
.entry.one_col.index_page,
.entry.perma_page{
	width:500px;
	margin-left:40px;
}

@media (max-width: 1028px){
  .sideimgdesc{
      top:30px;
      left:5%;
  }
}

/*audio player vars*/
.audio-embed.one > iframe,
.audio-embed-perma > iframe{width:500px;}

.audio-embed.two > iframe,
.audio-embed.three > iframe{
width:250px;
height:250px;
}
/*end audio vars*/

/*video player*/
.post.one_col.video.index_page > iframe,
.post.one_col.video.index_page > embed,
.post.one_col.video.index_page > object,
.post.video.perma_page > iframe,
.post.video.perma_page > embed,
.post.video.perma_page > object{
width:500px;
height:500px;
overflow: hidden;
}
        
.post.two_col.video.index_page > iframe,
.post.two_col.video.index_page > embed,
.post.two_col.video.index_page > object,
.post.three_col.video.index_page > iframe,
.post.three_col.video.index_page > embed,
.post.three_col.video.index_page > object{
width:250px;
height:250px;
overflow: hidden;
}

#entry {
	margin:16px;
	float:left;
	z-index:10;
	box-shadow:1px 1px 5px #ccc;
	font-size: 12px;
	line-height:15px;
	background-color: {color:entrybg};
	border:solid 6px {color:entrybg};
}


.entry .perma{
  position:absolute;
  width: 100%;
  height: auto;
  overflow:hidden;
  bottom:4.5px;
  font-family: consolas,arial,verdana,helvetica;
  font-size: 12px;
  line-height:14px;
  text-align: center;
  padding:0px;
  text-transform: uppercase;
  opacity:0;
  background-color: rgba(255,255,255,0.5);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
}

.entry:hover .perma{
  overflow:visible;
  width: 100%;
  opacity: 0.9;
}

.entry:hover .perma:hover{
	padding-left: 15px;
	width: 240px;
	opacity: 1;
	background-color: rgba(255,255,255,1);
}

.entry.captions-enabled .perma{
  width: 100%;
  height: auto;
  overflow:hidden;
  bottom:0px;
  font-family: consolas,arial,verdana,helvetica;
  font-size: 9px;
  line-height:14px;
  text-align:right;
  text-transform: uppercase;
}

.entry.captions-enabled .photo > p {
      margin: -1px 0 0 0;
      padding:1px;
}
.perm{
	display: block;
	font-family:consolas;
	font-size:9px;
	line-height:13px;
	text-transform:uppercase;
	text-align: right;
	padding:3px;
	opacity:.8;
	margin: 0px;
	margin-bottom:5px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	-o-transition: all 1s ease;
}

.perm:hover{opacity:.6;}

.blogtitle{
	line-height:27px;
	position:fixed;
	min-height:50px;
	letter-spacing:3px;
	text-align:center;
	border-bottom:solid 4px #bbbbbb;
	width:100%;
	z-index:90;
	opacity:.9;
	text-transform:uppercase;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background-color:white;
	letter-spacing:15px;
	text-align:center;
	padding-top:20px;
}



.blogtitle:hover{
	text-shadow: 1px 0px #df8181, -1px 0px #54d2cb;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}



.titlelink:hover{
text-shadow: 1px 0px #df8181, -1px 0px #54d2cb;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.text img, #entry img {
  height: auto;
  max-width:100%;}

/*navigation*/
.nav0, .nav1, .nav2, .nav3, .nav3, .nav4, .nav5 {
  float:right;
  width:70px;
  margin-right:-20px;
  margin-left:-10px;
  text-align: left;
  list-style-type: none;
  font-family:'courier new';
  background-color:(255,255,255,0.95);
  /*width:70px;
  margin-left:-15;
  margin-right:-10px;*/
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;}
.nav{
  padding:1px;
  padding-left:2px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 6px;
}
.nav:hover{width:80px;}
nav{padding-top:250px;}
/*end nav*/

/*sidbar*/
.sideimgdesc {
  position:fixed;
  width:200px;
  text-align:left;
  background-color:white;
  top:110px;
  left:12%;
  padding:10px;
  font-family:'courier new';
  letter-spacing:2px;
  z-index: 99;
}

.sideimg-circle img{border-radius: 50%;}

.sideimg img{
width:100%;

}

.sidebar{
width:100px;
height:100%;
position:fixed;
background-color:(255,255,255,0);
background-size:cover;
margin-left:0;
padding:14px;
margin-top:0;
font-size:11px;
line-height:15px;
font-family:arial;
padding-top:50px;
overflow:hidden;
border-right:solid 4px #bbbbbb;
text-align:center;
opacity:1;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;
}
  /*end sidebar*/


/*answers*/

.bubble-question{
	border-radius:5px;
	padding:10px;
	border:1px solid #eee;
}

.answerer{margin-bottom:-5px;}

div.bubble-answer > p {display: inline;}

.bubble-answer{
	border-radius:5px;
	padding:10px;
	border:1px solid #eee;
}
/*end answers*/




/*quote*/
.quote > blockquote {font-family: Georgia, Times, serif;}
.quote > blockquote {
  border-left:none !important;
  line-height: 1.3;
  margin: 0;
  padding: 0 5px 0 0;
  quotes: "\201C""\201D""\2018""\2019";
  word-break: break-word;
}
.quote > blockquote:before {content: open-quote;}
.quote > blockquote:after {content: close-quote;}
.quote > blockquote p:first-child,
.quote > blockquote p:empty + p,
.quote > blockquote p:last-child,
.quote > blockquote p.empty-last-child {display: inline;}
.quote > blockquote p + p {margin: 0.5em 0;}
.quote > blockquote p:empty {display: none;}
.quote.quote-body > blockquote{font-size:140%}
/*enf quote*/

/*audio*/
.audio-embed > iframe{width:250px;}

#audioplayer:hover {opacity:1;
-webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;}

#audioplayer {background:#fff;
  width:30px;
  height:30px;
  border:30px solid transparent;
  overflow:hidden;
  position:absolute;
  z-index:99;
  opacity:0.3;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;}

#audiod {height:90px;
  padding-top:5px;
  padding-right:20px;
  margin-left:95px;
  overflow:auto;}

#albumart img {float:left;
margin-right:10px;}
/*ebd audio*/

/*chats*/
ul.conversation,ol.conversation{margin: 0px 5px 5px -35px;}
ul,ol{margin: 2px 0 5px -10px;}
li.chat{
line-height:1.4;
list-style:none;
font-family:courier,monospace,arial;
padding:2px;}

.chat .label{font-weight:bold;}
/*end chats*/
