/* general styles for all theme pages */
.gobutton-blue, 
.gobutton-lightblue, 
.gobutton-brown, 
.gobutton-lightbrown,
.gobutton-yellow, 
.gobutton-red,
.gobutton-pink {text-indent:-2000px; display:block; background-repeat: no-repeat; cursor: pointer; width: 26px; height: 15px;}
.gobutton-blue:hover, 
.gobutton-lightblue:hover, 
.gobutton-brown:hover, 
.gobutton-lightbrown:hover,
.gobutton-yellow:hover, 
.gobutton-red:hover,
.gobutton-pink:hover {background-position: -26px 0;}
.gobutton-blue span, 
.gobutton-lightblue span,
.gobutton-brown span, 
.gobutton-lightbrown span, 
.gobutton-yellow span, 
.gobutton-red span,
	.gobutton-blue {background-image: url(../../uimages/themes/generic/gobutton-blue.gif);}
	.gobutton-lightblue {background-image: url(../../uimages/themes/generic/gobutton-lightblue.gif);}
	.gobutton-brown {background-image: url(../../uimages/themes/generic/gobutton-brown.gif);}
	.gobutton-lightbrown {background-image: url(../../uimages/themes/generic/gobutton-lightbrown.gif);}
	.gobutton-yellow {text-alignbackground-image: url(../../uimages/themes/generic/gobutton-yellow.gif);}
	.gobutton-red {background-image: url(../../uimages/themes/generic/gobutton-red.gif);}
	.gobutton-pink {background-image: url(../../uimages/themes/generic/gobutton-pink.gif);}

.spacer {clear: both;}

#emailInput { margin:4px 8px 0 0 }

#rightboxes {position: relative; width: 336px;}

#article {margin-right: 8px; padding-right:12px;}
	#article h1 {font:38px/40px Georgia; margin:3px 0 0 0; text-transform: uppercase;}
	#article h1 em {font: italic 38px Georgia;}
	#article h2 {font:bold 20px Georgia; margin:0; line-height:22px;}
	#article h3 {font:bold 15px Verdana; color: #020202; padding: 0 0 0px 0; margin-top:0;}
	#article p {font:11px/15px Verdana; margin-top:10px;}
	#article ul { margin: 0px; margin-left: 0px; padding: 0px; list-style-type: none;}
	#article ul li { line-height:15px; padding-left:14px; margin-bottom:10px;}
	#article ul p {display: inline;}
	#article #featurepage {font:bold 12px Verdana; color:#5b5a5a;}
	
#specialfeatures {margin-top: 5px; padding: 0; width: 336px;}
	#specialfeatures .top {font-size: 0; /* IE hack */ width: 336px; height: 6px;}
	#specialfeatures .bottom {font-size: 0; /* IE hack */ width: 336px; height: 5px;}
	#specialfeatures .content {margin: 10px 0 10px 10px; padding-bottom: 10px;}
	#specialfeatures #icons {position:relative; margin: 0; padding: 0; margin-bottom: 5px;}
	#specialfeatures .icon {width: 76px; margin: 1px; vertical-align: top;}
	#specialfeatures .icon .caption {font: bold 9px Verdana; text-align: center; padding: 3px 1px 1px 1px;}
	#specialfeatures .icon .caption:hover {text-decoration:underline}
	#specialfeatures .icon img {border:5px solid White;}
	#specialfeatures h2 {color: White; font: bold 13px Verdana;}
	
#unboundBox {margin-top: 5px; padding: 0; width: 336px;}
	#unboundBox .top {font-size: 0; /* IE hack */ width: 336px; height: 6px;}
	#unboundBox .bottom {font-size: 0; /* IE hack */ width: 336px; height: 5px;}
	#unboundBox .content {margin:5px 0 0 15px; padding-bottom: 10px;}
	
