/*   
Theme Name: HillaryRettig.com
Theme URI: 
Description: HillaryRettig.com custom theme.  Built using Thematic by Ian Stewart
Author: Patrick Tyrrell
Author URI: http://patricktyrrell.com
Template: thematic
Version: 0.2.0
Tags: Hillary Rettig
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/** Layout **/

body {
	margin-bottom: 0;
	padding-bottom: 0;
	background: #2E4A62;
}

#header {
		background: transparent url(images/wrapper_bg_front.jpg) top center no-repeat;
}

#info-box {
	float: right;
	width: 395px;
	padding-top: 100px;
	margin-left: 15px;
}

#info-button {
	cursor: pointer;
	display: inline;
	padding-top: 100px;
	padding: 0 5px;
}

#info-bar {
	width: 395px;
	color: #bbb;
	display: none;
	position: absolute;
	margin: -75px 0 0 20px;
}

#info-button span {
	width: 35px;
	height: 25px;
	display: inline-block;
}

#info-bar em {
	font-size: 125%;
}

span.email  {background: transparent url("images/info_bar.gif") 0 0;}
#info-button:hover span.email  { background: transparent url("images/info_bar.gif") 34px 0;}
span.mailing-list {background: transparent url("images/info_bar.gif") 0 -26px;}
#info-button:hover span.mailing-list { background: transparent url("images/info_bar.gif") 34px -26px;}
span.social {background: transparent url("images/info_bar.gif") 0 -55px;}
#info-button:hover span.social { background: transparent url("images/info_bar.gif") 34px -55px;}

ul#social {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#social li {
	display: inline
}


#facebook a, #linkedin a, #rss a  {
	width: 25px;
	height: 25px;
	text-indent: -9000px;
	display: inline-block;
}

#facebook, #linkedin, #rss {
	padding: 0 5px;
}

#facebook a {
	background: transparent url("images/social_icons.gif") 0 0;
}

#facebook a:hover {
	background: transparent url("images/social_icons.gif") 0 -27px;
}

#linkedin a {
	background: transparent url("images/social_icons.gif") -30px 0;
}

#linkedin a:hover {
	background: transparent url("images/social_icons.gif") -30px -27px;
}

#rss a {
	background: transparent url("images/social_icons.gif") 25px 0;
}

#rss a:hover {
	background: transparent url("images/social_icons.gif") 25px -27px;
}

/** Front **/

table.front {
	margin-top: -20px;
	clear: both;
}

table.front, table.front tr {
	border: 0;
}

table.front td {
	width: 33.3%;
	vertical-align: top;
}

td.middle {
	border: solid #ccc;
	border-width: 0 1px;
}

#left {
	margin-top: -5px;
	float: left;
	width: 510px;
}

#right {
	float: right;
	width: 360px;
	padding-top: 40px;
	line-height: 16px;
}

/** Sidebar **/
  #primary {
  	padding: 0 0 0 5px;
  	border: none;
  }
  
  #secondary {
  	padding: 0;
   margin: 0 10px 0 0;
  }
  
  .main-aside {
  	width: 375px;

  }
  
  #primary ul.xoxo {
  	padding: 0 0 0 10px;
  	margin: 0;
  }
  
  #primary ul.xoxo li.widgetcontainer {
  	margin-top: 10px;
  }
  
  img.headshot {
    float: left;
    padding: 0 5px 5px 0;
  }
  
  #primary li#text-4 {
   padding-bottom: 5px;
  	border-bottom: solid 1px #afafaf;
  }
  
  
  .sidebar-bio p {
  	font-size: 1.25em;
  	line-height: 20px;
  }

