/* v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End reset styles */

/****** common ******/
body,
input, 
select, 
textarea {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#333;
}

a, 
.pinktext, .pink
a.pinktext, a.pink {
	color:#ef4fd3;
}
.lightpinktext, .lightpink
a.lightpinktext, a.lightpink {
	color:#fda8ee;
}
.greentext {
	color:#A4EDED;
	font-style:italic;
}
.smallpink {
	font-size:10px;
	color:#EF4FD3;
}
.largepink {
	font-size:14px;
	color:#EF4FD3;
}
.small{
	font-size: 9px;
}
.largegray {
	color:#333;
	font-size:14px;
	font-weight:bold;
}

h2, h3, h4, h5, h6{
	font-size:14px;
	font-weight:bold;
	color: #333;
}
#rightColumn h2, 
#rightColumn h3, 
#rightColumn h4, 
#rightColumn h5, 
#rightColumn h6,
#rightColumn h2 a, 
#rightColumn h3 a, 
#rightColumn h4 a, 
#rightColumn h5 a, 
#rightColumn h6 a{
	color: #000;
}

body{
	background: #fff url(/images/common/bg2col.gif) repeat-y left top !important; /* !important is for old style pages, remove when possible */
	/*background: url(/images/common/rightColBg.gif) repeat-y 977px top !important;*/ /* !important is for old style pages, remove when possible */
}
#specialalertbox{
	z-index: 9999;
}

#leftColumn,
#rightColumn{
	float: left;
}
#leftColumn{
	width: 864px;
}
#rightColumn{
	width: 350px;
	padding:20px 0 0 24px;
	color: #000;
}
#whatsGoingOn{
	/*width: 141px;
	height: 18px;
	background: url(/images/home/whatsGoingOn.gif) no-repeat center;
	text-indent: -99999px;*/
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.community #whatsGoingOn{
	padding-top: 8px;
}
p#recent_activity{
	color: #000;
	font-size: 10px;
	display: block;
	height: 19px;
}
p#recent_activity a{
	color: #fc70e3;
}
#rightColumn h4{
	font-size: 12px;
	font-weight: normal;
	padding-top: 20px;
	clear: left;
}
#rightColumn h4 a{
	font-size: 11px;
	color: #666;
}
#rightColumn .thumbs,
#rightColumn .tiles,
#rightColumn #pointTicker,
#rightColumn .nextPreviousTiles{
	position: relative;
	left: -6px;
}
#rightColumn .tiles{
	clear: both;
}
.tiles h4,
#rightColumn .tiles h4{
	display: block;
	float: left;
	background-color: #a4a4a4;
	height: 48px;
	width: 90px;
	border-width: 6px;
	border-style: solid;
	border-color: #fff;
	font-size: 12px;
	padding: 56px 7px 0;
	overflow: hidden;
	line-height: 1.1;
}
#rightColumn .tiles h4{
	border-color: #ebebeb;
}
.tiles h4,
.tiles h4 a,
#rightColumn .tiles h4,
#rightColumn .tiles h4 a{
	color: #fff;
}
.tiles h4 span{
	font-size: 16px;
	font-weight: bold;
}
.tiles h4 a{
	font-size: 9px;
}
#rightColumn .newestMemberTiles{
	padding-top: 40px;
}
#rightColumn .topRatedTiles{
	padding-top: 20px;
}
.smallTiles h4,
#rightColumn .smallTiles h4{
	width: 61px;
	padding-top: 27px;
}
#rightColumn .nextPreviousTiles{
	display: block;
	clear: left;
	padding-bottom: 40px;
}
#rightColumn .nextPreviousTiles li{
	float: left;
}
#rightColumn .nextPreviousTiles li,
#rightColumn .nextPreviousTiles li a{
	display: block;
	width: 116px;
	height: 9px;
	background: url(/images/browse/albumNavArrows.gif) no-repeat center;
}
#rightColumn .nextPreviousTiles li a{
	text-indent: -99999px;
}
#rightColumn .nextPreviousTiles li.spacer{
	width: 116px;
	background: none;
}
#rightColumn .nextPreviousTiles li.prev{
	background-position: 0px 0px;
}
#rightColumn .nextPreviousTiles li.prev a{
	background-position: -116px 0px;
}
#rightColumn .nextPreviousTiles li.next,
#rightColumn .nextPreviousTiles li.next a{
	background-position: -232px 0px;
}
#rightColumn h3.albumTitle,
#rightColumn h3.browseTitle{
	 padding-top:14px;
}
.gallery #rightColumn h3.albumTitle{
	padding-bottom: 20px;
}
#rightColumn h3.albumTitle,
#rightColumn h3.albumTitle a{
	color: #333;
}

#rightColumn h3.browseTitle,
#rightColumn h3.browseTitle a{
	color: #333;
}
#rightColumn h3.browseTitle a{
	font-size: 14px;
	font-weight: bold;
}
#rightColumn h3.browseTitle span{
	font-size: 12px;
	font-weight: bold;
}

#rightColumn .thumbs .shadow,
#rightColumn .tiles .shadow{
	float: left;
}
#rightColumn .pointsHelp{
	font-size: 10px;
}
#rightColumn #pointTicker{
	clear: both;
	padding-top: 20px;
}
/*#rightColumn #pointTickerTitle{
	width: 194px;
	height: 14px;
	text-indent: -99999px;
	background: url(/images/home/pointTicker.gif) no-repeat left bottom;
	display: block;
}*/

#rightColumn .ad{
	clear: left;
	padding-top: 30px;
}

ul.share,
ul.share li,
ul.share li a{
	display: block;
}
ul.share li,
ul.share li a{
	width: 18px;
	height: 18px;
	background: url(/images/common/shareButtons.gif) no-repeat center;
}
ul.share li{
	float: left;
}
ul.share li a{
	text-indent: -99999px;
}
ul.share li.friend,
ul.share li.friend a{
	background-position: 0px 0px;
}
ul.share li.email,
ul.share li.email a{
	width: 22px;
	background-position: -18px 0px;
}
ul.share li.twitter,
ul.share li.twitter a{
	width: 19px;
	background-position: -40px 0px;
}
ul.share li.facebook,
ul.share li.facebook a{
	width: 22px;
	background-position: -59px 0px;
}
ul.share li.stumbleupon,
ul.share li.stumbleupon a{
	width: 21px;
	background-position: -81px 0px;
}
ul.share li.delicious,
ul.share li.delicious a{
	width: 22px;
	background-position: -102px 0px;
}
ul.share li.more,
ul.share li.more a{
	width: 15px;
	background-position: -124px 0px;
}
.addthis_toolbox span.at300bs,
.at300bs.at15t_expanded, .at300bs.at15t_compact{
	/*background: url(/images/common/addThisButton.gif) no-repeat -16px top;*/
	background: url(/images/common/sendToFriend.gif) no-repeat left top;
	height: 18px;
	width: 18px;
}
/*.addthis_toolbox span.at300bs:hover,
.at300bs.at15t_expanded:hover, .at300bs.at15t_compact:hover{
	background-position: -16px top;
}*/
.addthis_toolbox,
.addthis_toolbox a{
	color: #666;
	text-decoration: none;
}
.addthis_toolbox a:hover{
	text-decoration: underline;
}
.addthis_toolbox .at300bs{
}
.addthis_toolbox{
	/*margin-left: 6px;
	line-height: 16px;
	padding-top: 1px;*/
	line-height: 18px;
}
.sendToFriend a{
	display: block;
	text-indent: -99999px;
}
.sendToFriend,
.addthis_toolbox{
	float: right;
}
.sendToFriend,
.sendToFriend a{
	height: 18px;
	width: 18px;
	background: url(/images/common/shareButtons.gif) no-repeat left top;
}