#emailbar {width:170px; height:30px; _margin-top:-30px;}
	#emailbar #emailInput, #emailbar #Email_Address { float:left; margin:5px 4px 0 0 }
	#emailbar #go {float:left}
	
	#featurearticle.locked #outterheadline .txt {padding-left:14px; font: bold 15px Verdana;}
	
#morefeatures {width: 120px;}
	#morefeatures a {float: left; font: 10px Verdana;color: white; text-decoration: underline;}
	
#wieunbound {font:bold 11px Verdana;}
	
/* audio / video links */
#listen .txt {float:left; padding-top:4px; margin-right:3px;}
	#listen a {color:#000000; font-weight:bold;}

#audio-video .txt {float:left; padding-top:6px; margin-right:5px;}
	#audio-video a {color:#000000; font-weight:bold;}
	
.abovePng { position:relative; z-index:200;}
.above300 { position:relative; z-index:300;}

img {border:0}

.audiolink {font-weight: bold; color: black;}

.rquo {padding-left:10px; background:url(../../uimages/themes/generic/rquo.gif) no-repeat 0 4px; display:block;}

/* Privacy Policy, Email Errors (share many styles!) */
#privacyContainer, #emailErrorContainer { position:relative }
#privPolicyPop, #emailErrors { display:none; position:absolute; top:5px; left:0; width:180px; color:#000;
		background-color:#fcfbe7; border:1px solid #8f653f; font-size:9px; padding:3px; text-indent:0}
#emailErrors { top:30px }

/* ads at the bottom of the UNlocked page */
table#onsiteAds { margin:30px 0 }
#unboundAd { width:209px; height:167px;	background:url(../../uimages/themes/generic/unbound-ad.gif) no-repeat }
#unboundAd a { display:block; width:209px; height:167px; text-indent:-2000em }
#unboundAd a:hover { background:url(../../uimages/themes/generic/unbound-ad-over.gif) 132px 128px no-repeat;
			text-decoration:none }

#magazineAd {}

#affilAd { border:1px solid #ddd; width:168px !important; width:170px }
#affilAd #contents { padding:11px }


/* general-purpose in-page ad */

