/*  
INDIVIDUAL ITEM STYLE SHEET
*/

body {
	margin: 0px 0px 0px 0px;
	background-image: url(http://www.thelisten.net/home/images/bgtwo.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	text-align: center;
	}

a {
	text-decoration: none;
	font-weight: bold;
	}

a:link {
	color: #F03030;
	}

a:visited {
	color: #E02D2D;
	}

a:active {
	color: #F03030;
	}

a:hover {
	color: #393AFF;
	text-decoration: underline;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

#container {
	line-height: 130%;
	margin-left: 3px;
	margin-right: auto;
	text-align: left;
	padding: 0px;
	width: 980px;	
	}

#banner-img {
	background: url("http://www.thelisten.net/albums/new_header4.jpg") no-repeat 0px 0px;
	height: 102px;
        margin-bottom: 10px;
	}

div.img-link a {
	display: block;
	height: 107px;
	text-decoration: none;
	}

.banner-alt {
	display: none;
	}

#banner {
	display: none;
	}

#banner a {
	color: #999999;
	text-decoration: none;
	}

#banner h1 {
	font-size: medium;
	font-weight: bold;     
	}

#banner h2 {
	font-size: small;
	}


#dial-header {
	background: url("http://www.thelisten.net/albums/header.jpg") no-repeat 0px 0px;
        width: 435px;
	height: 183px;
        margin-bottom: 10px;
        margin-left: 10px;
	border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
	}

div.header-link a {
	display: block;
	height: 183px;
	text-decoration: none;
	}

#left {
	width: 180px;
	overflow: hidden;
	float: left;
	}

textarea#comment-text {
        width: 370px;
        }

#center {
	width: 740px;
	overflow: hidden;
	float: left;
	}

#post {
        padding: 20px;
        background: #ffffff;
	color: #333333;
        margin-left: 10px;
        margin-bottom: 15px;
	border-top: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right: 5px solid #000000;
        border-bottom: 5px solid #000000;
        }

#postTitle {
        padding: 0px;
        width: 450px;
        background-image: url(http://www.thelisten.net/albums/bggrey.gif);
	background-color: #FFFFFF;
	color: #333333;
        margin-left: 10px;
        margin-bottom: 0px;
	border-top: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 0px;
        }

.topfives {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	font-size: 10px;
        padding: 0px;
        }

.nodisplay {
       display: none;
       }

.topfives ul {
        padding-left: 0px;
        }

.topfives li {
	line-height: 100%;
	margin-bottom: 5px;
	list-style-type: none;
        padding: 1px;
	}

.topfives h2 {
	color: #333333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	font-size: 9px;
	border-bottom: 1px solid #333333;
	background-color: #EEEEEE;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
        text-transform: uppercase;
	padding: 1px;
	}

.topfives h3 {
	color: #333333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 3px;
        line-height: 100%;
	}

#fiveleft {
	float: left;
	width: 140px;
	text-align: left;
        background: #ffffff;
	color: #333333;
	border: 1px solid #000000;
        position: absolute; 
        left: 192px;
        margin-top: 5px;
        padding: 0px;
        }

#fivecenter {
	width: 140px;
	text-align: left;
        background: #ffffff;
	color: #333333;
	border: 1px solid #000000;
        position: absolute; 
        left: 340px;
        margin-top: 5px;
        padding: 0px;
        }

#fiveright {
	float: right;
	width: 140px;
	text-align: left;
        background: #ffffff;
	color: #333333;
	border: 1px solid #000000;
        position: absolute; 
        left: 488px;
        margin-top: 5px;
        padding: 0px;
        }

#listenerTitle {
        padding: 0px;
        background-image: url(http://www.thelisten.net/albums/bggrey.gif);
	background-color: #FFFFFF;
	color: #333333;
        margin-left: 10px;
        margin-bottom: 10px;
	border-top: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right: 5px solid #000000;
        border-bottom: 1px solid #000000;
        }

.content {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	}

.sidebar {
        margin-bottom: 10px;
	padding: 5px;
	}

.sidebar a {
	text-decoration: underline;
	font-weight: bold;
	}

.sidebar a:link {
	color: #FFFFFF;
	}

.sidebar a:visited {
	color: #EEEEEE;
	}

.sidebar a:active {
	color: #C71C49;
	}

.sidebar a:hover {
	color: #F03030;
        text-decoration: none;
	background-color: #FFFFFF;
	}

.content p {
	color: #333333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 130%;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	font-size: small;
	text-align: left;
	line-height: 100%;
	margin-bottom: 10px;
	list-style-type: none;
        padding: 1px;
	}

.content h2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #333333;
	margin-bottom: 10px;
	letter-spacing: -1.5px;
	line-height: 150%;
	}
	
.content h3 {
	color: #333333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	font-size: 9px;
	border-bottom: 1px solid #333333;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px;
	}

.content h4 {
	color: #333333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #333333;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 2px;
	}

.content p.posted {
	color: #999999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	text-align: right;
	margin-top: 7px;
	margin-bottom: 20px;
	border-top: 1px solid #333333;
	line-height: normal;
	clear: left;
	}

.content img {
	border: 1px solid #333333;
	}

.sidebar h2 {
	color: #FF4D53;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .2em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 1px;
	}

.sidebar li {
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 100%;
	margin-top: 5px;
	list-style-type: none;
        padding: 1px;
	}

.sidebar img {
	border: 1px solid #EEEEEE;
	}

.sidenav {
      padding-left: 5px;
      margin-bottom: 15px;
      }

.sidenav ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 20px;
	}

.sidenav li {
	color: #FFFFFF;
	text-align: left;
	line-height: 100%;
	margin-bottom: 3px;
	list-style-type: none;
        padding: 0px;
	}

.sidenav img {
	border: 1px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.image-full {
	width: 420px;	
	}

.image-thumbnail {
	float: left;
	width: 130px;
	margin-bottom: 10px;
	}

.image-thumbnail img {
	width: 115px;
	height: 115px;
	}
	
#commentform {
	width: 450px;
}

#comment {
	width: 450px;
}

/* SiFR */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 32px;
}