* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 130%;
    font-family:  "Trebuchet MS", Arial, sans-serif;
    color: #141414;
    background: #fff;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

a { color: #18b2bc; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }
a.img { float: left; display: inline; width: 94px; margin-right: 7px; }
a.img img { padding: 1px; border: 1px solid #a2a2a2; }

.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }

input.field {
	width: 187px;
	height: 20px;
	border: 0;
	background: url(../images/field.gif) no-repeat 0 0;
	padding: 3px  3px  0 3px;
}

#shell { width: 977px; margin: 0 auto; }
h1#logo { float: left; display: inline; height: 108px; width: 336px; font-size: 0; line-height: 0; }
h1#logo a { display: block; background: url(../images/logo.gif); height: 108px; text-indent: -4000px; }
#header-content { float: left; display: inline; width: 615px; padding-left: 26px; color: #666;}

#header { height:166px; overflow:hidden; position:relative; }

.subscribe { float: right; padding: 11px 0 13px 100px; height: 15px; }

.subscribe a {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: right center;
	height: 15px;
	line-height: 15px;
	text-transform: uppercase;
	color: #666;
	text-decoration: none;
	padding-right: 20px;
}

.subscribe a:hover { color: #19bdcb; }
.subscribe span { display: inline-block; margin: 0 3px; line-height: 15px; height: 15px; }
.subscribe .my-space { background-image: url(../images/subscribe-myspace.gif); }
.subscribe .face-book { background-image: url(../images/subscribe-facebook.gif); }
.subscribe .rss { background-image: url(../images/subscribe-rss.gif); }

.sign-in form { padding-bottom: 13px; }
.sign-in label { float: left; display: inline; width: 68px; text-transform: uppercase; color: #666; line-height: 23px; }
.sign-in input.field { float: left; display: inline; margin-right: 12px; }

.sign-in .btn {
	float: left;
	display: inline;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	width: 65px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/btn-login.gif) no-repeat 0 bottom;
}

.sign-in .btn:hover { background-position: 0 0; }
.sign-in .register { display: inline-block; background: url(../images/questionmark.gif) no-repeat 0 0; padding-left: 20px; }
.navigation {  background: url(../images/navigation.gif) no-repeat 0 0; height: 48px; text-transform: uppercase; margin-bottom: 10px; }
.navigation ul {  list-style: none outside;  padding: 1px 0 2px;  float: left; display: inline; width: 1000px; }

.navigation li,
.navigation li a { float: left; display: inline; line-height: 45px; color: #666; text-decoration: none; }
.navigation li { background: url(../images/nav-border.gif) no-repeat right 0; }
.navigation a { padding: 0 24px; margin-right: 2px; }
.navigation a:hover, .navigation a.active { background: #252525; color: #fff; }
.navigation .leader:hover, 
.navigation a.active { background: #252525 url(../images/nav-leader.gif) no-repeat 0 0; }

.search { float: left; display: inline; padding: 12px 0 0 45px; width: 295px; }
.search label { float: left; display: inline; width: 50px; text-transform: uppercase; line-height: 23px; color: #666; }
.search .field { margin-right: 10px; }
.search .btn {
	float: left;
	display: inline;
	width: 31px;
	height: 23px;
	line-height: 23px;
	background: url(../images/btn-search.gif) no-repeat 0 0;
	text-align: center;
	color: #fff;
	padding: 0 !important;
	margin: 0 !important;
	text-decoration: none;
}

.search .btn:hover { background: url(../images/btn-search.gif) no-repeat 0 bottom; }

.box h2 {
	color: #fff;
	text-transform: uppercase;
	padding-left: 26px;
	font: 12px "Trebuchet MS", Arial, sans-serif;
	line-height: 26px;
	width: 80%;
}

.minimize {
	float: right;
	display: inline;
	height: 3px;
	width: 9px;
	margin: 12px 5px 0 0;
	background: url(../images/minimize.gif) no-repeat 0 0;
}

#left-column { float: left; display: inline; width: 251px; }
#left-column .box { background: url(../images/left-column-box-bg.gif) repeat-y  0 0; }
#left-column form { width: 220px; margin: 0 auto; font: 10px Verdana, Arial, sans-serif; }
#left-column label { color: #000; }
#left-column label span { color: #7f7f7f; }
#left-column .field { display: inline-block; margin: 3px 0 5px; background: url(../images/field2.gif) no-repeat  0 0; width: 214px; }
#left-column acronym { color: #ff6c00; text-transform: uppercase; }

#left-column textarea { 
	border: 0; 
	background: url(../images/textarea.gif) no-repeat 0 0; 
	width: 214px; 
	height: 120px; 
	margin: 3px 0 5px; 
	padding: 3px 3px 0; 
	overflow: auto;
}

#left-column form .btn {
	display: block;
	margin:  0 0 5px auto;
	background: url(../images/left-column-submit-btn.gif) no-repeat 0 0;
	height: 16px;
	width: 65px;
	text-align: center;
	line-height: 16px;
	color: #5e4d4d;
	text-decoration: none;
}

#left-column form .btn:hover { background-position: 0 bottom; color: #fff; }

#left-column .box .head { background: url(../images/left-column-h2.gif) no-repeat 0 top; }
#left-column .box .bot { background :url(../images/left-column-box-bot.gif) no-repeat 0 bottom; }
#left-column .box { width: 244px; margin-bottom: 7px; } 
#left-column .box p { padding: 10px 0; }
.box ul { list-style: none outside ; }
#left-column .box li { padding-left: 9px; line-height: 23px; border-bottom: 1px solid #cfcfcf; text-transform: uppercase; } 
li.last { border: 0 !important; }
#left-column .box li a { background: url(../images/box-link-bg.gif) no-repeat 0 center; padding-left: 10px; text-decoration: none; color: #141414; }
#left-column .box li a:hover, #left-column .box li a.active { color: #12b7c4 !important; }

#middle-column { float: left; display: inline; width: 420px; margin-right: 7px; }
#middle-column .head { background: url(../images/middle-column-box-h2.gif) no-repeat 0 top; }
#middle-column .bot { background: url(../images/middle-column-box-bot.gif) no-repeat 0 bottom; }
#middle-column .box { background: url(../images/middle-column-box-bg.gif) repeat-y 0 0; margin-bottom: 7px; }
#middle-column .box li { padding: 0 3px; line-height: 26px; border-bottom: 1px solid #cfcfcf; }

#middle-column .line h2 { 
	float: left;
	display: inline;
	width: 165px;
	background-repeat: no-repeat; 
	background-position: 0 center; 
	padding-left: 20px; 
}

#middle-column .line span {
	float: left;
	display: inline;
	width: 105px;
	line-height: 26px;
	background: url(../images/gender.gif) no-repeat 0 center;
	padding-left: 20px;
}

#middle-column .actions { float: left; display: inline; width: 100px; height: 21px;  padding-top: 5px; }

#middle-column .actions a {
	float: right;
	display: inline;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #767676;
	text-decoration: none;
}

#middle-column .actions a:hover { background-position: 0 bottom; }
#middle-column .actions .author { background: url(../images/btn-author.gif) no-repeat  0 0; width: 46px; margin-right: 5px; }
#middle-column .actions .buy { background: url(../images/btn-buy.gif) no-repeat  0 0; width: 34px; }
#middle-column .actions .details { background: url(../images/btn-author.gif) no-repeat  0 0; width: 46px; }
#middle-column .line h2 a { text-transform: none; color: #000; text-decoration: none; }
#middle-column .line h2 a:hover { color: #16bac8; }
#middle-column .new-lyrics .line h2 { background-image: url(../images/lyrics-icon.gif); }
#middle-column .new-audio .line h2 { background-image: url(../images/audio-sample.gif); }

#middle-column ul p { float: left; display: inline; width: 70%; padding-left: 10px; }
#middle-column ul p a:hover, #middle-column ul p a.active { color: #838383; text-decoration: none;}

#middle-column .view-all { 
	float: right; 
	display: inline; 
	height: 16px; 
	width: 64px; 
	text-align: center; 
	color: #5e4d4d; 
	background: url(../images/btn-view-all.gif) no-repeat  0 0; 
	margin: 5px 7px 0 0;
	line-height: 16px;
	text-decoration: none;
}