.advertisement { background:#f4f4f4; margin:22px 0; padding:12px 20px; text-align:center;
		border-top:1px solid #ccc; border-bottom:1px solid #ccc }
.advertisement h6 { font-weight:normal; color:#aaa; margin:0 0 16px }


/* playlist */

.playlistPop { display:none; position:relative; z-index:500 }
.contentsection .playlistPop { left:500px; top:-80px;  }
#rightcol .playlistPop { left:100px }
.playlistPop .contents { position:absolute; z-index:500;  background:#f2f2f2; border:3px solid #ccc; padding:15px; width:200px }
.playlistPop h5 { margin:0 0 0.7em; background-color:#ddd; padding:3px; font:bold italic 12px "verdana" }
.part { margin-bottom:1em; padding-bottom:1em; background:url(../../uimages/dotted-horiz-line.gif) repeat-x 0 100% }
.part .free, .playlistPop a.help, .playlistPop h4, #audioBoxBot, #videoBoxBot { display:none }
.part .playBtn { margin:8px 10px 8px 0}
.part a { text-indent:0 !important }
.part .dlPopup { display:none }

/* TESTIMONAL */
#testimonal {margin-top: 20px; width: 333px;}
	#testimonal .text {font: 14px/18px Georgia; }
	#testimonal .text em {font: italic 14px/18px Georgia;}
	#testimonal .quoMark { vertical-align:-12px; font-size:40px; font-style:italic; font-family:Georgia, 'Times New Roman', Times, serif; } 
	#testimonal .name {float:right; padding-top:10px; font:bold 13px Verdana;}
	#testimonal .authorinfo {font:10px Verdana;}
	#testimonal .link {font-size:11px}
	#testimonal .link a {color:#A94D58 !important}
	#testimonal.blue a {text-decoration:underline; font-weight: bold;}

/* 10 day free password adv. */
#tendaypassad { width:372px; background:url(../../uimages/rounded/372-top.gif) no-repeat #E6BF66;
		line-height:1px; margin:24px 0 10px }
#tendaypassad p { padding:7px 9px; margin:0; font: bold 13px Verdana }
#tendaypassad #bot { width:372px; background:url(../../uimages/rounded/372-bot.gif) no-repeat; height:4px }

/* CONTENT ITEMS */
#contentsections {width: 690px;}
	#contentsections .contentsection {border-bottom-width:2px; border-bottom-style:dotted; position:relative; z-index:100}
	#contentsections .contentsection .contentitem hr {border-width:1px;  border-style:none none dotted none; padding:0; margin: 5px 0 5px 0; _margin: 0; width: 310px; height: 0px;}

.contentsection {margin-top: 25px; padding-bottom: 30px;}
	.contentsection .headline {width:541px;}
	.contentsection .headline h2 {font: bold 22px Georgia; color: #040202; margin-bottom:5px;}
	.contentsection .headline h2 em {font: bold italic 22px Georgia; color: #040202;}
	.contentsection .headline p {font: bold 11px Verdana; color: #848484;}

.contentitem {margin-top: 15px; position: relative;}
	.contentitem table {border: 0; border-collapse: collapse; border-spacing: 0;}
	.contentitem .left {margin:0px; padding:10px;}
	.contentitem .left img {border: 3px solid white;}
	.contentitem .left .imgcaption {margin:16px 0 0 21px;}
	.contentitem .left .imgcaption h3 {font: bold 15px Georgia; margin:0px; margin-bottom: 6px;}
	.contentitem .left .imgcaption h3 em {font: bold italic 15px Georgia;}
	.contentitem .left .imgcaption .author {font: 10px Verdana;}
	.contentitem .right p {display:block; width:273px; margin: 10px 19px 0 20px; padding: 0; font:9px Verdana;}

.itemmenu {}
	.itemmenu .menuitem {float: left; margin-top: 0px;  margin-left: 3px; padding:0;}
	.itemmenu .menuitem {margin-left: 15px; _margin-left: 5px;}
	.itemmenu a.menuarticle {width: 35px; height: 16px; padding: 2px 13px;}
	.itemmenu a.menuplaylist {width: 110px; height: 16px; padding: 2px 10px;}
	.itemmenu a.menuaudio {width: 71px; height: 16px; padding: 2px 10px;}
	.itemmenu a.menuplaylist, .itemmenu a.menuarticle, .itemmenu a.menuaudio {display: block; text-decoration: none; color:white; font:bold 9px Verdana;}

/* ------- COLORS - ARTICLE,TESTIMONAL ------- */

/* blue */
#article ul.blue li {background: url(../../uimages/themes/generic/bullet-blue.gif) 0 5px no-repeat;}

h2.blue, #testimonal.blue .text, #testimonal.blue .name, #testimonal.blue a {color: #4f728f;}

/* pink */
#article ul.pink li {background: url(../../uimages/themes/generic/bullet-pink.gif) 0 5px no-repeat;}

h2.pink, #testimonal.pink .text, #testimonal.pink .name, #testimonal.pink a {color: #b2574f;}

/* ------- COLORS - SECTIONS ------- */

/* generic */
.contentsection.blue .itemmenu a.menuarticle:hover, .contentsection.green .itemmenu a.menuarticle:hover, .contentsection.pink .itemmenu a.menuarticle:hover, .contentsection.gold .itemmenu a.menuarticle:hover {background-position: -61px 0;}
	.contentsection.blue .itemmenu a.menuplaylist:hover, .contentsection.green .itemmenu a.menuplaylist:hover, .contentsection.pink .itemmenu a.menuplaylist:hover, .contentsection.gold .itemmenu a.menuplaylist:hover {background-position: -131px 0;}
	.contentsection.blue .itemmenu a.menuaudio:hover, .contentsection.green .itemmenu a.menuaudio:hover, .contentsection.pink .itemmenu a.menuaudio:hover, .contentsection.gold .itemmenu a.menuaudio:hover {background-position: -91px 0;}

/* blue */
#contentsections .contentsection.blue, #contentsections .contentsection.blue .contentitem hr {border-color: #629ec3;}
	.contentsection.blue .contentitem .left { background: #cfdfed url(../../uimages/themes/generic/contentitem-bluegrad.gif) 0 0 repeat-x;}
	.contentsection.blue .contentitem {border: 3px solid #e1eef9;}
	.contentsection.blue .itemmenu a {text-indent:-2000em}
	.contentsection.blue .itemmenu a.menuarticle{background: url(../../uimages/themes/generic/articlebutton-blue.gif) 0 0 no-repeat;}
	.contentsection.blue .itemmenu a.menuplaylist {background: url(../../uimages/themes/generic/playlistbutton-blue.gif) 0 0 no-repeat;}
	.contentsection.blue .itemmenu a.menuaudio {background: url(../../uimages/themes/generic/audiobutton-blue.gif) 0 0 no-repeat;}

/* green */
#contentsections .contentsection.green, #contentsections .contentsection.green .contentitem hr {border-color: #7bcd71;}
	.contentsection.green .contentitem .left {background: #d3ead0 url(../../uimages/themes/generic/contentitem-greengrad.gif) 0 0 repeat-x;}
	.contentsection.green .contentitem {border: 3px solid #e0f5de;}
	.contentsection.green .itemmenu a {text-indent:-2000em}
	.contentsection.green .itemmenu a.menuarticle{background: url(../../uimages/themes/generic/articlebutton-green.gif) 0 0 no-repeat;}
	.contentsection.green .itemmenu a.menuplaylist {background: url(../../uimages/themes/generic/playlistbutton-green.gif) 0 0 no-repeat;}
	.contentsection.green .itemmenu a.menuaudio {background:url(../../uimages/themes/generic/audiobutton-green.gif) 0 0 no-repeat;}

/* pink */
#contentsections .contentsection.pink, #contentsections .contentsection.pink .contentitem hr { border-color: #d6a4a2;}
	.contentsection.pink .contentitem .left {background: #e8cdcc url(../../uimages/themes/generic/contentitem-pinkgrad.gif) 0 0 repeat-x;}
	.contentsection.pink .contentitem {border: 3px solid #f3e5e4;}
	.contentsection.pink .itemmenu a {text-indent:-2000em}
	.contentsection.pink .itemmenu a.menuarticle{background: url(../../uimages/themes/generic/articlebutton-pink.gif) 0 0 no-repeat;}
	.contentsection.pink .itemmenu a.menuplaylist {background: url(../../uimages/themes/generic/playlistbutton-pink.gif) 0 0 no-repeat;}
	.contentsection.pink .itemmenu a.menuaudio {background: url(../../uimages/themes/generic/audiobutton-pink.gif) 0 0 no-repeat;}

/* gold */
#contentsections .contentsection.gold, #contentsections .contentsection.gold .contentitem hr {border-color:  #ba9c60;}
	.contentsection.gold .contentitem .left {background: #f2e4be url(../../uimages/themes/generic/contentitem-goldgrad.gif) 0 0 repeat-x;}
	.contentsection.gold .contentitem {border: 3px solid #fbe9be;}
	.contentsection.gold .itemmenu a {text-indent:-2000em}
	.contentsection.gold .itemmenu a.menuarticle{background: url(../../uimages/themes/generic/articlebutton-gold.gif) 0 0 no-repeat;}
	.contentsection.gold .itemmenu a.menuplaylist {background: url(../../uimages/themes/generic/playlistbutton-gold.gif) 0 0 no-repeat;}
	.contentsection.gold .itemmenu a.menuaudio {background: url(../../uimages/themes/generic/audiobutton-gold.gif) 0 0 no-repeat;}