body { 
	background: rgb(6,196,194);
	background: radial-gradient(circle, rgba(6,196,194,1) 6%, rgba(8,36,89,1) 65%);
}

h1, h2, h3, h4, h5, h6 { 
	font-family: Georgia, serif; 
	margin-bottom: 20px; 
	color:#260F39; 
}

.musicSite-logo { 
	margin: 0px;
	width: auto;
	height: 50px;
	float: left;
}

.navbar-form {
	margin: 5px;
	float: right;
}

.thumbnail { 
	border-radius: 0px; 
	display: inline-block;	
	-webkit-transition: none; 
	transition: none;
}

.btn { 
	border-radius: 0px; 
	font-family: arial, times new roman;
}

.btn-primary {
	background-color: #051094;
	border-color: #051094;
	border-radius: 10px;	
}

.btn-primary:hover, .btn-primary:focus { 
	background-color: inherit; 
	color: #051094; 
	border-color: #051094;
}

.btn-cancel {
	background-color: #051094;
	color: #fff; 
	border-color: #051094;
	border-radius: 10px;	
}

.btn-cancel:hover, .btn-cancel:focus { 
	background-color: inherit; 
	color: #051094; 
	border-color: #051094;
}

.navbar { 
	border: none; 
}

.navbar.musicSite-mobile-menu {
	position: fixed;
	top: 29px;
	right: 2px;
	z-index: 1000;
}

.nav > li > a:hover { 
	background-color: #fff; 
	color: #051094;
}

.nav-justified > li > a { 
	color: #fff; 
	background: #051094; 
}

.navbar-header h2 { 
	letter-spacing: 2px; 
	padding-left: 20px;
}

.navbar-toggle { 
	background-color: #051094; 
	border-radius: 0;
}

.navbar-toggle:focus { 
	outline: none;
}

.navbar-collapse {
	padding-left: 0; 
	padding-right: 0;
}

.icon-bar {
	background-color: #fff;
}

/*.navbar-form { 
	margin-left: 2px; 
	margin-right: 2px;
	margin-top: 25px;
}*/

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

a:hover, a:focus {
	color: #051094; 
	text-decoration: underline;
}

a.thumbnail { 
	color: #fff; 
	text-align: center;
}

.col-xs-6 a p {
	background-color:#051094;
	border: 2px outset #051094; 
	border-radius:5px;
}

.col-xs-6 a p:hover {
	background-color:inherit;
	color: #051094;
	font-weight: bold;
}

.preview-music-details {
	padding-right:15px;
	padding-left:15px;
	margin-left: 20px;
}

.preview-music-details p{
	color: #000;
}

.preview-header {
	background-color: #051094;
}

a.thumbnail:hover, a.thumbnail:focus { 
	border-color: #051094; 
	text-decoration: none;
}

a p { 
	margin-top: 10px; 
}

.seemore {
	background-color:#051094;
	color: #fff;
	float:right; 
	border-color: #051094;
}

.seemore:hover {
	background-color: inherit; 
	color: #051094; 
	border-color: #051094;
}

.home_time {
	float: right; 
	font-family: times new roman, arial, sans-serif;
	font-size: 18px;
}

iframe, object, embed {
	width: 100%; 
	border: none;
	margin-bottom: 20px; 
}

.left-inner-addon { 
	position: relative; 
}

.left-inner-addon input, .left-inner-addon textarea { 
	padding-left: 30px; 
}

.left-inner-addon span { 
	position: absolute; 
	padding: 8px 12px; 
}

.form-control { 
	border-radius: 0px; 
}

.form-control:focus {
	border-color: rgba(163, 19, 43, 0.8);
	outline: 0;
	-moz-box-shadow: 0 0 8px rgba(241, 50, 150, 0.6);
	box-shadow: 0 0 8px rgba(241, 50, 150, 0.6) !important;
}

.container {
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	background: #fff;
	width: 950px;
	padding-bottom: 5em;
}

.row {
	margin-left: 20px; 
	margin-right: 0px; 
}

footer.container { 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 10px; 
	background: #051094;
	padding-bottom: 0;
}

footer { 
	margin: 0 auto; 
	text-align: center; 
	color: #fff;
}

