<title>Bobbys SingSnap Page3</title>
</head>
<body>
*
{
padding: 0;
margin: 0;
}
img
{
border: none;
}
body
{
text-align: center;
font-family: Papyrus;
line-height: 1.4em;
font-size: 14pt;
font-weight: bold;
color: #9400D3;
background: #000000 url('http://i52.photobucket.com/albums/g15/bobbyw_photos/dianakelliejosh.jpg')
no-repeat center center fixed;
background-size: 100%;
scrollbar-face-color: #9400D3;
scrollbar-highlight-color: #9400D3;
scrollbar-3dlight-color: #9400D3;
scrollbar-darkshadow-color: #9400D3;
scrollbar-shadow-color: #9400D3;
scrollbar-arrow-color: #9400D3;
}
/* addon under background */
/* zigs idle everything */
#background
{
background: url('#000000')
no-repeat right top fixed;
background-size: 100%;
}
#wrapper
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 800px;
}
#toparea #notification_area
{
display: none;
}
#toparea #notification_area p
{
display: none;
}
#toparea #notification_area p a
{
background: transparent url() no-repeat left;
color: #9400D3;
text-decoration: none;
}
#toparea #notification_area p a:hover
{
text-decoration: underline;
}
#toparea
{
height: 157px;
width: 800px;
background: url('') no-repeat left top;
}
#toparea ul
{
margin-top: 107px;
list-style: none;
float: right;
}
#toparea ul li
{
background: transparent url() no-repeat left;
width: 160px;
height: 50px;
float: left;
text-align: center;
margin-left: 5px
}
#toparea ul li a
{
background: transparent url() no-repeat left;
text-transform: uppercase;
font-family: "Papyrus";
font-size: 6pt;
font-weight: bold;
color: #9400D3;
text-decoration: none;
line-height: 40px;
display: block;
}
#toparea ul li a:hover
{
text-decoration: underline;
color: #9400D3;
}
#toparea ul li#current_top
{
background: transparent url() no-repeat left;
}
#toparea ul li#current_top_dynamic
{
background: transparent url() no-repeat left;
width: auto;
color: #000000
}
#toparea ul li#current_top_dynamic a
{
background: transparent url() no-repeat left;
width: auto;
color: #000000;
/*margin-left: -10px;*/
padding-left:15px; padding-right:15px; padding-top:0px;
padding-bottom:6px
}
#toparea ul li#current_top_dynamic a:hover
{
text-decoration: underline;
color: #9400D3;
}
#toparea ul li#current_top a
{
background: transparent url() no-repeat left;
color: #9400D3;
}
#toparea ul li#current_top a:hover
{
color: #9400D3;
}
#submenu
{
width: 780px;
padding-left: 10px;
height: 38px;
background: transparent url('') no-repeat left top;; margin-
left:2px; margin-right:2px; margin-top:10px; margin-bottom:30px
}
#submenu ul
{
height: 28px;
padding-right: 10px;
background: transparent url('') no-repeat right top;; list-
style-type:none
}
#submenu ul li
{
float: left;
height: 28px;
text-align: center;
margin: 0 13px;
}
#submenu ul li a
{
text-transform: uppercase;
font-family: "Papyrus";
font-size: 8pt;
font-weight: bold;
color: #9400D3;
text-decoration: none;
line-height: 28px;
display: block;
}
#submenu ul li a:hover
{
text-decoration: underline;
color: #9400D3;
}
#submenu ul li#current_sub
{
background: transparent url('') no-repeat left top;
padding-left: 10px
}
#submenu ul li#current_sub a
{
background: transparent url('') no-repeat right top;
color: #9400D3;
padding-right: 20px
}
#submenu ul li#current_sub a:hover
{
text-decoration: underline;
color: #9400D3;
}
#logo
{
display: none;
}
#content h1
{
font-size: 8pt;
/*color: #9400D3;*/
color: #000000;
font-family: "Papyrus";
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px solid #9400D3;
}
#content h2
{
font-size: 12pt;
font-family: "Papyrus";
font-weight: bold;
/*color: #9400D3;*/
color: #9400D3;
}
#content p
{
margin-bottom: 15px;
}
/**/
/**/
* html fieldset
{
margin-top: 2em;
}
.nform fieldset
{
position: relative;
padding-top:.75em;
padding: 0 25px 10px 25px;
margin-bottom: 15px;
overflow: visible;
border: none;
border-top: 1px solid #9400D3;
background: transparent;
}
.nform legend
{
position:absolute;
top: -.7em;
left: .5em;
padding: 1px 10px;
color: #9400D3;
background: transparent;
font-weight: bold;
font-family: "Papyrus";
font-size: 12pt;
text-transform: uppercase;
}
.nform label.first
{
margin-top: 1em;
}
* html .nform label.first
{
margin-top: 2em;
}
.nform label
{
clear: both;
float: left;
display: block;
width: 13em;
margin-top: -1em;
font-weight: bold;
font-family: "Papyrus";
color: #9400D3;
}
.nform input, .nform textarea, .nform select, .nform object
{
position: relative;
top: -1.4em;
left: 13em;
display: block;
font-size: 1em;
font-weight: normal;
font-family: "Papyrus";
border: 1px solid #9400D3;
padding: 3px;
color: #9400D3;
}
.nform .button
{
border: 2px solid #9400D3;
background: transparent;
color: #9400D3;
font-weight: bold;
padding: 1px 3px;
position: relative;
top: 0;
left: 13em;
display: block;
}
.nform input[type="hidden"]
{
display: none;
}
.nform select > option
{
padding-right: 15px;
}
.ajax_indicator
{
float: right;
margin: 4px 4px 0 0;
display: none;
}
#content .error_explanation ul
{
margin-left: 0;
padding: 3px;
list-style: none;
background: transparent;
font-weight: bold;
color: transparent;
}
.nform .field_with_errors
{
border: 2px solid #9400D3;
}
.message
{
color: #9400D3;
font-weight: bold;
padding: 10px 10px 10px 60px;
line-height: 32px;
font-size: 13pt;
}
.alert
{
background: transparent url('') no-repeat left top;
}
.notice
{
background: transparent url('') no-repeat left top;
}
.odd
{
background: transparent url('') repeat left top;
}
.even
{
background-color: transparent;
}
a:link
{
color: #9400D3;
}
a:visited
{
color: #9400D3;
}
a:hover
{
color: #9400D3;
text-decoration: none;
}
.smalltext
{
font-size: 10px;
}
#footer
{
display: none;
}
#footer p
{
margin-top: 10px;
float: left;
font-size: 10px;
color: #9400D3;
font-weight: bold;
line-height: 1.6em;
}
#footer a:link
{
color: #9400D3;
}
#footer a:visited
{
color: #9400D3;
}
#footer a:hover
{
color: #9400D3;
}
#footer img
{
float: right;
margin-top: 5px;
margin-left: 10px;
}
#wrapper_lower
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 800px;
color: #000000;
height: 10px;
}
#licensing_logos
{
display: none;
}
* html #licensing_logos {padding: 8px 0px 0px 523px;}
#content ul, #content ol
{
margin: 0 0 15px 25px;
}
#content .results
{
margin-bottom: 15px;
width: 100%;
}
#content .results th, #content .results td
{
padding: 4px 8px;
border-bottom: 3px solid #9400D3;
}
#content .results th
{
background: #9400D3 url('') repeat-x left top;
color: transparent;
}
.unread, .highlight
{
background: transparent;
}
.button-box
{
height: 37px;
margin-bottom: 15px;
background: transparent url('') no-repeat right top;
}
.button-box p
{
line-height: 37px;
background: transparent url('') no-repeat left top;
font-weight: bold;
}
.button-box p a, .button-box p span
{
background-repeat: no-repeat;
background-position: 13px 50%;
text-decoration: none;
color: #9400D3;
padding-left: 37px;
}
.button-box p a:hover
{
color: #9400D3;
}
/* PAGINATION */
.pagination_wrap
{
background: transparent;
padding: 8px 0;
margin-bottom: 15px;
}
.pagination_wrap a
{
text-decoration: none;
}
.pagination_wrap a:hover
{
text-decoration: underline;
}
.pagination_links
{
float: left;
text-align: center;
width: 470px;
font-size: 12pt;
font-weight: bold;
}
.pagination_links span
{
font-size: 13pt;
color: #9400D3;
margin: 0 3px;
}
.pagination_links a
{
margin: 0 2px;
}
.pagination_previous
{
float: left;
width: 80px;
text-transform: uppercase;
font-family: "Papyrus";
font-size: 13pt;
font-weight: bold;
color: #9400D3;
background: url('') no-repeat left 50%;
padding-left: 66px;
margin-left: 4px
}
.pagination_next
{
float: right;
width: 80px;
text-transform: uppercase;
font-family: "Papyrus";
font-size: 13pt;
font-weight: bold;
color: #9400D3;
background: url('') no-repeat right 50%;
padding-right: 66px;
margin-right: 4px;
text-align: right
}
#content div.cloud
{
text-align: center;
}
#content div.cloud p
{
line-height: 34px;
}
#content div.cloud p a
{
margin: 0 10px;
}
#content div.cloud p a.cloudsize_1{: 10pt; red-space:nowrap;}
#content div.cloud p a.cloudsize_2{font-size: 13pt; red-
space:nowrap;}
#content div.cloud p a.cloudsize_3{font-size: 12pt; red-
space:nowrap;}
#content div.cloud p a.cloudsize_4{font-size: 12pt; red-
space:nowrap;}
#content div.cloud p a.cloudsize_5{font-size: 12pt; red-
space:nowrap;}
#content div.cloud p a.cloudsize_6{font-size: 12pt; red-
space:nowrap;}
#content div.cloud p a.cloudsize_7{font-size: 12pt; red-
space:nowrap;}
#content div.recordings_left_col
{
margin-top: 10px;
float: left;
width: 375px;
}
#content div.recordings_right_col
{
margin-top: 10px;
margin-left: 390px;
width: 375px;
}
#content div.recording
{
height: 125px;
width: 365px;
margin-bottom: 15px;
padding: 5px;
}
#content div.recording h2
{
margin-bottom: 5px;
}
#content div.recording div.recording_image
{
float: left;
border: 1px solid #9400D3;
margin-top: 5px;
}
#content div.recording div.recording_info
{
margin-left: 130px;
}
#content div.recording div.recording_info img.play_button
{
float: right;
margin: 60px 5px 0 0;
}
#recording_step_display
{
margin-bottom: 15px;
background: transparent;
text-align: center;
height: 75px;
}
#recording_step_display p
{
background: transparent;
color: #9400D3;
padding: 3px 0;
}
#recording_step_back
{
float: left;
background: url('') no-repeat left top;
margin-left: 10px;
padding-left: 69px;
line-height: 23px;
font-weight: bold;
color: #9400D3
}
#recording_step_forward
{
float: right;
background: url('') no-repeat right top;
margin-right: 10px;
padding-right: 69px;
line-height: 23px;
font-weight: bold;
color: #9400D3
}
.recording_play_link
{
background: url('') no-repeat left 50%;
font-weight: bold;
padding-left: 12px
}
.recording_record_link
{
background: url() no-repeat left 50%;
font-weight: bold;
padding-left: 18px
}
.intro
{
padding: 10px;
min-height: 120px;
background: transparent;
background-position: 600px 10px;
background-repeat: no-repeat;
border-top: 1px solid #9400D3;
border-bottom: 3px solid #9400D3;
border-left: 3px solid #9400D3;
border-right: 3px solid #9400D3;
margin-bottom: 15px;
}
* html .intro
{
height: 120px;
}
.intro h1, .intro p
{
width: 575px;
}
.box a
{
font-weight: bold;
margin-left: 37px;
line-height: 32px;
}
.box a
{
font-weight: bold;
margin-left: 37px;
line-height: 32px;
}
/* MEMBER COMMENTS, MESSAGES ETC */
#comments_wrapper
{
margin-bottom: 15px;
}
.default_comment_area, .you_comment_area, .owner_comment_area,
.highlight_comment_area
{
padding: 10px;
clear: both;
}
.default_comment_area
{
font-family: Papyrus;
line-height: 1.4em;
: 12pt;
font-weight: bold;
color: #9400D3;
background: url('') repeat-x left top;
}
.you_comment_area
{
font-family: Papyrus;
line-height: 1.4em;
: 12pt;
font-weight: bold;
color: #9400D3;
background: url('') repeat-x left top;
}
.owner_comment_area
{
font-family: Papyrus;
line-height: 1.4em;
font-size: 12pt;
font-weight: bold;
color: #9400D3;
background: url() repeat-x left top;
}
.highlight_comment_area
{
font-family: Papyrus;
line-height: 1.4em;
font-size: 12pt;
font-weight: bold;
color: #9400D3;
background: url('') repeat-x left top;
}
div.default_comment_area h2, div.you_comment_area h2,
div.owner_comment_area h2, div.highlight_comment_area h2
{
margin-left: 72px;
}
div.default_comment_area img.avatar, div.you_comment_area
img.avatar, div.owner_comment_area img.avatar,
div.highlight_comment_area img.avatar
{
border: 3px solid #9400D3;
float: left;
}
div.default_comment_area div.comment, div.you_comment_area
div.comment, div.owner_comment_area div.comment,
div.highlight_comment_area div.comment
{
margin-left: 72px;
}
div.default_comment_area div.comment p.options,
div.you_comment_area div.comment p.options,
div.owner_comment_area div.comment p.options,
div.highlight_comment_area div.comment p.options
{
text-align: right;
font-size: 10px;
}
div.default_comment_area div.comment p.options a,
div.you_comment_area div.comment p.options a,
div.owner_comment_area div.comment p.options a,
div.highlight_comment_area div.comment p.options a
{
margin: 0 8px;
padding: 2px 0px 2px 18px;
background-repeat: no-repeat;
}
blockquote
{
margin-left: 20px;
margin-bottom: 15px;
border: 3px dashed #9400D3;
padding: 5px;
font-style: italic;
}
cite
{
display: block;
}
.standard-form fieldset
{
padding: 0 25px 10px 25px;
margin-bottom: 15px;
border: none;
border-bottom: 3px solid #9400D3;
border-top: 3px solid #9400D3;
border-left: 3px solid #9400D3;
border-right: 3px solid #9400D3;
background: transparent url('') repeat left top;
}
.standard-form legend
{
padding: 1px 5px;
color: transparent;
background: transparent url('') repeat left top;
border-bottom: 2px solid #000000;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
font-weight: bold;
font-family: "Papyrus";
font-size: 12pt;
text-transform: uppercase;
}
.standard-form dl
{
margin-top: 15px;
}
.standard-form dt
{
clear: both;
float: left;
width: 180px;
text-align: right;
}
.standard-form dt label, .standard-form dt .label
{
font-weight: bold;
font-family: Papyrus;
color: #9400D3;
margin-right: 10px;
}
.hidden
{
display: none;
}
.standard-form dd
{
margin-bottom: 5px;
}
.standard-form dd input, .standard-form dd textarea, .standard-
form dd select, .standard-form dd object
{
font-size: 1em;
font-weight: normal;
font-family: Papyrus;
border: 1px solid #000000;
padding: 3px;
color: #9400D3;
}
.standard-form .button
{
margin-left: 180px;
border: 3px solid #000000;
background: transparent url('') repeat left top;
color: #9400D3;
font-weight: bold;
padding: 1px 3px;
font-family: Papyrus;
font-size: 12pt;
}
.standard-form input[type="hidden"]
{
display: none;
}
.standard-form select > option
{
padding-right: 15px;
}
.standard-form .field_with_errors
{
border: 3px solid #000000;
}
#player
{
background: url('') repeat-x left top;
}
</body>
</html>
</PRE></BODY></HTML>
</PRE></body></HTML>