@font-face {
  font-family: "Sociceon";
  font-style: normal;
  font-weight: normal;
  src:  url("./fonts/sociceon/sociceon.eot");
  src:  url("./fonts/sociceon/sociceon.eot?#iefix") format("embedded-opentype"),
        url("./fonts/sociceon/sociceon.woff") format("woff"),
        url("./fonts/sociceon/sociceon.ttf") format("truetype"),
        url("./fonts/sociceon/sociceon.svg#socicon") format("svg");
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(./fonts/Ubuntu.woff) format('woff');
}
@font-face {
  font-family: 'Rochester';
  font-style: normal;
  font-weight: 400;
  src: local('Rochester'), local('Rochester-Regular'), url(./fonts/Rochester.woff) format('woff');
}

body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: sans-serif;
	font-family: 'Ubuntu', sans-serif; 
	background-image: url(background-herp.png);
}

#outside {
	width: 286px;
	overflow: hidden;
}
#centrebox
{
	width: 750px;
}

#centrebox,
#left,
#right,
#left .inside,
#right .inside,
#right .inside ul li
{
	height: 464px;
}

#left {
	width: 286px;
}

#right,
#right .inside,
#right .inside ul li
{
	width: 464px;
}

#outside {
	margin: auto;
	position: fixed;
	position: absolute;
	margin: auto;
}

#centrebox {
	padding: 0;
	margin: auto;
	overflow: hidden;
	background: rgba(0,0,0,0.75);
	box-shadow: 0 0 2.0em rgba(0,0,0,1.0);
}

#left {
	padding: 0;
	float: left;
}
#left .inside {
	color: white;
	text-align: center;
	margin: 0;
}
#left .inside img {
	margin-top: 3.5em;
	box-shadow: 0 0 1.5em rgba(0,0,0,0.90);
	border: none;
}
#left .inside h1 {
	margin: 3.5em 0 2.0em;
	font-size: 2.1em;
	color: rgba(255,255,255,0.95);
	text-shadow: 0 0 0.25em rgba(255,255,255,0.5);
	font-weight: normal !important;
	margin: 2.0em 0 0;
	font-family: 'Rochester', cursive;
}

#left .inside a { 
	color: #80a9dd;
	text-decoration: none;
}

#left .inside a:hover {
	text-decoration: underline;
}

#left .inside ul {
	list-style-type: none;
	padding: 0;
	margin: 2.0em 0 0 3.0em;
	list-style-type: none;
}

#left .inside ul li {
	vertical-align: middle;
	padding: 0;
	margin: 0.25em 0.50em;
	float: left;
	width: 50px;
	height: 50px;
}

#left .inside ul li a {
	margin: 0;
	padding: 0;
	color: rgba(255,255,255,0.75);
	font-size: 2.5em;
	font-family: sociceon;
	font-weight: 200;
	display: inline-block;
	text-decoration: none;
}
#left .inside ul li:hover a {
	text-decoration: none;
	color: rgba(255,255,255,0.85);
}
#left .inside ul li span {
	visibility: hidden;
	font-size: 0.75em;
	font-weight: bold;
	text-shadow: 0 0 0.5em rgba(0,0,0,1.0);
	width: 100%;
	color: rgba(255,255,255,1.0);
	display: inline-block;
	margin: 0 0 0.5em;
}
#left .inside ul li:hover span {
	visibility: visible;
}

#right {
	padding: 0;
	float: right;
	box-shadow: 0 0 2.0em rgba(0,0,0,1.0);
	overflow: hidden;
}
#right .inside {
	box-shadow: inset 0 0 1.0em rgba(0,0,0,1.0);
	overflow: hidden;
	background: rgba(0,0,0,0.75);
}

#right .inside ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: white;
	background: none;
	overflow: hidden;
}

#right .inside ul li {

}

#right .inside ul#slide li div.slide {
	font-size: 1.15em;
}

#right .inside ul#slide li div.slide h2 {
	font-size: 1.20em;
	margin: 0 1.0em;
	padding: 0.70em 0 0;
}

#right .inside ul#slide li div.slide h3 {
	clear: both;
	color: #ddd;
	font-size: 1.0em;
	margin: 0 1.0em;
	padding: 0;
}

#right .inside ul#slide li div.slide p {
	padding: 0 1.5em;
	color: #bbb;
}

#right .inside ul#slide li div.slide a {
	color: #80a9dd;
	text-decoration: none;
}

#right .inside ul#slide li div.slide a:hover {
	text-decoration: underline;
}

