body {
color: #000;
margin: 0;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background: #fff;
}

.mp3 {
color:#ff508a;
font-weight:bold;
font-size:130%;
padding-bottom:3px;
}

/*
SUPER SOFT PINKY GRAY: #F1EDED



img {
margin: 0 !important;
padding: 0 !important;
border: 1px solid #F1EDED;
}

a img {
border: 1px solid #F1EDED;
margin: 0 !important;
padding: 0 !important;
}

a:hover img {
border: 1px solid #000;
margin: 0 !important;
padding: 0 !important;
text-decoration: none;
}
*/

#indexPage .indexPhoto {
width:630px;
height:160px;
position:relative;
overflow:hidden; 
margin-top:0px;
margin-bottom:5px;
}


#indexPage .indexPhoto div a {
border: 1px solid #F1EDED;
}

#indexPage .indexPhoto div a:hover {
border: 1px solid #000;
}


.link a {
background: #ffe3f0;
text-decoration: none;
}
.link a:hover {
color: #000;
background: #feeef9;
text-decoration: none;
border-bottom: 1px solid #000;
}

a { 
color: #000;
text-decoration: none;
margin: 0 !important;
}


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

.container {
width: 930px;
padding: 0px;
vertical-align: top;
font-family:  helvetica, arial, verdana, tahoma, sans-serif;
font-size: 16px;
}

.dateRow { 
border-top: 1px solid #000; 
border-bottom: 1px solid #ccc; 
width: 100%;
text-align: left;
vertical-align: top;
padding:6px 0px 6px 0;
margin-top:8px;
display:inline;
float: left;
}

.date {
float: left;
font-size: 1.4em;
text-transform: capitalize;
line-height: 110%;
color:#b7b1b1;
font-weight: bold;}

.readMore {
float:right;
display:inline;
text-align:right;
margin-top:9px;
font-size:.75em;
}

.readMore a {
color:#666;
text-decoration:none;
padding: 6px 6px 20px 6px;}


.readMore a:hover {
color: #fadef2;
background:#000;
text-decoration: underline;
padding: 6px 6px 20px 6px;}

.title { 
width: 270px; 
float: left;
vertical-align: top;
padding:6px 0 0 0;
margin: 0px !important;
text-align:left;
}

.title h2 {
font-family: helvetica, arial, verdana, tahoma, sans-serif;
font-size: 2.5em;
text-align: left;
text-transform: capitalize;
font-weight: normal;
padding: 0px !important;
margin: 0px !important;
overflow: visible;
color: #333;
line-height:100%;
}

.title h2 a {
color: #000;
text-decoration: underline;
}

.title h2 a:hover {
color: #fadef2;
background:#000;
text-decoration: underline;
}

.post {
font-family: georgia, times new roman, times, serif;
float:right;
text-align: left;
vertical-align: top;
background: #FFF;
width: 630px;
margin: 12px 0px 12px 20px !important;
padding: 0px 0px 0px 0px !important;
overflow: visible;
font-size: 1.em;
line-height: 130%;
border: 0px solid green;
}

.post a {
background: #ffe3f0;
text-decoration: none;
}
.post a:hover {
color: #000;
background: #feeef9;
text-decoration: none;
border-bottom: 1px solid #000;
}

.post b {font-size: 1.3em;
}


.blackbar { 
vertical-align: middle;
height: 50px;
background:#000;
margin: 0px;
padding: 0;
vertical-align: bottom;
}

.blackstripe {height: 1px;
border-bottom: 1px solid #000;
width: 930px;
margin-top: 0 !important;
padding-top: 0 !important;
}


.graystripe {height: 1px;
border-bottom: 2px solid #eee;
width: 930px;
margin-top: 0 !important;
padding-top: 0 !important;
}
.caption {font-size: .8em;
font-family: verdana, arial, sans-serif;
color: #666;
line-height: 110%;
padding-bottom: 6px;}


.photo_nohover a {
padding: 0 !important;
margin: 0 !important;
border: 1px solid #000;
margin-bottom: 12px;
background-color: #FFF;
align: center;
text-decoration: none;
}