/***** header/main nav/footer *****/
#header_ad,
#header_ad_sub{
	float: none;
	height: 90px;
}
#header_ad{
	padding-left: 52px;
	background: url(//humblevoice.s3.amazonaws.com/images/common/ad_tab.jpg) no-repeat 780px top;
}
.browse #header_ad{
	padding: 0;
	background: none;
}
.browse #header_ad_sub{
	width: 755px;
	background: url(//humblevoice.s3.amazonaws.com/images/common/ad_tab.jpg) no-repeat right top;
	margin: 0 auto;
}
#header_ad_sub{
	/*background: url(/images/common/clickAds.gif) no-repeat 842px 22px;*/
}
#header_ad_sub{
	background-position: 842px 22px;
}

#header_ad.dev_site_info #header_ad_sub{
	background-color: #eee;
}
#header_ad.dev_site_info #header_ad_sub,
#header_ad.dev_site_info #header_ad_sub a{
	color: #666;
}
#header_ad.dev_site_info #header_ad_sub li{
	padding: 10px 0 0 10px;
}
#header_ad.dev_site_info #header_ad_sub{
	width: 728px;
}

#v2PageWrap{
	width: 1240px;
}
.fluid #v2PageWrap{
	width: auto;
}

#header,
#header h1,
#header h1 a{
	height: 64px;
}
#header h1,
#header h1 a{
	display: block;
	width: 194px;
}
#header h1 a,
body.videoDetail #header h1 a{
	text-indent: -99999px;
	background: url(/images/bird_logo.gif) no-repeat -18px -20px;
}

#header h1,
ul#mainNav,
ul#mainNav li{
	float: left;
}
ul#mainNav{
	padding: 20px 0 0 12px;
}
ul#mainNav,
ul#mainNav li,
ul#mainNav a,
.userMode #mainNav li.on a{
	/*display: block;*/
	font-size: 12px;
	color: #606060;
	font-weight: bold;
}
ul#mainNav li{
	/*height: 27px;*/
	padding: 9px 12px;
}
ul#mainNav a{
	/*color: #000;*/
	text-decoration: none;
	/*height: 18px;
	background: url(/images/common/mainNav.gif) no-repeat left 9px;
	text-indent: -99999px;
	padding:9px 0;*/
}
ul#mainNav a:hover{
	text-decoration: underline
}

#mainNav li.on a{
	color: #ef4fd3;
}

/*ul#mainNav li.art,
ul#mainNav li.art a{
	width: 45px;
	background-position: 14px 9px;
}
ul#mainNav li.photography,
ul#mainNav li.photography a{
	width: 113px;
	background-position: -30px 9px;
}
ul#mainNav li.music,
ul#mainNav li.music a{
	width: 68px;
	background-position: -146px 9px;
}
ul#mainNav li.video,
ul#mainNav li.video a{
	width: 65px;
	background-position: -215px 9px;
}
ul#mainNav li.word,
ul#mainNav li.word a{
	width: 65px;
	background-position: -280px 9px;
}*/
p#regLink{
	padding:20px 0 0 0;
	display: block;
}
p#regLink,
p#regLink a{
	/*display: block;*/
	float: left;
	width: 230px;
	/*height: 25px;*/
}
p#regLink a{
	/*background: url(/images/common/signUp.gif) no-repeat center;
	text-indent: -99999px;*/
	text-decoration: none;
	text-align: right;
	font-size: 10px;
	color: #000;
}
p#regLink a span{
	font-size: 16px;
	color: #ff8de6;
	font-weight: bold;
}
p#regLink a:hover span{
	text-decoration: underline;
}

#siteCopyright{
	clear: both;
	padding: 20px 0 0 50px;
	font-size: 10px;
	color: #666;
}
#rightColumn .audio .shadow4{
	width: auto;
}

#footer{
	clear: both;
	height: 46px;
	/*background: url(/images/common/rightColBgFade.gif) no-repeat 977px top;*/
	padding-top: 46px;
}
body.profile #footer{
	background-position: 867px top;
}
body.browse #footer{
	background: none;
}
#sitemap{
	/*background-color: #eee;*/
	padding-bottom: 40px;
	line-height: 1.2;
}
#sitemap ul{
	float: left;
	padding: 40px 0 0 50px;
}
#sitemap ul,
#sitemap li,
#sitemap li h3,
#sitemap li a{
	color: #333;
	font-size: 11px;
}
#sitemap li a{
	text-decoration: none;
}
#sitemap li a:hover{
	text-decoration: underline;
}
#sitemap li h3,
#sitemap li h3 a{
	font-size: 14px;
	font-weight: bold;
}

/* comment the following for full width footer */
#footer{
	margin-left:52px;
	width: 758px;
}
#outer #footer{
	margin-left: 0;
}
#sitemap{
	padding-bottom: 60px;
	background-color: #ebebeb;
}
.profile #footer{
	width: 755px;
}

/***** home / media detail page *****/
.home #header{
	height: 58px;
}
.home #header h1{
	position: absolute;
	z-index: 10;
	left: 0;
}
.home ul#mainNav{
	padding-left: 208px;
}
.home #header h1 a{
	background: url(/images/home/logoShadow.gif) no-repeat 13px 14px;
}
.mediaDetail .profileLink{
	padding-bottom: 10px;
}
.mediaDetail #rightColumn{
	padding-top: 15px;
}
.mediaDetail #currentFeature .mediaTagVote {
	width:502px;
}

.sitewideAnnouncement{
	display: block;
	clear: both;
	margin: 6px;
	padding: 10px;
	background-color:#FF99ED;
	border:1px solid #FF72E6;
	text-align: center;
}
.sitewideAnnouncement,
.sitewideAnnouncement a{
	color: #333;
}

