/*
Theme Name: Komsomol Theme 2015
URI: http://www.komsomolfilms.com
Description: Komsomol Theme 2015
Author: Faded Glory Design
URI: http://www.fadedglorydesign.com
*/


body {
	margin: 0px;
	background-color: black;
}

p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 150%;
	color: #D8D8D8;
	letter-spacing: 1px;
}

p a {
	font-weight: 400;
	color: white;
    text-decoration: none;
}

p a:hover {
	color: #009bf8;
}

h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 25px;
	color: white;
    font-weight: normal;
   	letter-spacing: 2px;
}

ul, ul li {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #D8D8D8;
	list-style: none;
	padding: 0;
	margin: 0;

}

li a {
	color: white;
	text-decoration: none;
}

li a:hover {
		color: #009bf8;
}


.main-nav li {
	float: left;
	width: 100%;
	z-index:5;
}

.main-nav {
	float: right;
}

.main-nav a {
        text-decoration:none;
        display:block;
        float:left;
        padding:0px 17px 0px 0px;
}


.main-nav ul ul a {
		white-space:nowrap;
		width: 80px;
		padding: 0 20px 0 20px;
		display: block;
}

.main-nav ul li {
		width: auto;
		position: relative;
}

.main-nav ul ul {
		text-align: left;
}


#head {
	width: 100%;
	height: 130px;
	position: fixed;
	top: 0px;
	margin: auto;
	text-align: center;
	background-color: black;
	display: block;
	z-index: 100;
}

#headmenu {
	width: 650px;
	margin: auto;
	padding-top: 20px;
}

#menu {
	font-family: 'Open Sans Condensed', sans-serif;
	width: auto;
	height: 10px;
	display: inline-block;
	color: white;
	font-size: 25px;
	padding: 30px 40px 0 0;
}

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

#menu a:hover{
	color: #009bf8;
}


#page {
	width: 800px;
	margin: auto;
	padding-top: 120px;
	background-color: black;
}

#homediv {
	width: 100%;
}

#homediv img {
	position: fixed;
   	top: 50%;
   	left: 50%;
   	margin-top: -325px; /* Half the height */
   	margin-left: -425px; /* Half the width */
}

#writingdiv {
	width: 720px;
	margin: auto;
}

#writingdiv img {
	opacity: 1;
}

#writingdiv img:hover {
	opacity: .8;
}

#projectspage {
	width: 810px;
	margin: auto;
	padding-top: 120px;
	background-color: black;
}

#splashpage {
	width: 900px;
	margin: auto;
	padding-top: 80px;
	background-color: black;
}

#bio {
	width: 720px;
	margin: auto;
}

#contentcontainer {
	width: 720px;
	margin: auto;
}

#filmlist {
	width: 880px;
	margin-top: 10px;
}

#submenu {
	width: auto;
	margin: auto;
	margin-top: 20px;
	text-align: center;
}

#submenu img {
	opacity: 0.5;
}
#submenu img:hover {
	opacity: 1;
}
#chosenproject {
	opacity: 1;
}
#chosenproject img {
	opacity: 1;
}

.projectsbox {
	float: left;
	width: 250;
	height: 175px;
	margin: 10px 11px 10px 11px;
	text-align: center;
}

.projectsbox a {
	color: white;
}

.projectsbox a:hover {
	color: #009bf8;
}

.filmpic {
	float: left;
	width: 250px;
	height: 175px;
	background-color: #000000;
}

.filmpic img {
	opacity: 0;
}

.filmpic img:hover {
	opacity: 1;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}