body {font-size:medium;}
.aligncenter {text-align:center;}
.alignleft {text-align:left;}
.alignright{text-align:right;}
.float-right{float:right;}
.float-left{float:left;}
#header1 {
background-color:#222;
float:left;
position:fixed;
text-align:center;
top:0px;
width:100%;
z-index:2;
}
#header1 a {
color:white;
display:inline-block;
font-size:medium;
height:2.5em;
line-height:2.5em;
margin:0em .5em;
min-width:2.5em;
text-decoration:none;
}
#header1 a.fv-logo {
background-image:url('../images/folkvox.png');
background-position:center center;
background-repeat:no-repeat;
background-size:96px 30px;
display:block;
float:left;
width:96px;
}
#header1 a.active {border-bottom: 3px solid white;}
#header1 a i.fa {font-size:1.5em;vertical-align:middle;}
ul,li {margin:0px;padding:0px;}
div[data-role="page"] {
	margin-top:80px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
div[data-role="page"]:before,
div[data-role="page"]:after {clear: both;display: table;content: " ";}
div[data-role="page"] div[data-role="header"]:first-child {
background-color:black;
}
div[data-role="page"] div[data-role="header"]:before,
div[data-role="page"] div[data-role="header"]:after {clear: both;display: table;content: " ";}
div[data-role="page"] div[data-role="header"]:first-child h3 {color:white;margin:.25em 0px;padding:0em 1em;}
.panel .panel-heading h3 {
font-size: medium;
margin: 0px;
}
#header2 {
background-color:white;
position:fixed;
top:2.5em;
width:100%;
z-index:1;
}
#header2 a {
background-position:center center;
background-repeat:no-repeat;
background-size:2em;
border-collapse:collapse;
border-left:1px solid #ddd;
color:#999;
display:block;
float:left;
font-weight:normal;
height:2.5em;
line-height:2.5em;
margin-left:-1px;
text-align:center;
text-decoration:none;
width:33.33%;
}
#header2 a:first-child,#header2 a:last-child{width:30%;}
#header2 a:last-child{float:right;}
#header2 a:nth-child(2){width:40%;}
#header2 a.active { color:black; }
.advice {
border:1px solid #999;
-moz-border-radius:1em;
-webkit-border-radius:1em;
border-radius:1em;
font-size:16px;
margin-bottom:1em;
padding:1em;
text-align:center;
}
#RightPanel {display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:990;}
#RightPanel a.panel-closer {display:block;height:100%;}
#RightPanel .panel-content {
background-color:black;
float:right;
height:100%;
margin-right:-320px;
padding-right:1em;
}
#RightPanel .panel-content a {
color:white;
display:block;
margin:0px 0px 0px 75px;
padding:.5em;
}
#RightPanel .panel-content .user-info {margin-bottom:1em;}
#RightPanel .panel-content .user-info .avatar {
display:block;
float:left;
height:50px;
margin:0px;
padding:0px;
overflow:hidden;
width:50px;
}
#RightPanel .panel-content .user-info .avatar p {
display:block;
margin:0px 0px 0px -50px;
overflow:hidden;
text-align:center;
width:150px;
}
#RightPanel .panel-content .user-info .avatar p img { max-height:50px; max-width:150px; }
#RightPanel .panel-content .user-info .username {
color:#ddd;
display:block;
font-size:1.3em;
height:50px;
line-height:50px;
padding:0px;
}
#pageSearch .ui-content { font-size:16px; }
#pageSearch .ui-link { font-size:16px; }
#pageSearch .ui-header form .ui-input-search{
height:2em;
margin:.2em 2.5em;
}
#pageSearch #users-results ul {
margin:.5em 0em;
padding:0em;
}
#pageSearch #users-results ul li {
margin:0em 0em .5em 0em;
list-style:none;
}
#pageSearch #users-results ul li a {
display:block;
line-height:3em;
}
#pageSearch #users-results ul li a.avatar {
float:left;
display:block;
height:3em;
margin-right:.5em;
width:3em;
text-align:center;
overflow:hidden;
}
#pageSearch #users-results ul li a.avatar img {
height:3em;
}
#pageSearch a.more-results {
display:block;
text-align:center;
}
.login-signup-advice { text-align:center; }
.voxes {
float:left;
width:100%;
}
.voxes .col {
float:left;
width:50%;
}
.voxes .item {
margin:1em 0px;
}
.voxes .item .pictureBox .expand-vox {
	display:block;
}
.voxes .item .pictureBox {
border:medium none;
border-radius:0.5em;
box-shadow:0px 0px 0.2em #999;
display:block;
margin:0px auto;
max-width:320px;
overflow:hidden;
width:95%;
}
.voxes .item .pictureBox img {
display:block;
width:100%;
}
.voxes .item .pictureBox .actions {
height:2em;text-align: center;
}
.voxes .item .pictureBox .actions a {
border:none;
color:#666;
overflow:hidden;
text-align:center;
text-decoration:none;
}
.voxes .item .pictureBox .actions a.like {
border-color: red;
color: red;
}
.voxes .item .pictureBox .actions a.more {
border-color: orange;
color: orange;
}
.voxes .item .pictureBox .actions a span { display:none; }
.voxes .item .size { text-align:center; }
.voxes .item .admin-actions .mini.ui-btn { padding:.5em; }
.vox-view .time-ago {
float:right;
height:3em;
line-height:3em;
padding:0em 1em;
}
.vox-view .user-info {}
.vox-view .user-info a.avatar {
display:block;
float:left;
height:3em;
overflow:hidden;
text-align:center;
width:3em;
}
.vox-view .user-info a.avatar p { 
padding:0px;
height:3em; 
margin:0px 0px 0px -3em;
text-align:center;
width:9em;
}
.vox-view .user-info a.avatar img { height:3em; }
.vox-view .user-info a.username {
color:white;
display:block;
height:3em;
line-height:3em;
margin-left:3.5em;
text-decoration:none;
}
.vox-view .pictureBox {
background-image:url(../images/ajax-loader2.gif);
background-position:center center;
background-repeat:no-repeat;
margin:0em auto .5em auto;
max-width:640px;
text-align:center;
}
.vox-view .pictureBox img {
max-width:100%;
}
.vox-view .actions {
display:block;
height:2.3em;
margin:0em auto .5em auto;
max-width:640px;
padding:0px;
}
.vox-view .actions li {
display:block;
float:left;
width:33.333%;
}
.vox-view .actions a{
border:1px solid #666;
color:#333;
display:block;
height:2.3em;
line-height:2.3em;
text-align:center;
text-decoration:none;
}
.vox-view .actions a.like {border:1px solid red;color:red;}
.vox-view .actions a.comment {border:1px solid green;color:green;}
.vox-view .actions a.more-actions {
}
.vox-view .source {
margin:0px auto;
max-width:640px;
padding:0.5em;
text-align:center;
}
.vox-view .source a {
color:#666;
text-decoration:none;
text-shadow:none;
}
.vox-view .message {
margin:.5em auto;
padding:0em .5em;
}
.vox-view .original {
border:1px solid #aaa;
-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
margin:0.5em auto;
overflow:hidden;
}
.vox-view .original a.goto {
background-color:#333;
color:white;
display:block;
padding:.5em;
text-align:center;
text-shadow:none;
}
.vox-view .original .tags {
margin:.5em auto;
padding:0em .5em;
}
.vox-view ul.comments {
max-width:640px;
margin:1em auto;
padding:0em;
}
.vox-view ul.comments li {
list-style:none;
padding:0.5em;
}
.vox-view .comments a.delete-comment {
background-color:#ddd;
background-position:center center;
border-radius:1.3em;
background-size:1em;
display:block;
float:right;
height:1em;
width:1em;
}
.vox-view .tags {
max-width:640px;
margin:1em auto;
padding:0px;
}
.vox-view .tags a{
display:inline-block;
padding:0.25em;
}
#commentDialog {}
#commentDialog textarea{height:200px;max-height:200px;max-width:240px;width:240px;}
.fancybox-inner h3 {margin:0px 0px .5em 0px;}
#frmEditVox label {display:block;}
#frmEditVox select.list-group {
display: block;
height: 380px;
min-width: 280px;
width: 66.66%;
}
#frmSignUp3 label.form-control {
  height: auto;
}
.user-profile .avatar {
display:block;
float:left;
height:75px;
margin:1em 5px 5px 5px;
overflow:hidden;
width:75px;
}
.user-profile .avatar p {
height:75px;
line-height:75px;
margin:0px 0px 0px -75px;
overflow:hidden;
text-align:center;
vertical-align:middle;
width:225px;
}
.user-profile .avatar img {
height:75px;
}
.user-profile .stats {
margin-left:85px;
text-align:center;
}
.user-profile .stats .item {
display:block;
float:left;
margin:1em 0em 0.5em 0em;
width:33%;
}
.user-profile .stats a {
	color:rgb(34, 34, 34);
	font-size:small;
	text-decoration:none;
}
.user-profile .stats a div {
	font-size:initial;
}
.user-profile .follow,
.user-profile .edit-profile {
float:left;
width:100%;
}
.user-profile .follow a,
.user-profile .edit-profile a {
border:#666 1px solid;
display:block;
margin:0.5em auto;
max-width:320px;
padding:0.5em;
width:75%;
}
.user-profile .follow a.following {
background-color:#222;
border:white 1px solid;
color:#fff;
text-shadow:none;
}
.user-profile .fullname {
float:left;
font-size:1.5em;
padding-left:5px;
width:100%;
}
.user-profile .user-tags {
overflow:hidden;
width:100%;
}
.user-profile .user-tags a {
display:inline-block;
padding:5px 5px;
}
.user-profile .tags-actions a {
color:#222;
display:inline-block;
font-weight:normal;
text-align:center;
text-decoration:none;
width:49%;
}
.user-profile .expand-tags:hover { color:#222; }
ul.user-followers {
font-size:16px;
margin:0px auto;
max-width:360px;
padding:0px;
}
ul.user-followers li {
border-bottom:1px solid #ddd;
list-style:none;
margin-bottom:.5em;
padding:.5em;
vertical-align:middle;
}
ul.user-followers li a {
display:inline-block;
height:2.5em;
line-height:2.5em;
overflow:hidden;
vertical-align:middle;
}
ul.user-followers li a.avatar {
width:2.5em;
text-align:center;
margin-right:.5em;
}
ul.user-followers li a.avatar span {
display:block;
width:7.5em;
margin-left:-2.5em;
}
ul.user-followers li a.avatar img {
height:2.5em;
}
ul.user-followers li a.doFollow {
border:1px solid #666;
border-radius: 1.25em;
color:#666;
float:right;
height:2.5em;
text-align:center;
width:2.5em;
}
ul.user-followers li a.doFollow.follow {
border: 3px solid rgb(0,200,0);
color: rgb(0,200,0);
}
#frmEditProfile fieldset {
	padding:0em 1em;
}
p.facebook-login {
margin:10px 0px;
text-align:center;
}
a.btn-vox{
background-color:black;
background-image:url(../images/vox.png);
background-position:center center;
background-repeat:no-repeat;
background-size:auto 1.5em;
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
border-radius:0.5em;
display:inline-block;
height:2em;
width:5em;
}
button.btn-vox {
background-color:black;
background-image:url(../images/vox.png);
background-position:center center;
background-repeat:no-repeat;
background-size:auto 1.5em;
height:3em;
}
button.btn-vox.ui-btn,
button.btn-vox.ui-btn:hover {
background-color:black;
}
#upload .step1 { height:120px; }
#upload .step1 a{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:#333 2px solid;
border-radius:5px;
color:#333;
display:block;
margin:0;
max-width:190px;
text-align:center;
text-decoration:none;
width:47%;
}
#upload .step1 a i.fa {font-size:7.5em;}
#upload .step1 a span {display:block;}
#upload .step1 a.upload-web {
	float:left;
}
#upload .step1 a.upload-file {
	float:right;
}
div.upload-previews img {
display:block;
margin:5px auto;
max-height:200px;
max-width:100%;
}
#upload3 div.uploaded img {
	display:block;
	margin:0px auto;
	max-width:320px;
	max-height:240px;
}
#comments-list {}
#comments-list ul.comments {
	padding:0px;
	margin:0px;
}
#comments-list ul.comments li {
	border-bottom:#aaa 1px solid;
	list-style:none;
	padding:0.357em;
}
#comments-list ul.comments li .avatar {
	float:left;
	height:2em;
	overflow:hidden;
	width:2em;
}
#comments-list ul.comments li .avatar p {
	margin:0px 0px 0px -2em;
	overflow:hidden;
	padding:0px;
	text-align:center;
	width:6em;
}
#comments-list ul.comments li .avatar img { height:2em; }
#comments-list ul.comments li p {
	line-height:1em;
	margin:0px 2.5em 0px 2.5em;
	padding-top:0.5em;
}
#comments-list ul.comments li a.delete {
	background-image:url('../images/icons-svg/delete-black.svg');
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	float:right;
	width:2em;
	height:2em;
}
.search-filters {
float:left;
width:100%;
}
.search-filters ul {
margin:0px;
padding:0px;
}
.search-filters li {
float:left;
list-style:none;
border:1px solid #ddd;
border-radius:0.5em;
margin-right:0.5em;
margin-bottom:0.5em;
}
.search-filters a {
padding:5px 0.5em;
display:inline-block;
}
.search-filters a.ico-cancel {
background-position:center center;
background-repeat:no-repeat;
background-size:12px;
float:right;
padding:0px;
height:2em;
width:2em;
}
#revox .original-vox{
text-align:center;
}
#revox .original-vox img.picture-file {
max-height:11em;
max-width:90%;
}
#pageSearch a.ui-link,#pageSearch a.ui-link:hover,#pageSearch a.ui-link:visited { color:#333; font-size:14px; }
#pageSearch div.results ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#pageSearch div.results ul li {	border-bottom:1px solid #eee; float:left; padding:.5em 0em; width:50%; }
#pageSearch div.results a.view-more {
	border-bottom:1px solid #eee;
	display:block;
	float:left;
	padding:.5em 0em;
	text-align:center;
	width:100%;
}
#pageSearch div.users-results ul li { line-height:50px; }
#pageSearch div.users-results ul li a.portait {	display:block; float:left; height:50px; width:50px;}
#pageSearch div.users-results ul li a.portait img { height:50px; width:50px;}
#pageSearch div.users-results ul li a.username { display:block; margin-left:60px; }
#pageSearch div.tags-results {margin-top:.5em;}
#pageSearch div.tags-results ul {}
#pageSearch div.tags-results ul li {}
#pageSearch div.tags-results ul li a {}

