/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
		
	}


p, a, h1, h2, h3{
    font-family: arial;
    color: #333333;
}

p{
    font-size: 15px;
    color: #333333;
    padding-bottom: 10px
}

h1{
    font-size: 20px;
}

#header{
    background-image: url("../../assets/images/header.gif");
    width: 913px;
    height: 228px;
    margin-top: 15px;
}

.title {
    color: #F50F0F;
    font-size: 20px;
    font-weight: normal;
    margin-left: 284px;
    padding-top: 53px;
}

.nav {
    font-size: 11.4px;
    margin-left: 168px;
    margin-top: 44px;
    text-transform: uppercase;
}

.nav li {
    display: inline;
    margin-right: 15px;
    text-decoration: none;
}

.nav li a {
    color: #333333;
    text-decoration: none;
}

.nav li a:hover {
    color: #f50f0f;
}

.nav .active a{
    color: #f50f0f;
}

#content {
    margin-left: 157px;
}

.page-name {
    padding-bottom: 20px;
    text-transform: uppercase;
}

#content li{
    list-style-type: none;
}

#content li a {
    text-decoration: none;
}

#content li a:hover {
    text-decoration: none;
    color: #f50f0f;
}

.instument-title {
    font-size: 18px;
    font-weight: normal;
}

.entry{
    padding-bottom: 20px;
}

.trigger{
    background-color: #CCCCCC;
    cursor: pointer;
    font-size: 15px;
    margin-left: 60px;
    margin-top: 7px;
    padding: 7px;
}

.toggle_container {
    border-bottom: 3px solid #CCCCCC;
    margin-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.website {
    color: #333333;
    font-family: arial;
    font-weight: bold;
}

.player{
    padding-top: 10px;
    padding-bottom: 10px;
}

.date {
    float: left;
    margin-right: 30px;
}

#footer{
    border-bottom: 3px solid #CCCCCC;
    padding-top: 200px;
    margin-bottom: 20px;
}

#footer p{
    text-align: right;
}


	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}