html {min-height:100%;}
body {background:#999; background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#EEE)); background: -moz-linear-gradient(top, #999, #EEE 100%); font-family:arial;}

#page {width:960px; margin:40px auto; background:#FFF; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; box-shadow: 0px 0px 5px #999;}

/* HEADER */

#header {padding:10px 10px 25px 10px; overflow:auto;}
#header h1, #header h2 {color:#DDD; font-size:1px; width:50px;}
.frontpage #header #photo {float:left; margin-right:20px; height:284px; width:460px; background:#DDD url(http://files.richardthames.com/phi460.png);}
.frontpage #upper {float:left; height:84px; width:458px;}
.frontpage #topnav li {float:left; display:block; width:460px;}
.frontpage #topnav a:link, .frontpage #topnav a:active, .frontpage #topnav a:visited {display:block; height:35px; border-top:1px #CCC solid; border-bottom:1px #CCC solid; margin-top:10px; color:#000; text-decoration:none; padding-top:3px; font-weight:bold; font-size:20px;}
.frontpage #topnav a:hover {background:#FAFAFA; background: -webkit-gradient(linear, 0 0, 100% 0, from(#FAFAFA), to(#EEE)); background: -moz-linear-gradient(left, #FAFAFA, #EEE 100%);}
.frontpage #topnav .description {display:block; font-size:10px; color:#999; font-weight:normal;}
.otherpage #header #photo {float:left; margin-right:20px; height:136px; width:220px; background:#DDD url(http://dl.dropbox.com/u/3893883/phi220.png);}
.otherpage #upper {float:left; height:105px; width:458px;}
.otherpage #topnav {float:left; width:700px; border-bottom:1px #CCC solid;}
.otherpage #topnav li {float:left;}
.otherpage #topnav a:link, .otherpage #topnav a:active, .otherpage #topnav a:visited {display:block; float:left; margin-right:10px; color:#000; text-decoration:none; padding:5px; font-weight:bold; font-size:20px;} 
.otherpage #topnav a:hover {background:#FAFAFA; background: -webkit-gradient(linear, 0 0, 100% 0, from(#FAFAFA), to(#EEE)); background: -moz-linear-gradient(left, #FAFAFA, #EEE 100%);}
.otherpage #topnav .description {display:none;}

/* SPLASH */

#splash {background:#EEE; padding:10px; overflow:auto; background:#EEE; background: -webkit-gradient(linear, 0 0, 100% 0, from(#EEE), to(#FAFAFA)); background: -moz-linear-gradient(left, #EEE, #FAFAFA 100%); -moz-box-shadow: 0px 0px 15px #999; -webkit-box-shadow: 0px 0px 15px #999; box-shadow: 0px 0px 15px #999;}
#splash .slideshow {float:left; background:#EEE; height:140px; width:140px;}
#splash .slideshow img {background:#CCC; background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCC), to(#999)); background: -moz-linear-gradient(top, #CCC, #999 100%); border:1px #999 solid; padding:4px;}
#splash h2 {float:left; margin-left:20px; width:780px; font-size:30px;}
#splash p {float:left; margin-left:20px; padding:5px 0px; width:780px; font-size:18px; line-height:1.3; color:#666; font-style:italic; text-align: justify; text-justify:newspaper;}

#splash a:link, #splash a:active, #splash a:visited {color:#666; text-decoration:underline;}
#splash a:hover {color:#000; text-decoration:underline;}

/* CONTENT */
#content {padding:25px 10px;}
#content.welcome {padding:15px 0px;}


/* FOOTER */

#footer {padding:10px; color:#999; font-size:12px; background:#EEE; padding:10px; overflow:auto; background:#EEE; background: -webkit-gradient(linear, 0 0, 100% 0, from(#EEE), to(#FAFAFA)); background: -moz-linear-gradient(left, #EEE, #FAFAFA 100%); -moz-box-shadow: 0px 0px 15px #999; -webkit-box-shadow: 0px 0px 15px #999; box-shadow: 0px 0px 15px #999;}


/* HOMEPAGE */
#tumblr_posts {width:960px; overflow:auto;}
#tumblr_posts .post {float:left; height:136px; width:220px; padding:10px;}

#tumblr_posts .random a:link, #tumblr_posts .random a:active, #tumblr_posts .random a:visited, #tumblr_posts .random a:hover {display:block; height:136px; width:220px; background:#EEE url(http://files.richardthames.com/tumblr-random-bg.png);}

#tumblr_posts .video a:link, #tumblr_posts .video a:active, #tumblr_posts .video a:visited, #tumblr_posts .video a:hover {display:block; height:136px; width:220px; background:#EEE url(http://files.richardthames.com/tumblr-video-bg.png);}
#tumblr_posts .photo a:link, #tumblr_posts .photo a:active, #tumblr_posts .photo a:visited, #tumblr_posts .photo a:hover {display:block; height:136px; width:220px; background:#EEE;}
#tumblr_posts .audio .inner {height:136px; width:220px; background:url(http://files.richardthames.com/tumblr-music-bg.png) center center no-repeat;}
#tumblr_posts .audio .inner a:link, #tumblr_posts .audio .inner a:active, #tumblr_posts .audio .inner a:visited, #tumblr_posts .audio .inner a:hover {display:block; height:102px;}
#tumblr_posts .audio embed {display:block; margin-left:6px;}
#tumblr_posts .post a:link, #tumblr_posts .post a:active, #tumblr_posts .post a:visited, #tumblr_posts .post a:hover {color:#FFF; font-weight:bold; text-decoration:none;}
#tumblr_posts .post a:link p, #tumblr_posts .post a:active p, #tumblr_posts .post a:visited p, #tumblr_posts  .post a:hover p {padding:5px; background:url(http://files.richardthames.com/b50.png);}

#content.playlist {overflow:auto;}
#content.playlist .largeplaylist {float:left;}
#content.playlist .smallplaylist {float:right; margin-bottom:20px;}
#content.playlist .lastsmallplaylist {float:right;}