/*RowdyGirls Styles*/
/* To make older browser HTML5 aware */
header, nav, aside, article, footer, figure, figcaption {
    display: block;
    }
body {
        margin: 0;
        padding: 0;
       }
/* Get rid of large margins on headings */
 h1, h2, h3, h4, h5, h6 {
        margin: 0;
       }
img{
    padding-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* The Header, Nav, Main and Footer are preceeded by the # sign because they are divs in the HTML code of the pages. */
#header {
background-color:#cc0000;
color:white;
text-align:center;
font-size: 32px;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: 'Times New Roman', Times, serif;
    font-size: 12pt; 
    font-weight: bold;
    color: black;
}
/* Each list item inside horizontal menu bar */
nav ul li {
	float: left;
	width: 20%; 
	position: relative; 
	z-index: 10;
}
/* Text and links across navbar */
nav span, nav a {
/* Preload two background images */
    background: url(pix2/navback2gold.png) repeat-x,
    	url(pix2/navhover2gold.png) repeat-x;
    text-decoration: none;
    display: block;
    height: auto;
    line-height: 40px;
    width: 100%;
    text-align: center;
    font-size: 14pt;
    /* border-radius: 10px; didn't like this look */
}
/* Text and links across navbar */
 nav span, nav a {
   background: url(pix2/navback2gold.png) repeat-x,
    	url(pix2/navhover2gold.png) repeat-x;
    text-decoration: none;
    outline: none; 
    display: block;
    height: 40px;
    line-height: 40px; 
    width: 100%;
    text-align: center;
    }
/* Unvisited/visited a links in horizontal bar */
nav a:link, nav a:visited {
    background: url(pix2/navback2gold.png) repeat-x;
    color: black;
    
    }
/* Hovering over span list item in top menu bar */
nav ul li:hover a, nav ul li:hover span {
    background: url(pix2/navhover2gold.png) repeat-x;
    color: white;  
}
/* Drop-down menu for each item in menu bar */
/* Don't add the visibility hidden code, until you're through styling so you can see; add it when you're done and add the visibility: visible code*/
nav ul li ul {
    background: #f5c31e;
    box-shadow: 0 40px 40px -20px rgb(177, 116, 3) inset;
    position: absolute;
    z-index: 11;
    height: auto;
    width: 100%;
    /* border-radius: 10px; */
    visibility: hidden;
}
/* Make drop-down visible when hovering on menu bar item  */
nav ul li:hover ul {
    visibility: visible;
}
/* Individual list items in drop-down menus; full width of list as a whole; these will stack vertically (float: none to cancel old float) */
nav ul li ul li {
    width: 100%;
    float: none;
    height: auto;
    line-height: 44px;

}
/* Links in drop-down menus; specifically target the a tags in the drop-down */
nav ul li ul li a, 
nav ul li ul li a:link, 
nav ul li ul li a:visited {
    background: none;
    display: block;
    text-align:left;
    text-indent:0%;
    width: 100%;
    height: auto;
    color: black;
    text-decoration: none;
    outline: none;
}
/* Hover and active states in drop down menu */
nav ul li ul li a:hover, 
nav ul li ul li a:active {
    background: #f1f368;
    color: black;
}
/*
body{ 
} */
#main {
        text-align: left;
        font-family: verdana;
        font-size: 26px;
    }

    
#footer {
    bottom: 0;
    text-align:center;
    font-size: 12px;    
    line-height: 40%; 
    }