#videoScreen{
	border: 1px solid #ccc;
	margin-left:6px;
}
p.videoSize{
	padding: 6px;
}
p.videoSize a{
	color: #ccc;
}
p.videoSize a:hover{
	color: #666;
}
#videoScreen #player{
	border: 1px solid #efefef;
}
#videoScreen.large{
	width: 802px;
	height: 529px;
}
#videoScreen.large #player{
	width: 800px;
	height: 527px;
}
#videoScreen.small{
	width: 642px;
	height: 414px;
}
#videoScreen.small #player{
	width: 640px;
	height: 412px;
}
#rightColumn h4.embed{
	font-weight: bold;
}
#rightColumn h4.embed span{
	font-weight: normal;
	font-size: 11px;
}
.embedForm textarea{
	padding:0;
	height:30px;
	width:330px;
}
h3.videoName{
	padding-top: 10px;
}
.videoStats{
	padding:12px 0 20px;
}

/***** browse *****/
body.browse{
	background: none !important; /* !important is for old style pages, remove when possible */
}
#header.browse ul#mainNav li{
	height: 20px;
}
.browse ul#mainNav a{
	padding-bottom: 0;
	padding-top: 0;
}
/*.browse ul#mainNav li.art a{
	background-position: 14px 0px;
}
.browse ul#mainNav li.photography a{
	background-position: -30px 0px;
}
.browse ul#mainNav li.music a{
	background-position: -146px 0px;
}
.browse ul#mainNav li.video a{
	background-position: -215px 0px;
}
.browse ul#mainNav li.word a{
	background-position: -280px 0px;
}*/
#header.browse h1 a{
	background: url(/images/browse/logoBrowse.gif) no-repeat right bottom;
}
#header.browse{
	background: url(/images/browse/browseHeaderBg.gif) repeat-x bottom;
}
#header.browse,
#header.browse h1,
#header.browse h1 a{
	height: 80px;
}
#header.browse ul#mainNav{
	padding-top: 32px;
}
/*#header.browse ul#mainNav.userMode,
#header.browse ul#mainNav.usersMode{
	padding-top:46px;
}*/
#header.browse ul#mainNav li{
	text-align: center;
}
#header.browse #sortOptions{
	color: #999;
	float:left;
	padding:50px 0 0 20px;
}
#header.browse ul#mainNav.usersMode{
	height: 36px;
}
#header.browse #userCatNav,
#header.browse #userCatNav li{
	float: left;
}
#header.browse #sortOptionsWrapper.usersMode{
	width: 660px;
	float: left;
	padding-left: 20px;
}
#header.browse #userCatNav{
	padding:0 0 0 20px;
}
#header.browse #userCatNav li{
	padding-right: 10px;
}
#header.browse #userCatNav label{
	color: #333;
}
#header.browse #sortOptionsWrapper.usersMode,
#header.browse #sortOptions.usersMode{
	padding-top: 10px;
}
#header.browse #sortOptions input,
#header.browse #sortOptions select{
	color: #333;
	margin-right: 20px;
}
#header.browse #sortOptions label{
	padding-right: 2px;
}
#header.browse #sortOptions.usersMode label.avatar{
	color: #333;
}
#header.browse #sortOptions.usersMode input#avatarYes,
#header.browse #sortOptions.usersMode input#avatarNo{
	margin-right: 4px;
}
#header.browse #sortOptions.usersMode label.rpp{
	padding-left: 20px;
}
#header.browse #sortOptions.userMode{
	padding:45px 0 0 30px;
}
.browse .voteBox,
.album .voteBox,
.gallery .voteBox{
	margin-top: 4px;
}
.browse .rating,
.browse .showrating,
.album .rating,
.album .showrating,
.gallery .rating,
.gallery .showrating{
	margin: 0 auto;
}
.browse .right .rating,
.browse .right .showrating{
	margin: 0;
}

.browse #rightColumn{
	padding-top: 82px;
}
.browse #rightColumn h4{
	font-size: 12px;
	font-weight: bold;
}
.browse #rightColumn input,
.browse #rightColumn label{
	font-size: 11px;
}
.browse #rightColumn .submit{
	padding-top: 20px;
}
.browse #rightColumn .submit input{
	color: #000;
	font-weight: bold;
}
.browse #rightColumn #browseCategories li{
	padding: 2px 0;
}
.browse #rightColumn #browseCategories li.word{
	padding: 6px 0 0 24px;
}
.browse #rightColumn #browseCategories li.word a{
	color: #999;
	text-decoration: none;
}
.browse #rightColumn h3{
	color:#999;
	font-size:16px;
	font-weight:bold;
}
.browse #rightColumn h3 span{
	font-size: 12px;
}

.usersMode #leftColumn .item{
	width: 180px;
	height: 210px;
}
.userMode .pageNavTop{
	display: none;
}

/***** home page *****/
#currentFeature{
	padding-left: 32px;
	position: relative;
	text-align: center;
	width: 812px;
}
.home #currentFeature div,
.mediaDetail #currentFeature div{
	text-align: left;
}
.home #currentFeature .shadow,
.mediaDetail #currentFeature .shadow{
	display: block;
}
.videoDetail #currentFeature{
	padding-top: 6px;
}
#currentFeature #featureTag{
	background-color: #000;
	color: #fff;
	position: absolute;
	padding: 16px;
	top: 60px;
	left: 38px;
	width: 130px;
	height: 130px;
	line-height: 1;
}
#currentFeature #featureTag .date{
	padding-top: 40px;
}
#currentFeature #featureTag .date,
#currentFeature #featureTag .follow,
#currentFeature #featureTag .follow a{
	font-size: 9px;
	color: #999;
}
#currentFeature #featureTag .follow{
	padding-top: 8px;
}
#currentFeature #featureTag .more{
	font-size: 12px;
}
#currentFeature #featureTag .more a{
	text-decoration: none;
}
#currentFeature #featureTag .more a:hover{
	text-decoration: underline;
}
#currentFeature #featureTag h2{
	font-size: 18px;
	font-weight: normal;
	padding-top: 8px;
	color: #fff;
}
#currentFeature #featureTag h2 span{
	font-size: 21px;
}
#currentFeature #featureTag a{
	font-size: 12px;
	color: #fff;
}
#currentFeature .mediaTagVote,
#currentFeature .moreByUser,
#currentFeature .comments{
	float: left;
	padding: 15px 6px 0;
	line-height: 1.3;
}
#currentFeature .mediaTagVote{
	width: 190px;
}
#currentFeature .mediaTag{
	font-size: 14px;
}
#currentFeature .mediaTag,
#currentFeature .mediaTag a{
	color: #333;
	font-weight: bold;
}
#currentFeature .mediaTag .by{
	font-size: 12px;
}
#currentFeature .mediaTag small{
	padding: 4px 0 0;
}
#currentFeature .mediaTagVote .voteBox{
	padding-top: 2px;
}
#currentFeature .moreByUser{
	width: 300px;
	font-size: 11px;
	padding-top: 6px;
}
#currentFeature .moreByUser,
#currentFeature .moreByUser a{
	color: #999;
}
#currentFeature .moreByUser p a{
	font-size: 10px;
	padding-left: 4px;
}
#currentFeature .moreByUser p{
	padding-left: 6px;
	position:relative;
	top:4px;
}
#currentFeature .moreByUser .shadow{
	float: left;
}
.bookmarkButton{
	background:url(//humblevoice.s3.amazonaws.com/images/profile/actions_icon_bookmark.gif) no-repeat left center;
	color:#666;
	display:block;
	height:18px;
	line-height:18px;
	padding:0 0 0 32px;
	text-decoration:none;
	width:60px;
}
#rightColumn .bookmarkButton{
	background: url(/images/profile/actionIconsGray.gif) no-repeat -5px -150px;
	width: 150px;
	color: #333;
}
#rightColumn .bookmarkButtonWrapper{
	clear: both;
	padding-top: 30px;
}
#currentFeature .comments .bookmarkButton{
	float: right;
}
#currentFeature .comments{
	width: 286px;
}
#currentFeature .comments p a{
	font-weight: bold;
	font-size: 11px;
	color: #333;
}
#currentFeature .comments textarea{
	margin: 6px 0;
	width: 280px;
}
#currentFeature .comments input{
	color: #333;
}
#currentFeature .logInToComment{
	border: 1px solid #737373;
	width: 246px;
	height: 36px;
	padding: 1px;
	margin-top: 10px;
}
#currentFeature .logInToComment,
#currentFeature .logInToComment a{
	color: #999;
	text-decoration: none;
}
#currentFeature .logInToComment a:hover{
	text-decoration: underline;
}

