﻿/*dev divs*/
.g
{
     border-color: green;
     border-style: solid;
     border-width: 1px;
}
.r
{
    border-color: red;
    border-style: solid;
    border-width: 1px;
}
.b
{
    border-color: blue;
    border-style: solid;
    border-width: 1px;
}
.w
{
    border-color: white;
    border-style: solid;
    border-width: 1px;
}
.y
{
    border-color: yellow;
    border-style: solid;
    border-width: 1px;
}
.o
{
    border-color: Orange;
    border-style: solid;
    border-width: 1px;
}
.p
{
    border-color:Purple;
    border-style: solid;
    border-width: 1px;
}
/*dev divs*/

:focus { -moz-outline-style: none; } /*Removes the ugly dotted borders on image-links in Firefox.*/

a 
{
	color: Black;
}
body
{
	margin-top: 0px;
	background-color: black;	
	font-family: Arial, Helvetica, sans-serif;	
}
#main
{
	width: 960px;
	height: 997px;
	margin-right: auto;
	margin-left: auto;
	background-image: url('../img/Kerry_Cannan_Music_Backgroud.jpg');
	background-repeat: no-repeat;
}
#header
{
	width: 960px;
	height: 170px;
	float:left;
	position: relative;
}
#body
{
	width: 960px;
	height: 825px;
	float: left;
	position: relative;
}
/* header*/
#logo
{
	float:left;
	position: relative;
	margin-left: 33px;
	margin-top: 10px;
}
#newsArea
{
	float:left;
	position: absolute;
	margin-left: 293px;
	margin-top: 10px;
	width: 432px;
	height: 109px;
}

