html {
    height: 100%;
}

body {
	background: #000 url(../images/bg_header.gif) 50% 0 no-repeat;
	text-align: center;
	color: #e8ba5c;
	font-family: georgia, serif;
	font-size: 12px;  
	height: 100%;
}
body#home {
    background: #000 url(../images/bg_home.gif) 0 0 repeat-x;
}  

h1, h2, h3, h4, h5, h6 {
    margin: .5em 0;
    font-family: georgia, serif;
}

h1 {
    font-size: 32px; 
    letter-spacing: .05em; 
} 
body#home h1,
body#tag h1 {
    font-size: 16px;
} 

h2 {
    font-size: 22px;
}      
h3 {
    font-size: 18px;
}
h4 {
    font-size: 14px;
}

p {
    padding: .5em 0;     
    margin: .5em 0;
    line-height: 1.5em;
} 

a {
    color: #ebc061;
} 

hr {
    color: #ebc061;
    background-color: #ebc061;
    height: 1px; 
    border: 0;
    margin: 1em 0;
    clear: both;
}

textarea.code {
    font-family: verdana;
    background-color: #302c1c;
    color: #000; 
    margin: .5em;
    padding: .5em;
    display: block; 
    font-size: 11px;
    border: 0;
} 


#content a {
    padding: 0;
}

a img {
    border: none;
}

a.admin { color: #AF4E00; }       

#wrapper {   
    position: relative;
    width: 970px;    
    text-align: left;
    margin: 0 auto; 
    min-height: 100%;  
}  
* html #wrapper {
    height: 100%;
} 
#wrapper.login {
    padding-top: 200px;
}

#header {
    height: 130px; 
    width: 380px;
    position: relative;
    z-index: 99;
    background: #000 url(../images/bg_header.gif) 0 0 no-repeat;
}
body#home #header {
    height: 209px;
    width: auto;
    background: #000 url(../images/bg_header_home.gif) 50% 0 no-repeat;
}  

#wrapper .album {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 312px;
} 

#footer {
    position: relative;
    width: 970px; 
    height: 80px;
    margin: -82px auto 0 auto;
    background: url(../images/atmosphere.png) 0 35px no-repeat;
}   
#footerContent { 
    height: 80px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 60px;
    background: url(../images/rhymesayers_small.gif) 100% 20px no-repeat;
}
#footerContent p { 
    position: absolute;
    right: 180px; 
    width: 170px;
    padding: 15px 10px 0 0; 
    text-align: right;
    line-height: 1.3em; 
    font-size: .8em;
} 
#footerContent p span {
    color: #fff;
}
#albumThumb {
    position: absolute;
    right: 60px;
    bottom: 0px;
    width: 123px;
    height: 80px;
} 
#audioPlayer {
    position: absolute;
    left: 200px;
    bottom: -1px;
}                                                                                                                         

body#tag #footerContent,
body#tag #albumThumb {
    display: none;
}   
body#tag #footer {
    background: url(../images/rhymesayers.png) 88% 70% no-repeat;
}                      
body#tag #audioPlayer {
    left: 275px;
}




#content {            
    position: relative;
    margin-top: 30px; 
} 

#content.copy {
    padding: 0 40px 100px 40px;
} 
#content.copy {
    /*font-family: arial, helvetica, sans-serif;*/
}
#content.copy h1 {  
    margin-bottom: 20px;
}  
#content ul {
    padding: 0 1em;
    margin: 1em 1em 2em 1em;
}              
#content li {
    margin: .5em 0;
}  
#content {
    padding-bottom: 100px;
}

body#home #content {
    margin-top: 0;
    height: 375px;
    background: url(../images/bg_content_home.jpg) 0 0 no-repeat; 
}     

#goldBar {
    z-index: 99;
}  

body#home #goldBar.default {
    display: none;
}
                 