#feature {
	width: 464px;
	height: 261px;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	overflow: hidden;
}

#feature img {
	vertical-align: middle;
	margin: auto;
}

#menu {
	float: right;
	margin: 1.0em 10px 0;
	padding: 0;
	list-style-type: none;
}

#menu li {
	margin: 0 0.25em 0 0;
	padding: 0;
	display: inline-block;
}

#menu li a {
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	background: rgba(0,0,0,0.75);
	margin: 0;
	padding: 0.25em 0.75em;
}

#menu li a:hover,
#menu li a.current { background: rgba(0,0,0,0.95); }

#sub-menu {
	clear: both;
	font-size: 0.75em;
	float: right;
	margin: 1.0em 10px 0;
	padding: 0;
	list-style-type: none;
}

#sub-menu li {
	margin: 0 0.25em 0 0;
	padding: 0;
	display: inline-block;
}

#sub-menu li a {
	display: inline-block; 
	color: white;
	font-weight: bold;
	text-decoration: none;
	background: rgba(0,0,0,0.75);
	margin: 0;
	padding: 0.25em 0.75em;
}

#sub-menu li a:hover,
#sub-menu li a.current { background: rgba(0,0,0,0.95); }

.hoz-slider {
	height: 464px;
	width: 5000%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.hoz-slider li {
	list-style-type: none;
	display: inline-block;
	float: left;
	width: 464px;
	height: inherit;
	margin: 0;
	padding: 0;
}

.hoz-slider li .img {
	width: 464px;
	height: 261px;
}

.hoz-slider li p {
	clear: both;
}

.hoz-slider li a {
	margin: 0 !important;
	color: #80a9dd !important;
}

.hoz-slider li a:hover{
	text-decoration: underline !important;
}

.welcome-nav,
.creation-nav {
	line-height: 35px;
	background: rgba(50,50,50,0.25);
}
.welcome-nav {
	padding-right: 1.0em;
	text-align: right;
}

.creation-nav {
	padding-left: 1.0em;
}

.hoz-slider h4 {
	padding: 0 1.0em;
	margin: 0 0;
}

.copyright {
	display: inline-block;
	font-size: 0.60em;
	font-weight: bold;
	text-shadow: 0 0 1.0em rgba(0,0,0,1.0);
	margin: 1.0em;
}

.proflinkPrefix {
	font-size: 0.85em;
	display: inline-block;
	opacity: 0.5;
}


#google-plus-slides {
}

#google-plus-slides div.photo {
	height: 261px;
	background-repeat: no-repeat;
	background-size: 464px auto;
}
#google-plus-slides div.album {
	background: #000;
	text-align: center;
	height: 261px;
	width: 464px;
	overflow: hidden;
}
#google-plus-slides div.photo-content {
	height: 168px;
	overflow: hidden;
	padding: 0 5px;
}
#google-plus-slides div.album-content {
	height: 168px;
	overflow: hidden;
	padding: 0 5px;
}
#google-plus-slides div.video-content {
	height: 165px;
	overflow: hidden;
	padding: 0 5px;
}
#google-plus-slides div.url-content {
	height: 390px;
	overflow: hidden;
}

#google-plus-slides div.text-content {
	height: 429px;
	overflow: hidden;
}

#google-plus-slides div.permalink-bar {
	font-size: 0.70em;
	padding: 0 1.0em;
	line-height: 35px;
	background: rgba(50,50,50,0.25);
}

#google-plus-slides div.album img {
	height: 261px;
	border: none;
	vertical-align: middle;
	margin: auto;
}

#google-plus-slides div.album-content p,
#google-plus-slides div.photo-content p,
#google-plus-slides div.video-content p,
#google-plus-slides div.url-content p,
#google-plus-slides div.text-content p {
	margin: 0.75em 0;
	padding: 0 1.0em !important;
}
#google-plus-slides div.album-content:hover,
#google-plus-slides div.photo-content:hover,
#google-plus-slides div.video-content:hover,
#google-plus-slides div.url-content:hover,
#google-plus-slides div.text-content:hover {
	/*overflow-y: auto;*/
}

#twitter-slides li {
	padding: 1.0em 0 0;
}

#twitter-slides div.text-content {
	padding: 0;
	height: 116px;
	overflow: hidden;
}
#twitter-slides div.text-content p {
	padding: 0 1.0em !important;
	margin: 0;
}
#twitter-slides div.permalink-bar {
	font-size: 0.70em;
	padding: 0 1.0em 0 2.0em;
	line-height: 1.5em;
}