@charset "ISO-8859-1";
/*
My Website Style Sheet
Base Sheet
*/

/* Utilities */
.hidden		{display:none; height: 0px}
.clear		{height: 1px; clear: both; display: block}
.note		{font-size: 11px; color: #999;}
ul.clean	{border: none; list-style: square; margin: 10px; padding: 10px;}
h3.title	{font-size: 18px; line-height:24px;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



/* Tag Styles */
body		{margin:0px; padding:0px; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; line-height: 150%;}
a			{font-weight: bold; text-decoration: none;}
a:hover		{text-decoration:  underline;}
hr			{height: 1px; color: #555; border-color: #555; }



/*  Container */
#pageframe	{margin: 0px; }


/* Header Section */
#pageframe #pageheader	{width: 1000px; height: 160px; margin: 0px auto;}



/* Body Overall*/
#pageframe #pagebody					{position: relative; clear: both; width: 800px; margin: 0px auto;}

#pageframe #pagebody #nav				{width: 800px; margin: 0px auto;  display: block; border-top: 1px solid #000;}
#pageframe #pagebody #nav ul			{width: 800px; height: 30px; margin: 0px 0px; padding: 0px; list-style: none;}
#pageframe #pagebody #nav ul li			{margin: 0px 2px 0px 0px; padding: 0px; float:left; position: relative; }

#pageframe #pagebody #nav ul li a		{display: block; margin: 0px; font-weight: bold; font-size: 14px; line-height: 30px; padding: 0px; text-align: center;  width: 120px;}

#pageframe #pagebody .content			{padding: 15px;}

#pageframe #pagebody .content #leftSide							{float: left; position: relative; width: 450px; padding: 0px; margin: 0px 15px 0px 0px; }
#pageframe #pagebody .content #rightSide						{float: left; position: relative; width: 300px;}


.content .section			{border: 1px solid #292929;}
.content .section h3		{font-size: 14px; height: 20px; padding: 3px 5px; margin: 0px; background-color: #272727}
.content .section p			{padding: 5px 10px;  margin:5px 0px; font-style:italic;}
.content .section ul		{padding: 5px 10px;  margin:0px 0px} 
.content .section ul li		{text-transform: capitalize}


/* Specific Sections */

#bioIndex						{margin-top: 15px;}
#bioIndex h3 span				{}
.content #bioIndex.section p	{font-style: normal;}

#finished						{}
#finished h3 span				{}

#working						{}
#working h3 span				{}


#pageframe #pagebody #bio				{width: 600px;}
#pageframe #pagebody #bio img			{float: left; position: relative; /*margin: 5px 15px;*/ border: 0px;}

#pageframe #pagebody #resume			{font-size: 12px; width: 585px}
#pageframe #pagebody #resume .entry		{margin:15px 0px 30px 0px;}
#pageframe #pagebody #resume h4			{font-size: 14px; text-decoration: underline; margin: 15px 0px 10px 0px;}
#pageframe #pagebody #resume h5 		{margin:5px;}
#pageframe #pagebody #resume span		{margin: 0px 10px 0px 0px;}
#pageframe #pagebody #resume .position		{font-weight: bold; font-family: Verdana, Arial;}
#pageframe #pagebody #resume .company,		
#pageframe #pagebody #resume .company a			{font-weight: normal; text-decoration: underline;}
#pageframe #pagebody #resume .company a:hover	{}
#pageframe #pagebody #resume .date				{font-weight: normal; font-size: 11px;}
#pageframe #pagebody #resume ul					{list-style: square;}
#pageframe #pagebody #resume ul li				{margin: 0px 10px 0px 25px;}
#pageframe #pagebody #resume #printBtn			{display: block; font-weight: normal; text-decoration: none; margin: 0 0 10px 0;}
#pageframe #pagebody #resume #printBtn:hover	{text-decoration: underline;}


#pageframe #contactForm				{}
#pageframe #contactForm	fieldset	{border: 1px solid #aeaeae; padding: 10px 15px;}
#pageframe #contactForm ul			{list-style: none; margin: 0px; padding: 0px;}
#pageframe #contactForm ul li		{margin: 10px 0px; padding: 0px; display: block;}
#pageframe #contactForm label		{display: block; float: left; position: relative; width: 95px;}
#pageframe #contactForm input,		
#pageframe #contactForm select		{position: relative; padding: 1px 3px; color: #3bafc9; margin: 0px 10px 0px 0px; padding: 0px; line-height:14px; height: 20px;}
#pageframe #contactForm textarea	{position: relative; padding: 1px; color: #a64d38; margin: 0px 10px 0px 0px; padding: 0px;}

#pageframe #contactForm ul li.description		{margin: 20px 0px 0px 0px; padding: 3px; display: block;}


#pageframe #pagebody #gallery					{width: 100%;}
#pageframe #pagebody #gallery .art				{width: 450px; float: left; position: relative; margin: 0px 0px 50px 10px;}
#pageframe #pagebody #gallery .art ul			{list-style: none; margin: 0px; padding:10px;}
#pageframe #pagebody #gallery .art ul li		{float: left; position: relative; margin: 10px; padding:3px;}
#pageframe #pagebody #gallery .art ul li a		{display: block; clear: both; padding: 0px;  }
#pageframe #pagebody #gallery .art ul li a img	{height: 65px; border:0px;}

#pageframe #pagebody #gallery .thoughts			{width: 300px; float: left; position: relative; margin: 0px 0px 50px 10px;}
#pageframe #pagebody #gallery .thoughts	h3		{font-size: 20px;}

/* Footer Section */
#pageframe #pagebody #pagefooter			{width: 800px; height: 40px; margin: 40px auto 0px auto; padding: 0px; }
#pageframe #pagebody #pagefooter ul			{width: 790px; height: 34px; position: relative; list-style: none; margin: auto; padding:  2px 0px; /*border: 1px solid orange; */}
#pageframe #pagebody #pagefooter ul li		{float: left;  margin: 3px 0px 0px 0px; position: relative;  text-align: center; }
#pageframe #pagebody #pagefooter ul li a	{border: 0px; display: block; margin: auto; padding: 0px 5px;}

.content #port										{width: 100%;}
.content #port ul#portList							{list-style: none; margin: 0px; padding: 0px;}
.content #port ul#portList li.entry					{display: block; border-bottom: 1px solid #ccc; margin: 10px 0px;}
.content #port ul#portList li.entry .preview		{float: left; width: 200px; margin: 0px 10px;}
.content #port ul#portList li.entry .preview img	{display: block; border: none;}
.content #port ul#portList li.entry .preview .status			{margin:0px auto;}
.content #port ul#portList li.entry .preview .status .online	{margin-left: 10px; font-weight: bold;}
.content #port ul#portList li.entry .preview .status .offline	{margin-left: 10px; font-weight: bold;}

.content #port ul#portList li.entry .details				{float: left; padding: 4px 10px 10px 10px; width: 530px;}
.content #port ul#portList li.entry .details .myrole		{padding: 12px 10px 15px 10px; width: 530px;}
.content #port ul#portList li.entry .details .myrole h3		{margin: 0px 0px 10px 0px; padding: 0px; font-size: 16px; font-weight:bold;}
.content #port ul#portList li.entry .details .myrole h4		{margin: 0px; padding: 0px; font-size: 14px;}
.portBullets,
.content #port ul#portList li.entry .details p ul			{list-style:outside square; margin: 15px 15px 15px 40px;}


.content #port ul#portList li.entry .details .extras h5		{font-size: 12px; font-weight: bold; cursor: pointer;}
.content #port ul#portList li.entry .details .extras ul		{height: auto; list-style: none; margin: 0px; padding: 0px}
.content #port ul#portList li.entry .details .extras ul li		{float: left; margin: 0px 8px;}
.content #port ul#portList li.entry .details .extras ul li img	{height: 30px; border: 1px solid #fff;}


#pageframe #pagebody .content #leftSide #project	{}
#pageframe #pagebody .content #leftSide #project p	{}

/* let's mess with some dhtml */

#dhtml	{width: 350px; height: 339px; position: absolute; top: 0px; right: 100%; background: url('../images/nub.jpg') no-repeat;}