.prevnext {
font-family:  helvetica, verdana, arial,sans-serif;
font-size: 14px;
text-decoration: none;
font-weight: normal;
text-align: left;
padding: 12px 0;
float: left;
text-transform: capitalize;
background: #000;
width: 100%;
color: #999;
margin: 0 !important;
vertical-align: middle;
height: 50px;
}

.prevnext a {
color: #fff;
text-decoration: none;
font-size: 160%;
width: 100%;
}

.prevnext a:hover{
color: #000;
background: #ff508a;
text-decoration: underline;
}

.prevnext a:active{
color: #000;
background: #ff508a;
text-decoration: none;
}

#prev {
float: left; 
text-align: left; 
width: 50%;
margin: 0 !important;
padding: 0 !important;
}

#next {
float: right; 
text-align: right; 
width: 50%;
margin: 0 !important;
padding: 0 !important;
}




.copyright {font-size: .8em;
color: #C9C9C9;
}

.tilde {
text-align: center;
font-family: verdana, arial, helvetica;
margin: 0;
vertical-align: middle;
border-top: #f5eeed 1px solid;
height: 12px;
padding: 12px 0;
}

.divider {
border-bottom: 1px #fff solid;
margin: 20px 0;
width: 100%;
background: #fff;
vertical-align: bottom;
}

.hr {
border-bottom: 1px #f5eeed solid;
margin: 6px 0 9px 0;
}


.footer {
width: 100%;
position: relative;
text-align: left;
line-height: 145%;
background: #f5eeed;
vertical-align: top;
margin: 0 !important;
padding: 10px 0 0 0 !important;
align: center;
}


.footerHead {
font-size: 1.6em;
text-transform: lowercase;
color: #666666;
padding: 10px 0;
text-align: left;
border-bottom: 1px solid #000000;
background-color: #f5eeed;
font-family:helvetica,arial,sans-serif;
}




.footerLink {
font-family:helvetica, verdana, arial,sans-serif;
font-size:.8em;
text-decoration:none;
font-weight:normal;
text-align:left;
padding:3px 0;
float:left;
text-transform:capitalize;
width:100%;
margin:0 !important;
vertical-align:middle;
border-bottom:1px solid #ebdeeb;
background: #f5eeed;
color:#666666;
}

a.footerLink:hover {
color:#ffffff;
text-decoration:underline;
background:#000000;
}

a.footerLlink:active {
color:#feeef9;
text-decoration:none;
background:#000000;
}

a.footerLlink:visited {
color:#feeef9;
text-decoration:none;
background:#000000;
}

.columnA {
float:left;
width: 300px;
}

.columnB {
float:right;
width: 630px;
margin-top:10px;
}

ul {
margin: 0px !important;
padding: 0px !important;
}

.columnB li {
margin: 0px 0px 0px 22px !important;
padding: 0px !important;
font-size: 16px;
line-height: 130%;
}

.columnC {
float:right;
width: 33%;}


.contents {
width: 930px;
text-align: left;
align: center;
background: #f5eeed;
}


.indent { padding-left: 30px;}

.vspacer {
height: 12px;
margin: 0px;
padding: 0px;
}




.prevnextSm {
font-family:  helvetica, verdana, arial,sans-serif;
font-size: .85em;
font-weight: normal;
text-align: left;
padding: 1px 0;
float: left;
text-transform: capitalize;
background: #ffffff;
width: 100%;
color: #cccccc;
margin: 0 !important;
vertical-align: middle;
height: 35px;
text-decoration: none;
}

.prevnextSm a {
color: #000;
background: #ffffff;
text-decoration: none;
}

.prevnextSm a:hover{
color: #000000;
background: #feeef9;
text-decoration: underline;
}

.prevnextSm a:active{
color: #000;
background: #ff508a;
text-decoration: none;
}

.pullquote {
border-left: 2px solid rgb(204, 204, 204); 
margin-top: 4px; 
padding-left: 6px; 
margin-left: 35px; 
margin-right: 35px; 
display: block;
font-style: italic;
}

div .pictureHover {
display: inline;
height: 100px;
width: 100px;
}
div .pictureHover:hover {
background: url('http://www.hbo.com/conchords/img/episode/04/ep4_740_02.jpg');
display: inline;
overflow: visible;
height: 100px;
width: 100px;
}