	/* The tabs default nodes */
	/* Default #091317 */ /* The tabs background color */
	/* Default #8C8B8B */ /* The tabs text color */
	/* Default #3D7A99 transition: color 0.5s ease; */ /* The tabs text hover over color */
	/* The tabs default nodes */

	/* Default #00663D */ /* The background behind everything on all pages except / */
	/* Default color for overlay with info #C5D7E0 */


nav {
	height:8px;
	text-align: center;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	background: #091317; 
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: #363939;
		
		}
			nav ul li:hover a {
				color: #8C8B8B;
			}
		
		nav ul li a {
			display: block; padding: 20px 104px;
			color: #757575; text-decoration: none;
		}
			
		
	nav ul ul {
		background: #091317; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			position: relative;
		}
			nav ul ul li a {
				padding: 15px 103px;
				color: #8C8B8B;
			}	
				nav ul ul li a:hover {
					background: #363939;
					color:#3D7A99;
					transition: color 0.5s ease;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
		

 /* ALL TAB STYLES ARE ABOVE */
 
a {
padding:10px;
text-decoration:none;
color:#5B5959;
text-align:center;
transition: color 0.5s ease;
}
 
a:hover {
color:#3D7A99;
cursor: pointer;
text-align:center;
}
 
#page {
 /* the background behind the main box and info */
text-align:left;
background-color:#00663D;
background-position: center top;
text-align:center;
}
 
#test {
 /* test ... Ignore */
background-image:url("land.png");
background-position: bottom;
background-repeat: repeat-x;
height: 230px;
}
 
#ps {
 /* the box containing everything above the #test style */
text-align:center;
background-color:#C5D7E0;
font-size:25px;
width:1332px;
}

#wrapper {
 /* contains the two main boxes on the main page, different stylesheet for / folder */
margin-right: 200px;
background-color:#C5D7E0;
border-color: black;
border-width: 1.5px;
border-style: solid;
width:1332px;
font-family:impact;
border-radius: 10px;  
}

#content {
 /* all the main info, the larger of the boxes inside of #wrapper */
float: left;
width: 1000px;
font-family:impact;
font-size:22px;
padding:3px;
}

#sidebar {
 /* box to the right of #content has twitter feed, different stylesheet for / foler */
margin-top:19px;
float: right;
width: 320px;
margin-right: 3px;
font-family:impact;
font-size:22px;
border-color: black;
border-width: 1.5px;
border-style: solid;
background-color:#B1C2CA;
box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
}
#sidebarmain{
 /* box to the right of #content has twitter feed, different stylesheet for / foler */
margin-top:19px;
float: right;
width: 320px;
margin-right: 3px;
font-family:impact;
font-size:22px;
border-color: black;
border-width: 1.5px;
border-style: solid;
background-color:#B1C2CA;
box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
}

#cleared {
 /* cleans the everything inside of #wrapper, also inside of #wrapper */
clear: both;
}

#loginbox {
 /* The main box on the login page */
text-align:center;
background-color:#C5D7E0;
font-family:impact;
font-size:25px;
width:380px;
border-color: #6A7479;
border-width: 1.5px;
border-style: solid;
position:absolute;
top: 350px;
box-shadow: 6px 6px 6px rgba(68,68,68,0.6);

}

#loginbox-back {
text-align:center;
background-color:#B1C2CA;
width:400px;
border-color: #6A7479;
border-width: 1.5px;
border-style: solid;
position:absolute;
top: -300px;
left: 450px;

}

#createbox {
 /* The main box on the account create page */
text-align:center;
background-color:#C5D7E0;
font-family:impact;
font-size:25px;
width:1380px;
border-color: #6A7479;
border-width: 1.5px;
border-style: solid;
position:absolute;
box-shadow: 6px 6px 6px rgba(68,68,68,0.6);
float: center;
}

#loginbox-back {
 /* The background centering the #login box */
text-align:center;
background-color:#B1C2CA;
width:400px;
border-color: #6A7479;
border-width: 1.5px;
border-style: solid;
position:absolute;
top: -300px;
left: 450px;

}

#createbox-back {
 /* The background centering the #createbox box */
text-align:center;
width:1400px;
}

#wrapper-comment {
 /* The post type boxes on the main page */
border-color: black;
border-width: 1.5px;
border-style: solid;
background-color:#B1C2CA;
box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
margin-right: 2px;
font-family:impact;
}

#wrapper-comment-new {
 /* The new post type boxes on the main page */
border-color: black;
border-radius: 20px;
border-width: 1.5px;
border-style: solid;
background-color:#B1C2CA;
box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
margin-right: 2px;
text-align:left;
font-family:Palatino Linotype;
}

#divider {
 /* A line used to split text, just a single line */
border-top: 1.5px solid black;
margin-right: 40px;
margin-left: 40px;
}

#vdivider {
 /* A line used to split text, just a single line */
border-left: 1.5px solid black;
margin-top: 40px;
margin-bottom: 40px;
}

#info {
 /* The fine text at the bottom of the #wrapper_comment */
font-size:10px;
font-family:impct;
text-align:center;
}


 /* EVERYTHING UNDER THIS COMMENT TO THE NEXT COMMENT IN CAPS IS "DO NOT TOUCH" */
.thumbnail{
position: relative;
margin:-10px;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
width:160px;
left: -100px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span div{
border-top: 1.5px solid black;
margin-right: 3px;
margin-left: 3px;

}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 55px; /*position where enlarged image should offset horizontally */

}
 /* EVERYTHING ABOVE THIS COMMENT TO THE FIRST COMMENT IN CAPS IS "DO NOT TOUCH" */


#list {
text-decoration:none;
text-align:center;
list-style: none;
width:90px;
height:38px;
}

#listed {
width:250px;
text-align:center;
}

table {
	left:20px;
	text-align:center;
}

td {
	font-size:25px;
	padding:0 20px 0 20px;
}

#Banner {
height:90px;
width:728px;
float:center;
box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
padding:5px;
}

#Skyscraper {
height:600px;
width:300px;
box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
}
