/*
File:			custom.css
Description:	Custom styles for the Neoclassical Theme that you define

Use:

The <body> tag has been appended with the "custom" class, like so: <body class="custom">.
You can use the "custom" class to overwrite *any* CSS declarations contained in this
theme's style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; } <--- This makes links green
	
	.custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them

Why this works:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!
*/

/* Neoclassical theme css modifications by Mark Esterly mark@pragmadesign.com */

/*--- background colors ---*/
/*
body, #container, #page, #masthead, #content_box, #left_box, #content, #content_inner, #footer { background-color: #fefcfa; }
*/
body { background-color: #fefcfa; }
container { background: transparent; }

/*
dl#comment_list dt.comment, dl#comment_list dd.comment { background: #fff; }
dl#comment_list dt.author, dl#comment_list dd.author { background: #fff !important; }
#comment_form .text_input { background: #fff; }
#search_form .search_input { background: #fff; }
*/


h1, h2, h3, h4 { font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; }

/*--- headings ---*/
#masthead h1, #masthead #logo, #masthead #tagline { font-weight: normal; font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; letter-spacing: 1px; margin: 0;}
#masthead h1, #masthead #tagline { letter-spacing: 2px; }

.archives h1, .page h1 { padding-bottom: 0; font-weight: normal; font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; background: none; border-bottom: none;}
/* h1 span { font-weight: bold; } */

#content_inner h1, #content_inner h2 { color: #000; font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; letter-spacing: 1px; }
.sidebar_list h2 { color: #4c4c4c; font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; letter-spacing: 2px; }

h3 { font-weight: normal; color: #4c4c4c; letter-spacing: 1px; }
.format_text h3 { font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; margin: 1.375em 0 0.5em 0; }

#content_inner h4 { color #4c4c4c; font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; }


/* ---smaller rss icon ---*/
#masthead #rss_subscribe { width: 20px; height: 20px; float: right; }
#masthead #rss_subscribe a { display: block; width: 20px; height: 20px; margin-top: 9px; background: url('images/icon_rss_20x20.gif') no-repeat; text-indent: -9999px; outline: none; }


/*--- for center column images, use <img class="max"... to force the max image width ---*/
#content-inner #format_text img.max { width: 405px; }


/*--- reduce the masthead bottom margin ---*/
#masthead { margin-bottom: 10px; }


/*--- rotating header images (border is now part of image) ---*/
#rotating_image { width: 885px; margin: 0 0 20px 0; }
#rotating_image img { display: block; border: none; }


/*--- reduce top & bottom margins of sidebar items ---*/
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { margin: 0 0 1.25em; }
li.widget li, li.linkcat li { margin: 0 0 0.25em 0; }


/*--- sidebar images (flickr) ---*/
/*ul.sidebar_list li.widget img { margin: 0 2px; padding: 2px; border: 1px solid #fff; }*/
ul.sidebar_list li.widget img,
ul.sidebar_list li.widget img a { margin: 0 2px; padding: 2px; border: 1px solid #fff; }
/*ul.sidebar_list li.widget a:hover img { border: 1px solid #c00; }*/
ul.sidebar_list li.widget a:hover img { border-color: #c00; }


/*--- full-width content images ---*/
#content_inner img.photo_src { width: 405px; }


/*--- byline ---*/
.post_author { font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif;  letter-spacing: 1px;}
.post_author em { font-style: normal; }
/*
.post_author { display: none; };
*/
.post_author { margin-left: -9999px; margin-bottom: 0; }


/*--- posting text ---*/
#content_inner div.format_text p { letter-spacing: 1px; line-height: 1.6em; }


/*--- link colors ---*/
.format_text a { color: #237fa1; text-decoration: none; }
.format_text a:visited { color: #333; background: #ecf8ff; text-decoration: none; }
.format_text a:hover { text-decoration: underline; color: #c00; }


/*--- navigation class at bottom of page ---*/
.navigation { background: transparent; }


/*--- form elements ---*/
#comment_form .text_input { background-color: #faf8f6; }
#comment_form .form_submit { background: #e8e6e4; font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; }

/*--- comments ---*/
dl#comment_list dt.comment { font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; background: #f4f2f0; }
/*dl#comment_list dt.author, 
dl#comment_list dd.author { background: #faf8f6 !important; }*/
dl#comment_list dt.author, 
dl#comment_list dd.author { background: #fff !important; }
dl#comment_list dd.comment { background: #f4f2f0; }

/*--- search widget ---*/
#search { border: none; text-align: left; }
#search #s { padding-bottom: 1px; font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; letter-spacing: 1px; }
#search input[type="submit"] { padding: 1px 1px 0px 1px; font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
#search input[type="submit"]:hover { color: #c00; }

/*--- search form ---*/
#search_form .search_input { width: 364px; font-family: "Myriad Pro", "Myriad Web Pro", "Myriad Web", Arial, Helvetica, Verdana, sans-serif; letter-spacing: 1px; }	