#currentFeature .comments .share,
#currentFeature .addthis_toolbox{
	float: right;
}
#audioPlayerWrap{
	padding-top: 5px;
}

#whatIs{
	background: url(/images/home/whatIsHumbleVoice.jpg) no-repeat 37px 50px;
	width: 801px;
	height: 257px;
	padding: 50px 0 0 37px;
	clear: both;
}
#whatIs h2{
	display: none;
}
#whatIs ul{
	padding-left: 250px;
}
#whatIs ul,
#whatIs li,
#whatIs li a{
	display: block;
}
#whatIs li a{
	text-indent: -99999px;
	text-decoration: none;
}
#whatIs li,
#whatIs li a{
	float: left;
	height: 257px;
	width: 180px;
}

/**** gallery/album ****/
.album #currentFeature .comments,
.gallery #currentFeature .comments{
	text-align: left;
	float: left;
}
.album #currentFeature .mediaTagVote,
.gallery #currentFeature .mediaTagVote{
	clear: left;
	float: left;
	text-align: left;
	width: 500px;
}
.album #currentFeature .mediaTagVote,
.gallery #currentFeature .mediaTagVote,
.album #currentFeature .comments,
.gallery #currentFeature .comments{
	padding-top: 60px;
}

.album #currentFeature .mediaTagVote .showrating,
.gallery #currentFeature .mediaTagVote .showrating{
	margin: 0;
}

/***** special alert box (old style) *****/

#specialalertbox,
.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
  width: 188px;
  /*float: left;*/
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxSHADOW.png") no-repeat left top !important;
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxSHADOW.gif") no-repeat left top;
  margin: 10px 0px 0px 30px;
}
.jGrowl-notification,
div.jGrowl div.jGrowl-closer{
	padding-top: 10px;
}
#specialalertbox div,
.jGrowl-notification div.message,
div.jGrowl div.jGrowl-closer div {
  width: 188px;
  /*float: left;*/
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxBKGD.png") no-repeat bottom right !important;
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxBKGD.gif") no-repeat bottom right;
  margin: 10px 0px 0px 0px;
}
.jGrowl-notification div.message,
div.jGrowl div.jGrowl-closer div{
	margin-top: 0px;
}
div.jGrowl div.jGrowl-closer div{
	padding-bottom: 10px;
}
#specialalertbox p,
.jGrowl-notification div.message p,
div.jGrowl div.jGrowl-closer p {
  color: #ffffff;
  font-size:10px;
  padding:0px 15px 18px 40px;
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxGRADE.png") no-repeat left top !important;
  background:  url("//humblevoice.s3.amazonaws.com/images/common/boxGRADE.gif") no-repeat left top;
  margin: 0px 0px 10px -31px;
  display: block;
}
.jGrowl-notification div.message p{
	padding-right:30px;
	width:150px;
}
div.jGrowl div.jGrowl-closer p{
	background:  url("//humblevoice.s3.amazonaws.com/images/common/boxGRADE_noBird.png") no-repeat left top !important;
}

div.jGrowl div.jGrowl-closer{
	background:  url("//humblevoice.s3.amazonaws.com/images/common/boxSHADOW_closeAll.png") no-repeat left top !important;
	height:22px;
	padding:6px 0;
	color:#fca2ec;
	text-indent:-8px;
}
div.jGrowl div.jGrowl-closer:hover{
	color: #fff;
}

