/*
Theme Name: David Perini
Theme URI: http://www.davidperini.com/
Description: The default WordPress theme for DavidPerini.com.
Version: 1.5
Author: David Perini
Author URI: http://www.davidperini.com/
*/

body { text-align: center; border-bottom: 10px solid #206060; padding: 0; margin: 0;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 150px, #ddeeee 400px);
background: -webkit-gradient(linear, left top, left bottom, color-stop(150px,#ffffff), color-stop(400px,#ddeeee));
background: -webkit-linear-gradient(top,  #ffffff 150px,#ddeeee 400px);
background: -o-linear-gradient(top,  #ffffff 150px,#ddeeee 400px);
background: -ms-linear-gradient(top,  #ffffff 150px,#ddeeee 400px);
background: linear-gradient(top,  #ffffff 150px,#ddeeee 400px);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddeeee',GradientType=0 );
 }
h1 { font: 36px/100% Georgia; color: #fff; float: left; padding: 35px 11px; margin: 0; background: #206060; }
p { font: 12px/165% "Lucida Grande", Verdana; color: #505050; margin: 0; padding: 0; }
h2 { font: 14px/150% "Lucida Grande", Arial; color: #CCC; padding: 20px 0 0; }
a:link, a:visited { color: #206060; padding: 8px; -webkit-transition: background .20s linear, border .15s linear, color .15s linear; transition: background .20s linear, border .15s linear, color .15s linear; }
a:active, a:hover { background: #DEEEEE; }
a.title { color: #fff; text-decoration: none; border: 2px solid #408080; padding: 20px 40px; -webkit-transition: border-color .25s linear; transition: border-color .25s linear;  }
a.title:hover { color: #fff; background: #206060; border: 2px solid #60A0A0; }
h3 { font: 12px/150% "Lucida Grande", Verdana; color: #ccc; margin-top: 20px; }
ul { padding: 0; margin: 0; }

#header { position: fixed; top: 0; left: 0; width: 100%; padding-bottom: 50px; border-top: 10px solid #206060; background: #fff; box-shadow: 0 2px 2px #CDD; -webkit-box-shadow: 0 2px 2px #CDD; -moz-box-shadow: 0 2px 2px #CDD; }

#tagline { color: #777; font: 26px/125% museo-sans, "Lucida Grande", Arial; padding-top: 20px; margin-top: 0; }
#tagline strong { color: #444; }

#masthead { width: 50px; margin: 50px auto; color: #ccc; font-weight: bold; font-size: 11px; border-left: 450px solid #eee; border-right: 450px solid #eee; }

.container { width: 950px; margin: 50px auto 0; padding: 0 25px; clear: both; }

.content { text-align: left; width: 600px; margin: 250px auto 25px; font: 12px/150% "Lucida Grande", Arial; color: #505050; }
.content .post .details { padding: 30px 40px 18px; margin: 0 0 45px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: 0 0 4px #BCC; -webkit-box-shadow: 0 0 4px #BCC; -moz-box-shadow: 0 0 4px #BCC; }
.content a { padding: 0; text-decoration: none; border-bottom: 1px dotted #86C6C6; }
.content a:hover { color: #206060; }

.content .title p { margin-bottom: 12px; }
.content .title a.linked_list { border: none; color: #BBB; }
.content .title a.linked_list:hover { background: #fff; border: none; color: #206060; }
.content .title a.linked_list strong { -webkit-transition: background .15s linear;  border-bottom: 1px dotted #86C6C6; color: #206060; font-weight: normal; }
.content .title a.linked_list:hover strong { -webkit-transition: background .15s linear;  background: #DEEEEE; font-weight: normal; }
.content .title a.post { border: none; }
.content .title a.post:hover { border-bottom: 1px dotted #86C6C6; }
.content .new p { font-size: 18px; }

.content .entry { padding-left: 15px; }
.content .entry p { font-size: 12px; margin-bottom: 12px; }
.content .entry blockquote { padding-left: 15px; margin: 0; border-left: 1px solid #ccc; }
.content .entry blockquote p { font-size: 11px; color: #777;  }

.content a.rate_link { color: #888; border-color: #FFF; }
.content a.rate_link:hover { color: #206060; background: #fff; border-color: #86C6C6; }

.content .twitter .ratebox { padding-left: 15px; }

.content div.meta { font: 10px/150% "Lucida Grande", Arial; margin: 5px 0 0; padding: 0 0 0 15px; color: #bbb; }
.content div.meta a { color: #888; border-color: #FFF; }
.content div.meta a:hover { color: #206060; background: #fff; border-color: #86C6C6; }

div.date { text-transform: uppercase; letter-spacing: 1px; color: #8AA; margin-bottom: 25px; text-shadow: 1px 1px 0 #fff; -webkit-text-shadow: 1px 1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff; }
div.bullets { text-align: center; word-spacing: 30px; color: #8AA; margin: 25px 0 50px; text-shadow: 1px 1px 0 #fff; -webkit-text-shadow: 1px 1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff; }
div.navigation { text-align: center; }

/* Music Player */

ul.music, ul.music li, ul.music li a, ul.music li img { margin:0; padding:0; list-style:none; border:0; text-decoration:none; }
ul.music li { margin:15px 15px 15px 0; float:left; position:relative; }
ul.music li a { display:block; position:relative; float:left; width:80px; height:80px; text-indent:-1000em; overflow:hidden; z-index:1; }
ul.music li img { position:absolute; width:80px; height:80px; border:0; }
			
			/* Jewel Case */
			ul.music li.jewel img{
				width:72px;
				height:72px;
				top:3px;
				left:12px;
			}			
			ul.music li.jewel a{
				background:url(images/jewel.png) 0 0 no-repeat;
				width:90px;
				height:82px;							
			}
			ul.music li.jewel{
				background:url(images/blank_insert.gif) 12px 3px no-repeat;							
			}
			
			
			/* Vinyl Sleeve */
			ul.music li.vinyl img{
				width:72px;
				height:72px;
				left:2px;
				top:1px;
			}			
			ul.music li.vinyl a{
				background:url(images/vinyl.png) 0 0 no-repeat;
				width:96px;
				height:76px;							
			}
			ul.music li.vinyl{
				background:url(images/vinyl_insert.gif) 2px 1px no-repeat;							
			}
			
			
			/* Compact Disc */
			ul.music li.cd img,
			ul.music li.cd a{
				width:82px;
				height:82px;
				top:0;
				left:0;
			}			
			ul.music li.cd a{
				background: url(images/cd.png) 0 0 no-repeat;			
				height:86px;
			}
			ul.music li.cd{
				background:url(images/blank_cd.jpg) 0 0 no-repeat;							
			}

#copyright { width: 120px; margin: 50px auto 50px; color: #8AA; text-shadow: 1px 1px 0 #fff; -webkit-text-shadow: 1px 1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff; }

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) and (max-device-height: 480px) {
     #tagline { font-size: 28px; }
     #copyright { width: 200px; }
     h1 { font-size: 64px; display: inline-block; float: none; }
     .container { width: auto; margin: 50px auto; }
     #content { margin: 400px 75px 25px; width: auto; }
     #header { padding-bottom: 0; position: absolute; }
     h2 { padding-top: 30px; }
     .content .post .details { padding: 50px 50px 38px; }
     body { background: -moz-linear-gradient(top,  #ffffff 250px, #ddeeee 500px);
background: -webkit-gradient(linear, left top, left bottom, color-stop(250px,#ffffff), color-stop(500px,#ddeeee));
background: -webkit-linear-gradient(top,  #ffffff 250px,#ddeeee 500px);
background: -o-linear-gradient(top,  #ffffff 250px,#ddeeee 500px);
background: -ms-linear-gradient(top,  #ffffff 250px,#ddeeee 500px);
background: linear-gradient(top,  #ffffff 250px,#ddeeee 500px);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddeeee',GradientType=0 );
 }
}