/*

Project:        chrisgriffin.org v4 dark theme
Last Changed:   2009-07-16

*/
                
/*##################################################################################
  =table of contents
  ##################################################################################

	1.	colors
	3.	general styles
  4.  helper styles
  5.  layout structure
  6.  view components
  7.  overrides

####################################################################################
  =1) colors
####################################################################################

	Dark Grays:       #242421  (form element bg, footer text)
	                  #3d3d38  (bg)
	                  #4a4a44  (form element border)
	                  #575750  (link underline)
	                  #707067  (borders)
	                  #8a8a7f  (copyright text)
  Light Grays:      #a3a396  (mute text)
                    #bdbdae  (site description)
                    #e3e3d1  (footer section border)
                    #f0f0dd  (main nav link)
  Dark Green:       #3b7e17  (button text shadow)
                    #479905  (footer link hover)
                    #699942  (footer link)
	Green:            #9ee663  (muted link)
	Med Green:        #7bb34d  (logo bg)
  Light Green:      #afff6e  (defaut link)
                    #cbffa1  (logo hover)
                    #e3e3d1  (copyright footer border)
  Saturated Green:  #85ff21  (hover link)
                    #8ccc58  (logo border)
  Dark Red          #240a04  (error bg)
  Red               #57170a  (error border)
  Light Red         #ff9985  (error message)
	White:            #fff     (body text) 

*/

/*----------------------------------------------------------------------------------
=HTML tags
----------------------------------------------------------------------------------*/

/* body */

body {
  background: #fcfce8;
  color: #fcfce8;
}

/* end */

/* tags */

abbr {
  border-bottom: 1px dotted #8a8a7f;
}

blockquote {
  border-left: 1px solid #575750;
}

strong {
  color: #fcfce8;
}

/* end */

/*----------------------------------------------------------------------------------
=headings
----------------------------------------------------------------------------------*/

/* default */

h1 { /* entry titles */
  color: #f0f0dd;
}

h2 { /* sidebar sections */
  color: #f0f0dd;
}

h3 { /* entry subheadings */
  color: #f0f0dd;
}

/* end */

/* heading links */

.section h1 a {
  color: #f0f0dd;
}

.section h1 a.permalink {
  color: #8a8a7f;
}

/* end */

/*----------------------------------------------------------------------------------
=links
----------------------------------------------------------------------------------*/

a {
  color: #afff6e;
}

a:hover,
.section a:hover {
  border-bottom: 1px solid #8a8a7f;
  color: #85ff21;
}

a:active {
  color: #fff;
}

/* end */

/* link classes */

.permalink {
  color: #8a8a7f;
}

.rss {
  background: url(/wp-content/themes/chrisgriffin_v4/images/icon-rss.png) no-repeat left;
}

/* end */

/* link icons */

/*#site_description p a {
  background: url(/wp-content/themes/chrisgriffin_v4/images/icon-arrow-right.png) no-repeat right 5px;
}*/

.section .comments_link {
  background: url(/wp-content/themes/chrisgriffin_v4/images/icon-comments.png) no-repeat left 2px;
}

#entry_nav .prev a {
  background: url(/wp-content/themes/chrisgriffin_v4/images/icon-arrow-left.png) no-repeat left 3px;
}

#entry_nav .next a {
  background: url(/wp-content/themes/chrisgriffin_v4/images/icon-arrow-right.png) no-repeat right 3px;
}

.section a.more-link {
  background: url(/wp-content/themes/chrisgriffin_v4/images/icon-arrow-right.png) no-repeat right 3px;
}

/* end */

/*##################################################################################
=4) helper styles
##################################################################################*/

/* forms, cosistent items with just one class go here */


/*----------------------------------------------------------------------------------
=form elements
----------------------------------------------------------------------------------*/

input[type=text] {
  background: #242421;
  border: 1px solid #4a4a44;
  color: #f0f0dd;
}

input[type=submit] {
  background-color: #7bb34d;
  border: 1px solid #8ccc58;
  color: #fff;
}

input[type=submit]:hover {
  border-color: #699942;
}

textarea {
  background: #242421;
  border: 1px solid #4a4a44;
  color: #f0f0dd;
}

/* end */

/* form layout */

fieldset .section {
  border-top-color: #575750;
}

/* end */

/* search */

#search input[type=text] {
  color: #f0f0dd;
}

#search input[type=submit] {
  background: #7bb34d url(/wp-content/themes/chrisgriffin_v4/images/btn-search.png) no-repeat center;
  border: 1px solid #8ccc58;
  color: #fff;
}

/* end */