/***** ratings *****/
.rating, .showrating{
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating.gif) top left repeat-x;		
}
.rating{
	width: 115px;
}
.showrating{
	width:100px;
}
.rating li, .showrating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.rating li a, .showrating li a{
	display:block;
	width:20px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.showrating li a{
	cursor:default;
}
.rating li a:hover{
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating.gif) left center;
	z-index: 2;
	left: 0px;
}
.rating a.one, .showrating a.one{
	left: 0px;
}
.rating a.one:hover{
	width:20px;
}
.rating a.two, .showrating a.two{
	left:20px;
}
.rating a.two:hover{
	width: 40px;
}
.rating a.three, .showrating a.three{
	left: 40px;
}
.rating a.three:hover{
	width: 60px;
}
.rating a.four, .showrating a.four{
	left: 60px;
}	
.rating a.four:hover{
	width: 80px;
}
.rating a.five, .showrating a.five{
	left: 80px;
}
.rating a.five:hover{
	width: 100px;
}
.rating li.current-rating, .showrating li.current-rating{
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating.gif) left bottom;
	/*position: absolute;*/
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
.rating a.clear, .rating a.clear:hover{
	left:100px;
	width:15px;
}
.rating a.clear {
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating_clear.gif) left bottom;
}
.rating a.clear:hover{
	background: url(//humblevoice.s3.amazonaws.com/images/common/rating_cleard.gif) left bottom;
}

/***** quick access bar *****/
#quickAccessBar{
	background: url(/images/userBar/userBarBg.png) repeat-x left 0px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 9999;
	height: 28px;
	padding-top: 1px;
	left: 0;
	text-shadow: #000 -1px 1px 4px;
}
#quickAccessBar.hover{
	background-position: left -30px;
}
#quickAccessBar ul.actions, 
#quickAccessBar .actions li, 
#quickAccessBar .actions a{
	display: block;
	color: #fff;
}
#quickAccessBar ul{
	list-style: none;
}
#quickAccessBar a{
	text-decoration: none;
}
#quickAccessBar .actions{
	padding-left: 10px;
	position: absolute;
	left: 0;
	top: 1px;
}
#quickAccessBar .actions li,
#quickAccessBar .actions a{
	width: 28px;
	height: 20px;
}
#quickAccessBar .actions, 
#quickAccessBar .actions li{
	float: left;
}
#quickAccessBar .actions li{
	padding-top: 4px;
}
#quickAccessBar .actions a{
	margin-left: 4px;
	margin-right: 4px;
	background-image: url(/images/common/quickAccessBarButtons.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
}
#quickAccessBar .actions .alerts a{
	background-position: 0px 0px;
}
#quickAccessBar .actions .alerts a.active{
	background-position: 0px -20px;
}
#quickAccessBar .actions .editprofile a{
	background-position: -28px 0px;
}
#quickAccessBar .actions .editprofile a.active{
	background-position: -28px -20px;
}
#quickAccessBar .actions .account a{
	background-position: -58px 0px;
}
#quickAccessBar .actions .account a.active{
	background-position: -58px -20px;
}
#quickAccessBar .actions .activity a{
	background-position: -89px 0px;
}
#quickAccessBar .actions .activity a.active{
	background-position: -89px -20px;
}
#quickAccessBar .actions .messages a{
	background-position: -126px 0px;
}
#quickAccessBar .actions .messages a.active{
	background-position: -126px -20px;
}
#quickAccessBar .actions .chat a{
	background-position: -158px 0px;
}
#quickAccessBar .actions .chat a.active{
	background-position: -158px -20px;
}
#quickAccessBar .actions .community a{
	background-position: -188px 0px;
}
#quickAccessBar .actions .community a.active{
	background-position: -188px -20px;
}
#quickAccessBar .userinfo li{
	height: 24px;
	line-height: 24px;
}
#quickAccessBar .userinfo{
	padding-right: 2px;
}
#quickAccessBar .userinfo, 
#quickAccessBar .userinfo li{
	float: right;
}
#quickAccessBar .userinfo li{
	padding-right: 28px;
}
#quickAccessBar .userinfo li,
#quickAccessBar .userinfo li a{
	color: #fff;
}
#quickAccessBar .userinfo li a:hover{
	text-decoration: underline;
}
#quickAccessBar .userinfo li.control a{
	font-size: 9px;
}
#userBarButtonName{
	color:#fff;
	float:left;
	padding:8px 0 0 12px;
	position: absolute;
	top: 0;
	left: 180px;
}
#fancy_wrap.changeUserWindow #fancy_inner{
	border: none;
}
#fancy_wrap.changeUserWindow #fancy_div{
	background-color: #fff;
	color: #333;
}
#fancy_wrap.changeUserWindow h3{
	font-size: 12px;
	padding: 15px 10px 10px;
	font-weight: normal;
}
#fancy_wrap.changeUserWindow li{
	padding: 6px 10px 4px;
}
#fancy_wrap.changeUserWindow li a.current_user{
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

/***** friend activity menu *****/
div.events {
	width:520px;
	margin:5px 0;
}
div.events div.event_wrap {
	width:510px;
	margin-bottom:10px;
	font-size:11px;
	padding-bottom:5px;
	border-bottom:1px solid #e3e3e3;
}
div.events div.event_wrap a {
	text-decoration:underline;
}
div.events div.event_wrap .display_name {
	color:#EF4FD3;
	font-style:italic;
	text-decoration:none;
}
div.events div.event_wrap a.display_name:hover {
	color:#666;
}
div.events div.event_wrap .times {
	font-style:italic;
	color:#999;
}
div.events div.event_wrap div.event_imgs {
	width:510px;
	padding:3px 0;
}
div.events div.event_wrap div.event_imgs img.cur_events_image {
	padding:3px;
	border:1px solid #ccc;
	margin-right:4px;
}
div.events div.event_wrap div.event_imgs a:hover img.cur_events_image {
	background-color:#ccc;
}
div.events div.event_wrap div.ac_result {
	width:435px;
	padding:5px;
}

#friendActivityMenu{
	position: absolute;
	width: 386px;
	padding-top: 8px;
	background: url(/images/common/friendActivityMenuTop.png) no-repeat left top;
	z-index: 9999;
}
#friendActivityMenu .bottomShadow{
	padding-bottom: 8px;
	background: url(/images/common/friendActivityMenuBottom.png) no-repeat left bottom;
}
#friendActivityMenu .bg{
	background: url(/images/common/friendActivityMenuBg.png) repeat-y left center;
	text-align: left;
	padding: 5px 19px;
}
#friendActivityMenu .events,
#friendActivityMenu .event_wrap{
	width: 347px;
}

/***** profile *****/
.profile #header h1 a{
	background-position: -6px -20px;
}
.profile #header h1, 
.profile #header h1 a{
	width: 206px;
}
.profile #leftColumn div{
	float: left;
}
#fancy_wrap #profile{
	width: auto;
}
/*.profile #leftColumn{
	width: 892px;
}*/
body.profile{
	/*background-position: 867px top !important;  !important is for old style pages, remove when possible */
}
.profile p#regLink{
	padding-left: 10px;
}
.profile #profilenav{
	margin-top: 0;
}
.profile #rightColumn{
	padding-top: 62px;
}
.profile #rightColumn .friendTiles{
	padding-top: 20px;
}
.profile #rightColumn h3#connectAndShare{
	padding-top: 30px;
	clear: both;
}
.profile #rightColumn .actions,
.profile #rightColumn .userStats{
	float: left;
	width: 160px;
}
.profile #rightColumn .userStats{
	text-align: right;
}
/*h3#connectAndShare{
	display: block;
	text-indent: -99999px;
	width: 157px;
	height: 18px;
	background: url(/images/profile/connectAndShare.gif) no-repeat center;
	margin-bottom: 10px;
}*/
.profile #rightColumn ul.actions,
.profile #rightColumn ul.actions li,
.profile #rightColumn ul.actions li a,
.profile #rightColumn ul.actions li span{
	display: block;
}
.profile #rightColumn ul.actions li,
.profile #rightColumn ul.actions li a,
.profile #rightColumn ul.actions li span{
	height: 30px;
}
.profile #rightColumn ul.actions li a,
.profile #rightColumn ul.actions li span{
	padding-left: 40px;
	line-height: 30px;
	/*color: #fc70e3;*/
	color: #ef4fd3; 
	background: url(/images/profile/actionIconsGray.gif) no-repeat left top;
}
.profile #rightColumn ul.actions li span{
	color: #666;
}
.profile #rightColumn ul.actions li.message a,
.profile #rightColumn ul.actions li.message span{
	background-position: 0px 2px;
}
.profile #rightColumn ul.actions li.befriend a,
.profile #rightColumn ul.actions li.befriend span{
	background-position: 0px -34px;
}
.profile #rightColumn ul.actions li.bookmark a,
.profile #rightColumn ul.actions li.bookmark span{
	background-position: 0px -143px;
}
.profile #rightColumn ul.actions li.block a,
.profile #rightColumn ul.actions li.block span{
	background-position: 0px -179px;
}
.profile #rightColumn p.loggedInStatus{
	padding: 0 0 10px;
}
.profile #rightColumn p.loggedIn{
	color: #333;
}
.profile #rightColumn p.loggedOut{
	color: #666;
}
.profile #rightColumn p.loggedIn img,
.profile #rightColumn p.loggedOut img{
	position: relative;
	top: 10px;
}
.profile #rightColumn .addthis_toolbox{
	float: none;
}
.profile #rightColumn .addthis_toolbox span.at300bs, 
.profile #rightColumn .at300bs.at15t_expanded, 
.profile #rightColumn .at300bs.at15t_compact{
	background: url(/images/profile/actionIconsGray.gif) no-repeat 0px -112px;
	width: 32px;
	height: 26px;
	padding-right: 2px;
}
.profile #rightColumn .addthis_toolbox{
	line-height: 26px;
	clear: left;
}
.profile #rightColumn .addthis_toolbox a{
	/*color: #fc70e3;*/
	color: #ef4fd3;
	text-decoration: underline;
}
/*.profile #rightColumn h4 span{
	font-size: 10px;
	color: #666;
}
.profile #rightColumn h4,
.profile #rightColumn h4 a{
	color: #333;
}*/
.profile #rightColumn .userAdminLink{
	padding: 40px 0 0;
	clear: left;
}
.profile #rightColumn .time{
	padding-top: 9px;
}
.profile #rightColumn .time,
.profile #rightColumn .stats{
	padding-bottom: 5px;
	line-height: 1.2;
}
.profile #rightColumn .time,
.profile #rightColumn .stats,
.profile #rightColumn .time a,
.profile #rightColumn .stats a{
	color: #666;
}
.profile #rightColumn .time a,
.profile #rightColumn .stats a{
	text-decoration: none;
}
.profile #rightColumn .time a:hover,
.profile #rightColumn .stats a:hover{
	text-decoration: underline;
}
.profile .profileimage_component a.detailLink{
	display: block;
}