/** Basics **/

  body.front {
    background: #2E4A62 url(images/body_bg_front.jpg) bottom center repeat-y;
  }
  
  body.not-front {
    background: #2E4A62 url(images/body_bg_not_front.jpg) bottom center repeat-y;
  }
  
  a:link, a:hover, a:visited {
  	color: #2E4A62;
  	text-decoration: none;
  	background: transparent;
  }
  
  a:link {
  	text-decoration: none;
  }
  
  a:hover {
  	text-decoration: underline;
  	color: inherit;
  }
  
  #entry-content li a:hover {
  	background: transparent;
  }
  
  #main {
    margin: 0 auto;
    padding-top: 15px;
    background: transparent;
  }
  
  .main-not-front {
  	background: url(images/main_bg.gif) repeat-y;
  	padding: 0;
  }
  
  #post-332 {
  	margin: 0 10px;
  }
  
  .wrapper-front {
  	background: transparent url(images/wrapper_front.jpg) top center no-repeat;
  }
  
  .wrapper-not-front {
  	background: transparent url(images/wrapper_not_front.jpg) top center no-repeat;
  }
  
  #blog-title a {
   display:block;
   text-indent: -9000px;
  	background: url(images/brand.gif) top left no-repeat;
  	height: 132px;
  	width: 500px;
  }
  
  #branding {
  	height: 140px;
  	padding: 10px 0 0 0;
  	background: transparent;
  	width: 960px;
  }
  
  #blog-description {
   position:absolute;
   left:-9000px;
  }
  
  #breadcrumbs {
  	font-size: 70%;
  	margin-bottom: 5px;
  }

  #content .aside {
  	border: 0;
  	margin: 0;
  	padding: 0;
  }
  
  #page-bottom ul.xoxo {
    margin: 0;
  }
  #breadcrumbs, #breadcrumbs a, #breadcrumbs a:visited {
  	color: #bbb;
  }
  
  #breadcrumbs a:hover {
  	color: #666;
  }
  
  #container {
  	width: 565px;
  }
  
  #container-front {
  	width: 960px;
  	margin: 0;
  }
  
  #content-front {
  	width: 960px;
  }

  #access {
  	background: transparent;
  	border: none;
  }
  
  #access a {
   font-family: Trebuchet,Times,serif;
   font-size: 20px;
  	color: #fafafa;
  	border: none;
  	height: 100%;
  }
  
  #access a:hover {
  	text-decoration: none;
  }
 
  #footer {
   font-family: Arial,Helvetica,sans-serif;
   padding-top: 5px;
  	border: 0;
  }
  
  #footer ul {
  	list-style: none;
  }
  
  #footer li {
  	display: inline;
  	padding: 0 5px;
  }
  
  #siteinfo {
  	text-align: center;
  }
  
  #siteinfo a {
  	font-weight: bold;
  }
  
  .footer-front {
  	background: #2E4A62 url(images/footer_bg_front.jpg) top center no-repeat;
  }
  
  .footer-not-front {
  	background: #2E4A62 url(images/footer_bg_not_front.jpg) top center no-repeat;
  }
  
  #footer p {
  }
  
  li.sfHover {
  	background: transparent;
  }
  
  .sf-menu {
  	border: 0;
  }
  
  .sf-menu ul { /* Nudges the drop-down menus to the bottom of the nav bar */
  	margin-top: 6px;
  }
  
  .sf-menu li {
  	background: transparent;
  	border: none;
  }

  .sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu ul a {  /* Background for css drop-down menu */
  	background: #AE7170;
  }

  .sf-menu li.sfHover, li.page_item a:hover
    {
    	background: url(images/nav-hover.gif) top repeat-x;
    }
    
  .sf-menu li li a:hover {
  	background: #cc9392;
  }
  
  ul.xoxo a:hover { /* IMPORTANT background from nav drop-downs doesn't get inherited into other lists */
  	background: transparent;
  }
  

     
/** Typography **/
  
  .entry-content h1 {
  	padding: 10px 0 10px;
  }
  
  .entry-content h2 {
  	font-size: 1em;
  	font-style: italic;
  }


  h1.entry-title, h2.entry-title {
  	font-family: Garamond,Times,serif;
  	color: #791818;
  	border-bottom: solid 1px #9f9f9f;
  	font-weight: normal;
  	line-height: 36px;
  }
  
  h1.entry-title {
  	font-size: 2.5em;
  }
  
  h2.entry-title {
  	font-size: 2em;
  	line-height 1.5em;
  	font-style: normal;
  }
  
  h2.entry-title a {
  	color: #791818;
  }
  
  h2.entry-title a:hover{
  	color: #791818;
  }
  
  h3.widgettitle {
   font-weight: bold;
   font-family: Garamond,Times,serif;
   color: #202122;
  	font-style: normal;
  }

  p, ul, ol, dd, pre, fieldset.CleanContact {
  	font-family: Trebuchet,Arial,sans-serif;
  }

/* forms */