footer a { 
	font-family: arial, times new roman;
	font-weight: bold;
	color: red; 
	text-decoration: underline;
}

footer a:hover { 
	color: #0000ff; 
	text-decoration: none;
	font-weight: normal;
}

.left { 
	float: left 
}

.right { 
	float: right 
}

.credit { 
	padding: 6px 0px; 
	background: #051094; 
}

#other_downloads { 
	max-width: 920px; 
	margin: 0 auto; 
}

#other_downloads h3 { 
	padding-left: 20px; 
	padding-bottom: 10px; 
}

#thumbnails_container, #other_downloads { 
	max-width: 920px; 
	margin: 0 auto; 
}

.item_container {
	margin: 0 auto;
}

#img_preview { 
	margin-top: 30px;
}

#img_preview img {
	margin: 0 auto;
 	margin-top: 20px;
	margin-bottom: 30px;
	background-color: #F8F5F5;
	border: 1px solid #ddd;
	padding: 4px;
}

#img_preview h3 {
	text-align: center; 
}

.footer_item {
	margin-bottom: 15px; 
}

.section_box { 
	border: 1px solid #CCCCCC; 
	padding: 10px; 
	background: #F6F6F6; 
	color: #000;
	max-width: 250px; 
	min-height: 230px;
	text-align: left; 
}

.section_box p, .section_box li {
	font-size: 1.3rem; 
	line-height: 2em; 
}

#download_box {
	float: right;
	padding-top: 10px;
}

.cleaner {
	clear: both
}
/*-------------------------- ADMIN STYLE START HERE -------------------------------*/
.admin_login_link a {
	float: right;
	text-align: right;
}

.img_upoad {
	width: 40%;
}

.admin_logout_btn {
	border-radius: 10px;
	float: right;
}

.admin_logout_btn:hover {
	background-color: #fb1000;
	color: #fff;
}

.admin_add_btn {
	margin-left: 10px;
}

.admin_add_btn a{
	font-family: algerian;
}

.active_user {
	margin-left: 3em;
	font-family: times new roman;
	font-size: 20px;
	font-weight: normal;
	color: #000; 
	text-shadow: 1px 1px 0 #051094;
}

/*---------------Admin Panel/Feedback--------*/
#feedback_table {
	padding: 10px;
}

#feedback_table table{
	border: 2px solid #051094;
	font-family: times new roman;
	font-size: 16px;
	font-weight: normal;
	box-shadow: 9px 5px 8px silver;
}

#feedback_table table th{
	text-align: center;
	padding: 5px;
}

#feedback_table table td{
	text-align: left;
	padding: 6px;
}

#feedback_table table tfoot th{
	text-align: left;
	padding-left: 6px;
}

#feedback_table table td.cstmr_name {
	text-transform: capitalize;
}

#feedback_table table td a {
	color: blue;
	font-weight:bold;
	text-decoration: none
}

#feedback_table table td a:hover.fdbk_rd_btn {
	color: green;
	font-weight: bold;
	text-decoration: none
}

#feedback_table table td a:hover.fdbk_dlt_btn {
	color: red;
	font-weight:bold;
	text-decoration: none
}

#feedback_table  th, td{
	border-bottom: 1.5px solid #051094;
	border-right: 1px dotted #051094;
}

#feedbackbox {
	clear: both;
}

.feedbackdetailsbox { 
	float: left;
	border: 1px solid #CCCCCC; 
	padding: 10px; 
	background: #F6F6F6; 
	color: #000;
	max-width: 250px; 
	min-height: 230px;
	text-align: left; 
	margin: 40px; 
}

.feedbackdetailsbox p {
	font-size: 1.3rem; 
	line-height: 2em; 
}

.feedbackmessagebox { 
	float: left;
	border: 1px solid #CCCCCC; 
	padding: 10px; 
	background: #F6F6F6; 
	color: #000;
	max-width: 400px; 
	min-height: 230px;
	text-align: justify; 
	margin: 40px; 
}

.feedbackmessagebox p {
	font-size: 1.3rem; 
	line-height: 2em; 
}

#feedbackreply {
	clear: both;
	margin: 15px;
	text-align: center;
}

#feedbackreply input.adminsenderid_readonly {
	cursor:not-allowed; 
	margin-bottom: 10px; 
	text-align:center;
	background-color: transparent;
}

