/**
 * CSS Stylesheet for adkap.com
 * Copyright 2007 Adam J. Kaplan
 * Licensed under the Licensed under the 
 * Creative Commons Attribution-Noncommercial-Share Alike 3.0 License
 * See adkap.com for contact information.
 */
html { min-width: 900px; }

body {
	margin: 0;
	background-color: #000000;
	padding-top: 100px;
	height: 550px;
	font-family: sans-serif, serif;
}

#body_inner_wrapper {
	position: relative;
	border: solid 2px #444444;
	border-width: 2px 0;
	height: 427;
}

/* content box */
.bg1_body 
{ background: #000000 url(images/warf.jpg) 0 122px no-repeat fixed; }
.bg2_body 
{ background: #000000 url(images/colleseum.jpg) 0 122px no-repeat fixed; }
.bg3_body 
{ background: #FFFFFF url(images/halfmoon.jpg) 0 122px no-repeat fixed; }
.bg4_body 
{ background: #000 url(images/NU-Jumbotron.jpg) 0 122px no-repeat fixed; }

.bg1 
{ background: #468 url(images/warf-filter.jpg) 0 122px no-repeat fixed; }
.bg2 
{ background: #000 url(images/colleseum-filter.jpg) 0 122px no-repeat fixed; }
.bg3 
{ background: #FFF url(images/halfmoon-blur.jpg) 0 122px no-repeat fixed; }
.bg4 { 
	background: #000 url(images/NU-Jumbotron-filter.jpg) 0 122px no-repeat fixed; 
}

.movable {
	position: absolute;
	height: 350px;
	width: 550px;
	margin: 0;
	padding: 0;
	/* for intial box only */
	left: 300px;
	top: 39px;
}

.bg1_body .movable { border: solid #DDD 2px; }
.bg2_body .movable { border: solid #DDD 2px; }
.bg3_body .movable { border: solid #333 2px; }
.bg4_body .movable { border: solid #DDD 2px; }

/* Specific content boxes */
#home { }

#resume,
#projects { left: -575px }

/* Content box header */
.hd {
	font-size: 16px;
	color: white;
	font-style: italic;
	height: 28px;
	padding: 5px;
	border: none;
	text-align: right;
}


#greeting_message {
	padding: 5px 5%;
	font-size: 20px;
	/*height: 85%;*/
	height: 302px;
	overflow: auto;
}

#greeting_message p {
	padding-top: 1em;
}

.bg1 #greeting_message, .bg1 .hd { color: #000; }
.bg2 #greeting_message, .bg2 .hd { color: white; }
.bg3 #greeting_message, .bg3 .hd { color: black; }
.bg4 #greeting_message, .bg4 .hd { color: white; }

.bg1 #greeting_message a { color: white; font-weight: bold;}
.bg2 #greeting_message a { color: white; font-weight: bold;}
.bg3 #greeting_message a { color: black; font-weight: bold;}
.bg4 #greeting_message a { color: white; font-weight: bold;}

.bg1 .hd { border-bottom: solid #DDD 2px; }
.bg2 .hd { border-bottom: solid #DDD 2px; }
.bg3 .hd { border-bottom: solid #333 2px; }
.bg4 .hd { border-bottom: solid #DDD 2px; }

/* Header buttons */
#header { 
	height: 20px; 
	color: white;
}

#header ul { display: inline; }

#header li {
	display: inline;
	border-width: 0 0 5px;
	padding: 0 4px;
}

#header li:hover, /* Not in IE7 */
#header li.selected_btn {
	border-style: solid;
	border-color: #444;
}

#header li a:link,
#header li a:active,
#header li a:visited {
	color: #AAA;
	text-decoration: none;
}
/* Give current selection and hover some flare */
#header li a:hover,
#header .selected_btn a:link, /* Just for IE7 */
#header li.selected_btn a { 
	color: white; 
}

/* Cleaner, but not implemented in IE7 :-(
li:first-child { */
#header li.section {
	font-size: 75%;
	margin: 0 5px 0 20px;
	padding: 4px 5px;
	border-bottom: solid #444 5px;
	background-color: #444;
	color: #AAA;
}

/* theme buttons on the header */
#theme_btns {
	float: right;
	padding-right: 10px;
	margin-top: 4px;
}

#theme_btns li { padding: 2px 0 0 0; }
#theme_btns li:hover { background-color: white; }

#theme_btns a:active,
#theme_btns a:hover {
	color: black;
}

.selected_theme { background-color: #888; }

/* Inside the content box, global settings */
.resume_subtitle {
	border-bottom: solid black 3px;
	padding: 15px 10px 0;
	margin-bottom: 7px;
}
.bg2 .resume_subtitle { border-bottom: solid white 3px; }

.hd div {
	padding: 5px;
	float: left;
}

.bd ul {
	text-align: center;
	padding: 10px 0 5px;
}

.bd li {
	display: inline;
	padding: 0 10px;
}

.bd li a {
	color: #333;
	text-decoration: none;
}

.bd li a:hover { text-decoration: underline; }

/* Page footer */
#copyright {
	color: white;
	font-size: 9px;
	padding: 0 0 0 5px;
	float: left;
}

#copyright a {
	color: #AAA;
	font-weight: bold;
	text-decoration: none;
}
#copyright a:hover { text-decoration: underline; }

#copyright_email {
	float: left;
	padding-top: 2px;
}

.aproject {
	font-size: 75%;
	text-align: justify;
	text-indent: -2em;
	margin: 0 0 1em 1em;
}
.bg1 .aproject { color: black; }
.bg2 .aproject { color: white; }
.bg3 .aproject { color: black; }
.bg4 .aproject { color: white; }

.aproject a { text-decoration: none; font-style: italic; }
.aproject a:hover { text-decoration: underline; }