html {
    overflow-y:scroll;
	height:100%;
}

body {
    background-color:#FFF;
/*:url('../images/sommarplaganback.jpg') no-repeat fixed;*/
    background-size:cover;
    color:#222;
    font-family:Arial bold;
    font-size:normal 62.5%/100%;
}

a {
    color:#000;
    text-decoration:none;
}

a:hover {
    text-decoration:none;
}

form label {
    display:block;
    float:left;
    width:130px;
    line-height:170%;
    cursor:pointer;
}
.jumbotron{
    background-color:#FFF;
    /*opacity:0.5;*/

}
#frontimage {
	/*background:url('../images/pingvin.png') no-repeat fixed;*/

}

.mac form label {
	font-size:1em
}

h1 {
    margin:19px 0 5px;
    font-size:1.5em;
}
h2 {
    font-size:3em;
    
}
h4 {
	font-size:0.8em;
}

label em {
    color:red
}
.song {
    max-width:800px;
    margin: 0 auto;
}
.video-wrapper {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#container {
	min-height:100%;
}

.ie6 #container {
	height:100%;
}

#container, #footer {
}

#header {
    padding:14px 18px 16px;
	/*border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
    height:80px;
}

#header .link {
    width:500px;
    float:left;
}
#header .social {
    float:left;
    width:200px;
    margin-top:10px;
}

.social .twitter {
    margin-top:2px;
}
#menu {
	width:1100px;
	margin:0 auto;
}
#menu_bar {
	width:840px;
	float:left;	
	padding:5px;
}

#categories {
    list-style-type:none;
    margin-bottom:0;
    padding-left:0;
    display:inline;
    font-size:1.3em;
}

#categories li {
    display:inline;
    margin-right:5px;
}

#content {
    float:left;
    width:800px;
}

#content p {
	line-height:125%
}

.mac #content p {
	line-height:130%
}

#left, #right_container {
	margin-top:25px;
}

#left {
	float:left;
	width:270px;
}

#right_container {
	float:right;
	width:1110px;
}

#right {
    float:right;
    width:270px;
}

#left h3, #right h3 {
    margin:0 0 5px;
}

#left h2 {
	margin-top:0;
}

#left h3 a, #right h3 a {
	color:#222;
	text-decoration:none;
}

#right h4 {
    margin:0 0 3px;
}

#left .news-item p {
    margin:0;
}

#left .form-text {
	margin-bottom:3px;
}

#left .news-item h4 {
    margin-bottom:0
}

#right ul {
    list-style-type:none;
    margin:0 0 10px 0;
    padding-left:0;
}

#right ul.last {
    margin-bottom:0;
}

#left .box, #right .box {
    margin-bottom:16px;
    width:250px;
}

#footer {
    width:720px;
    margin-top:10px;
    text-align:right;
}
.box_line {
	background-color:#363536;
	height:12px;
	width:100%;
}
.box_line_second {
	background-color:#363536;
	height:10px;
	width:100%;
}
.box_line_third {
	background-color:#363536;
	height:4px;
	width:100%;
}

.start_box_left {
    width:370px;
    float:left;
    margin-left:0;
}
.start_box_right {
    width:370px;
    float:right;
    margin-right:0;
}
.box_middle {
    margin: 0 auto;
    width:500px;
    margin-top:20px;
    margin-bottom: 10px;
    text-align:center;
    
}

.box {	
    background-color:#FFF;
	border-radius:2px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.3);

}

.box .inner {
    padding:18px 22px;
}
.inner{
    margin:0 auto;
}

.form-row {
    margin-bottom:8px
}

.form-column {
    float:left;
    width:50%;
}

.form-text, .form-password, .form-select {
    border:1px solid #C9C9C9;
    box-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
}

.form-text, .form-password {
    width:200px;
    padding:4px 5px;
}

.form-select {
    width:212px;
    padding:4px 4px;
}

.overlay {
    display:none;
    width:375px;
    background-color:#FFF;
    z-index:10000;
    box-shadow:2px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    padding:14px 16px;
    border:1px solid #AAA;
}

.overlay h2 {
    margin:0 0 5px;
}

.clear {
    clear:both
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
 
.clearfix {
	display:inline-block;
}
 
html[xmlns] .clearfix {
	display:block;
}
 
* html .clearfix {
	height:1%;
}

.inline {
    display:inline-block;
    width:auto;
}

.added {
    margin:0 0 10px;
    color:#777;
    font-size:.7em;
}

.song h2 {
    margin-bottom:5px;
}

.song h2 a {
    text-decoration:none;
    color:#222;
}

.song .rating {
    float:left;
}

.song .rating-form {
}

.song .rating .rating-details {
    font-size:.7em;
}

.song .user-info {
    float:right;
    margin-top:10px;
	width:110px
}

.song .user-info .added-by-heading {
    display:block;
    font-weight:bold;
    font-size:1em;
    margin:0 0 2px -3px;
}
.added-by-heading {
    text-align:center;
}

.song .user-info .user-details {
    float:right;
    margin-left:6px;
    font-size:.7em;
}

.song .user-info .user-details .username {
    font-size:1.3em;
}

.youtube-player {
    border:0;
}

.song .description {
    float:left;
    margin-bottom:5px;
    width:550px;
}

.left {
    float:left;
}

.right {
    float:right;
}

.comments, .hide-comments {
    display:none;
}

#forgot_password_text {
    font-size:.7em;
}

.button {
    display:inline-block;
    padding:5px 10px 5px;
    font-size:.8em;
    color:#333;
    text-align:center;
    text-shadow:0 1px 1px rgba(255, 255, 255, .75);
    background-color:#FAFAFA;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FFF), color-stop(25%, #FFF), to(#E6E6E6));
    background-image:-webkit-linear-gradient(#FFF, #FFF 25%, #E6E6E6);
    background-image:-moz-linear-gradient(top, #FFF, #FFF 25%, #E6E6E6);
    background-image:-ms-linear-gradient(#FFF, #FFF 25%, #E6E6E6);
    background-image:linear-gradient(#FFF, #FFF 25%, #E6E6E6);
    background-repeat:no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#E6E6E6', GradientType=0);
    border:1px solid #CCC;
    border-bottom-color:#BBB;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    cursor:pointer;
    *margin-left:.3em;
}

.button:first-child {
  *margin-left: 0;
}

a.button {
    text-decoration:none;
}

.button:hover {
    background-color:#E6E6E6;
    background-position:0 -15px;
    /*-webkit-transition:background-position .1s linear;
    -moz-transition:background-position .1s linear;
    -ms-transition:background-position .1s linear;
    -o-transition:background-position .1s linear;
    transition:background-position .1s linear;*/
}