/* jQuery Mobile Override */
.ui-content {margin:1em auto 0px auto;padding:0em .5em;}
form fieldset .error {
background-color:rgb(255,127,127);
-moz-border-radius-bottomright:0.6em;
-moz-border-radius-bottomleft:0.6em;
-webkit-border-bottom-right-radius:0.6em;
-webkit-border-bottom-left-radius:0.6em;
border-bottom-left-radius:0.6em;
border-bottom-right-radius:0.6em;
color:white;
padding:0.3em 0px;
text-shadow:none;
text-align:center;
}
form fieldset .fine {
background-color:rgb(112,225,112);
-moz-border-radius-bottomright:0.6em;
-moz-border-radius-bottomleft:0.6em;
-webkit-border-bottom-right-radius:0.6em;
-webkit-border-bottom-left-radius:0.6em;
border-bottom-left-radius:0.6em;
border-bottom-right-radius:0.6em;
color:white;
padding:0.3em 0px;
text-shadow:none;
text-align:center;
}
.loader {
height:4em;
background-image:url(../images/ajax-loader2.gif);
background-position:center center;
background-repeat:no-repeat;
background-size:auto 100%;
opacity:0.5;
width:100%;
}
.full-loading{
background-color:rgba(0,0,0,.5);
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%;
z-index:9999;
}
.full-loading .loader{margin-top: 30%;}
.full-loading .text{
color: white;
margin: 1em 0em;
text-align: center;
}