/* Using "Better Tomorrow" color scheme by "mgine" from https://kuler.adobe.com/#themeID/2322788 
// Dark grey #3D3E40
// Steel blue #646B74
// Steel green #688D72
// Steel mustard #BCB164
// Off white #D6CBA5
*/ 


/* Include the Google Webfonts. Google Webfonts allow an easy way to import custom web-friendly fonts */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Sarina);



/*===================================================================
Set generic colour, link, paragraph and header styling
**********************************************************************/
body {
	background-color: #D6CBA5;
	font-family: Arial, sans-serif;
}


a {
	text-decoration: none;
	color: #688D72;
	font-weight: bold;
	margin: 0;
}

a:hover {
	text-decoration: underline;
}

p {
	padding: 10px;
}
h1 {
	font-size: 2.500em;
}

h6 {
	font-size: 0.750em;
}

/*===================================================================
Create generic classes for vertical list
**********************************************************************/

.vert-menu {
	color: #FFFFFF;
	margin-left: 95px;
	margin-top: 6px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 1.5em;
	font-weight: bolder;
}

.vert-menu a {
	color: #FFFFFF;
	margin: 7px 0;
}

/*
.bullet-pointless {
	list-style-type: none;
}

ul.vert-menu {
	padding: 0px;
}

ul.vert-menu li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px 0px;
	font-weight: bolder;
	font-size: 1.5em;
}

ul.vert-menu li a {
	text-decoration: none;
	color: #FFFFFF;
}

ul.vert-menu li a:hover {
	text-decoration: underline;
}
*/


/*===================================================================
Create generic classes for horizontal lists
**********************************************************************/

ul.hor-menu {
	padding: 0px;
}

ul.hor-menu li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px 0px;
	width: 160px;
	background-color: #505153;
	box-shadow: 0px 1px 2px #666666;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	display: inline;
}

ul.hor-menu li:hover {
	background-color: #688D72;
}


ul.hor-menu a {
	text-decoration: none;
	color: #D6CBA5;
}

ul.hor-menu a:hover {
	text-decoration: underline;
}



/*===================================================================
Create generic styles for forms
**********************************************************************/
ul.sign_up_form li {
	margin: 5px;
}

ul.sign_up_form li input {
	height: 0.9em;
	font-size: 0.9em;
	vertical-align: bottom;
}

/*===================================================================
Create specific styles for radio menu items due to cascading problem
**********************************************************************/

#radio_menu_male {
	vertical-align: middle;
}

#radio_menu_female {
	vertical-align: middle;
}

#sign-up-submit {
	margin-left: 45px;
}
/*===================================================================
Create specific styles for individual objects
**********************************************************************/


#top-display {
	height: 45px;
	padding: 10px;
	background-color: #3D3E40;
	box-shadow: 0px 1px 2px #666666;
	color: #D6CBA5;
	width: 100%;
}

#login-menu {
	float: right;
	font-size: 0.750em;
	margin: 15px 0px 15px 10px;
}

#signup-form-container {
	float: right;
}

#signup-form {
	background-color: #3D3E40;
	color: #FFFFFF;
}

#signup-form h3 {
	text-shadow: 0px 2px 4px #000000;
	text-align: center;
}

#header {
	text-align: left;
	background-color: #3D3E40;
	width: 960px;
}

#header-logo {
	float: left;
	text-align: left;
}

#header-logo h2 {
	font-family: 'Arial Black';
	margin: 10px;
}

#navigation {
	text-align: center;
	font-size: 0.750em;
	margin: 0px auto;
}

.post {
	float: left;
	margin: 20px auto;
}

.post-head {
	border-style: solid;
	border-color: #D8D8D8;
	border-width: 1px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color: #3D3E40;
	padding: 10px 10px 7px 10px;
	width: 700px;
	color: #D6CBA5;
}

.post-body {
	border-style: solid;
	border-color: #D8D8D8;
	border-width: 0 1px 1px 1px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	background-color: #FFFFFF;
	padding: 20px;
	height: auto;
	font-size: 1.100em;
	font-family: 'Source Sans Pro', sans-serif;
}

.post-body-only {
	border-style: solid;
	border-color: #D8D8D8;
	border-width: 1px;
	border-radius: 7px;
	background-color: #FFFFFF;
	height: auto;
	padding: 20px;
	width: 420px;
	font-size: 1.100em;
	font-family: 'Source Sans Pro', sans-serif;
}

.featured-post {
	text-align: center;
}

/*===================================================================
Create styling for the footer
**********************************************************************/

#footer {
	text-align: center;
	color: #D6CBA5;
    background-color:#3D3E40;
    margin: 0 auto;
    height: auto;
    bottom: 0;
    position: fixed;
    width: 100%;
    clear: all;	
}

#footer h6 {
	text-align: center;
}