@charset "UTF-8";
/* CSS Document */

body {
	background:#f8f370 url(../images/bg-rube.jpg) fixed top center;
	font-family: 'Josefin Sans', sans-serif;
	font-size:100%;
}

/* ##################################################################### */
/* ############################## general ############################## */
/* ##################################################################### */

#header-outer, 
#nav-outer,
#content-outer,
#footer-outer
{
	background-color:rgb(201,82,22);	
	/* from Ultimate CSS Gradient Generator */
	background: -moz-linear-gradient(top,  rgba(201,82,22,0.97) 0%, rgba(157,33,9,0.97) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,82,22,0.97)), color-stop(100%,rgba(157,33,9,0.97))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(201,82,22,0.97) 0%,rgba(157,33,9,0.97) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(201,82,22,0.97) 0%,rgba(157,33,9,0.97) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(201,82,22,0.97) 0%,rgba(157,33,9,0.97) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(201,82,22,0.97) 0%,rgba(157,33,9,0.97) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c95216', endColorstr='#f79d2109',GradientType=0 ); /* IE6-9 */
	
	width:100%;
	margin-top:25px;
	border-top:5px solid /*rgb(208,10,208)*/ #8B0000;
	border-bottom:5px solid /*rgb(208,10,208)*/ #8B0000;
	box-shadow:0 0 5px 2px rgba(0,0,0,0.5);
}

#header-inner,
#content-inner, 
#footer-inner {
	width:960px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
/*	font-size:3em;
*/	color:white;
	/*background-color:red;*/
}

#content-inner {
/*	min-height:1000px;
*/}

p {
	padding: 10px;
	line-height:2em;
	font-size:1.2em;
}
blockquote p {
	pading-bottom:0px;
}

p a {
	color:#f8f370;
}

p a:hover {
	color:orange;
}

.indented-bullets ul li a {
	color:#f8f370;
}
	
.indented-bullets ul li a:hover {
	color:orange;
}

.indented-bullets {
	margin-left:40px;
	font-size:1.2em;
	line-height:1.5;
}

.resume-bullets ul li a {
	color:#f8f370;
}
	
.resume-bullets ul li a:hover {
	color:orange;
}

.resume-bullets {
	margin-left:40px;
	font-size:1.2em;
	line-height:1.5;
}

/*#galleria title {
	font-family: 'Josefin Sans', sans-serif;
}*/

#image-left {
	padding:0px 20px 30px 0px;
	float:left;
}

hr {
	color:#ccc;
	background-color:#ccc;
	width:560px;
	margin-left:80px;
}

/*p {
	font-family:'Stalemate', serif;
	font-size:1em;
}

h1 {
	font-family:'Stalemate', serif;
	font-size:2.8em;
}*/

#body-home h2 {
	font-family:'Stalemate', serif;
	font-size:2.6em;
}

#body-about h1 {
		font-family:'Stalemate', serif;
		font-size:3em;
}

#intro {
	width:550px;
	text-align:right;
	line-height:2.5em;
	margin-left:70px;
}

/* #################################################################### */
/* ############################## header ############################## */
/* #################################################################### */

#header-outer {
}

#header-inner {
	height:158px;
}


/* ################################################################# */
/* ############################## nav ############################## */
/* ################################################################# */

#nav-outer {
	width:100%;
	margin-top:25px;
	/*background-color:#6f6331;*/
	height:35px; /* actual 39px */
}

#nav-inner {
	width:960px;
	margin:0 auto;
	line-height:1;
}

#nav-inner ul {
	/*text-align:center;*/
	list-style-type:none;
	padding-top:0; /* pushes the links down */
	/*font-size:18px;*/
	line-height:19px;
	font-weight:400;
	}

#nav-inner ul li {
	float:left; /*floats them all right into a line of text*/
	/*padding-top:5px;
	padding-bottom:10px;*/
	font-variant:small-caps;
	}

