/*===========================================================================
	Colors (Global)
	
	This stylesheet defines the colors for the following:
	* Text and links
	* Backgrounds
	* Borders
===========================================================================*/

/*
	Color Glossary
	
	rgb(236,0,140); magenta
	rgb(0,173,239); cyan
	rgb(255,242,0); yellow
*/

/* Page
===========================================================================*/

html,
body {
	background-color: transparent;
}

body div#page {
	color: #000;
}

/* Defaults
===========================================================================*/

/* Misc. Block */

/* Misc. Inline */

/* Links */

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color: rgb(99, 100, 102);
}

/* Headings */

h1#page-title {
	background-color: #000;
	color: #fff;
}

h1#page-title span {
	color: rgb(0,173,239); /*cyan*/
}

li.post-title h2 a,
li.post-type a {
	color: #000;
}

h3 {
	background-color: #000;
	color: #fff;
}

/* Lists */

/* Data Tables */

/* Forms */

/* Content
===========================================================================*/

div#page div#content {
	background-color: #fff;
}

/* Individual Post */

div.post.category-work ul.post-intro {
	border-left: 46px solid rgb(0,173,239); /*cyan*/
}

div.post.category-work li.post-title h2 {
	border-bottom: 1px solid rgb(0,173,239); /*cyan*/
}

div.post.category-thoughts ul.post-intro {
	border-left: 46px solid rgb(236,0,140); /*magenta*/
}

div.post.category-thoughts li.post-title h2 {
	border-bottom: 1px solid rgb(236,0,140); /*magenta*/
}

div.post.category-about ul.post-intro {
	border-left: 46px solid rgb(255,242,0); /*yellow*/
}

div.post.category-about li.post-title h2 {
	border-bottom: 1px solid rgb(255,242,0); /*yellow*/
}

div.entry img a {
	border: 8px solid rgb(231,231,232);
}

div.entry blockquote {
	background-color: rgb(231,232,234);
}

div.entry img a:hover {
	border: 8px solid #000;
}

/* Comments */

span.label-title em.required {
	color: #f00;
}

li input {
	background-color: #000;
	color: #fff
}

li input:hover {
	background-color: rgb(0,173,239); /*cyan*/
	color: #000;
	cursor: pointer;
}

/* Post Navigation */

ul#post-nav li a {
	background-color: #000;
	color: #fff;
}

ul#post-nav li a:hover {
	background-color: rgb(0,173,239); /*cyan*/
	color: #000;
}

/* Sidebar
===========================================================================*/

ul#sidebar li {
	color: #fff;
}

li#sidebar-about span.color-block {
	background-color: rgb(255,242,0); /*yellow*/
}

li#sidebar-work span.color-block {
	background-color: rgb(0,173,239); /*cyan*/
}

li#sidebar-thoughts span.color-block {
	background-color: rgb(236,0,140); /*magenta*/
}

ul#sidebar li ul li a {
	background-color: #000;
	color: #fff;
}

ul#sidebar li#sidebar-about ul li a:hover {
	background-color: rgb(255,242,0); /*yellow*/
	color: #000;
}

ul#sidebar li#sidebar-work ul li a:hover {
	background-color: rgb(0,173,239); /*cyan*/
	color: #000;
}

ul#sidebar li#sidebar-thoughts ul li a:hover {
	background-color: rgb(236,0,140); /*magenta*/
	color: #000;
}

/* Meta Nav and Logo
===========================================================================*/

div#page div#meta-nav-and-logo {
	background-color: #fff;
}

/* Page-Specific
===========================================================================*/

/* Resume / Bio */

div#download-resume p {
	color: #000;
}

div#download-resume li a {
	background-color: #000;
	color: #fff
}

/* TODO: Clean up with Javascript */
div#download-resume li a:hover {
	background-color: rgb(0,173,239); /*cyan*/
	color: #000;
	cursor: pointer;
}

/* Contact */

div.entry a.contact-link {
	color: rgb(0,173,239); /*cyan*/
}

div.entry a.contact-link:hover {
	color: #000;
}

/* Links */

div.entry h2.links-header {
	background-color: rgb(0,173,239); /*cyan*/
	color: #fff;
}

dl.links-list dt a {
	color: rgb(0,173,239); /*cyan*/
}

dl.links-list dt a:hover {
	color: #000;
}