/*stylesheet for wicks index*/

/* remove browser default margins and padding*/

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
/* use command below to give divs borders when needed so as to see them clearly */
/*border:dashed thin #f00; */ 
}


body{
background-color:#000;
font-family:Gill Sans, sans-serif;
}


#wrapper{
/*center the wrapper*/
margin-top: 2em;
margin-left: auto ;
margin-right: auto ;
margin-bottom:2em;

border: solid 1px white;
background: #856E5E url(images/tourbkgrd.jpg);
width: 950px;
height:37em;
}


/* contains three containers */
#maincontainer{
height:27em;
width:100%;
}

/* styles welcome div and title in upper left */
#welcome{
margin-left:2.5em;
width:5em;
height:5em;
}

#welcome h6{
color:white;
font-size:150%;
line-height:1em;
text-align:left;
padding-top:1em;
}



/* contains download image and button */
#leftdiv{
	width:30%;
	height:27em;
	float:left;
}

/* contains rotate image and button */
#centerdiv{
	width:30%;
	height:27em;
	float:left;
}

/* contains merch descriptions */
#rightdiv{
	width:40%;
	height:27em;
	float:left;
}


/* contains download info and gray background for displays */

#teeshirtimage{
margin-left:2.5em;
}


#displaytee {
margin-left:2.5em;
background-color:black;
opacity: .5;
filter: alpha(opacity=50);
width:12.6em;
height:5.85em;
}


#displaytee p{
text-align:center;
color:white;
font-size:.8em;
}


form{
margin-left:2.2em;
margin-top:.1em;
}



/* places cover image in gray box */
#leftdiv #teeshirtimage img{
border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #cc9900;
/*removed gap between image and narative div*/
display:block;

}




/* contains rotate info and gray background for CD display */


#rotateimage{
margin-top:5em;
margin-left:2.5em;
}


#displayrotate {
background-color:black;
opacity: .5;
filter: alpha(opacity=50);
width:12.5em;
height:5.85em;
margin-left:2.5em;
}


#displayrotate p{
text-align:center;
color:white;
font-size:.8em;
}





/* places cd image in gray box */
#centerdiv #rotateimage img{
border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #cc9900;
/*removed gap between image and narative div*/
display:block;
}



/* styles and places gray box for item descriptions */
#merchdescription {
margin-top:5em;
margin-left:2.5em;
width:18em;
height:18em;
line-height:.8em;
}

#merchdescription h5{
color:#cc9900;
}


/* style type for visa mastercard desc type */
#merchdescription h4{
color:yellow;
font-size:90%;
}


#merchdescription p{
color:white;
font-size:.75em;
margin-bottom:.5em;
}

#merchdescription span{
color:#cc9900;
font-size:90%;
}




h6{
color:white;
align:center;
}




/* to space nav buttons apart */
.cellpadding{
padding: 0 1.1em 0 1.1em;
}



/* to center mailing list type */
#mailinglist {
position:absolute;
top:35em;
left:23.5em;
color:#cc9900;
}





/* for use when adding mailing list/form link */
#mailinglist a:link{
color: #cc9900;
text decoration: none;
}

#mailinglist a:visited{
color: #cc9900;
text decoration: none;
}

#mailinglist a:hover{
color:#ffffff;
text decoration: none;
}

#mailinglist a:active{
color: #cc9900;
text decoration: none;
}







#photocredit{
margin-top:1.75em;
color:white;
font-size:90%;
width:100%;
}




/* for use when adding mailing list/form link */
#photocredit a:link{
color: #cc9900;
text decoration: none;
}

#photocredit a:visited{
color: #cc9900;
text decoration: none;
}

#photocredit a:hover{
color:#ffffff;
text decoration: none;
}

#photocredit a:active{
color: #cc9900;
text decoration: none;
}



#photocredit a img{
text-decoration: none;
border:none;
}





/* button images */
#buttons img{
border:solid 2px #c90;
}

/* to style buttons */
#buttons a:link img{
border-color: #cc9900;
text-decoration: none;
}

#buttons a:visited img{
border-color: #cc9900;
text-decoration: none;
}

#buttons a:hover img{
border-color:#ffffff;
text-decoration: none;
}

#buttons a:active img{
border-color: #cc9900;
text-decoration: none;
}


#wrapper #buttons .centertable {
	margin-right: 2em;
	margin-left: 1em;
}