/*
My Website Style Sheet
Base Sheet
*/

/* Utilities */
.hidden		{display:none;}


/* Tag Styles */
body		{background-color: #000;}
a			{color: #ffe195;}
a:hover		{color: #92e2f4;}

/*  Container */
#pageframe	{color: #fff; background: #000 url('../images/header-bg.jpg') repeat-x left top;}


/* Header Section */
#pageframe #pageheader  {background: url('../images/header-main.jpg') no-repeat left top; }



/* Body */
#pageframe #pagebody		{background-color: #161616;}

#pageframe #pagebody #nav				{background: url('../images/navBg.gif') repeat-x left top; }
#pageframe #pagebody #nav ul			{}
#pageframe #pagebody #nav ul li a		{color: #ffe195; text-decoration: none; background: #161616 url('../images/nav-buttons.jpg') no-repeat left top;}
#pageframe #pagebody #nav ul li a:hover	{background: #161616 url('../images/nav-buttons.jpg') no-repeat left -60px; color: #ffe195;  ; text-decoration: none;}


#bioIndex			{}
#bioIndex h3 span	{color: #bca15b}

#finished			{}
#finished h3 span	{color: #7cc576}

#working			{}
#working h3 span	{color: #92e2f4}

#next				{}
#next h3 span		{color: #a8645a}


/* Sections */

#pageframe #pagebody .content #leftSide #project	{}
#pageframe #pagebody .content #leftSide #project p			{color: #bca15b}
#pageframe #pagebody .content #leftSide #project h3 span	{color: #92e2f4}


#pageframe #pagebody #bio h4 a			{color: #a64d38;}
#pageframe #pagebody #bio h4 a:hover	{color: #cbd33c;}

#pageframe #pagebody #resume			{}
#pageframe #pagebody #resume h3			{}
#pageframe #pagebody #resume h4			{color: #cdab5a;}
#pageframe #pagebody #resume h5 u		{color: #999;}
#pageframe #pagebody #resume span		{}
#pageframe #pagebody #resume .position		{color:  #92e2f4;}
#pageframe #pagebody #resume .company,		
#pageframe #pagebody #resume .company a			{color: #a64d38;}
#pageframe #pagebody #resume .company a:hover	{color: #cbd33c;}
#pageframe #pagebody #resume .date				{}
#pageframe #pagebody #resume ul					{}
#pageframe #pagebody #resume ul li				{}
#pageframe #pagebody #resume #printBtn			{color: #f1f1f1}

#pageframe #contactForm				{}
#pageframe #contactForm	fieldset	{}
#pageframe #contactForm	legend		{color: #92e2f4}
#pageframe #contactForm ul			{}
#pageframe #contactForm ul li		{}
#pageframe #contactForm label		{}
#pageframe #contactForm input,		
#pageframe #contactForm select,		
#pageframe #contactForm textarea	{color: #a64d38; border: 1px solid #bca15b}

#pageframe #contactForm ul li.description		{}


#pageframe #pagebody #gallery				{}
#pageframe #pagebody #gallery .art				{}
#pageframe #pagebody #gallery .art ul			{}
#pageframe #pagebody #gallery .art ul li		{border:0px solid #999}
#pageframe #pagebody #gallery .art ul li a		{border: none;}
#pageframe #pagebody #gallery .art ul li a img	{border: none;}

#pageframe #pagebody #gallery .thoughts			{}
#pageframe #pagebody #gallery .thoughts	h3		{color: #cdab5a}

/* Footer Section */
#pageframe #pagefooter					{background: url('../images/navBg.gif') repeat-x left top; }
#pageframe #pagefooter ul				{}
#pageframe #pagefooter ul li			{color: #aaa;}
#pageframe #pagefooter ul li a			{color: #fff}
#pageframe #pagefooter ul li a:hover	{color: #997d3b}

.content #port											{}
.content #port ul#portList								{}
.content #port ul#portList li.entry						{ border-bottom: 1px dotted #444;}
.content #port ul#portList li.entry .preview					{}
.content #port ul#portList li.entry .preview img				{}
.content #port ul#portList li.entry .preview .status			{}
.content #port ul#portList li.entry .preview .status .online	{color: #7cc576}
.content #port ul#portList li.entry .preview .status .offline	{color: #a8645a}

.content #port ul#portList li.entry .details					{}
.content #port ul#portList li.entry .details .myrole			{background-color: #333}
.content #port ul#portList li.entry .details .myrole h3			{color: #92e2f4}
.content #port ul#portList li.entry .details .myrole h3 a		{color: #92e2f4}
.content #port ul#portList li.entry .details .myrole h3 a:hover	{text-decoration: underline;}
.content #port ul#portList li.entry .details .myrole h4			{}

.content #port ul#portList li.entry .details .extras h5			{}
.content #port ul#portList li.entry .details .extras h5:hover	{color: #a64d38}
.content #port ul#portList li.entry .details .extras ul			{}
.content #port ul#portList li.entry .details .extras ul li		{}
.content #port ul#portList li.entry .details .extras ul li img	{}