#feedbackreply textarea {
	width: 25em;
	margin-bottom: 15px;
}

#feedbackreply input.adminsenderid_readonly, textarea{
	font-family: times new roman;
	color: #000989; 
	font-size: 18px;
	margin-top: 5px;
	padding-left: 8px;
	border: 2px outset #051094;
	box-shadow: 9px 5px 8px silver;
}

#feedbackreply input.adminbtn_reply, input.adminbtn_clear, button.adminbtn_clear {
	width: 5em;
	background-color: #051094;
	color: #fff;
	border-radius: 5px;
}

#feedbackreply input.adminbtn_reply:hover, input.adminbtn_clear:hover, button.adminbtn_clear:hover {
	width: 5em;
	background-color: inherit;
	color: #051094;
	border-radius: 5px;
}

.admin_seenfeedback_btn {
	margin-left: 10px;
}

/*---------------Management--------*/
#addmusic_form {
	margin: 15px;
	text-align: center;
}

#addmusic_form input.addmusic_input, #addmusic_form select.addmusic_select {
	width: 20em;
	margin-top: 10px;
	height: 2em;
	font-family: times new roman;
	font-size: 18px;
	font-weight: normal;
	color: #000989;
	border-radius: 5px;
	padding: 5px;
}

#addmusic_form input.music_file {
	border: 1px solid silver;
	width: 26em;
	margin-top: 10px;
	margin-left: 20em;
	border-radius: 5px;
	height: 2.4em;
	padding: 5px;
}

#addmusic_form input.adminaddmusic_addbtn, button.adminaddmusic_cancelbtn {
	width: 5em;
	background-color: #051094;
	color: #fff;
	border-radius: 5px;
	height: 2em;
}

#addmusic_form input.adminaddmusic_addbtn:hover, button.adminaddmusic_cancelbtn:hover {
	background-color: inherit;
	color: #051094;
}

#addmusic_form input.addvideo_desc {
	margin-top: 6px;
	margin-bottom: 6px;
	width: 20em;
	height: 5em;
	color: #000989;
}

#addmusic_form textarea.addvideo_textarea {
	margin-top: 6px;
	width: 20em;
	color: #000989;
}

/*------------------------- ADMIN STYLE END HERE -------------------------------*/
/*--------------------------- LOGIN FORM START HERE ------------------------------*/
#login_form{
	padding-top: 10px;
	margin-bottom:100px;
	position: relative;
}

#login_form form.login_form_form{
	margin-left: 300px;
	position: relative;
}

#login_form .caption{
	font-family: Colonna MT, serif;
	font-weight: bold;
	font-size: 20px;
	color: #051094;
	text-align: center;
	border-top: 1px dotted #051094;
	border-bottom: 1px dotted #051094;
}

#login_form input{
	font-family: serif;
	font-weight: bold;
	font-size: 16px;
	margin-top: 1.5em;
	margin-left: 2.2em;
	width: 17em;
	height: 2.2em;
	border-radius: 2em 0px 2em 0px;
	border: 2px solid #051094;
	color: #000989;
	padding-left: 20px;
}

#login_form input:hover {
	border-radius: 0px 2em 0px 2em;
}

#login_form input:focus {
	border-radius: 0px 2em 0px 2em;
}

#login_form input.login_btn {
	float: left;
	font-family: serif;
	font-weight: bold;
	font-size: 16px;
	margin-left: 3.5em;
	width: 6em;
	height: 2.2em;
	border-radius: 2em 0px 2em 0px;
	color: #fff;
	background-color: #051094;
}

#login_form input.reset_btn{
	float: left;
	font-family: serif;
	font-weight: bold;
	font-size: 16px;
	margin-left: em;
	width: 6em;
	height: 2.2em;
	border-radius: 2em 0px 2em 0px;
	color: #fff;
	background-color: #051094;
}

#login_form input.login_btn:hover{
	border-radius: 0px 2em 0px 2em;
	color: #051094;
	background-color: inherit;
	cursor: pointer;
}

#login_form input.reset_btn:hover{
	border-radius: 0px 2em 0px 2em;
	color: #051094;
	background-color: inherit;
	cursor: pointer;
}