#nav-inner ul li a {
	padding:10px 10px 6px 30px;
	font-family: 'Josefin Sans', sans-serif;
	color:#fff;
	text-shadow:1px 1px 1px rgb(208,10,208);
	text-decoration:none;
	font-weight:normal;
	font-size:22px;
	/*padding-bottom:10px; no effect
	background-color:lightblue;*/
	display:block;
		-moz-transition-property:color, text-shadow;   
		-moz-transition-duration: 0.5s;   
		-moz-transition-timing-function: ease;	
		-webkit-transition-property:color, text-shadow;   
		-webkit-transition-duration: 0.5s;   
		-webkit-transition-timing-function: ease;
	}

#nav-inner ul li a:hover {
	color:#f8f370;
	text-shadow:2px 2px 3px #000;/**/
	text-decoration:none;
		-moz-transition-property:color, text-shadow;   
		-moz-transition-duration: 0.5s;   
		-moz-transition-timing-function: ease;	
		-webkit-transition-property:color, text-shadow;   
		-webkit-transition-duration: 0.5s;   
		-webkit-transition-timing-function: ease;	
	}

#nav-inner ul li a:active {
	color:#f8f370;
	text-decoration:none;
	}

#nav-inner ul li ul {
	display:none;/*hides the subitems*/
	border-top:5px solid #8B0000;
	padding:0;
}

#nav-inner ul li:hover ul {
	display:block; /*makes subitems visible*/
	position:absolute; /*prevents content from shifting by taking them out of the flow*/
	z-index:5000;
}

#nav-inner ul li:hover ul li {
	float:none;/*makes subitems stack*/
}

#nav-inner ul li:hover ul li a { /*styles for subitems */
	background-color:rgb(157,33,9);
	border-left:1px solid rgb(201,82,22);
	border-right:1px solid rgb(201,82,22);
	border-bottom:1px solid rgb(201,82,22);
/*	width:180px;
*/	box-shadow:2px 2px 2px rgba(0,0,0,0.3);
	padding:7px 20px 5px 20px;
	font-size:18px;
}

#nav-inner ul li:hover ul li a:hover {
	background-color:rgb(201,82,22);	
	/* from Ultimate CSS Gradient Generator */
	background: -moz-linear-gradient(top,  rgba(201,82,22,0.97) 0%, rgba(157,33,9,0.97) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,82,22,0.97)), color-stop(100%,rgba(157,33,9,0.97))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(201,82,22,0.97) 0%,rgba(157,33,9,0.97) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(201,82,22,0.97) 0%,rgba(157,33,9,0.97) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(201,82,22,0.97) 0%,rgba(157,33,9,0.97) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(201,82,22,0.97) 0%,rgba(157,33,9,0.97) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c95216', endColorstr='#f79d2109',GradientType=0 ); /* IE6-9 */
}

/*#nav-inner ul li:hover ul li:first-child a {
	border-top:1px solid rgb(201,82,22);
}
*/
#nav-inner ul li:hover ul li:last-child a {
	border-radius:0 0 10px 10px;
}

body#body-home a#nav-home,
body#body-logos a#nav-logos,
body#body-copy a#nav-copy,
body#body-websites a#nav-websites,
body#body-maps a#nav-maps,
body#body-avroom a#nav-avroom,
body#body-about a#nav-about,
body#body-contact a#nav-contact
{
	color:#f8f370; !important;
	text-decoration:none !important;
	text-shadow:1px 1px 2px #000 !important;
}

/* ##################################################################### */
/* ############################## content ############################## */
/* ##################################################################### */

#home-image {
	border:#000 10px double;
}


#content-outer {
	margin-top:25px;
}
	
#content-inner {
	position:relative;
	min-height:1020px;
/*background-color:white;*/
}

#content-inner.no-min-height {
	min-height:100px !important;
}

#intro-paragraph {
	position:relative;
/*	margin-right:200px;
float:left;
	*/text-align:left;
