/*
Theme Name: Contractor Facts Theme
*/

*	{
padding: 0;
margin: 0;
}

body
{
font-family: arial;
margin: 1em;
background-image: linear-gradient(to right, black, gold, gold, black); 
}

h1
{
text-align: center;
font-style: italic;
}

h2
{
text-align: center;
}

h3
{
text-align: center;

}

h3 a	{
text-shadow: none;
}

h4
{
text-align: center;
}

a
{
color: gold;
text-shadow: black 1px 1px 2px;
}

a:hover
{
text-decoration: none;
border: 2px black;
border-style: solid none solid none;
}

li
{
margin: .5em 0 .5em 1em;
}
.border
{
border: solid black 1px;;
}

#container1
{
position: relative;
width: 100%;
max-width: 1024px;
margin: auto;
padding: .5em;
background: white;
border: 1em solid gold;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}

#container2 {
position: relative;
border: .5em solid black;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}

#header
{

}

.menu
{
background: black;
padding: .25em;
border: .25em outset gold;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}

.menu:hover
{
color: black;
background: gold;
border: .25em inset gold;
}

#nav
{
position: absolute;
top: -2em;
left: -3em;
}

#nav a:hover
{
border: none;
}

#nav p
{
color: gold;
}

#nav li
{
list-style: none;
text-align: center;
width: 4em;
}

#nav li ul
{
display: none;
}

#nav li li
{
position: relative;
top: -2em;
left: 1em;
display: list;
text-align: left;
animation-timing-function: ease-in;
animation: move .5s;
animation-fill-mode: forwards;
margin: 0;
width: 6em;
background: black;
padding: .25em;
border: .25em outset gold;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}

@keyframes move {
  from {left: 0;}
  to {left: 1.5em;}
}

#nav ul:hover ul, #nav li:focus ul 
{
display: inline-block !important;
}

#nav li li:hover
{
border: 5px inset gold;
background: gold;
}

#nav a
{
color: white;
text-decoration: none;
}

#nav a:hover
{
color: black;
}

#nav a:active
{
text-decoration: underline;
color: white;
background: blue;
border: none;
}



#content
{
padding: 2em 1em 1em .5em;
margin: 0;
text-align: left;
}

#content_white
{
padding: 1em;
margin: 0;
text-align: left;
background: white;
}

#footer
{
font-size: 67%;
clear: both;
text-align: center;
}

#footer a
{
text-decoration: none;
color:black
}

#footer a:hover
{
color:#800080;
border: none;
}

#footer span
{
color:#800080;
font-size:200%;
font-weight:bold;
font-family: cursive
}