#goldBar.default {
    position: absolute;
    top: 25px;
    right: 5px; 
    width: 502px;
    height: 82px;
    background: transparent url(../images/bg_goldbar.gif) 0 0 no-repeat;
}  
#goldBar #browse_url {        
    width: 180px;
    background-color: #d7b451;
    border: 1px solid #73602b;
}  
#goldBar.default .input,
#goldBar.default .directions {
    height: 40px;
    margin-top: 5px;
    padding: 15px;
}
#goldBar.default .input {
    float: right;
    width: 230px;
    border-left: 1px solid #181309;
    padding-top: 8px; 
    padding-bottom: 22px;
}               
#goldBar.default .directions {
    float: left;
    width: 210px; 
    border-right: 1px solid #8c733c; 
    color: #fff; 
    padding-top: 8px; 
    padding-bottom: 22px;
}    
#goldBar.default .directions p {
    padding-top: 0;
}          
#goldBar h3,
#goldBar span {
    color: #e8ba5c;
}
#goldBar.default h3,
#goldbar.default label {
    font-size: 14px;
    margin: 0; 
    padding: 0;
}  
#goldBar p {
    padding: 7px 0;
} 
#goldBar.default #btnGo {
    position: absolute;
    top: 38px;
    right: 20px;
}   
#goldBar.tag { 
    width: 210px; 
    padding: 0;
    background: none;  
}  
#goldBar.tag #btnGo {
    position: absolute;
    right: 20px;
    top: 18px;
}
#goldBar.tag .directions {
    display: none;    
} 
#goldBar .input p,
#goldBar .input {
    position: relative; 
}  

#goldBar.small {
    position: absolute;
    top: 45px;
    left: 380px; 
    width: 220px;
    text-align: center;
} 
#goldBar.small .directions {
    display: none;
}
#goldBar.small label {
    display: block;
    text-align: center;
    padding-right: 40px;
}   
#goldBar #btnGo {
    position: absolute;
    right: 10px;
    top: 0;    
}
#goldBar.small #btnGo {
    top: 20px;
    right: 0;
} 
#goldBar.default #btnGo {
    top: 30px;
    right: 20px;
}         
   
#goldBar #errors {
    position: absolute; 
    top: 65px;
    right: 115px;
}  


#nav {
    width: 290px;     
    position: absolute;
    bottom: 5px;
    left: 30px;
}
#nav a {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 5px;
    font-size: 11px; 
    padding: 2px; 
    color: #ebc061;
}   
#nav a:hover,
#nav a.active {
    color: #000;
    background-color: #e8ba5c;
}   
                
#nav ul {
    text-align: center;
}                
                
#nav li {
    display: inline; 
    line-height: 1.7em;
}
#nav li.home {
    position: absolute;
    top: -80px;
    left: -15px;
    display: block;
    width: 340px;
    height: 70px;
} 
#nav li.home a {
    display: block;
    width: 340px;
    height: 70px; 
    padding: 0;
}              
#nav li.home a:hover {
    background: none;
}

body#home #nav {
    bottom: 15px;
    left: 455px;
    width: 400px;
}  
body#home #nav ul{
    padding: 0; 
    margin: 0;
} 

body#home #homeNav { 
    position: absolute; 
    width: 970px;
    bottom: 0;
    left: 0;
    height: 50px;
    background: url(../images/atmosphere.png) 300px 0 no-repeat;
}  
body#home #homeNav p {    
    padding: 2px 0;
    margin: 15px 0 0 160px;  
    font-size: 11px;
}  

#captureButton {
    position: absolute;
    top: 2px;
    left: 2px; 
    z-index: 999; 
}   
           
#browseCover,
#browseScroller,
#flashFrame {
    z-index: 1;
    width: 970px;
    height: 640px;
    overflow: auto;
}
#browseCover {  
    position: absolute;
    top: 0;           
    left: 0;
    width: 955px;
    z-index: 99; 
}

#flashFrame { 
    height: 770px;         
    margin-top: -160px;
    background-color: #333;
} 
#browseScroller { 
    height: 640px;
    overflow: auto;
    overflow-x: hidden;
    background-color: #fff;
} 
#tagHome {            
    width: 500px; 
    margin: 10px 235px;
    padding-top: 190px;
    text-align: center;
    background: transparent url(../images/caps.jpg) 50% 0 no-repeat;
} 
#tagHome h1,
#tagHome p,
#tagHome label {
    display: block;
    text-align: center;
} 
#tagHome p {
    color: #fff;
}  
#tagHome p span {
    color: #e8ba5c;
}   
#tagHome #goldBar {
    width: 300px; 
    margin: 30px auto;
    position: relative;
} 
#tagHome #goldBar #btnGo {
    position: absolute;
    right: 20px;
    top: 18px;
} 

#homeMain,
#homeSub {
    padding: 30px 10px 0 10px;
}