.buybutton {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 12px 51px;
        border: 1px solid #a12727;
        border-radius: 8px;
        background: #ff4a4a;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
        background: -moz-linear-gradient(top, #ff4a4a, #992727);
        background: -ms-linear-gradient(to bottom, #ff4a4a, #992727);
        background: -o-linear-gradient(to bottom, #ff4a4a, #992727);
        background: linear-gradient(to bottom, #ff4a4a, #992727);
        -webkit-box-shadow: #ff5959 0px 0px 40px 0px;
        -moz-box-shadow: #ff5959 0px 0px 40px 0px;
        -ms-box-shadow: #ff5959 0px 0px 40px 0px;
        -o-box-shadow: #ff5959 0px 0px 40px 0px;
        box-shadow: #ff5959 0px 0px 40px 0px;
        text-shadow: #591717 1px 1px 1px;
        font: normal normal bold 20px arial;
        color: #ffffff;
        text-decoration: none;
    }
    .buybutton:hover,
    .buybutton:focus {
        background: #ff5959;
        background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
        background: -moz-linear-gradient(top, #ff5959, #b62f2f);
        background: -ms-linear-gradient(to bottom, #ff5959, #b62f2f);
        background: -o-linear-gradient(to bottom, #ff5959, #b62f2f);
        background: linear-gradient(to bottom, #ff5959, #b62f2f);
        color: #ffffff;
        text-decoration: none;
    }
    .buybutton:active {
        background: #982727;
        background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
        background: -moz-linear-gradient(top, #982727, #982727);
        background: -ms-linear-gradient(to bottom, #982727, #982727);
        background: -o-linear-gradient(to bottom, #982727, #982727);
        background: linear-gradient(to bottom, #982727, #982727);
    }
.readbutton {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 12px 24px;
        border: 1px solid #ac730b;
        border-radius: 8px;
        background: #ffbd12;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffbd12), to(#ac730b));
        background: -moz-linear-gradient(top, #ffbd12, #ac730b);
        background: -ms-linear-gradient(to bottom, #ffbd12, #ac730b);
        background: -o-linear-gradient(to bottom, #ffbd12, #ac730b);
        background: linear-gradient(to bottom, #ffbd12, #ac730b);
        -webkit-box-shadow: #ffc513 0px 0px 40px 0px;
        -moz-box-shadow: #ffc513 0px 0px 40px 0px;
        -ms-box-shadow: #ffc513 0px 0px 40px 0px;
        -o-box-shadow: #ffc513 0px 0px 40px 0px;
        box-shadow: #ffc513 0px 0px 40px 0px;
        text-shadow: #7b5208 1px 1px 1px;
        font: normal normal bold 20px arial;
        color: #ffffff;
        text-decoration: none;
    }
    .readbutton:hover,
    .readbutton:focus {
        border: 1px solid #f6a410;
        background: #ffe316;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffe316), to(#ce8a0d));
        background: -moz-linear-gradient(top, #ffe316, #ce8a0d);
        background: -ms-linear-gradient(to bottom, #ffe316, #ce8a0d);
        background: -o-linear-gradient(to bottom, #ffe316, #ce8a0d);
        background: linear-gradient(to bottom, #ffe316, #ce8a0d);
        color: #ffffff;
        text-decoration: none;
    }
    .readbutton:active {
        background: #ac730b;
        background: -webkit-gradient(linear, left top, left bottom, from(#ac730b), to(#ac730b));
        background: -moz-linear-gradient(top, #ac730b, #ac730b);
        background: -ms-linear-gradient(to bottom, #ac730b, #ac730b);
        background: -o-linear-gradient(to bottom, #ac730b, #ac730b);
        background: linear-gradient(to bottom, #ac730b, #ac730b);
    }
.mailbutton {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 12px 28px;
        border: 1px solid #124d2a;
        border-radius: 8px;
        background: #4aff86;
        background: -webkit-gradient(linear, left top, left bottom, from(#4aff86), to(#044b0e));
        background: -moz-linear-gradient(top, #4ff140, #044b0e);
        background: -ms-linear-gradient(to bottom, #4ff140, #044b0e);
        background: -o-linear-gradient(to bottom, #4ff140, #044b0e);
        background: linear-gradient(to bottom, #4ff140, #044b0e);
        -webkit-box-shadow: #4ff140 0px 0px 40px 0px;
        -moz-box-shadow: #4ff140 0px 0px 40px 0px;
        -ms-box-shadow: #4ff140 0px 0px 40px 0px;
        -o-box-shadow: #4ff140 0px 0px 40px 0px;
        box-shadow: #4ff140 0px 0px 40px 0px;
        text-shadow: #044b0e 1px 1px 1px;
        font: normal normal bold 20px arial;
        color: #ffffff;
        text-decoration: none;
    }
    .mailbutton:hover,
    .mailbutton:focus {
        background: #0d5723;
        background: -webkit-gradient(linear, left top, left bottom, from(#8de472), to(#0d5723));
        background: -moz-linear-gradient(top, #8de472, #0d5723);
        background: -ms-linear-gradient(to bottom, #8de472, #0d5723);
        background: -o-linear-gradient(to bottom, #8de472, #0d5723);
        background: linear-gradient(to bottom, #8de472, #0d5723);
        color: #ffffff;
        text-decoration: none;
    }
    .mailbutton:active {
        background: #0d5723;
        background: -webkit-gradient(linear, left top, left bottom, from(#8de472), to(#0d5723));
        background: -moz-linear-gradient(top, #8de472, #0d5723);
        background: -ms-linear-gradient(to bottom, #8de472, #0d5723);
        background: -o-linear-gradient(to bottom, #8de472, #0d5723);
        background: linear-gradient(to bottom, #8de472, #0d5723);
    }