.logInToConnect{
	padding: 5px 0;
	color: #999;
	font-size: 10px;
}
.controlledUsersHelp{
	font-size: 9px;
	color: #999;
	padding-top: 10px;
	width: 200px;
}

/***** comments *****/
#universalComments{
	clear: both;
	padding: 30px 0 0 38px;
}
.commentLight{
	background-color: #fff;
}
.commentDark{
	background-color: #eee;
}


.comment_post{
	padding:5px;
	width:790px;
}
.comment_post .userinfo{
	display:block;
	width:223px;
	color:#666666;
	/*background-color:#33FFFF;*/
}
.comment_post .userinfo .avatar{
	border:1px solid #cccccc;
	margin:0;
	height:44px;
	width:44px;
	background-color:#ffffff;
	padding:4px 0 0 4px;
}
.comment_post .userinfo .avatar img{
	margin:0;
	padding:0;
}
.comment_post .userinfo .name{
	padding:5px;
	width:155px;
	height:10px;
	font-size:11px;
	font-weight:bold;
}
.comment_post .userinfo .name a.username{
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	line-height:normal;
	color: #333;
}
.comment_post .userinfo .name .date, 
.comment_post .userinfo .name a{
	font-weight:normal;
	font-size:10px;
}
.comment_post .userinfo,
.comment_post .comments,
.comment_post .userinfo .avatar,
.comment_post .userinfo .name{
	float: left;
}
.comment_post .comments{
	padding-top: 5px;
	width: 567px;
}

/***** gallery/album *****/
.mediaBreadcrumbs{
	display: block;
	padding: 6px 0 0;
	font-size: 11px;
	width: 796px;
	margin-left: 38px;
	text-align: right;
}
.mediaBreadcrumbs,
.mediaBreadcrumbs a{
	color: #333;
}

/***** old style pages *****/
body{
	text-align: left;
}
#outer{
	margin: 0;
	padding-left: 0;
	overflow: inherit;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
}
#outer #footer,
#outer #sitemap{
	width: 756px;
}
#main{
	margin-top: 0;
}

/**** fluid layout pages ****/
body.fluid{
	background: #fff url(/images/common/bg2colFluid.gif) repeat-y right top !important; /* !important is for old style pages, remove when possible */
}
.fluid #rightColumn{
	width: 360px;
	position: absolute;
	right: 0;
}
.fluid #leftColumn{
	width: auto;
	margin-right: 404px;
}
.fluid p#regLink{
	float: right;
	margin-right: 30px;
}
.fluid #header_ad{
	margin-right: 384px;
}
.fluid #footer{
	margin: 0 384px 0 0;
	text-align: center;
	width: auto;
}
.fluid #footer #sitemap{
	text-align: left;
	margin: 0 auto;
	width: 758px;
}

/**** narrow right column fluid layout ****/
body.fluidNarrow{
	background: #fff url(/images/common/bg2colFluidNarrow.gif) repeat-y right top !important; /* !important is for old style pages, remove when possible */
}
.fluidNarrow #rightColumn{
	width: 180px;
}
.fluidNarrow #leftColumn{
	margin-right: 224px;
}
.fluidNarrow #header_ad{
	margin-right: 204px;
}
.fluidNarrow #footer{
	margin-right: 204px;
}

/**** media thumbs/shadows ****/


.browse .item,
.album .item,
.gallery .item{
	width: 220px;
	height: 292px;
	float: left;
	text-align: center;
	display: inline-table;
	padding-top: 10px;
}
.browse .item .shadow,
.browse .item .shadow img,
.album .item .shadow,
.album .item .shadow img,
.gallery .item .shadow,
.gallery .item .shadow img{
	vertical-align: middle;
}
.album .item,
.gallery .item{
	width:200px;
	height: 270px;
}
.gallery .item{
	height: 220px;
}

.shadow{
	display: table-cell;
}
.shadow1, .shadow2, .shadow3, .shadow4{
	/*
display: block;
	float: left;
*/
	display: inline-block;
}
.shadow1{
	background: #121212 url(/images/browse/shadowBL.png) no-repeat left bottom;
}
.shadow2{
	background: url(/images/browse/shadowTR.png) no-repeat right top;
}
.shadow3{
	background: url(/images/browse/shadowTL.png) no-repeat left top;
}
.shadow4{
	background: url(/images/browse/shadowBR.png) no-repeat right bottom;
	padding: 6px;
	position: relative;
}
#rightColumn .shadow1{
	background-image: url(/images/browse/shadowBLgray.png);
}
#rightColumn .shadow2{
	background-image: url(/images/browse/shadowTRgray.png);
}
#rightColumn .shadow3{
	background-image: url(/images/browse/shadowTLgray.png);
}
#rightColumn .shadow4{
	background-image: url(/images/browse/shadowBRgray.png);
}