#middle-column .view-all:hover { background-position: 0 bottom; color: #fff; }
#middle-column .new-video li { height: 73px; padding: 10px 0 0 8px; }
.new-video .image { float: left; display: inline; width: 85px; margin-right: 10px; }
.new-video .text { float: left; display: inline; width: 200px; }

.new-video .text h2 { 
	padding-left: 14px;
	text-transform: none;
	background: url(../images/video-h2-bg.gif) no-repeat 0 center;
}

.new-video .text h2 a { text-decoration: none; color: #000; }
.new-video .text h2 a:hover { text-decoration: none; color: #18b2bc; }
.new-video .text p { line-height: 16px; padding-left: 0 !important; }
.new-video .actions { width: 110px !important;}
.new-video .last { height: 26px !important; padding-top: 0 !important; }

#right-column { float: left; display: inline; width: 299px; }
#right-column .box { background: url(../images/right-column-box-bg.gif) repeat-y 0 0; margin-bottom: 7px; }
#right-column .bot { background: url(../images/right-column-box-bot.gif) no-repeat 0 bottom; }
#right-column .head { background: url(../images/right-column-h2.gif) no-repeat 0 top; }
#right-column .author { padding: 10px 0 10px 10px; border-bottom: 1px solid #cfcfcf; height: 100%; }
#right-column .author .image { float: left; display: inline; width: 94px; margin-right: 7px; }
#right-column .author .image img { padding: 1px; border: 1px solid #a2a2a2; }
#right-column .author .image a:hover img { border: 1px solid #03abb6; background: #03abb6; }
#right-column .text { float: left; display: inline; width: 160px; position: relative; }
#right-column .text h2 { line-height: 14px; color: #000; padding-left: 0; text-transform: none;}
#right-column .text h3 { font: 12px "Trebuchet MS", Arial, sans-serif; line-height: 14px; color: #939393; padding-bottom: 5px; }
#right-column .text p { color: #7d7d7d; padding-bottom: 30px; }
#right-column .text p span { color: #000; }
#right-column .text .all { position: absolute; bottom: 0; }

#right-column .view-all,
.become-author .register { 
	float: right; 
	display: inline;
	margin: 6px 5px 6px 0; 
	height: 16px; 
	width: 64px;
	text-align: center;
	background: url(../images/btn-view-all.gif) no-repeat 0 0;
	color: #5e4d4d;
	text-decoration: none;
}

#right-column .view-all:hover,
.become-author .register:hover { background-position: 0 bottom; color: #fff;	}

#right-column .previous, #right-column .next {
	display: inline-block;
	height: 16px;
	width: 57px;
	text-align: center;
	margin-top: 6px;
	text-decoration: none;
	color: #6c6c6c;
	margin: 6px 0 0 10px;
	background: url(../images/btn-previous.gif) no-repeat 0 0; 
} 

#right-column .next { margin-left: 0; width: 34px; background: url(../images/btn-next.gif) no-repeat 0 0; }
#right-column .previous:hover , #right-column .next:hover { background-position: 0 bottom; }
.become-author p { padding: 10px 15px; }
.faq li { height: 26px; line-height: 26px; border-bottom: 1px solid #cfcfcf; padding-left: 8px; }
.faq li a { background: url(../images/box-link-bg.gif) no-repeat 0 center; padding-left: 10px; }
.faq .questions { height: auto; }
.faq .questions a { 
	position: relative;
	padding-left: 0; 
	display: block; 
	background: url(../images/btn-have-questions.gif) no-repeat 0 0; 
	height:16px; 
	line-height: 16px;
	width: 99px; 
	text-align: center;
	text-decoration: none;
	margin: 5px 7px 5px auto !important;
	color: #5e4d4d;
}

.faq .questions a:hover { background-position: 0 bottom; color: #fff; }
#footer { margin-top: 35px; border-top: 1px solid #cbcbcb; }
#footer p { padding-top: 15px; color: #cbcbcb; }

h1#logo-f { height: 37px; width: 268px; font-size: 0; line-height: 0; margin-bottom: 50px; }
h1#logo-f a { display: block; background: url(../images/logo-f.gif) no-repeat 0 0; height: 37px; text-indent: -4000px;	 }

#mainbox { float: left; display: inline; width: 726px; }
#mainbox .box { background: url(../images/mainbox-box-bg.gif) repeat-y  0 0; margin-bottom: 6px; }
#mainbox .bot { background: url(../images/mainbox-box-bot.gif) no-repeat  0 bottom; }

#mainbox #authors-list .bot { background: url(../images/mainbox-box-bot2.gif) no-repeat 0 bottom; }
#mainbox .head { background: url(../images/mainbox-h2.gif) no-repeat  0 top;  height:100%; }
#mainbox li { height: 23px; line-height: 23px; padding-left: 4px; border-bottom: 1px solid #cfcfcf;  }

#mainbox li h2 {
	float: left;
	display: inline;
	width: 275px;
	text-transform: none;
	background-repeat: no-repeat;
	background-position: 0 center;
	line-height: 23px;
	height: 23px;
}

#mainbox li h2 a { color: #000; text-decoration: none; }
#mainbox li h2 a:hover { color: #18b2bc; }
#mainbox .lyrics li h2 { background-image: url(../images/lyrics-icon.gif); line-height: 23px; }
#mainbox li span { float: left; display: inline; width: 255px; padding-left: 20px; background: url(../images/gender.gif) no-repeat 0 center; }
#mainbox .actions { float: left; display: inline; width: 144px; padding-top: 3px; }

#mainbox .actions a {
	float: left;
	display: inline;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	color: #767676;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 6px;
	text-align: center;
}

#mainbox .actions a:hover { background-position: 0 bottom; }

#mainbox .actions .read { background-image: url(../images/btn-read.gif); width: 41px; padding-left: 5px; text-align: left; }
#mainbox .actions .author { background-image: url(../images/btn-author.gif); width: 46px; }
#mainbox .actions .buy { background-image: url(../images/btn-buy.gif); width: 34px; margin-right: 0;  }
#mainbox .pages { padding-top: 10px; }
#mainbox .pages a:hover, #mainbox .pages a.active  { color: #838383; text-decoration: none; }

#mainbox li.active-row { height: 100%; padding-left: 0;}
#mainbox div.active-row { height: 23px; border-bottom: 1px solid #cfcfcf; background: #feca2f; padding-left: 5px; } 
#mainbox div.active-row a,
#mainbox div.active-row span { color: #fff; } 
#mainbox div.active-row a:hover { color: #fff;  cursor: default; } 
#mainbox li.active-row .actions a { color: #767676; cursor: pointer; }

#mainbox .meta { height: 40px; line-height: 40px; border-bottom: 1px solid #feca2f; margin: 0 2px; }
#mainbox .meta h2 {
	font: 18px "Trebuchet MS", Arial, sans-serif;
	line-height: 40px !important;
	color: #000;
	background: none !important;
	padding-left: 12px;
}

.meta a {  float: right; display: inline; color: #4d4d4d; width: 85px; padding-left: 20px; }
.meta .play-sound { background: url(../images/audio-sample.gif) no-repeat 0 center; width: 80px; }
.meta .watch-video { background: url(../images/video-h2-bg.gif) no-repeat 0 center; }

#mainbox .selected .text {  padding-left: 14px; }
#mainbox .selected .text p {  padding: 10px 0; }

#mainbox #authors-list .bot { padding-bottom: 7px; }
#mainbox #authors-list .pages { padding: 52px 0 0 10px;}

#authors-list .author { width: 320px; border-bottom: 1px solid #cfcfcf; padding: 13px 0 9px 10px; position: relative; }
#authors-list .text { float: left; display: inline; width: 160px; }
#authors-list .text h3 { font: 12px "Trebuchet MS", Arial, sans-serif; color: #000; } 
#authors-list .text p  { color: #7d7d7d; } 
#authors-list .text p span { color: #000; } 
#authors-list .text a.fixed { position: absolute; bottom: 10px; } 
#authors-list .right { padding-left: 39px; }

#view-author .bot { background: url(../images/mainbox-box-bot2.gif) no-repeat 0 bottom; padding-bottom: 30px; }
#view-author .author { padding: 10px 20px 10px 10px; }
#view-author .author .img { margin-bottom: 15px; }
#view-author .tags { float: left; display: inline; width: 300px; font-size: 10px; font-family: Verdana, sans-serif; color: #8e8e8e; }
#view-author .tags p span {  color: #000; }
#view-author .tags h3 { font: 14px "Trebuchet MS", Arial, sans-serif; color: #000; }
#view-author .tags h3 { font: 14px "Trebuchet MS", Arial, sans-serif; color: #000; }
#view-author .text h3 { font: bold 12px Verdana, Arial, sans-serif; color: #000; margin-bottom: 7px; }
#view-author .text p { padding-bottom: 10px; color: #656565; }

#authors-list .btn, #view-author .btn { 
	float: right; 
	display: inline; 
	height: 16px; 
	width: 99px; 
	text-align: center; 
	line-height: 16px;
	color: #5e4d4d;
	background: url(../images/btn-have-questions.gif) no-repeat 0 0;
	position: relative;
	margin-top: 18px;
	margin-bottom: -34px;
	text-decoration: none;	
}

#authors-list .btn:hover, #view-author .btn:hover { background-position: 0 bottom; color: #fff; }

#authors-list .btn { margin: 40px 5px 0 0; } 

#view-author .see { display: inline-block; margin: 10px 5px 0 0; }

.sign-in .welcome { margin-top: 15px; }
.error { color: red; font-weight: bold; }

#mainbox form p { margin-bottom: 10px; }

#mainbox form img { margin-bottom: 10px; }

#mainbox form { width: 220px; margin: 0 auto; font: 10px Verdana, Arial, sans-serif; }
#mainbox label { color: #000; }
#mainbox label span { color: #7f7f7f; }
#mainbox .field { display: inline-block; margin: 3px 0 5px; background: url(../images/field2.gif) no-repeat  0 0; width: 214px; }

#mainbox .select { margin: 3px 0 5px; }
#mainbox .file { margin: 3px 0 5px; }

#mainbox textarea { 
	border: 0; 
	background: url(../images/textarea.gif) no-repeat 0 0; 
	width: 214px; 
	height: 120px; 
	margin: 3px 0 5px; 
	padding: 3px 3px 0; 
	overflow: auto;
}

#mainbox form .btn {
	display: block;
	margin:  0 0 5px auto;
	background: url(../images/left-column-submit-btn.gif) no-repeat 0 0;
	height: 16px;
	width: 65px;
	text-align: center;
	line-height: 16px;
	color: #5e4d4d;
	text-decoration: none;
}

#mainbox form .btn:hover { background-position: 0 bottom; color: #fff; }

.selected { display: none; }

.author p { margin-bottom: 15px; }