<!--


{
        margin:0;
        padding:0;
} 

html, body 
{
        height: 100%;
        text-align: center; 
        margin-top:0px;
        margin-bottom:0px;
}

a:active {text-decoration: none;}
a:link {color: blue; text-decoration: none; background-color : #ffffff ;} 
a:visited {color: #000080; text-decoration: none; background-color: #ffffff;} 
a:hover {color: red; text-decoration: none; background-color : #ffffff;}

#navigation a, 
#navigation a:visited {padding-left:25px; width:100%; line-height:24px; text-decoration:none; color:#000; background:url(http://www.threechordsandthetruth.net/images/site/off.gif); background-repeat:no-repeat;}
#navigation span {padding-left:25px; line-height:24px;}
#navigation a:hover {padding-left:25px; width:100%; line-height:24px; text-decoration:none; color:#c00; background:url(http://www.threechordsandthetruth.net/images/site/on.gif); background-repeat:no-repeat;}

#wrap 
{
        text-align: left;
        min-height: 100%;
        width:1000px;
        margin-left: auto ;
        margin-right: auto ;
        background-color:white;
}

#header
{
        font-weight:normal;
        font-family:arial;
        font-size:10pt; 
        text-align:left;
        padding-top:20px;
        padding-bottom:20px;
}

#main 
{
        overflow:auto;
        padding-bottom: 75px; /* must be same height as the footer */
        background-color:white;
}  

#twocols
{
        position:relative;
        width:800px;
        background-color:white;
        padding-bottom:75px;
        float:left;
}

#leftcolumn 
{
        position:relative;
        width:180px;
        margin-left:0px;
        padding-top:10px;
        padding-bottom:10px;
        padding-right:10px;
        padding-left:10px; 
        background-color:white;
        font-weight:normal;
        font-family:arial;
        font-size:10pt; 
        text-align:left;
        float:left;
}

#centercolumn 
{
        position:relative;
        padding-top:10px;
        padding-right:10px;
        padding-left:10px; 
        width:580px;
        background-color: white;
        font-family:arial;
       	font-size: 10pt; 
        text-align:left;
        float:right;
        line-height: 150%;
}

#rightcolumn 
{
        position:relative;
        width:180px;
        margin-right:0px;
        padding-top:10px;
        padding-bottom:75px;
        padding-right:2px;
        padding-left:10px;
        background-color:white;
        font-weight:normal;
        font-family:arial;
        font-size:10pt;
        text-align:left;
        float:left;     
}

#navigation 
{
        position:relative;
        width:180px;
        background-color:white;
        font-weight:bold;
        font-family:arial;
        font-size:12pt; 
        text-align:left;
        line-height:200%
}

#search
{
        position:relative;
        width:180px;
        padding-top:20px;
        background-color:white;
        font-weight:bold;
	font-family:arial;
	font-size:12pt;
	text-align:left;
}

#social
{
        position:relative;
        width:180px;
        padding-top:20px;
        background-color:white;
        font-weight:bold;
        font-family:arial;
        font-size:12pt;
        text-align:left;
        line-height: 150%
}

#amazon
{
        position:relative;
        width:180px;
        padding-top:20px;
        background-color:white;
        font-weight:normal;
        font-family:arial;
        font-size:10pt;
        text-align:left;
}

#bookmark
{
        position:relative;
        width:180px;
        padding-top:30px;
        background-color:white;
        font-weight:normal;
        font-family:arial;
        font-size:10pt; 
        text-align:left;
}

#ads
{
        position:relative;
        width:180px;
        padding-top:20px;
        background-color:white;
        font-weight:normal;
        font-family:arial;
        font-size:10pt; 
        text-align:left;
}

#randomlyric
{
        position:relative;
        width:180px;
        background-color:white;
        padding-top:30px;
        font-weight:normal;
        font-family:arial;
        font-size:12pt; 
        text-align:left;
}

#footer 
{
        position: relative;
        background-color:white;
        margin-top: -75px; /* negative value of footer height */
        height: 75px;
        width:1000 px
        margin-left: auto ;
        margin-right: auto ;
        text-align:center;
        font-weight:normal;
        font-family:arial;
        font-size:8pt; 
} 

img.headerimage
{
        position:relative;
        margin-bottom:40px;
}

.picture 
{ 
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC; 
	padding: 3px;
	font: 11px/1.4em Arial, sans-serif; 
}

.mainpicture 
{ 
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC; 
	padding: 3px;
	font-weight:normal;
        font-family:arial;
        font-size:10pt; 
        text-align: center;
}

.picture img 
{ 
	border: 1px solid #CCCCCC;
	vertical-align:middle; 
	margin-bottom: 3px; 
}

.right 
{ 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right; 
}

.left 
{ 
	margin: 0.5em 0.8em 0.5em 0; 
	float:left; 
}

.middle 
{ 
	display: block;
	margin-left: auto;
    	margin-right: auto;
}

img.center 
{
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
} 

table.lyric td 
{
	font-weight:normal;
        font-family:arial;
        font-size:10pt; 
}

.thumbnail
{
	float: left;
	width: 75px;
	margin: 0 10px 10px 0;
	padding: 10px;
}

.clearboth 
{ 
	clear: both; 
}

/*Opera Fix*/
body:before 
{
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;
}


-->