.audio .shadow4{
	width:134px;
}
.home #currentFeature .audio .shadow4{
	width:auto;
}

.item .info,
.item .info a{
	color: #ccc;
}
.item .info{
	background-color: #121212;
	display: block;
	padding: 4px;
	font-size: 10px;
	text-align: left;
	clear: left;
}
.browse .item a.thumb{
	font-size: 0px;
}
.browse .item a.thumb img,
.album .item a img,
.gallery .item a img,
#rightColumn .shadow img{
	display: block;
}
.item .info .by{
	font-size: 9px;
}
.browse .item small,
.album .item small,
.gallery .item small,
#currentFeature .mediaTag small{
	font-style: italic;
	font-size: 9px;
	color: #999;
	font-weight: normal;
	display: block;
}
.item .video .info .videoPlay{
	display: block;
	text-indent: -99999px;
	width: 17px;
	height: 20px;
	float: right;
	background: url(/images/browse/videoPlayButtonSmall.png) no-repeat center;
}
* html .item .video .info .videoPlay{
	display: none;
}
.item .video .shadow4{
	width: 200px; /* should never have an image taller than wide in video - fixes IE issues with play button floating right */
}


.audioControl{
	display: block;
	/*
	width: 70px;
	padding: 13px 9px 1px;
	*/
	width: 26px;
	padding: 28px 9px 1px;
	height: 56px;
	background-color: #121212;
}
.audioControl, .audio .thumb{
	float: left;
}
.audioControl a.play,
.audioControl a.pause{
	display: block;
	width: 28px;
	height: 32px;
	background: url(/images/browse/browseSprite.png) no-repeat 0px -74px;
	text-indent: -99999px;
	text-decoration: none;
}
.audioControl a.pause{
	background-position: -28px -74px;
}
.audioControl .time{
	display:block;
	float:right;
	text-align:right;
	padding-top: 8px;
}
.video .thumb{
	position: relative;
}
.videoPlayButton{
	display: block;
	text-indent: -99999px;
	background: url(/images/browse/videoPlayButton.png) no-repeat center;
	position: absolute;
	top:-26px;
	height: 54px;
	width: 100%;
}
.imagePreview .img{
	text-align: center;
	background-color: #050505;
}
.imagePreview .img img{
	display: block;
	margin:0 auto;
}
.imagePreview .info,
.imagePreview .info .left,
.imagePreview .info .right{
	height: 120px;
}
.imagePreview .info{
	background: #161616 url(/images/browse/previewInfoBg.gif) repeat-x top;
}
.imagePreview .info{
	color: #666;
}
.imagePreview .info a{
	color: #999;
}
.imagePreview .info p,
.imagePreview .voteBox{
	padding: 10px 0 0 10px;
}
.imagePreview .info .right{
	float: right;
	width: 130px;
}
.imagePreview .info .caption{
	font-size: 14px;
}
.imagePreview .info .caption,
.imagePreview .info .caption a{
	color: #ccc;
}
.imagePreview .info .caption .by{
	font-size: 12px;
}
.imagePreview .video{
	border: 1px solid #ccc;
}
.imagePreview .info .tags a{
	text-decoration: none;
}
.imagePreview .info .comments{
	padding-top: 20px;
	color: #666;
}

/*
.imagePreview .audio,
.imagePreview .audio .bg{
	height: 140px;
	width: 550px;
}
.imagePreview .audio{
	background: #fff url(/images/browse/audioPreviewBg.png) repeat-x bottom;
}

.imagePreview .audioControl{
	background-color: transparent;
	width: 90px;
	padding-left: 26px;
	padding-top: 40px;
}
.imagePreview .audioControl a.play, 
.imagePreview .audioControl a.pause{
	width: 47px;
	height: 54px;
	background-position: -276px -127px;
}
.imagePreview .audioControl a.pause{
	background-position: -337px -127px;
}
.imagePreview .audioControl .time{
	padding-top: 20px;
	color: #333;
}

.imagePreview .audio .otherTracks{
	float: right;
	width: 380px;
	height: 120px;
	padding-top: 14px;
}
.imagePreview .audio .otherTracks h4{
	font-size: 12px;
	font-weight: normal;
	color: #666;
	padding-left: 24px;
}
.imagePreview .audio .otherTracks ol{
	list-style: decimal-leading-zero;
	padding: 2px 0 0 24px;
	overflow: auto;
	height: 104px;
	color: #ccc;
}
.imagePreview .audio .otherTracks li{
	font-size: 11px;
	padding: 2px 0;
}
*/

a.previewButton{
	position: absolute;
	display: block;
	text-indent: -99999px;
	width: 82px;
	height: 31px;
	background: url(/images/browse/previewButton.png) no-repeat center;
	z-index: 10;
}

/**** mine ****/
#mineWrapper{
	padding-left: 38px;
}
#mineWrapper.body{
	background: none;
}
#mineWrapper.body a{
	color: #333;
}
#mineWrapper.body #pages_bar a {
	color:#fff;
}
#mineWrapper.body #pages_bar a.cur_page {
	color:#FF99ED;
}
#mineWrapper.body .content_wrapper,
#mineWrapper .sidebar{
	border-top: none;
}
#mineWrapper.body .content_wrapper .taskbar_links a {
	color:#fff;
}
#mineWrapper.body .category a.current_user {
	color:#EF4FD3;
}
#mineWrapper.body h4,
#mineWrapper.body h4 a{
	color: #000;
}
#mineWrapper .sidebar{
	background-color: #ebebeb;
	height: 1300px;
	width: 200px;
	padding: 8px 0 0 10px;
}
#mineWrapper .sidebar h4{
	font-size: 16px;
	padding-bottom: 6px;
}
#favoritePlayer{
	display: block;
	background: url(//humblevoice.s3.amazonaws.com/images/mine/player_launch.jpg) no-repeat -21px -13px;
	height: 58px;
	width: 102px;
	text-indent: -99999px;
}

/***** profile editor *****/
.editProfile{
	text-align: left;
}
.editProfile #controlpanel{
	display: block;
	overflow: hidden;
}
.editProfile #outer #footer{
	margin-left: 52px;
}
.editProfile .friend_wrapper,
.editProfile .video_component div,
.editProfile .gallery_component div,
.editProfile #profile_gallery div{
	float: left;
}
.editProfile #profile_edit{
	padding-left: 52px;
}
.editProfile #profile_edit td{
	vertical-align: top;
}

/***** word *****/
.word #leftColumn div{
	float: left;
}
.word #leftColumn #community{
	padding-left: 10px;
}
.word #leftColumn #featured{
	padding-left: 52px;
}

