/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
background:#FFF url('stars_shapes.gif') no-repeat top left;
}

a {text-decoration:none;color:#0066CC;}
a:visited {text-decoration:none;color:#0066CC;}
a:hover {text-decoration:none;color:#0066CC;}
a:active {text-decoration:none;color:#0066CC;}

#container {
width:960px;
margin:0 auto;
}

#inner {
margin-top:100px;
width:960px;
padding:10px;
border:1px solid black;
background:#EEE;
}

#main {
background:#FFF;
}

#header {
width:100%;
float:left;
background:#161310 url('tape.gif') no-repeat center right;
}

.header_inner {
padding:20px 20px 20px 20px;
}

#logo {
margin:0;
padding:0;
color:#FFF;
letter-spacing:-2px;
font-family:Cambria;
}

#logo h1 {
margin:0;
padding:0;
float:left;
font-size:6.5em;
font-weight:normal;
color:#E5E0A5;
}

#logo h2 {
margin:0;
padding:0;
float:left;
font-size:3.5em;
font-weight:normal;
}

#logo h3 {
margin:0;
padding:0;
float:left;
font-size:2em;
font-weight:normal;
}

#header .descr {
padding-top:10px;
text-align:justify;
letter-spacing:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:150px;
float:right;
line-height:.9em;
display:block;
font-size:.8em;
color:#999;
font-weight:normal;
}

.spacer5 {float:left;width:5px;list-style:none;}
.spacer10 {float:left;width:10px;list-style:none;}
.spacer15 {float:left;width:15px;list-style:none;}
.vspacer20 {clear:both;display:block;height:20px;}

#content {
clear:both;
padding:35px 15px 150px 15px;
text-align:justify;
color:#777;
}

#content ul {
margin:0;
padding:0;
}

#content ul li.panel {
list-style:none;
float:left;
border:1px solid #CCC;
width:280px;
padding:7px;
background:#EEE;
}

#content ul li#photopanel {
width:290px;
}

#content ul li.panel .top {
font-family:Cambria;
background:#DDD;
padding:0px 10px;
font-size:2em;
color:#333;
letter-spacing:-2px;
}

#content ul li.panel .bottom {
background:#FFF;
padding:10px 10px 30px 10px;
margin:0;
}

.clearer {
clear:both;
line-height:0;
}

.sincerely {
float:right;
text-align:left;
padding-right:50px;
}
.sincerely .sig {
font-family:"Kunstler Script", "Palace Script MT", Vivaldi;
font-size:2.5em;
color:#333;
}
.opener {
width:650px;
margin:0 auto;
}

ul.music, ul.photos, ul.videos {
margin:0;
padding:0;
}

ul.music li, ul.photos li, ul.videos li {
list-style:none;
margin:0;
padding:0;
}

ul.music li.header, ul.photos li.header, ul.videos li.header {
color:#666;
width:210px;
font-size:1.2em;
letter-spacing:-1px;
background:none;
margin:15px 0px 5px 0px;
padding:5px 10px;
border-bottom:0px solid #D0D0D0;
line-height:.93em;
text-align:left;
}

ul.music li, ul.photos li, ul.videos li {
font-size:.8em;
padding:5px 0px 0px 10px;
}

ul.photos li {
padding:5px 0px 0px 5px;
}

ul.music li img {
display:none;
}

ul.photoset li {
padding:0px !important;
}

ul.photoset {
width:265px;
}

ul.music li.header {
padding-left:35px;
background:#EFEFEF url('mic.gif') no-repeat left center;
}

ul.photos li.header {
padding-left:35px;
background:#EFEFEF url('camera.gif') no-repeat left center;
}

ul.videos li.header {
padding-left:35px;
background:#EFEFEF url('vid.gif') no-repeat left center;
}

ul.music li a {color:#CC0000;}
ul.photos li a {color:#CC0000;}
ul.videos li a {color:#CC0000;}

ul.music li a:hover {color:#666;}
ul.photos li a:hover {color:#666;}
ul.videos li a:hover {color:#666;}

li.text { 
background:none !important;
text-align:left;
}

ul.photos li ul {
margin-top:20px !important;
}

ul.photos li ul li {
float:left;
width:80px;
height:80px;
overflow:hidden;
background:none !important; 
margin:2px;
}

ul.photos li ul li img {
/*margin-left:-75px;
margin-top:-75px;
width:200px;*/
}

#footer {
text-align:center;
padding:10px;
display:block;
width:960px;
font-size:.8em;
color:#999;
}

.new {
color:#9933CC;
font-size:.8em;
font-variant:small-caps;
}