#homeMain {
    float: left;
    width: 645px; 
    margin-left: 30px; 
    text-align: center;
}       
#homeSub {
    float: right; 
    width: 200px; 
    margin-right: 50px; 
    text-align: center;
}  
#homeMain h1,
#homeMain p {
    text-align: center;
    margin: 20px 0;
} 
#homeMain a:hover {
    background: none;
}
#homeMain p.thumbs a {
    margin: 5px;
} 
#homeSub h3,
#homeSub h2 { 
    margin: 0;
    font-size: 11px;
    text-align: center;
} 
#homeSub h2 {
    margin-top: -.7em;
}
#homeSub h3 {
    color: #df9d47;
} 
#homeSub .buy { 
    padding: 12px 0;
    background: url(../images/bracket.gif) 50% 50% no-repeat;
}   
#homeSub .buy p {
    float: left;
    padding-left: 30px;
}               
#homeSub .buy ul { 
    margin: 0;
    padding: 0;
    width: 90px;
    float: right;
}   
#homeSub .buy li {
    margin: 2px 0;
} 

.tourDates {
    width: 500px;
    margin: 0 auto;
} 
.tourDates td {
    padding: 5px;
} 
.altRow td {
    background-color: #1f1c10;
} 
.tableRowHover td {
    background-color: #e8ba5c;
    color: #000;
} 


.item p.description {
    color: #fff;
} 

body#buy .item {  
    float: left;
    width: 430px;
    min-height: 280px;
    margin-right: 10px;
} 
body#buy .item img {
    float: left; 
    margin: 0 1em 4em 0;
}  

body#downloads .column {
    float: left;
    width: 430px; 
    margin-right: 10px;
}

body#downloads .item {
    margin-bottom: 2em;
}  
body#downloads .item img {
    float: left;                      
    
} 
body#downloads .item ul {
    width: 120px;
    float: right;
} 


body#links .column {
    float: left;
    width: 350px;
}
body#links .column.episode {
    width: 460px;
    margin-left: 20px;
}
body#links .video {
    border: 10px solid #dfad48;
    width: 425px;
    height: 353px;
}
 
body#gallery .item {
    float: left;
    width: 200px;
    margin: 10px;
}    
body#gallery .submission {
    width: 870px; 
    margin-bottom: 5em;
    margin-right: 0;
    display: block;
}  
/* ----------------
    END CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    ------------- */   
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.emptyBox {
	width:500px;
}

body#gallery .submission img {
    float: left;
}    
body#gallery .submission .details {
    float: right;
    width: 250px;
}


#content .pagination {
    clear: both;
    padding: 2em;
    text-align: center;
} 
#content .pagination {
    margin: 0 2px; 
    display: inline;
} 
#content .pagination a,
#content .pagination b {
    color: #000; 
    text-decoration: none;
    text-align: center; 
    padding: 4px;
    margin: 0 2px;
    border: 1px solid #8b7037;
    background-color: #453d22; 
}
#content .pagination b {
    font-weight: bold;
    background-color: #e8ba5c;
}  
#content .pagination a:hover {
    background-color: #000;
    color: #dfad48;
}



.userRating,
.overallRating {
    display: block;
    margin: 1em 0;
    clear: both; 
    width: 150px;   
    margin: 5px 0;
}



.comments {
    clear: both;
    width: 600px;
    margin: 0 auto 5em auto;                  
    border-top: 1px solid #ebc061;
    border-bottom: 1px solid #ebc061;
} 

.commentForm {         
    padding: 1em 3em;
    background-color: #11100A;
}   
.commentForm label {
    margin-top: 1em;
    display: block;
} 
.commentForm .textArea {
    width: 520px;
    height: 125px;
} 
.comment p {
    margin: 1em;
    padding: 0;
} 
.comment .name {
    margin-bottom: 0;
}  
.comment .commentText {
    margin-top: 0;
}
.comment .name b {
    color: #B5600B;
}                        
.comment .name span { 
    color: #3F3F3F;
}

.embedfieldsml {
	width:260px;
    height:40px;
	overflow:hidden;
	background-color:#ebc061;
}

.clear {
    clear: both;
} 

.floatLeft {
    float: left;
}              
.floatRight {
    float: right;
}   


/* ----------------
    CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    the ID or class is the parent of the floated items
    ------------- */
#content:after,     
body#downloads .item:after,
body#gallery .submission:after,
body#gallery .comment:after,
#content .pagination:after,
.userRating:after,
.overallRating:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}
#content:after,
body#downloads .item,
body#gallery .submission,
body#gallery .comment,
#content .pagination,
.userRating,
.overallRating { 
	display: inline-block; 
	_height: 1%;
}

/* Hides from IE-mac \*/
#content:after,
body#downloads .item,
body#gallery .submission,
body#gallery .comment,
#content .pagination { display: block; }
/* ----------------
    END CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    ------------- */