/************************************************************

	Color.css - Define colors and images.
	
	Copyright (c) 2006 Craig Cook and Focal Curve

*************************************************************/
body { background: #ddd; }
fieldset { border: none; }
#container { border: 6px solid #fff; border-width: 0 6px; background: #fff; }

h1 { border: 1px solid #ddd; background: transparent url(/img/sketch/gun.jpg) 97% 0 no-repeat; }
h1 a { border: 1px solid #fff; background: transparent url(/img/sketch/pencillogo2.png) 7px 4px no-repeat; }
h1 a:hover { border-color: #ccc; }
h1 a:focus, h1 a:active { border-color: #066; }

ul#primenav a { height: 35px; border: 1px solid #ddd; }
ul#primenav a:hover { border: 3px double #ccc; }
ul#primenav a:focus, ul#primenav a:active { border-color: #066; }

#primenav #info { background: #fff url(/img/sketch/prime_info.png) 50% 60% no-repeat; }
#primenav #work { background: #fff url(/img/sketch/prime_work.png) 50% 60% no-repeat; }
#primenav #blog { background: #fff url(/img/sketch/prime_blog.png) 50% 60% no-repeat; }

#page { background: #fff url(/img/sketch/pagebg.png) 28% 0 repeat-y; }

#content { color: #444; }

:link { color: #066; }
:visited { color: #666; }
:link:hover, :visited:hover { color: #000; }
:link:focus, :link:active { color: #066; }

h2, h3, h4 { color: #777; }
code { color: #757575; }
blockquote { color: #666; border-left: 2px solid #eee; }

p img { border: 1px solid #ccc; }
.blog #subnav p img { border: none; }
.blog #subnav p a:link img { border: 1px solid #066; }
.blog #subnav p a:visited img { border: 1px solid #ccc; }
.blog #subnav p a:hover img, .blog #subnav p a:active img { border: 1px solid #000; }

#subnav p { color: #777; }
#subnav ul li { border: 1px solid #ddd; }
#subnav ul li a:hover { border: 1px solid #ddd; }
#subnav ul li a:focus, #subnav ul li a:active { border: 1px solid #066; }

#sitemeta { border-top: 1px solid #ccc; color: #555; }

/*** =Home ***/
body.home #featured a img { border: 1px solid #ddd; }
body.home #featured a img:hover { border: 3px double #ccc; background: #eee; }
body.home #featured h3, body.home #recentposts h3 { color: #777; }
body.home #recentposts { border-top: 2px solid #c3c3c3; }
body.home #recentposts .post { border-bottom: 3px double #e6e6e6; }