/*
Theme Name:	Titan
Theme URI: 	http://themes.jestro.com/titan/
Description: 	A refined, balanced, and exceptionally handsome WordPress theme. Features a robust theme options menu allowing you to integrate your Flickr photos, Twitter updates, and Feedburner email updates. Use the custom code box to include photos, video, or whatever else your heart desires. Designed and coded by <a href="http://www.jestro.com">Jestro</a&gt;.
Version: 		1.12
Author:		Drew Strojny
Author URI:	http://www.jestro.com
Tags: fixed-width, two-columns, white, brown, right-sidebar, threaded-comments, theme-options
*/

/*
    Copyright 2009 Jestro LLC

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

*/

/* Import Stylesheets
-----------------------------------------------------------*/
@import url("css/undo.css");
@import url("css/master.css");

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes in a Child Theme. See this tutorial for instructions:
     ----> http://themes.jestro.com/vigilance/easy-upgrading-wordpress-child-themes/ <----
 Any custom changes you make here will not be overidden when you upgrade the theme.
-----------------------------------------------------------*/



/*Body & Links 
------------------------------------------------------------ */
body {
	font: 62.5% Arial,Helvetica,Sans-serif;
  color: #444;
	line-height: 2.2em;
	background: #F9F7F5;
	}
a:link, a:visited { color: #0E355A; }
.entry a:link, .entry a:visited { font-weight: bold; }
a:hover {
	color: #993333;
	}

ul li.widget ul { list-style: disc; margin: 0px 0px 0px 20px; }

/*Header
------------------------------------------------------------ */
#header { width: 100%; height: 244px; border-bottom: 1px solid #EDE7E0; background: #0E355A url(images/new_nav_background.jpg) repeat-x bottom left; }
#follow { background: #EBDDC3; padding: 5px 0; border-bottom: 2px solid #ffffff; }
#follow dl { float: right; font-size: 1.3em; }
#follow dl dt, #follow dl dd { float: left; }
#follow dt { font-weight: bold; color: #514F43; }
#follow dd { margin-left: 20px; }
#follow dd a { display: block; color: #514F43; }
#follow dd a.rss { padding-left: 20px; background: url(images/feed-icon.png) no-repeat 0 .2em; }
#follow dd a.email { padding-left: 22px; background: url(images/email-icon.png) no-repeat 0 .35em; }
#follow dd a.twitter { padding-left: 19px; background: url(images/twitter-icon.png) no-repeat 0 .15em; }

h1#title, div#title  { margin: 0px 0px 2px 0px; padding: 0 0; text-indent: -9999px !important; }
h1#title a:link, h1#title a:visited, div#title a:link, div#title a:visited { background: url(images/serotte_header.jpg) no-repeat; width: 960px; height: 157px; margin: 0 0; padding: 0 0; border: 0; text-indent:-9999px !important; display:block; }
h1#title a:hover, div#title a:hover { border: 0;}


/*h1#title, div#title { float: left; padding: 30px 0; font-size: 3em; font-weight: bold; line-height: 50px; }
h1#title a:link, h1#title a:visited, div#title a:link, div#title a:visited  { color: #E9E5E0; }
h1#title a:hover, div#title a:hover { text-decoration: none; }*/


/*Page/Post Styling/Post Header
---------------------------------------*/
.date span { color: #D1BBA9; }

/*Footer
------------------------------------------------------------ */
#footer { padding: 30px 0; border-top: 10px solid #EBDDC3; background: #0E355A; color: #ffffff; }
#footer a:link, #footer a:visited { color: #ffffff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/*Footer Columns
---------------------------------------*/
.footer-column { float: left; width: 300px; margin-right: 30px; padding-bottom: 20px; color: #ffffff; }
#footer-about.footer-column { width: 345px; }
#footer-flickr.footer-column { width: 281px; }
#footer-search.footer-column { margin: 0; width: 274px; }
.footer-column h2 { font-size: 1.6em; border-bottom: 2px solid #ffffff; padding-bottom: 2px; }
.footer-column p { margin: 15px 0; font-size: 1.2em; line-height: 1.5em; }

/*Flickr
---------------------------------------*/
.flickr_badge_image { float: left; margin: 0 0 0 10px; padding: 0; line-height: 0;
}
#flickr_badge_image1.flickr_badge_image, #flickr_badge_image2.flickr_badge_image, #flickr_badge_image3.flickr_badge_image { margin: 15px 0 10px 10px;}
#flickr_badge_image1.flickr_badge_image, #flickr_badge_image4.flickr_badge_image { margin-left: 0; }
.flickr_badge_image img { margin: 0; padding: 5px; border: 1px solid #ccc; background: #EBDDC3; line-height: 0; }
#footer h2.widgettitle { margin-top: 0;}


/*Nav
---------------------------------------*/
#nav {
    width:100%;
    font-size: 1.3em;
    }
#nav, #nav ul {
    float: left;
    line-height: 36px;
    padding: 0;
    margin: 0;
    width: 100%;
    }
#nav a {
    display: block;
    color: #444;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 18px;
    }
#nav li {
    float: left;
    border-right: 1px solid #D1BBA9;
    }
#nav li.home { border-left: 1px solid #E3E0D5; }
#nav ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 151px;
    font-weight: normal;
    line-height: 20px;
    border: 0;
    border-top: 1px solid #E3E0D5;
    }
#nav li li {
    width: 149px;
    border-bottom: 1px solid #E3E0D5;
    border-left: 1px solid #E3E0D5;
    border-right: 1px solid #E3E0D5;
    background: #fff url(../images/nav-sub-background.gif) repeat-x top left;
    }
#nav li li a {
    padding: 4px 10px;
    width: 130px;
    }
#nav li ul ul {
    margin: -21px 0 0 150px;
    }
#nav li li:hover {
   color: #000;
    }
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a { color: #000; }
#nav li:hover a, #nav li.sfhover a { color:#000; }
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a { color:#444; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left:auto; }
#nav li:hover, #nav li.sfhover {
     background: #fff ;
     color: #000;
    }
#nav .current_page_parent, #nav .current_page_ancestor, #nav .current-cat-parent {
    background: #fff;
    color: #000;
    }
#nav .current-cat, #nav .current_page_item {
   background: #fff;
   color: #000;
    }

/*Notice
------------------------------------------------------------ */
div.notice {
  display: block;
  padding: 10px 0;
  font-size: 1.6em;
  }
div.notice strong { color: #2F2922; }
div.notice div {
	margin: 10px 0;
	padding: 20px;
	background: #F0EBE6 url(../images/notice-background.gif) repeat-x top left;
}
div.notice div h2 {
	font-size: 1.3em;
	margin-bottom: 10px;
}

.bio_headshot { float: left; margin: 15px 15px 20px 0px; padding: 4px; border-bottom: 1px solid #C9BFA8; border-right: 1px solid #C9BFA8; border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3;}