<?
	Header ("Content-type: text/css");
?>

/* global styles */ 

html, body  { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #f8f8ff; background-color:#000000; }
p, li, td, blockquote { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #f8f8ff; }
#page {width:725px; padding:0 50px 0 25px; position:relative; top:0px; left: auto; right: auto; margin-left: auto; margin-right: auto; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #f8f8ff; background-color:#000000; }
#logo { }
#nav_container {z-index:100; position:absolute; top:90px; left:350px; width:450px; height:31px; }
#page_title {position:absolute; top:143px; }
#content {width:100%; position:absolute; top:190px;}
#footer {text-align:center; width:100%; color:#888888; font-size:11px; font-family: Arial, Helvetica, Verdana, sans-serif; margin-top:50px; border-top: 1px #888888 dotted; padding:25px 0 25px 0; }

/*nav styles */
#nav ul { /* all nav lists */
	padding: 0; margin: 0; list-style: none; }
#nav li { /* all nav list items */
	float:left; position:relative; list-style: none;}
#nav li li a { display: block; font-weight: normal; font-size:13px; color: #9C022A; padding: 0.2em 5px; }
li ul { /* second-level nav lists */
	display: none; 	position: absolute; top:1em; left: 0; width:7em; background-color:#000000; padding: 0 0 1em 0; border-right: solid 1px #5C5C5C; border-bottom: solid 1px #5C5C5C; }
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto; 	left: auto; }
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block; }


/* link styles */
a:link {color:#8f91f9; text-decoration: none; }
a:visited, a:active {color:#8f91f9; text-decoration: none; }
a:hover {color: #FF3333; text-decoration: underline; }
a.nav:hover {color: #8f91f9; text-decoration: underline; }

/* page styles */
.sectiontitle {font-weight:bold; font-size:16px; line-height:18px; text-align:center; color:#CCCCFF;}
.sectionsubtitle {font-weight:bold; font-size:14px; color:#6B6BCF; }
.center_position {width:100%; position:relative; top:0px; left: auto; right: auto; margin-left: auto; margin-right: auto; }
.center {text-align:center;}
.right {text-align:right; }

/*web dev portfolio styles */
.portfolio_item {padding:0 20px 0 20px; }
.portfolio_image {padding:20px 20px 0 20px; float:left; }
.portfolio_text {padding:20px 20px 0 20px; }
.portfolio_content {text-align:center; padding-top:10px;}
.portfolio_links {width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #888888;}
.copywriting_item {width:370px; text-align:right; margin-right:20px; float:left;}
.portfolio_item_description {font-style:italic; padding-top:20px; padding-bottom:10px;  border-bottom: solid 1px #888888; }

/* writing styles */
.writing_links {width:100%; margin-top:20px; padding-top:20px;}
.poetry {padding:0 100px 0 300px;}
.section_break {width:100%; text-align:center; padding-top:10px; }
.leading_quote {font-style:italic; padding-top:20px; padding-bottom:10px; text-align:center; }
.index_layout {width:100%; text-align:center; padding-top:15px;}