/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

/*_____________________________________________________

320 and Up boilerplate extension

Author: Andy Clarke
Version: 0.9b
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1.ROOT
2.HEADINGS
3.TYPOGRAPHY
4.LINKS
5.FIGURES & IMAGES
6.TABLES
7.FORMS (See css/mylibs/forms.css)
8.BANNER — header[role="banner"]
9.NAVIGATION — nav[role="navigation"]
10.CONTENT
11.MAIN — div[role="main"]
12.COMPLIMENTARY — div[role="complementary"]
13.CONTENTINFO — footer[role="contentinfo"]
14.GLOBAL OBJECTS
15.VENDOR-SPECIFIC 
16.TEMPLATE SPECIFICS
17.MODERNIZR

*/

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS (See css/mylibs/forms.css) */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

body { 
width : 480px /* 436px */;
}
 
.content_container {
padding-top:90px;
min-height:130px;
}

.copy_container_index {
padding-top:275px;
text-align:center;
}

.copy_container {
padding-top:10px;
text-align:center;
}

.menu_text {
font-size:14px;
color:#81949D;
}

.bio_contain {
font-size:14px;
color:#81949D;
padding-left:50%;
padding-right:25px;
padding-top:20px;
}

.bio_single {
font-size:14px;
color:#81949D;
width: 400px;
padding-top:10px;
}

.bio_image {
font-size:14px;
color:#81949D;
float:left;
width:50%;
padding-top:27px;
}

.bio_img1 {
padding-left:0px;
min-height:345px;
}

.bio_img2 {
padding-left:0px;
padding-top:350px;
}

.contact_contain {
font-size:20px;
color:#81949D;
padding-left:10px;
padding-right:25px;
padding-top:280px;
height:410px;
background: url(../img/480/edit_vineyard.jpg) 50% 40px no-repeat;
}

.menu_start {
padding-left: 128px;
position:relative;
}

.menu_item {
padding-left: 20px;
position:relative;
}

.content {
margin-bottom : 1.5em;
margin-left:0%;
background-color : rgb(225,215,188);
color:rgb(0,0,0); 
font-size:13px;
background:url(../img/480/bg.jpg) no-repeat;
min-height:450px;
}

.content_index {
margin-bottom : 1.5em;
margin-left:0%;
background-color : rgb(225,215,188);
color:rgb(0,0,0); 
font-size:13px;
background:url(../img/480/bg_index.jpg) no-repeat;
min-height:400px;
}

.content_bio {
margin-bottom : 1.5em;
margin-left:0%;
background-color : rgb(225,215,188);
color:rgb(0,0,0); 
font-size:13px;
background:url(../img/480/bg_bio.jpg) no-repeat;
min-height:450px;
}

.content_media {
margin-bottom : 1.5em;
margin-left:0%;
background-color : rgb(225,215,188);
color:rgb(0,0,0); 
font-size:13px;
background:url(../img/480/bg_media.jpg) no-repeat;
min-height:450px;
}

.content_contact {
margin-bottom : 1.5em;
margin-left:0%;
background-color : rgb(225,215,188);
color:rgb(0,0,0); 
font-size:13px;
background:url(../img/480/bg_contact.jpg) no-repeat;
min-height:450px;
}

header[role="banner"] {
padding-top : 0;
padding-right:0;
background : transparent url(../img/480/logo.jpg) no-repeat 50% 50%;
}

header[role="banner"] h1 {
padding-left : 0px;
padding-top:0px;
padding-bottom:0px;
min-height : 100px;
}

ul.playlist {
 list-style-type:none;
 margin:0px;
 padding-left:0px;
 width:315px;
 text-align:left;
}

ul.playlist li {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 position:relative;
 display:block;
 width:315px;
 font-size:16;
 color:#666666;
 padding:0.25em 0.5em 0.25em 0.5em;
 border:none;
 letter-spacing:-1px; /* ZOMG WEB X.0. ;) */
 background-color:#eeeeee;
 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
 -moz-transition: background-color 0.15s linear 0s; /* firefox 4 */
  -o-transition-property: background-color; /* opera 10.5 */
  -o-transition-duration: 0.15s;

}

ul.playlist li a {
 display:block;
 text-decoration:none;
 font-weight:normal;
 width:315px;
 color:#666;
 font-size:14px;
 outline:none;
 position:relative;
 z-index:2;
}


}/*/mediaquery*/