/*--------------*/
/* CSS Document */

html,body{
	padding:0;
	margin:0;
	height: 100%;
	text-align:left;
	background-color:#ffffff;
	background-image: url(../images/background.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	font-family: Georgia, serif;
	font-size: 12px;
	min-width: 1120px;
	z-index:20;
}


/*--------*/
/* LAYOUT */

#fadetop {
position:fixed !important;
position:absolute;
height:120px;
width:100%;
top:0px;
left:0px;
overflow:hidden;
z-index:50;
}

#fadebottom {
position:fixed !important;
position:absolute;
height:120px;
width:100%;
bottom:0px;
left:0px;
overflow:hidden;
z-index:50;
}

#logo {
	position:fixed !important;
	position:absolute;
	left:0px;
	top:0px;
	width:280px;
	height:92px;
	z-index:90;
}

#menu {
	position:fixed !important;
	position:absolute;
	left:0px;
	top:108px;
	width:280px;
	height:42px;
	z-index:90;
	text-align: center;
}

#footer {
	position:fixed !important;
	position:absolute;
	left:0px;
	bottom:0px;
	width:280px;
	height:50px;
	z-index:85;
}

#background {
	position:fixed !important;
	position:absolute;
		left:0px;
	top:0px;
	width:280px;
	height:100%;
	background-color:black;
	z-index:80;
	text-align: center;
	background-image: url(../images/backgrounds/rotate.php) !important;
        background-image: url(../images/backgrounds/background.jpg);
}



/*---------*/
/* CONTENT */

#content { /* Content Area */
	position:absolute;
	left:310px;
	top:0px;
	width: 525px;
	padding-top:108px;
	padding-bottom:110px;
	clear:none;
	visibility:visible;
	z-index:30;
	}

#content h1{  /* Heading */
	font-family: Impact, Georgia, serif;
	font-size : 38px;
	font-weight: bold;
	text-transform:uppercase;
	color : #000;
	line-height : 100%;
	margin-top : 0;
	margin-bottom: 10px;	
	xletter-spacing: -0.05em;
	background-color : transparent;
	}
	
#content h2{
	border-bottom: 1px solid #000;
	margin-bottom: 40px;
	}

#content .articletext p{  /* Body Text */
	font-family: Georgia, serif;
	font-size : 12px;
	color : #000;
	line-height : 120%;
	margin-top : 0;	
	background-color : transparent;
	}

#content .articletext p:first-child { /* First Paragraph */
	font-size: 18px;
	font-style: italic;
	line-height: 120%;
	}

#content .articletext h4 {  /* Interview question */
	font-family: Georgia, serif;
	font-size : 12px;
	color : #000;
	line-height : 120%;
	margin: 25px 0 10px 0;
        text-indent: -5px;
	}
	
.textcolLeft {width:250px;}
.textcolRight {width:250px; float:right;}	
	
.article{margin-bottom: 40px; overflow:hidden;}	
.articletext {display: table;}
.articleimages {margin-top:7px; float:right;}
.articleimages img {width:165px; margin-left:15px; margin-bottom:15px; display: block; clear: both;}
.articlelarge{font-size: 18px;font-style: italic;line-height: 120%;}

.author {border-top: 1px solid #000000; font-style: italic; padding-top:10px; font-size: 12px; font-family: Georgia, serif; margin-bottom:40px;}
.author a{font-weight: bold; color: #000; text-decoration: none;}
.author a:hover{text-decoration: underline;}

.fn {font-weight: bold;}

.comment{float: right; padding-top: 0;}	
.comments_invite{margin: 0;}
.url a{padding-top: 0; font-weight: normal; color:#CFCFCF;}	

#txpCommentInputForm {
	background-color: #F6F6F6;
	padding: 10px 0px 15px 10px;
	border-bottom: 1px solid #000000;
	font-style: italic;
	}

.artists {clear: both;}
.artists img {margin-top:10px; margin-bottom: 15px;}

.line {border-top: 1px solid #000000; padding-top:10px;  margin-bottom:30px;}
.inline {border-bottom: 1px solid #000000; padding-top:10px;  margin-bottom:20px; margin-top: 30px;}

/*--------------*/
/* RIGHT COLUMN */

#rightcol {
	top:0px;
	float:right !important;
	float:none;
	margin-left:910px;
	width: 180px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:115px;
	padding-bottom:80px;
	z-index: 10;
	clear:none;
	background-image: url(../images/sideline.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

#rightcol h2{
	font-family: Impact, Georgia, serif;
	font-size : 24px;
	font-weight: bold;
	text-transform:uppercase;
	color : #CFCFCF;
	line-height : 100%;
	margin-top : 0;
	background-color : transparent;
	}

#rightcol p{ 
	font-family: Georgia, serif;
	font-size : 14px;
	color : #CFCFCF;
	line-height : 120%;
	margin-top : 0;	
	background-color : transparent;
	}

#rightcol a{  
	font-style: italic;
	color : #CFCFCF;
	text-decoration: none;
	}

#rightcol a:hover{color : #000000;}

.group{margin-bottom: 40px;}




/*------*/
/* MISC */

img {border:0}


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

.divider {display: none;}

a[href $='.mp3'] { 
	padding-left: 18px;
	background: url(../images/mp3.gif) no-repeat left top;
	display: inline-block;
	margin-top: 3px;
	line-height: 120%;
	}

.prev {
	font-family: Impact, Georgia, serif;
	font-size : 24px;
	font-weight: bold;
	text-transform:uppercase;
	color : #CFCFCF;
	line-height : 100%;
	margin-top : 0;
	background-color : transparent;
	background:url(../images/left.gif) 0px 6px no-repeat;
	padding-left: 18px;
	width:235px;
	}

.next {
	font-family: Impact, Georgia, serif;
	font-size : 24px;
	font-weight: bold;
	text-transform:uppercase;
	color : #CFCFCF;
	line-height : 100%;
	margin-top : 0;
	background-color : transparent;
	background:url(../images/right.gif) right 7px no-repeat;
	width:250px;
	padding-right: 18px;
	float:right;
	text-align: right;
	}

.readmore {
	height: 16px;
	background:url(../images/right.gif) no-repeat;
	padding: 1px 0px 0px 19px;
	margin-top: 15px;
	color: #333;
	}

.readmore a {color: #999; text-decoration: none;;}
.readmore a:hover {color: #000;}
.smalllink, .small {font-size: 12px;}
.hires {font-size: 12px; color:#cfcfcf;margin-left:15px;}