#youTubeIcon
{
	float: left;
	position: absolute;
	margin-left: 732px;
	margin-top: 10px;
}
/* The nasty nav stuff */
#navBar
{
	float: left;
	position: absolute;
	margin-top: 131px;
	width: 960px;
	height: 38px;
	background-image: url('../img/Kerry_Cannan_Nav_Bar.jpg');
	background-repeat: no-repeat;	
}
#divHome
{
	float: right;
	position: absolute;
	margin-top: 2px;
	margin-left: 9px;
}
#divMusic
{
	float: right;
	position: absolute;
	margin-top: 2px;
	margin-left: 170px;
}
#divPhotos
{
	float: right;
	position: absolute;
	margin-top: 2px;
	margin-left: 330px;
}
#divTour
{
	float: right;
	position: absolute;
	margin-top: 2px;
	margin-left: 490px;
}
#divContact
{
	float: right;
	position: absolute;
	margin-top: 2px;
	margin-left: 650px;
}
#divNews
{
	float: right;
	position: absolute;
	margin-top: 2px;
	margin-left: 800px;
}
#sep1
{
	float: right;
	position: absolute;
	margin-top: 1px;
	margin-left: 161px;
	background-image: url( '../img/nav_separator.gif' );
	background-repeat: no-repeat;
	width: 2px;
	height: 35px;
}
#sep2
{
	float: right;
	position: absolute;
	margin-top: 1px;
	margin-left: 321px;
	background-image: url( '../img/nav_separator.gif' );
	background-repeat: no-repeat;
	width: 2px;
	height: 35px;
}
#sep3
{
	float: right;
	position: absolute;
	margin-top: 1px;
	margin-left: 481px;
	background-image: url( '../img/nav_separator.gif' );
	background-repeat: no-repeat;
	width: 2px;
	height: 35px;
}
#sep4
{
	float: right;
	position: absolute;
	margin-top: 1px;
	margin-left: 642px;
	background-image: url( '../img/nav_separator.gif' );
	background-repeat: no-repeat;
	width: 2px;
	height: 35px;
}
#sep5
{
	float: right;
	position: absolute;
	margin-top: 1px;
	margin-left: 800px;
	background-image: url( '../img/nav_separator.gif' );
	background-repeat: no-repeat;
	width: 2px;
	height: 35px;
}
/**/
/*home body*/
#mainPicture
{
	float:left;
	position: relative;
	width: 912px;
	height: 696px;
	margin-top: 26px;
	margin-left: 26px;
	/*
	background-image: url( '../img/Kerry_Cannan_Playing_Acoustic_Guitar.png' );
	background-repeat: no-repeat;
	*/
	background-image: url( '../img/Kerry_Cannan_Playing_Guitar.jpg' );
	background-repeat: no-repeat;
}
#mainPictureBottomGutter
{
	float: left;
	position: absolute;
	margin-top: 662px;
	width: 912px;
	height: 33px;
	background-image: url( '../img/KC_Bottom_Gutter.png' );
	background-repeat: no-repeat;
}
#mainPictureRightGutter
{
	float: left;
	position: absolute;
	margin-left: 883px;
	width: 29px;
	height: 663px;
	background-image: url( '../img/KC_Right_Gutter.png' );
	background-repeat: no-repeat;
}
#cdArea
{
	margin-left: 22px;
	margin-top: 22px;
	float: left;
	position: relative;
	width: 226px;
	height: 268px;
	background-image: url( '../img/Kerry_Cannan_Music_CD_I_Want_You.jpg' );
	background-repeat: no-repeat;
}
#homeMainTextArea
{
	float: left;
	position: absolute;
	margin-top: 298px;
	margin-left: 22px;
	width: 300px;
	height: 367px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#homeBuyButtons
{
	float: right;
	position: absolute;
	margin-top: 235px;
	width: 233px;
	padding: 0px;
}

img {  border-style: none; }

#homeFooter
{
	float: right;
	position: relative;
	margin-top: 17px;
	width: 960px;
	height: 61px;
	background-image: url( '../img/Kerry_Cannan_FooterBar_Head.png');
	background-repeat: no-repeat;
}
#headShots
{
	float: right;
	position: absolute;
	margin-left: 26px;
	margin-top: 3px;
	background-image: url( '../img/Kerry_Cannan_Head_shots.png');
	background-repeat: no-repeat;
	width: 371px;
	height: 55px;
}
#sorethumb
{
	float:right;
	position: absolute;
	margin-left: 520px;
	margin-top: 3px;
	width: 55px;
	height: 55px;
}
#socialMedia
{
	float: right;
	position: absolute;
	width: 240px;
	height: 51px;
	margin-left: 688px;
	margin-top: 4px;
}
#bottomGutter
{
	float: right;
	position: relative;
	height: 35px;
	width: 960px;
	text-align: center;
	vertical-align: middle;
	font-size: 80%;
	color: #444444;
	padding-top: 5px;
}
/**/
/*Music section*/
#iWantYou
{
	float: right;
	position: absolute;
	width: 815px;
	height: 310px;
	margin-top: 26px;
	margin-left: 65px;
}
#iWantYouCDCover
{
	float: right;
	position: absolute;	
	width: 310px;
	height: 310px;
	background-image: url( '../img/Kerry_Cannan_CD_Cover_Big.jpg' );
	background-repeat: no-repeat;
}
#soundCloud
{
	text-align:left;
	float: right;
	position: absolute;
	width: 270px;
	height: 310px;
	margin-left: 324px;
}
#stores
{
	float: right;
	position: absolute;
	width: 201px;
	height: 310px;
	margin-left: 611px;
}
#buyFromiTunes
{
	float: right;
	position: absolute;
	margin-top: 0px;	
}
#buyFromCDBaby
{
	float: right;
	position: absolute;	
	margin-top: 85px;
}
#buyFromPayPal
{
	float: right;
	position: absolute;	
	margin-top: 173px;
}
#cc
{
	float: right;
	position: absolute;	
	width: 201px;
	height: 34px;
	margin-top: 269px;
	margin-left: 0px;
	background-image: url( '../img/cc.jpg' );
	background-repeat: no-repeat;
}
#knobJob
{
	float: right;
	position: absolute;	
	width: 815px;
	height: 310px;
	margin-top: 335px;
	margin-left: 0px;
	background-image: url( '../img/knobs.jpg' );
	background-repeat: no-repeat;
}
#cdCredits
{
	float: right;
	position: absolute;	
	width: 815px;
	height: 50px;
	margin-top: 340px;
	margin-left: 0px;
	color: #444444;
	font-size: 80%;
}
/**/
/*contact section*/
#contact
{
	float: right;
	position: absolute;
	margin-top: 40px;
	margin-left: 55px;
	width: 851px;
	height: 100px;
	font-size: 80%;
	font-weight:bold;
}
#wolfPicture
{
	float:right;
	position: absolute;
	margin-top: 50px;
	margin-left: 55px;
}

/**/
/* News section */

#news
{
	float:right;
	position: absolute;
	width: 900px;
	margin-top: 10px;
	margin-left: 30px;
	color: Black;
	font-size: 115%;
}

/**/
/*tour table */
#dateTable 
{
    width: 900px;
    border: 0px;
}

.firstColumn
{
    color: white;
    background-color: #766044;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
    padding: 5px;
    text-align: center;
}

.otherColumns
{
    background-color: white;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
    padding: 5px;
}

#dateHeaderFirstCol
{
    background-color: #968D7D;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 2px;
    font-size: 90%;
}

.dateHeaderOtherCol
{
    background-color: #968D7D;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 2px;
    font-size: 90%;
    padding: 2px;
    padding-left: 3px;
}
/**/