.button:focus {
    outline:0;
}

.button:active {
    background-image:none;
    box-shadow:inset 0 1px 3px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    background-color:#E6E6E6;
    background-color:#D9D9D9 \9;
    outline:0;
}

.button.disabled, .button[disabled] {
    cursor:default;
    background-image:none;
    background-color:#E6E6E6;
    opacity:.65;
    filter:alpha(opacity=65);
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

.button.large {
    padding:9px 14px;
    font-size:15px;
    font-height:normal;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.button.purple {
    background-color:#006DCC;
    background-image:-moz-linear-gradient(center top , #A16FC4, #533B85);
    background-repeat:repeat-x;
    border-color:#533B85;
    color:#FFF;
    text-shadow:0 -1px 0 rgba(0, 0, 0, .25);
}

.button.purple:hover {
    background-color:#533B85;
}

#comment_dialog_content .form-buttons {
    float:left;
    width:280px;
}

#comment_dialog_content .form-buttons.right {
    float:right;
    width:70px;
    text-align:right;
}

#comment {
	width:365px;
	height:150px;
	border:1px solid #CCC;
	padding:3px 4px;
}

#comment_error {
    display:none;
    margin:0 0 0 5px;
    font-size:.8em;
}

.comments-container {
	font-size:.7em
}

.comment-user-info {
	float:left;
	width:60px;
}

.comments {
	margin-top:10px;
}

.comment {
	float:left;
	width:100%;
	margin-bottom:5px;
	border-bottom:1px solid #CCC;
	padding-bottom:5px
}

.comment.last {
	border-bottom:0
}

.comment p {
	margin:0;
}

.comment .added {
	font-size:.9em
}

.song-info .left {
	width:500px
}


#footer {
	clear:both;
	height:30px;
	background-color:#FFF;
}

.vertical {
    width:100%;
    font-size:.8em;
}

.vertical th, .vertical td {
    text-align:left;
    padding:4px 0
}

.vertical tr.odd {
    background-color:#E9E9E9;
}

.paging {
	list-style-type:none;
	margin-top:15px;
	padding-left:0;
	max-width:200px;
	overflow:hidden;
}

.paging, .paging li {
	display:inline
}

.paging li {
	margin-right:4px
}

#search_box .form-text {
	margin-bottom:6px;
}

#top_songs {
    font-size:.7em;
    width:100%
}

#top_songs tr.first {
	line-height:180%;
}

#top_songs td {
    padding:4px 6px;
	line-height:160%;
	vertical-align:top;
}

#top_songs tr.odd {
    background-color:#EEE
}

#top_songs .rater {
	height:18px;
}
.news-item {
	border-bottom:1px solid;
}
#search {

}


#search input[type="text"] {
    background: url(http://www.podcasts.nu/images/search_box/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #FFF;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #333333;
    width: 150px;
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }
#search input[type="password"] {
    background: url(http://www.podcasts.nu/images/search_box/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #333333;
    width: 150px;
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 200px;
    }
.form-text {
    color:black;
}

.navbar-default {
	background-color:#FFF;
	background-image:none;
}