/* Updated: 9/2/2013  Created: 12/4/2000 */

/***** Page settings *****/
body {
	background-color: black;
	color: #FFFFFF;
	font-family: arial;
}
.page {
	background-image: url('images/background1.gif'); 
	background-attachment: fixed; 
}
div.main {
   text-align: center;
   max-width: 960px;
   margin: 25px auto 0px auto;
   padding: 20px;
	border-radius: 20px;
   border: #aa00aa 6px groove;
   background-color: black;
  }
div.space {width: 100%; height: 15px; clear: both}

/***** Common Link, Heading and Paragraph Settings *****/
ul, ol, dl {padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {
	margin: 0px 0px 4px 0px;	
	padding: 0px;
}
a:link {color: #aa00aa}
a:visited {color: #990099}
a:hover {color: #FF0000}
a:active {color: #FF0000}

/*div {overflow: hidden;} /* Make it expand to contain childern */ /* Disabled for google map */
h1 {margin-bottom: 10px; text-align: center; font: bold 250% Arial; color: #AE60B1; text-shadow: 1px 1px 1px #888;}
h2 {margin-bottom: 10px; text-align: center; font: bold 125% Arial; }
h2.smallMargin {margin: 6px 0px; text-align: center; font: bold 125% Arial;}
h3 {margin-top: 10px; font: bold 105% Arial;}
/* i = Indent, hi = Hanging Indent */
p.indented {margin: 8px 0; text-indent: 25px; text-align: justify; font: normal 100% Arial}
p.hanging_indent {margin-left: 25px; text-indent: -25px; text-align: justify; font: normal 100% Arial}
p.quote {
	max-width: 650px;
	margin: 0 auto 10px auto; 
	text-align: center;
	font:italic normal 100% Arial;
}
p.updated {clear: both; margin: 15px 0px 0px 0px; text-align: center; font: bold 80% arial}


/***** Nav Menu *****/
.menu-main  {
	margin: 0 0 15px 0;
	padding: 0 0 0 9px;
	list-style-type: none;
	font-size: 110%;
	font-weight: bold;
}
.menu-main li {
	position: relative;
	display: inline-block;
	width: 13%;
	min-width: 100px;
	margin: 0px;
	padding: 4px 15px;
	text-align: center;
	text-shadow: 2px 2px 1px #333;
	border-radius: 7px;
	background-color: #AE60B1;
	background: -moz-linear-gradient(top,  #8e628d 66%, #54004a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(66%,#8e628d), color-stop(100%,#54004a));
	background: -webkit-linear-gradient(top,  #8e628d 66%,#54004a 100%);
	background: -o-linear-gradient(top,  #8e628d 66%,#54004a 100%);
	background: -ms-linear-gradient(top,  #8e628d 66%,#54004a 100%);
	background: linear-gradient(to bottom,  #8e628d 66%,#54004a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e628d', endColorstr='#54004a',GradientType=0 );
}
.menu-main li:hover {
	background: #54004a;
}
.menu-main a {
	display: block;
	text-decoration: none;
	color: white;
}
.menu-main ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 3px 3px;
	top: 29px;
	left: 0px;
	z-index: 99999;
	list-style-type: none;
	border-radius: 4px;
	font-weight: bold;
	font-size: .95em;
	background-color: #58004F;
	background: -moz-linear-gradient(top,  #8e628d 1%, #54004a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8e628d), color-stop(100%,#54004a));
	background: -webkit-linear-gradient(top,  #8e628d 1%,#54004a 100%);
	background: -o-linear-gradient(top,  #8e628d 1%,#54004a 100%);
	background: -ms-linear-gradient(top,  #8e628d 1%,#54004a 100%);
	background: linear-gradient(to bottom,  #8e628d 1%,#54004a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e628d', endColorstr='#54004a',GradientType=0 );
}
.menu-main li:hover > ul {
	display: block;
}
.menu-main ul li {
	width: 200px;
	margin: 0;
	padding: 2px 3px;
	text-align: left;
	font-size: .75em;
	background: none;
}
.menu-main ul li:hover {
	background: #54004a;
}

/***** Home Page *****/
div.homeBox {
	text-align: left;
	max-width: 950px;
	margin: 25px auto 0px auto;
	padding: 15px;
	background: black;
	color: white;
	text-align: center;
}
div.home_navbar {
	clear: both;
	float: left;
	width: 325px;
	margin-top: 40px;
	text-shadow: 2px 2px 1px #555;
}
div.home_middle {
	float: left; 
	width: 250px; 
	text-align: center;
}
div.home_updates {
	float: left; 
	width: 375px; 
	overflow: hidden; 
	text-align: left;
}

.home_navbar a {
	display: block;
	width: 250px; 
	height: 50px;
	margin: 2px 0;
	background-image: url('images/buttonBG1.png'); 
	vertical-align: middle;
	text-align: center; 
}
.home_navbar a:link, .home_navbar a:visited {
	text-decoration: none; 
	font: bold italic 180% times;
	color: white;
}
.home_navbar a:hover {color: red;}

div.home_profilepic {
	position: relative; 
	left:0px; 
	top:0px; 
	width: 200px; 
	height: 220px; 
	margin-top: 30px; 
	border: #440044 5px ridge; 
	border-radius: 9px;
}
.home_profilepic div {
	position: absolute;
	left:0px; top:0px;
}

.home_updates h3 {
	text-align: center;
}
.home_updates ul {margin:0; padding: 0;}
.home_updates li {
	list-style: none; 
	margin: 0 0 0 25px;
	padding-top: 10px; 
	text-indent: -25px; 
	text-align: left;
}

/***** Images *****/
div.img_right {
	float: right;
	padding: 10px;
	text-align: center;
}
div.imagebox {
	display: inline-block;	
	width: 290px;
	height: 200px;
	padding: 10px;
	vertical-align: top;
	text-align: center;
}
.imagebox img {
	margin: 0 0 5px 0;
	width: 275px;
	border: 2px ridge #aa55aa;
}
img.linkspage {
	float: right; 
	width: 200px; 
	height: 150px; 
	border: 2px ridge #aa55aa;
	border-radius: 7px;
}
div.projectBox {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 175px;
	margin: 5px 8px;
	padding: 0px;
	text-align: center;
	font: bold 90% Arial;
}
.projectBox img {
	float: right;
	margin: 5px 0px 5px 5px;
}

div.large_screenshot {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	text-align: center;
	font-weight: bold;
}
.large_screenshot img {
	 width: 90%;
}
div.archive_imagebox {
	display: inline-block;	
	width: 290px;
	padding: 10px;
	vertical-align: top;
	text-align: center;
}
.archive_imagebox img {
	margin: 0 0 5px 0;
	width: 275px; height: 175px;
	border: 2px ridge #aa55aa;
}
/***** Other *****/
li.update {
	margin-left: 17px;
	padding-bottom: 7px;
	text-align: left;
}
div.columns {
	clear: both;
	padding: 0;
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	column-count: 2;
}
div.full_box {
	margin: 10px auto 15px auto;
	padding: 8px 15px;
	width: 82%;
	border: #ae60b1 5px groove;
	border-radius: 10px;
	background-color: #343434;
	text-align: center;
}

div.side_box {
	float: right;
	width: 200px;
	margin: 0px 0px 15px 15px;
	padding: 8px;
	border: #ae60b1 5px groove;
	border-radius: 10px;
	background-color: #343434;
	text-align: center;
}
div.side_text {
	float: right;
	width: 370px;
	margin: 0px 0px 15px 15px;
	padding: 0px;
	text-align: center;
}
.side_box h3, .full_box h3, div.side_text h3 {margin-bottom: 8px;}
.side_box a:link, .full_box a:link, div.side_text a:link {color: white;}
.side_box a:visited, .full_box a:visited, div.side_text a:visited {color: #ddd;}
		
hr.projects {
	clear: both;
	width: 90%;
	color: #ae60b1;
}
h3.archive_intro {
	margin: 0 auto 10px; 
	width: 65%;
	text-align: justify;
	text-indent: 20px;
}
iframe.archive {
	display: block;
	width: 85%;
	height: 550px;
	margin: 0 auto;
	border: 2px solid #333333;
	border-radius: 5px;
}