/*background-color:pink;*/
	width:700px;
	padding-left:30px;

}

#body-home #intro-paragraph img {
	width:630px !important;
}

.websites img {
	width:650px;
	padding-bottom:50px;
}

.websites h1 {
	padding-bottom:40px;
}

.maps img {
	width:650px;
	padding-bottom:50px;
}

.maps h1 {
	padding-bottom:40px;
}

.copy img {
	width:650px;
	padding-bottom:50px;
}

.copy h1 {
	padding-bottom:40px;
}


.about {
	line-height:0.8;
	padding-right:0px;

}
.about h1 {
	margin-right:10px;
}
div#motion { /*portfolio_version*/
	position:relative;
	/*border:none;
	background-color:silver;*/
	width:650px !important;
	/*height:430px;*/
	
	}

div#motion iframe {
	border:none;
	width:100%;
	height:100%;
	/*background-color:transparent;
	background-color:none;
	margin:0;*/
	}
	
#about {
	margin-left:160px;
	margin-right:50px;
	width:490px;
	text-align:right;
}

#resumehtml {
	margin-left:75px;
	width:700px;
	text-align:left;
/*	border-top:solid 5px #800;
*/}
/* #################################################################### */
/* ############################## sidebar ############################## */
/* #################################################################### */

#sidebar {
	width:200px;
	position:relative;
	float:right;
/*	margin-left:800px; this is to move the side bar and keep the inner content to the left*/
	background-color:rgba(139,0,0,0.6);
	margin-right:30px;
	padding:10px;/*gives it the nice border look*/
}

/* #################################################################### */
/* ############################## quovolver ############################# */
/* #################################################################### */

/*.quotes {
	display:none;
}*/


/* #################################################################### */
/* ############################## motion ############################## */
/* #################################################################### */

div#motion { /*portfolio_version*/
	position:relative;
	/*border:none;
	background-color:silver;*/
	width:600px;
	height:430px;/**/
	
	}

div#motion iframe {
	border:none;
	width:100%;
	height:100%;
	/*background-color:transparent;
	background-color:none;
	margin:0;*/
	
	}

/* #################################################################### */
/* ############################## audio ############################## */
/* #################################################################### */




#audio_content {
/*	border:2px solid #666;
	border-radius:10px;
	font-size:0.8em;*/
	font-family: 'Josefin Sans', sans-serif;
	font-style:normal;
	font-weight:400px;
	padding:15px;
/*text-align: right;*/
	width: 700px;
	margin-bottom:10px;

	/*margin-left:600px;*/
}

audio {
    width:400px;
}


/*position: relative;
margin: 1px auto 5px auto;
top: 5px;
}*/

/*#audio_content p {
margin-bottom: 3px;
}

#audio_content object {
margin-bottom: 3px;
}
*/

/*#audio_content h2 {
	padding-bottom:8px;
	pading-top:8px;
}

#audio_content h3 {
	padding-bottom:10px;
}

img.center {
	margin-left:60px;
}

h4 {
	font-size:1.2em;
	margin-left:48px;
	font-weight:200px;
}

audio {
    width:200px;
}

#vid-title {
	margin-left:200px;}
*/
   
/* #################################################################### */
/* ############################## footer ############################## */
/* #################################################################### */

#footer-outer {
	margin-bottom:10px;
	margin-top:25px;
}

#footer-inner div#copyright {
	color:#fff;
	text-shadow:1px 1px 1px rgb(134,6,134);
	font-family: 'Josefin Sans', sans-serif;
	font-size:14px;
	padding:10px 0 5px 0;
	margin-left:626px;
}

#copyright a {
	color:white;
}

#copyright a:hover {
	color:#f8f370;
	text-decoration:none;
}

/* #################################################################### */
/* ############################## contact ############################# */
/* #################################################################### */

/* #################################################################### */
/* ############################## ? ############################# */
/* #################################################################### */