/* =General Elements
----------------------------------------------- */ 
* {margin: 0; padding: 0;}
html{
	background-color:#e5e5e5;
	position:relative;
	background:url('../images/pattern.gif') top center repeat;
}
body {
	position:relative;
	background:url('../images/bg3.jpg') top center no-repeat;
	font-family:Georgia,'Times New Roman',serif;
	font-size:65%;
	height:1000px;
	color:#444;
}
img {border:0;}
acronym, abbr {font-variant:small-caps; letter-spacing:.2em; cursor:help;}
strong {}
em {}
code {display:block; font-family:Monaco, monospace; font-size:110%; line-height:1.4em; text-align:left; margin:1.4em 1.6em;}

input, textarea, select {border:1px solid #999; font-family:Arial,sans-serif; padding:2px; font-size:12px; font-weight:normal;}
label {font-weight:bold;}
fieldset {border:0;}

/* =Utility Styles
----------------------------------------------- */ 
blockquote {font-family:Arial, sans-serif; margin:40px 35px 40px 10px;}
cite {display:block; text-align:right; margin:-20px 0 40px 0; padding-right:80px;}
.bqstart {font-family:Arial,sans-serif; float:left; font-size: 700%; height:45px; margin:-20px 20px -50px -20px; padding-top:45px;}
.bqend {font-family:Arial,sans-serif; float:right; font-size:700%; height:25px; margin-top:-20px; padding-top:45px;}

.hide {position:absolute; left:-999px; width:990px;}
.moreinfo {cursor:help; border-bottom:1px dotted #999;}
.runleft {float:left; margin:0 .5em .7em 0;}
.runright {float:right; margin:0 0 .7em .5em;}

a{text-decoration:none;cursor:pointer !important; cursor:pointer !important;color:#333;}
a:link{color:#333;}
a:visited{color:#444;}
a:hover{text-decoration:underline;}
a:active{color:#333;}

.hide{display:none;}

.show{display:block !important; visibility:visible;}
span{display:none;}
#wrapper{
	width:850px;margin:0 auto;
	left:10px;
	position:relative;
	top:-10px;
	
}
#pattern{
	position:absolute;
	height:770px;
	width:100%;
	z-index:199 !important;
}
#flash-header, #flash{
	margin:0 auto;
	height:290px;
	text-align: center;
}
#flash-header{display:none;}
#header{position:relative; width:850px; margin:0 auto;}
#header a{color:#ddd;}
#logo{
	color:#eee; 
	text-decoration:none; 
	text-transform:lowercase;
	position:absolute;
	width:704px;
	height:180px;
	z-index:999 !important;
	top:-250px;
	left:-50px;
}
#logo span {
	display:none;
}
#global-nav{position:absolute; top:-200px; right:140px;}
#global-nav ul{list-style:none;}
#global-nav a {position:absolute; width:140px; height:40px;}
#global-nav #portfolio-link{top:0;}
#global-nav #journal-link{top:50px;}
#global-nav #contact-link{top:100px;}

#featured-projects{
	margin-left:30px;
	width:770px;
	padding-left:30px;
	height:270px;
	position:relative;
	top:10px;
	font-size:1.2em;
	line-height:1.4em;
	z-index:399 !important;
	padding-top:35px;
	
}
#featured-projects .site-info {display:none;}
#featured-projects .site-info a{color:#666;}
#featured-projects .site-info a:hover{color:#777;}
#featured-projects .site-info span{display:inline; margin:0;}
#featured-projects .thumb{margin:0px 50px; float:right;}
#featured-projects #thumb-link{width:249px; height:179px;}
#featured-projects:hover #thumb-link{background-position:-249px 0;}
#featured-projects:hover a{text-decoration:underline;}
#featured-projects .site-info{padding:30px 40px 0 0;;}
#featured-projects .site-info p{line-height:1.6em;padding:0;}
#featured-projects .site-info ul{line-height:1.4em;padding:0;list-style:none;}
#featured-projects .site-info ul li{margin:0 0 8px 0;padding:0;}
#featured-projects .site-arrows{width:87px;height:29px;background:url('../images/arrows.gif') 0 0px no-repeat;position:absolute;left:390px;top:35px;}
#featured-projects .site-controls{width:333px;height:50px;background:url('../i/images/feature-utils.jpg') 0 -52px no-repeat;position:absolute;left:20px;bottom:40px;}
#featured-projects .site-arrows ul,#featured-projects .site-controls ul{list-style:none;}
.thumbHolder{float:right; position:relative; top:-30px;}
#launch-link{width:140px;height:50px;position:absolute;left:0;}
#info-link{width:180px;height:50px;position:absolute;left:160px;}

#prev-arrow{position:absolute;left:0;width:43px;height:36px;}
#next-arrow{position:absolute;left:43px;width:43px;height:36px;}
#global-nav{dispaly:none;}
#footer {
	background:url('../images/footer.jpg') bottom center no-repeat;
	height:144px;
	width:100%;
	position:relative;
}
.view-site{font-size:1.3em; margin-top: 5px;}
#footer p{display:none;}
#lower-content{position:relative; color:#bbb;left:40px; top:-50px;}
#lower-content table{width:800px;position:relative; }
#lower-content .co{height:313px; width:210px; position:relative; z-index:299 !important; padding:35px 10px 0 30px;}
#lower-content .co h2{position:absolute;top:30px; left:35px;}
#lower-content .co h2 span{display:none;}
#lower-content p,#lower-content ul{margin:50px 45px 0 15px !important;padding:0; line-height:1.3em;font-size:13px !important;color:#999;}
#lower-content ul li{list-style:none;margin-bottom:12px;}
#lower-content p em {font-size:1.2em;line-height:1.2em;}
#lower-content ul li strong{}
#task-bar{position:relative;top:450px; text-align:center;font-size:1.3em;color:#666;display:none;}
#task-bar a{color:#555;}
#about-col{position:relative; left:-10px;}
#lower-content .co a{color:#999;}
#entries-col{position:relative; left:10px;}

#featured-projects:hover .site-controls{background-position:0 0px;}
#featured-projects:hover .site-arrows{background-position:0 -29px;}
#featured-projects{color:#999;}
#featured-projects:hover{color:#666;}
#lower-content .co:hover p{color:#777 !important;}
#lower-content .co:hover ul{color:#777 !important;}
#lower-content .co:hover a{color:#777 !important;}
#lower-content .co:hover em {color:#999 !important;}
#lower-content .co:hover {color:#999 !important;}