/* CaptureVate default style sheet designed by Les Lusk */
/* Link styles */
a, a:visited  {color:#9ce; text-decoration:none;}
a:hover, a:visited:hover  {color:#1786AB; text-decoration:underline;}

/* HTML selectors */
body  {box-sizing: border-box; margin:0px; padding:0px; font-family:'Open Sans',sans-serif,sans-serif; font-size:14px; background:url('/media/background.jpg') #141517; background-repeat:no-repeat;background-position:center top; background-attachment:fixed; color:#eee;}
div {margin:0px; padding:0px;}
form {font-size:12px; padding:5px; margin:5px;}
img {border:0px;}
p  {text-indent:-1em; margin:1.5em 1.5em 0 3em; line-height:1.25em; text-align:justify;}
select, textarea, input, option  {background:#ccc; border:1px solid #ccc; margin:3px; padding:2px;}

/* Classes  */
.center  {text-align:center; margin:auto;}
.floatr  {float:right;margin-left:2em;}


/* IDs  */
#container  {text-align:center; margin:auto;}
#content  {padding:10px; margin:30px auto; max-width:750px; text-align:left; width:90%}
#header  {display:inline-block;}
#logo  {max-width:550px; width:95%;}
#myPhoto  {max-width:700px; width:100%;}
#pagefooter  {font-size:10px; text-align:center; color:#bbb;}
#navcontainer  {display:inline-block; margin:55px 0 0 0; max-width:450px; vertical-align:top; width:100%;}
#navcontainer ul {display:inline-block; margin:0; padding:0; list-style-type:none; text-align:center;}
#navcontainer ul li {display:inline;}
#navcontainer ul li a {text-decoration:none; padding:.3em 1.5em; color:#000; background:#1786AB;}
#navcontainer ul li a:hover {color:#000; background:#4D8DAE;}

/* media queries */

@media only screen and (max-width: 1003px) {
	p  {margin:1em;}
	#comments {width:calc(100%);}
    #navcontainer {display:inherit; margin:0 15px; max-width:90%; text-align:center;}
}

@media only screen and (max-width: 400px) {
	p  {margin:.5em;}
	#comments {width:calc(100% - 10px);}
	#content  {width:90%;}
	#logo  {width:95%;}
	#navcontainer  {margin:0; max-width:95%; text-align:center;}
    #navcontainer ul li {margin:0;}
	#navcontainer ul li a  {padding: 0.3em .5em;}
}