/* HV picks */
#picks {
	width:520px;
	background-color:#dcdadb;
	margin-top:10px;
	padding:10px 0px 10px 10px;
}
#picks .selects, #picks .featured {
	width:255px;
	background-color:#FFFFFF;
}
#picks .selects .title {
	width:254px;
}
#picks .featured .title {
	width:255px;
}
#picks .title {
	background-color:#424141;
	text-align:center;
	padding:10px 0px 10px 0px;
	font-size:9px;
	text-transform:uppercase;
	font-stretch:condensed;
	color:#FFFFFF;
}
#picks .light, #picks .dark {
	width:239px;
	height:30px;
	padding:10px 5px 10px 10px;
}
#picks .light img, #picks .dark img {
	border:2px solid #FFFFFF;
	float:left;
	margin-right:5px;
}
#picks .light {
	background-color:#EFEFEF;
}
#picks .dark {
	background-color:#E8E8E8;
}
#picks .selected .light, #picks .selected .dark {
	width:239px;
}
#picks .featured .light, #picks .featured .dark {
	width:240px;
}
#picks .band {
	color:#666666;
	font-size:11px;
}
#picks .genres {
	color:#333333;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	font-stretch:condensed;
}
/* lists */
.word ul.double_rows {
	/*background-color:#efefef;*/
	background-color:#4e4e4e;
	width:200px;
	margin:0px 0px 10px 0px;
	padding:9px 10px 0px 10px;
	height:223px;
	list-style:none;
	clear:left;
}
.word ul.double_rows li.item div.number {
	background-color:#333;
	width:24px;
	height:19px;
	text-align:center;
	padding-top:12px;
	margin-right:5px;
	border-bottom:1px solid #505050;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.word ul.double_rows li.item div.space a {
	padding-left:5px;
	width:200px;
}
.word ul.double_rows li.item {
	display:block;
	float:left;
	background-color:#666;
	height:31px;
	color:#fff;
	font-size:11px;
	border-bottom:1px solid #717171;
	text-decoration:none;
	font-stretch:condensed;
}
.word ul.double_rows li.item {
	width:200px;
}
.word ul.double_rows li.item .level {
	width:170px;
	height:16px;
	overflow:hidden;
}
.word ul.double_rows li.item a {
	text-decoration:none;
}
.word ul.double_rows li.item .level a {
	display:block;
	padding:5px 0px 4px 0px;
	height:22px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
}
.word ul.double_rows li.item a .lightpinktext {
	color:#FDA8EE;
	font-size:9px;
}

.word ul.double_rows li.item:hover, 
.word ul.double_rows li.item a:hover {
 	background-color:#7F7F7F;
}
.word #featured .half_left, 
.word #featured .half_right, 
.word #featured .half_topleft, 
.word #featured .half_topright{
	height: 247px;
}
.word .mostReadTitle{
	display: block;
	text-indent: -99999px;
	width: 201px;
	height: 21px;
	background: url(//humblevoice.s3.amazonaws.com/images/word/todays_most_read.gif) no-repeat -50px top;
}

/***** old style features *****/
.oldFeatures #featured {
	width:540px;
}
.oldFeatures #featured .pic, #featured .pic_dark {
	padding:10px 10px 0px 10px;
}
.oldFeatures #featured .pic {
	background-color:#eeeeee;
}
.oldFeatures #featured .pic_dark {
	background-color:#dcdadb;
}
.oldFeatures #featured .half_left, 
.oldFeatures #featured .half_right, 
.oldFeatures #featured .half_topleft, 
.oldFeatures #featured .half_topright {
	width:260px;
	background-color:#dcdadb;
}
.oldFeatures #featured .half_left {
	margin:10px 10px 0px 0px;
}
.oldFeatures #featured .half_right {
	margin:10px 0px 0px 0px;
}
.oldFeatures #featured .half_topleft {
	margin:0px 10px 0px 0px;
}
.oldFeatures #featured .half_topright {
	margin:0px 0px 0px 0px;
}

.oldFeatures #leftColumn #main div{
	float: left;
}
.oldFeatures #leftColumn #community{
	padding-right: 10px;
	padding-bottom: 10px;
	height: auto;
}
.oldFeatures #main{
	padding-left: 52px;
}
#currentFeaturePromo{
	display: block;
	font-size: 11px;
	padding: 10px;
	color: #666;
	padding:20px 10px 10px;
}
#currentFeaturePromo a{
	font-size: 24px;
	color: #000;
	font-weight: bold;
	padding-right: 20px;
}

/***** old style blog post *****/
.blogPost #gallerypanel,
.blog #gallerypanel,
 #gallerypanel{
	display: block;
}
#profile_gallery td{
	vertical-align: top;
}
.blogPost #profile_gallery .comments,
.blogPost #profile_gallery .comments div,
.wordGallery #leftColumn div,
.editProfileSub #outer div{
	float: left;
}
.blog #profile_gallery #album_images a{
	color: #333;
}
.blog #profile_gallery #album_images .commentsLink{
	float: right;
}
.blog #profile_gallery #album_images .commentsLink a{
	text-decoration: underline;
	color:#EF4FD3
}
.blog #profile_gallery .blog_post{
	padding: 10px 10px 20px;
	overflow: hidden;
}
.blog #profile_gallery .blog_post .blog_post_title{
	font-weight: bolder;
}
.blog #profile_gallery .blog_post .blog_post_date{
	color: #666;
	padding: 4px 0 10px;
	font-size: 10px;
}

/***** talk *****/
.talkListing #main{
	padding: 0 56px 0 52px;
}
.talkConversation #main{
	padding-left: 52px;
}
.talkConversation #conversation_wrapper,
.talkConversation #community{
	float: left;
}
.talkConversation #community .ads{
	padding: 0 0 10px 30px;
}
.talkConversation #chat_top{
	color: #000;
	font-weight: bold;
	font-size: 18px;
}
.talkConversation #chat_wrapper{
	margin-top: 2px;
}

/***** login *****/
.login #leftColumn div{
	float: left;
}
.login #login_right p{
	padding: 30px 0 0;
}
.login #login_left td,
.login #login td{
	padding: 2px;
}
#register .left,
#register .right{
	float: left;
}

/***** store *****/
.store td,
.pointsStore td{
	vertical-align: middle;
}
.store td{
	padding: 5px;
}
.store input,
.store select,
.store textarea{
	color: #666;
}
.pointsStore #main{
	padding-left: 52px;
}
.pointsStore #main div{
	float: left;
}

/***** all friends *****/
.allFriends #controlpanel{
	display: block;
	height: 13px;
}
.allFriends #controlpanel a{
	color: #EF4FD3;
}
.allFriends #profile_edit div{
	float: left;
}
.allFriends #profile_edit .friends_box{
	height: 130px;
	width: 122px;
	overflow: hidden;
}

/***** static pages, like privacy policy *****/
#staticPage{
	padding: 30px;
	margin: 0 38px;
	border: 1px solid #ddd;
}
#staticPage h2,
#staticPage h3,
#staticPage h4,
#staticPage h5{
	padding: 0 0 6px;
}
#staticPage p{
	padding: 0 0 10px;
}