* { margin: 0; padding: 0; }

body { font-family: Verdana, "Lucida Grande", sans-serif; font-size: .8em; }

#header { margin: 10px 14px 14px 14px; height: 40px; color: #999; font-size: smaller; }
#tabs { margin-bottom: 16px; }
#content { margin: 0; padding: 0 34px 8em 34px; }
#footer { font-size: smaller; padding: 10px 15px; background-color: #ddd; }
#footer { position: fixed; z-index: 2; top:-999; bottom: 0; left: 0; right: 0; background-color: #ddd; border-top: 1px solid #999;}
#copyright { position: fixed; top:-999; bottom: 0; right: 0; text-align: right; padding: 3px; font-size: x-small; color: gray; }

#logo { background-image: url('http://static.foneshow.com/art/foneshow.199x33.png'); position: absolute; top: 15px; left: 15px; z-index: 10; width: 199px; height: 33px; color:#666; text-decoration: none; }
#search_form { position: relative; float: right; z-index: 10; margin-right: 140px; margin-top: 10px; text-align: center; } 
#publish { position: absolute; top: 0; right: 0; z-index: 5; width: 140px; text-align: right; border: none; }
#publish img:hover { width: 134px; height: 109px; }

#login { font-size: 1em; }
#login h2 { margin-bottom: .5em; }
#login input { font-size: 100%; }
#login .forgot { font-size: smaller; }

#tabs_block { margin-top: 1em; padding-top: 5px; margin-bottom: 10px; }
#tabs_block ul { margin: 0; padding: 0 4px 3px 10px; background: url(/art/tab_bottom.8.gif) repeat-x bottom; white-space: nowrap; }
ul#tabnav li { display: inline; margin: 0; padding: 0; }
ul#tabnav a:link, #tabnav a:visited { background: #ddd; padding: 2px 6px 2px 6px; margin-right: 4px; border: 1px solid #aaa; border-bottom-style: none; text-decoration: none; color: #c00; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 10px 5px; -webkit-border-top-right-radius: 10px 5px; }
ul#tabnav a:hover { color: white; background: #99c; }
ul#tabnav a:link.active, #tabnav a:visited.active { border-color: #666; border-bottom: 1px solid #fff; background: #fff; color: #000; }

h1, h2, h3, h4, p { margin-top: 0; margin-bottom: 1em; }
h1 { font-size: 150% }
h2 { font-size: 120% }
h3 { font-size: 100%; margin-top: 1.5em; }

li, dt, dd { margin-bottom: .5em }
li { margin-left: 2em }
dd { margin-left: 1em }

