@charset "utf-8";
/* CSS Document: stylesheet for CMW author website */

/* Universal style rule */
* {
/* Block all browser default margins and padding */
margin:0;
padding:0;
}	

body {
font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",Times,serif;
font-size:14px;
color: #000;
background-color:#a9a9a9;
}					

h1 {
font-family:Papyrus,"Trebuchet MS","Comic Sans MS",Helvetica,cursive;

}

p {

}

p.signature {
margin-top:0.5em;
font-style:italic;
text-align:right;
}

img {
border:0;
}

#wrapper {
width:50em;
margin:5px auto;				/* auto left & right centers the wrapper */
background-color:#d1d1d1;		/* d1d1d1 is the light grey behind the content, navbar, & footer */

}

#gateway {
background:#a9a9a9;				/* a9a9a9 is the dark grey surrounding the page content */
width:100%;
}

#gateway img {
width:100%;
}

#billboard {
width:100%;
padding-bottom:1.1em;
}

#billboard img {
float:right;
}

#billboard h1,
#billboard p {
font-size:1.5em;
padding-top:1.5em;
padding-left:7%;
}

#billboard h2 {
font-size:1.3em;
padding-top:1.3em;
padding-left:7%;
}

#billboard h3 {
font-size:1.1em;
padding-top:1em;
padding-left:7%;
}

#billboard p {
font-size:1.1em;
padding-top:0.4em;
padding-right:42%;

}

#album,
#album2 {
text-align:center;
margin-bottom:1em;
}

img.album {
margin-top:1em;
width:45em;
/*height:180px;*/
}

img.album2 {
margin-top:1em;
height:220px;
}


#branding,
#content,
#navbar,
#footer {
width:100%;
}

#branding img,
#content img {
width:100%;
border:none;
}

.links {
width:26%;
float:right;
margin-top:3em;
margin-right:2em;
font-family:Papyrus,"Trebuchet MS","Comic Sans MS",Helvetica,cursive;
font-size:1.6em;
line-height:2em;
}

.links ul{
list-style-type:none;
}

.links a {
text-decoration:underline;
}

.review {
width:100%;
padding-bottom:1.1em;
}

.review h1,
.review p {
font-size:1.5em;
padding-top:1.5em;
padding-left:7%;
padding-right:1em;
}

.review h2 {
font-size:1.3em;
padding-top:1.3em;
padding-left:7%;
}

.review h3 {
font-size:1.1em;
padding-top:1em;
padding-left:7%;
}

.review p {
font-size:1.1em;
padding-top:0.4em;
padding-right:43%;

}

.border {
clear:both;
}

.border img {
width:100%;
}

.spacer {
width:100%;
height:1em;
background-color:#a9a9a9;			/* dark grey */
}

#navbar_gateway {
height:4em;
clear:both;
width:100%;
background-color:#d1d1d1;
}

#navbar_gateway img {
width:100%;
border:0;
}

#navbar_gateway a,
#navbar_gateway a:link {
outline-style:none;
}

#navbar {
height:2em;
clear:both;
}

#navbar ul {
list-style-type:none;	/* gets rid of bullets */
}

#navbar li {
float:left;
width:16%;         /* 20% for 5 items */
height:1.5em;
text-align:center;
padding-top:0.25em;
font-size:1.1em;
}

#navbar li.selected {
color:#fff;
background-color:#a9a9a9;
}

#navbar a:link,
#navbar a:hover,
#navbar a:active,
#navbar a:visited{
color:#000;
outline-style:none;
text-decoration:none;
display:block;
}

#navbar a:visited {
color:#444;
}

#navbar a:hover {
background-color:#bfbfbf;
}

#navbar a:active {
text-decoration:underline overline;
}


#footer {
height:5em;
font-style:italic;
border-top:1px solid #000;
}

#footer p {
padding-top:1em;
padding-left:5%;
}

#footer p.right {
width:40%;
float:right;
text-align:right;
padding:2em 2% 0 5%;
}

#footer a:link,
#footer a:hover,
#footer a:active,
#footer a:visited{
color:#000;
outline-style:none;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

a:link,
a:hover,
a:active,
a:visited {
color:#000;
outline-style:none;
}

a:visited {
color:#555;
}

.order {
margin-top:1em;
margin-left:15%;
}

.order ul {
list-style-type:none;
}

.order li {
margin-top:1em;
}