.error_caption {
	font-family: serif;
	font-weight: bold;
	font-size: 16px;
	color: #ff0000;
	text-align: center;
	margin-bottom: 0px;
}

/*----------------------------------- LOGIN FORM END HERE ----------------------------------------*/

/* mobile styles */
@media only screen and (max-width: 480px) {
	h2 { 
		margin-bottom: 5px;
	}
	.btn-primary {
		margin-bottom: 10px;
	}
	body .music_info h2 {
		margin-bottom: 1em;
	}
	.preview-header {
		margin-bottom:10px;
	}
	.news_image {
		margin-bottom:8px;
	}
	.news_segment {
		margin-top:2em;
	}
	.navbar-form { 
		margin-top: 0px; 
		width: 100%; 
	}
	.musicSite-nav {
		position: fixed;
		top: 25px;
		right: 3px;
		z-index: 1000;
	}
	.nav-justified > li > a {
		padding-left: 40px;
		padding-right: 40px;
	}
	#thumbnails_container {
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}	
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 {
		padding-left: 5px;
		padding-right: 5px;
	}	
	.section_box {
		height: auto;
		width: 100%; 
		max-width: none; 
		min-height: 1px;
	}
	#musicSite_footer {
		margin-bottom: 5px;
	}
	.container {
		width: auto;
	}
}

/* tablet styles */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	h2 {
		margin-bottom: 5px;
	}
	.btn-primary {
		margin-bottom: 10px;
	}
	body .music_info h2 {
		margin-bottom: 1em;
	}
	.preview-header {
		margin-bottom:10px;
	}
	.news_image {
		margin-bottom:8px;
	}
	.news_segment {
		margin-top:2em;
	}
	.navbar-form {
		margin-top: 0px;
		width: 100%;
	}
	.musicSite-nav {
		position: fixed;
		top: 25px;
		right: 3px;
		z-index: 1000;
	}
	.nav-justified > li > a {
		padding-left: 40px; 
		padding-right: 40px;
	}
	#thumbnails_container {
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}	
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 {
		padding-left: 10px;
		padding-right: 10px;
	}
	#download_box {
		float: left; 
		padding-top: 10px; 
		margin: 0 auto; 
	}
	.preview_footer_container {
		margin-top: 10px;
	}
	.footer_item { 
	margin-right: 10px;
	}
	.footer_item:last-child {
		margin-right: 0px;
	}
	.section_box {
		height: auto;
		width: 100%;
		max-width: none;
		min-height: 1px; 
	}
	#musicSite_footer {
		margin-bottom: 5px;
	}
}

/* desktop styles */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-header h2{
		margin: 0px; 
		margin-top: 34px;
	}
	body .music_info h2 {
		margin-bottom: 1em;
	}
	.preview-header {
		margin-bottom:10px;
	}
	.news_image {
		margin-bottom:8px;
	}
	.news_segment {
		margin-top:2em;
	}
	.btn-primary {
		margin-bottom: 10px;
	}
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.preview_footer_container {
		margin-top: 30px;
	}
	.footer_item {
		margin-right: 15px;
	}
	.footer_item:last-child {
		margin-right: 0px;
	}
	.section_box {
		height: 330px;
		max-width: 230px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header{
		margin-left: 30px;
	}
	.btn-primary {
		margin-bottom: 10px;
	}
	.news_image {
		margin-bottom:8px;
	}
	.news_segment {
		margin-top:2em;
	}
	body .music_info h2 {
		margin-bottom: 1em;
	}
	.preview-header {
		margin-bottom:10px;
	}
	.navbar-header h2{
		margin: 0px; 
		margin-top: 34px;
	}
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 {
		padding-left: 10px;
		padding-right: 10px; 
	}
	.preview_footer_container {
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1200px) {
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 {
		padding-left: 10px;
		padding-right: 10px;
	}	
	.preview_footer_container {
		margin-top: 66px;
	}
	.btn-primary {
		margin-bottom: 10px;
	}
	.news_image {
		margin-bottom:8px;
	}
	.news_segment {
		margin-top:2em;
	}
	body .music_info h2 {
		margin-bottom: 1em;
	}
	.preview-header {
		margin-bottom:10px;
	}
}