a { text-decoration: none; color: #c00; }

img { border: none; }

dd { padding-bottom: 1em }

.separator { font-weight: bold; background-color: #ccc; padding: 2px; }

.license { font-size: smaller; border: 1px gray solid; margin: 15px; padding: 5px; background: #ddd; }
.license h2 { margin-bottom: 5px; }
.license p { margin: 0 0 5px 0; }

.hed { color: #666; font-weight: bold; margin-top: 5px; padding-bottom: 5px; }
.hed a { text-decoration: none; color: #c00; }

.form_box { background-color: #ddd; max-width: 600px; }
form td { padding: 2px }
.form_box .comment { color: #666; }
.form_box td { max-width: 500px; }
.form_help { font-weight: normal; color: gray; max-width: 500px; }

.hed { font-weight: bold; margin-top: 5px; margin-bottom: 2px; }
.hed a { text-decoration: none; color: #c00; }

p.about { margin: 0; font-size: smaller; color: gray; }

.menu a { color: #c00; text-decoration: none; }
.menu a.active { color: #000; }

ul.nav { color: #666; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; }
ul.nav li { margin: 0; padding: 0; display: inline; }
ul.nav li.category { font-weight: bold; margin-bottom: .5em; display: block; }
ul.nav li a { text-decoration: none; }
ul.nav li a.active { color: black }

ul.genres { list-style-type: none; background-color: #aaa; margin-bottom: 10px; }
ul.genres li { background-color: #fff; color: black; margin: 1px 0; padding: 0; font-size: 11px; }
ul.genres li.category { padding: 1px 2px; background-color: #eee; font-weight: bold; color: #666; }
ul.genres li a { display: block; width: 193px; padding: 1px 0 1px 7px; color: #c00; text-indent: 7px; text-decoration: none; }
ul.genres li.menuList a { width: 200px; padding-left: 0; text-indent: 0; }
ul.genres li.category a { padding-left: 0; text-indent: 0; }
ul.genres li a.active { color: black }
ul.genres li a:hover { background: #c6c6ee }

ul.tabs li { color: black; margin: 0; padding: 0; font-size: 12px; }
ul.tabs li a { padding-left: 0; width: 160px; background-color: #eee; border: 1px #eee solid; border-right: 1px #aaa solid; }
ul.tabs li a.active { border: 1px #aaa solid; border-right: none; background-color: white; }

label.in_field { position: absolute; padding-left: 4px; padding-top: 2px; color: gray; visibility: hidden; }

.button, input[type=submit] { padding: 2px 4px; font-weight: normal; font-size: 100%; text-decoration: none; white-space: nowrap; color: black; background-color: #bbb; border: 1px #ddd solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer;}

.button:hover { background-color: #aaa; border: 1px #666 solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; }
.disabled, input[type=submit].disabled { color: #666; }

.scroller_label { padding: 0; margin: 0; margin-top: 1em; clear: both; }
.side_scroller { position: relative; margin: 0 -34px; height: 100px; overflow: hidden; text-align: right; }
.left_arrow { position: relative; z-index: 2; float: left; height: 100px; width: 44px; cursor: pointer; display: none; }
.right_arrow { position: relative; z-index: 1; height: 100px; width: 54px; cursor: pointer; }
.slider { position: absolute; z-index: 0; display: inline; left: 34px; border-collapse: collapse; }

.subscribe_box { 
	float: left; 
	margin: 5px 10px 5px 0; padding: 3px; width: 200px; 
	background-color: #eee; border: solid #ccc 3px; cursor: pointer; 
}
.subscribe_box:hover { background-color: #fcc; border: solid #bbb 3px; }
.subscribe_box h3 { margin-top: 0; }
.subscribe_box table { width: 100%; }
.subscribe_box div { height: 32px; width: 100%; text-align: left; margin-bottom: 14px; overflow: hidden; }
.subscribe_box img { width: 60px; height: 60px; border: none; margin: 3px; }

ul.cloud { 
	border: 3px solid #ddd; margin: .5em 0 1.5em 320px; 
	text-align: center; background-color: #eee; 
}
ul.cloud li { display: inline; position: relative; padding: 0; margin: 0; line-height: 18px; }
ul.cloud li a { white-space: nowrap; display: inline; position: relative; padding: 2px; margin: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 10px 5px; }
ul.cloud li a:hover { background-color: #faa; }

.rounded { padding: 8px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 10px 5px; }
.rounded_top { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 10px 5px; -webkit-border-top-right-radius: 10px 5px; }
.rounded_bottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 10px 5px; -webkit-border-bottom-right-radius: 10px 5px; }

.featured { 
	border-top-left-radius: 5px; border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 10px 5px; -webkit-border-top-right-radius: 10px 5px; 
}
.alert_box { background-color: yellow; margin: 0 30px; }
.forgot_box { background-color: #fdd; padding: 20px; }
.register_box { background-color: #fdd; }
.register_box div, .register_box h3 { margin: 0; padding: 0; }
.about_box { margin: 0 80px 1em 0; background-color: #fcc; }

.big { font-size: larger; }
.small { font-size: smaller; }
.last { margin-bottom: 0; }

table.list td, table.list th { text-align: left; font-size: normal; font-weight: normal; padding: 3px .5em; }
table.list td { border-left: 1px #ccc solid; }
table.list td.first_col { border-left: 0; }
table.list a { text-decoration: none; color: #c00; }
table.list td .hed { margin-left: -.5em; }
#header_bar, #header_bar * { padding: 0; }
#alphabet a { text-decoration: none; color: #c00; }
table.admin td { padding: 1px .5em; }
table.no_lines td { border: 0; padding-bottom: 15px; }
table.series_list td { padding: 5px .5em; }

#instructions { clear: left; }
#instructions > table { margin: 16px; }
#instructions > table td.diagram { width: 33%; text-align: center; }

#blurb { margin: 0 0 30px 0; }

table#subscribe { clear: left; border-collapse: collapse; background-color: #ddd; }
table#subscribe > tr > td { padding: 10px; margin: 10px; }
table#subscribe td.first img { float: left; margin: 0 10px 10px 0; height: 80px; width: 80px; }
table#subscribe td#steps { padding: 1em; padding-left: 0; }

.show_detail img.series_icon { float: left; margin: 0 10px 10px 0; height: 100px; width: 100px; }

.step { 
	position: relative; height: 2em; 
	padding: .5em; padding-left: 2.75em;
	margin-bottom: .5em; margin-right: 0;
	overflow: hidden; 
	border: 1px solid #eee;
	color: #666;
}
.step table, .step table tbody, .step table td { padding: 0; }
.current { color: black; height: 5em; background-color: #fff; border-color: #ddd; }
.seen { height: 3em; }
#subscribe_form input { margin-left: 0; }
#step_1 { padding-left: 2.5em; }
#step_2 { margin-left: 1em; }
#step_3 { margin-left: 2em; }

.step_number { 
	position: absolute;
	top: -.25em; left: -5px;
	font-size: 4em;
	font-weight: bold; 
	color: #aaa;
}
.current .step_number { color: #abd; }
.step_hed { font-size: 1.5em; }
.step_hed input { font-size: 100%; }
.step_hed .forgot { font-size: 50%; }

label.in_field_low { position: absolute; padding-left: 4px; padding-top: 2px; color: gray; visibility: hidden; }

#press ul {	list-style-type: none; list-style: none; padding: 4px 0 0 0; text-indent: 12px; }