/* graphics for buttons */

input.add_your_reply {
  background: #7bb34d url(/wp-content/themes/chrisgriffin_v4/images/btn-add-your-reply.png) no-repeat center;
}

input.send_message {
  background: #7bb34d url(/wp-content/themes/chrisgriffin_v4/images/btn-send-message.png) no-repeat center;
}

/* end */

/* form validation */

.req {
  background: url(/wp-content/themes/chrisgriffin_v4/images/icon-required.png) no-repeat left;
}

.error_message {
  color: #ff9985;
}

.contact_error {
  background: #240a04;
  border: 1px solid #57170a;
}

/* end */

/*----------------------------------------------------------------------------------
=utility classes
----------------------------------------------------------------------------------*/

/* decreases contrast */

.mute {
  color: #a3a396;
}

.mute a {
  color: #9ee663;
}

/*##################################################################################
=5) layout structure
##################################################################################*/

/* skeleton and page furniture goes here */

#upper {
  background: #3d3d38 url(/wp-content/themes/chrisgriffin_v4/images/bg-dark.png) fixed;
}

/*----------------------------------------------------------------------------------
=header
----------------------------------------------------------------------------------*/

#switcher li a {
  border: 1px solid #707067;
  background: #575750;
  color: #f0f0dd;
}

#switcher li a:hover {
  border: 1px solid #8a8a7f;
}

#switcher li a.on {
  background: #707067;
  border: 1px solid #8a8a7f;
}

#header {
  border: 1px solid #707067;
}

#logo a {
  background: #7bb34d url(/wp-content/themes/chrisgriffin_v4/images/logo-chrisgriffin.png) no-repeat center;
  border: 1px solid #8ccc58;
}

#logo a:hover {
  border: 1px solid #cbffa1;
}

#main_nav {
  background: #575750;
  border: 1px solid #707067;
}

#main_nav ul li a {
  color: #f0f0dd;
}

#main_nav ul li a:hover {
  background: #707067;
}

#search {
  background: #242421;
  border: 1px solid #4a4a44;
}

#site_description {
  color: #bdbdae;
}

#site_description p span {
  color: #e3e3d1;
}

/* end */

/*----------------------------------------------------------------------------------
=footer
----------------------------------------------------------------------------------*/

#footer {
  background: #fff;
  color: #242421;
}

#footer a {
  border-bottom-color: #e3e3d1;
  color: #699942;
}

#footer a:hover {
  border-bottom-color: #b0b0a2;
  color: #479905;
}

#footer a span {
  color: #707067;
}

#copyright {
  border-top: 1px solid #e3e3d1;
  color: #8a8a7f;
}

/* end */

/*##################################################################################
=6) view components
##################################################################################*/

/* view components that are used globally go here */

/*----------------------------------------------------------------------------------
=comments
----------------------------------------------------------------------------------*/

/* commentary */

#comments li {
  border-top: 1px solid #575750;
}

#comments li div.avatar img {
  border: 1px solid #575750;
}

/* end */

/*----------------------------------------------------------------------------------
=entry
----------------------------------------------------------------------------------*/

.section.sub .ancillary.meta {
  border-top: 3px solid #575750;
}

.meta p {
  border-bottom: 1px solid #4a4a44;
}

.main img {
  border: 1px dotted #8a8a7f;
}

/*----------------------------------------------------------------------------------
=link list
----------------------------------------------------------------------------------*/

/* This is kind of hokey, but unless I dug into the Wordpress function for 
permalinks, I couldn't encompass everything into one anchor, so instead I used a 
negative margin to mimick a hover on the link and the date */

.section ul.link_list li a:hover {
  background: #4a4a44;
  color: #85ff21;
}

ul.link_list li em {
  border-bottom: 1px solid #575750;
}

/* end */

/*----------------------------------------------------------------------------------
=section
----------------------------------------------------------------------------------*/

/* global (main) */

.section {
  border-top: 1px solid #707067;
}

.section.sub {
  border-top-color: #575750;
}

.ancillary {
  border-top: 3px solid #707067;
  color: #f0f0dd;
}

.section a {
  border-bottom: 1px solid #575750;
}

/* end */

/* footer section */

#footer .section {
  border-top: 10px solid #e3e3d1;
}

/* end */

/*##################################################################################
=7) overrides
##################################################################################*/

/* Everything that is "one-off" will go here. The goal is using this area as a last 
   resort, any patterns or reusable CSS should not go here */

/*----------------------------------------------------------------------------------
=archives
----------------------------------------------------------------------------------*/

.archives .main {
  color: #bdbdae;
}