body {
margin: 0; padding: 0;
background: url(content/bk.gif);
font: 12px Arial, Verdana;
text-align: center;
}
input {
font: 11px Arial, Verdana;
border: 2px solid #ccc;
}
a{
text-decoration: underline;
color:#06C;
}
a:visited, a:active{ color: #06C; }
a:hover{ 
text-decoration:underline;
color:#000;
}

H2 {
	padding-top: 5px;
	padding-right: 5px;
	font-family: "Trebuchet MS";
	letter-spacing: -0.05em;
	display: compact;
	color: #094EFF;
	font-size: 22px;
	line-height: 22px;
}
.player {
	padding-top: 5px;
	padding-right: 5px;
	font-family: "Trebuchet MS";
	letter-spacing: -0.05em;
	display: compact;
	color: #666;
	font-size: 22px;
	line-height: 22px;
}
.doty { background: url(content/doty.gif) repeat-y; }
div#content { width: 778px; height: 100%; background-color: #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: left; }
div#head { height: 198px; width: 778px; background: url(content/logo-bk.gif) repeat-x; background-position: 0 0;}
div#head H1{ width: 432px; height: 167px; margin: 0; padding: 0; background: url(content/logo-jessica-simpson.jpg) no-repeat 0 0; text-indent: -99999px;}
div#nav { height: 28px; background-color: #332F18; border-top: 3px solid #FFE702; }
div#nav ul { margin: 0; padding: 18px; }
div#nav ul, div#nav li { display: inline; margin: 0; list-style-type: none;}
div#nav a:link,div#nav a:visited { float: left; font:9px verdana; font-weight:bold; color: #fff; text-transform:uppercase; padding: 8px 15px 8px 15px; text-decoration: none; background-color: #332F18;}
div#nav a:hover { background: #FFE702; padding: 8px 15px 8px 15px; color:#000;}

div#box { padding: 3px; margin: 0; background: url(content/dotx.gif) repeat-x bottom 0; }
div#box .title { font-weight: bold;	font-size: 12px;	MARGIN: 0px; FONT-FAMILY: arial, geneva; color: #CC0000; letter-spacing: 1px; padding-bottom: 6px; display: block; }
div#box .more { FONT-SIZE: 11px; MARGIN: 0px; PADDING: 0px; FONT-FAMILY: arial, geneva; color: #003399; height: 26px; text-decoration: none;}
div#box .more:hover { color: #003399; text-decoration: underline; }
div#box .transp { 	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
div#footer { height: 55px; width: 778px; border-top: 3px solid #FF8503; background-color: #332F18;}
div#footer .copy { color: #FFF; margin: 0; padding: 13px; font:11px verdana;}
div#footer a:link,div#footer a:visited { float: left; font:11px verdana; text-decoration: none; color:#FFF;}
div#footer a:hover { color:#000; }

/* imported */
#showthumbs ol { width: 100%;  /* room for 3 columns */ text-align: left}
#showthumbs ol li
{
  float: left;
  width: 11em;  /* accommodate the widest item */
  padding-bottom: 10px;
  text-align: left;
  list-style-type: none;
  
}
#showthumbs div.wrapper { margin-bottom: 1em; }
#showthumbs .thumbs { border: 1px solid #000; }
#showthumbs a { display: block; border: 3px solid #f2f2f2; width: 100px; }
#showthumbs a:hover { display: block; border: 3px solid #0066cc; width: 100px; }
/* end  */

/* show albums page / store */
#showalbums ol { width: 28em; /* room for 3 columns */ text-align: right}
#showalbums ol li
{
  float: left;
  height: 140px;
  width: 28em;  /* accommodate the widest item */
  padding-bottom: 10px;
  text-align: left;
  list-style-type: none;
  font: 11px verdana;
  
}
#showalbums div.wrapper { margin-bottom: 0em; }
#showalbums .thumbs { padding: 5px; }
#showalbums .title { font: 12px verdana; padding-bottom: 4px; font-weight:bold; }
#showalbums a { display: block; border: 0px solid #111900; font: 11px verdana; color: #000; width: 100%; text-decoration: none;}
#showalbums a:hover { display: block; border: 1px solid #FFF; text-decoration: none;}
/* end  */

/* BreadCrumb */
.breadcrumb{ font: normal 10px Verdana, Helvetica, sans-serif; color: #666;}

.breadcrumb a{
background: transparent url(content/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 16px; 
color: #ccc;
}
.breadcrumb a:visited, .breadcrumb a:active{ color: #000; }
.breadcrumb a:hover{ text-decoration: underline; }
/* END BREAD CRUMB */

#outframe { 
font: 11px arial;
width: 780px;
height: 50px;
text-align: right;
padding-top: 5px;
}
#outframe .link { FONT-SIZE: 11px; MARGIN: 0px; PADDING: 2px; FONT-FAMILY: arial, geneva; color: #FFF; height: 18px; text-decoration: none; background-color: #000; }
#outframe .link:hover { color: #FFF; text-decoration: underline; }

#vidlist {
TEXT-TRANSFORM: capitalize;
font: normal 11px Arial, Verdana, Helvetica, sans-serif; color: #666;
display: block;

}
#vidlist ul {
margin-left: 14px;
padding-left: 14px;
}
#vidlist ul li {
list-style:square url(content/video.gif);
display: block;
height: 15px;
}
#vidlist a{
padding: 1px;
text-decoration: none;
color:#06C;
}

#vidlist a:visited, a:active{ color: #666; }
#vidlist a:hover{ 
padding: 1px;
text-decoration:none;
color:#FFF;
background-color:#06C;
}

.news {
font-family: "Arial, Verdana, Trebuchet MS";
color: #003399;
font-size: 12px;
text-decoration: none;
width: 100%;
display: block;
text-transform: capitalize;
font-weight:bold;
background: url(content/dotx.gif) repeat-x bottom 0;
}
.pubdate {
font-family: "Verdana, Arial, Trebuchet MS";
color: #328200;
font-size: 10px;
text-decoration: none;
font-weight:bold;
}
.sharevid { font-weight: bold;	font-size: 9px;	MARGIN: 0px; TEXT-TRANSFORM: uppercase;	FONT-FAMILY: verdana, geneva; color: #CC0000; letter-spacing: 1px; padding-bottom: 6px; display: block; }
.dotx { padding: 3px; margin: 0; background: url(content/dotx.gif) repeat-x bottom 0; }
