/*   
Theme Name: Travailler
Theme URI: http://themeshaper.com/
Description: A smart-looking, easily branded, professional theme, with whip-smart typography and design.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0.1
.
Travailler 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');
 
/* Style the meta panel for logged-in users */
@import url('../thematic/library/styles/sitemeta.css');
 
/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');
 
/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
 
/* Un-comment the line below to set a 12 column grid with 18px line-height */
/* body { background:url(../thematic/images/960_grid_12_col.gif) repeat-y top center; } */
 

/* =Global Elements
-------------------------------------------------------------- */

body, input, textarea {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
a {
    color:#000;
}
blockquote {
    color:#666;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;  
    font-style:italic;
}
blockquote a {
    color:#666;
}
blockquote em, blockquote i {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;   
}

/* =Header
-------------------------------------------------------------- */

#header {
	background:url(images/header-back.gif) repeat-x 0 -114px;
	padding:72px 0 0 0;
	position:relative;
}
#branding {
	background:#336598 url(images/branding-back.gif) repeat-x bottom center;
	padding:0 0 90px 0;
	width:960px;
}
#blog-title a {
    color:#fff;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:30px;
    font-weight:bold;
    line-height:36px;
    padding:0 0 0 10px;
    text-decoration:none;
    text-shadow: #0F1E34 0 -1px 0;
    text-transform:uppercase;
}
#blog-title a:active {
    color:#F5F7FA;
}
#blog-description {
    color:#fff;
    padding:0 0 0 10px;
}

/* =Menu
-------------------------------------------------------------- */

#access {
    height:176px;
    width:940px;
    margin:-68px auto 0 auto;
}
.skip-link {
    display:none;
}
#menu,
.menu {
    background:url(images/header-bottom.gif) no-repeat top center;
    height:176px;
}
#menu ul,
.menu ul {
    list-style:none;
    margin:0;
    overflow:hidden;
    position:absolute;
    top:140px;
}
#menu ul ul,
.menu ul ul {
    display:none;
}
#menu li,
.menu li {
    display:inline;
}
#menu a,
.menu a {
    color:#999;
    display:block;
    float:left;
    font-size:11px;
    line-height:36px;
    margin:0 7px 0 0;
    text-decoration:none;
}
#menu a:before,
.menu a:before {
    content: "»";
    padding:0 1px 0 0;
}
#menu a:hover,
.menu a:hover {
    color:#666;
    text-decoration:underline;
}
#menu li.current_page_item a,
.menu li.current_page_item a {
    color:#284F7E;
    font-weight:bold;
}


/* =Content
-------------------------------------------------------------- */

#main {
    padding:18px 0 72px 0;
}
.hentry {
    margin:0 0 36px 0;
}
.page-title {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;  
    margin:0 0 18px 0;
}
.page-title span {
    color:#999;
    font-style:italic;
    font-weight:normal;
}
.entry-title {
    color:#284F7E;
    font-size:24px;
    font-weight:bold;
    line-height:36px;
}
.entry-title a {
    color:#284F7E;
    text-decoration:none;
}
.entry-title a:hover {
    text-decoration:underline;
}
.entry-meta {
    color:#999;
    font-size:11px;
}
.entry-meta a {
    color:#999;
}
.entry-meta a:hover {
    color:#666;
}
.entry-content {
    margin:18px 0;
    padding:0 0 0 20px;
}
#error404-searchform {
    padding:0 0 0 20px;
}
.entry-content a:hover {
    color:#284F7E;    
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;  
}
.entry-content h1,
.entry-content h2 {
    font-size:15px;
    font-weight:bold;
    margin:0 0 18px 0;
}
.entry-content h3 {
    font-style:italic;
    margin:0 0 18px 0;
}
.entry-content h4 {
    font-size:10px;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0 0 18px 0;
}
.entry-content h5 {
    font-size:10px;
    font-weight:bold;
    margin:0 0 18px 0;
}
.entry-content h6 {
    font-size:10px;
    font-style:italic;
    margin:0 0 18px 0;
}
.entry-content dl {
    margin:0 1.5em;
}
.entry-content dt {
    font-weight:bold;
}
.entry-content dd {
    margin:0 0 18px 0;
}
.entry-content abbr, .entry-content acronym, .entry-content .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
.entry-content .caps {
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
}
.entry-content .important {
    color:#284F7E;        
}
.entry-utility {
    color:#999;
    font-size:11px;
    margin:0 0 18px 0;
    padding:0 0 0 20px;
}
.entry-utility a {
    color:#999;
}
.entry-utility a:hover {
    color:#666;
}
.page .edit-link a {
    color:#999;
    font-size:11px;
    margin:0 0 0 -20px;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
    padding:18px 0 36px 0;
}
#comments a:hover {
    color:#284F7E;
}
#comments h3 {
    color:#284F7E;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    margin:0 0 18px 0;
}
.comment-navigation {
    font-size:11px;
    margin:0 0 36px 0;
}
#comments #comments-list ol {
    list-style:none;
    margin:-18px 0 36px 0;
}
#comments-list ol ul {
    list-style:none;
    margin:0 0 0 10px;
}
#comments #comments-list li {
    margin:0;
    padding:36px 20px 17px 18px;
    position:relative;
    border-bottom:1px solid #ccc;
}
#comments #comments-list ol ul li {
}
#comments .avatar {
    position:absolute;
    right:20px;
    width:36px;
    height:36px;
}
#comments-list .n {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
}
.bypostauthor .n {
    color:#284F7E;
}
#comments-list .comment-meta {
    color:#999;
    font-size:11px;
    margin:0 0 18px 0;
}
#comments-list .comment-meta a {
    color:#999;
}
#comments-list .comment-meta a:hover {
    color:#666;
}
#trackbacks-list h3 {
    margin:0 0 18px 0;
}
#trackbacks-list ol {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-style:italic;
    margin:0 0 36px 40px;
}
#trackbacks-list a {
}
#trackbacks-list p {
    display:none;
}
#respond {
    padding:18px 40px 0 20px;
}
#respond h3 {
    margin:0 0 18px -20px;
}
#cancel-comment-reply {
    margin:0 0 18px 0;
}
#respond form {
}
#respond #form-section-author {
    float:left;
}
#respond #form-section-author input {
    width:225px;
}
#respond #form-section-email {
    float:right;
}
#respond #form-section-email input {
    width:225px;
}
#respond #form-section-url {
    clear:both;
}
#respond #form-section-url input {
    width:474px;
}
#respond .form-label {
    font-size:11px;
}
#respond .form-input input {
    margin:0 0 14px 0;
}
#respond textarea {
    width:478px;
    margin:0 0 16px 0;
}
#respond .form-submit {
    float:right;
}
p.subscribe-to-comments {
    width:260px;
    float:left;
}
p.subscribe-to-comments label {
    font-size:11px;
}
p.comment_license {
    font-size:11px;
    clear:both;
    margin:0 0 18px 0;
}
p.solo-subscribe-to-comments {
    clear:both;
    font-size:11px;
    margin:0;
}
p.solo-subscribe-to-comments:first-line {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-style:italic;
}
#respond .required {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
}
ul #respond #form-section-author {
    float:none;
}
ul #respond #form-section-author input {
    width:100%;
}
ul #respond #form-section-email {
    float:none;
}
ul #respond #form-section-email input {
    width:100%;
}
ul #respond #form-section-url input {
    width:100%;
}
ul #respond textarea {
    width:100%;
}


/* =Author Info
-------------------------------------------------------------- */

#author-info {
    margin:18px 0 36px 0;
}
#author-info p:first-line {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
}
#author-info .avatar {
    border:1px solid #ccc;
    float:left;
    width:72px;
    height:72px;
    margin:0 10px 0 0;
    padding:5px;
    position:relative;
    top:4px;
}

/* =Sidebars and Other Asides
-------------------------------------------------------------- */

/* Global aside styles */

.aside ul {
    margin:0;
    list-style:none;
}
.aside {
}
.aside h3 {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
}
.aside ul ul {
    list-style:disc;
}
.aside ul ul ul {
    margin:0 0 0 1.5em;
}
/* Begin Calendar styles */
.aside table {
    border-top:1px solid #e0e0e0;
    margin:0 0 8px 0;
}
.aside th {
    border-left:1px solid #e0e0e0;
}
.aside tr {
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    line-height:35px;
}
.aside td {
    border-left:1px solid #e0e0e0;
    padding:0 10px
}
.aside caption { /* Make the caption match h3 styles */
    font-size:14px;
    font-weight:bold;
    text-align:left;
    margin:0 0 9px 0;
}
.aside tfoot tr {
    border:none;
    line-height:36px;
}
.aside tfoot td {
    border:none;
    padding:0;
}
.aside #next {
    text-align:right;
}
/* End Calendar styles */
/* Begin Search styles */
.aside form {
    margin:4px 0 10px 0;
}
/* End Search styles */
/* Begin RSS widget styles */
/* I think I'm going to have to reset some stuff in functions.php for the RSS widget. It sucks for styling. */
/* End RSS widget styles */

/* Content area asides */

#content .widgetcontainer {
    margin:0 0 36px 0;
    padding:0 0 0 20px;
}
#index-top .widgetcontainer,
#single-top .widgetcontainer,
#page-top .widgetcontainer {
}
#content .aside {
}
#content .aside:first-child .widgetcontainer:first-child {
}
.page #content .aside:first-child .widgetcontainer:first-child {
}
#content .aside h3 {
    font-size:15px;
    font-weight:bold;
    margin:0 0 18px 0;
}
#single-bottom .widgetcontainer {
}

/* Sidebars */

.main-aside {
    font-size:11px;
}
.main-aside a {
}
.main-aside h3 {
    color:#383A32;
    font-size:10px;
    letter-spacing:1px;
    padding:17px 0 1px 0;
    text-transform:uppercase;
}
.main-aside ul ul {
    padding:0 0 18px 13px;
}
.main-aside ul ul ul {
    padding:0;
}
#primary {
    background:#FFFFDE url(images/sidebar.png) no-repeat top center;
    color:#707061;
    margin:0 0 18px 0;
    padding:9px 0 0 0;
}
#primary h3 {
    text-shadow: #fff 0 1px 0;
}
#primary a {
    color:#707061;
}
#primary a:hover {
    color:#383A32;
}
#primary .xoxo {
    background:#FFFFDE url(images/sidebar.png) no-repeat bottom center;
    padding:0 20px 9px 20px;
}
#secondary {
    color:#666;
}
#secondary h3 {
    color:#333;
}
#secondary a {
    color:#666;
}
#secondary a:hover {
    color:#333;
}
#secondary .xoxo {
    padding:0 20px;
}
.main-aside .linkcat .xoxo {
    padding:0 0 18px 13px !important;
}

/* Footer asides */

.sub-aside h3 {
    color:#464646;
    font-size:10px;
    letter-spacing:1px;
    margin:-18px 0 0 0;
    padding:17px 0 1px 0;
    text-shadow: #fff 0 1px 0;
    text-transform:uppercase;
}
#footer .widgetcontainer {
    color:#828282;
    font-size:11px;
    padding:0 20px;
    margin:0 0 36px 0;
}
#footer .widgetcontainer a {
    color:#828282;
}
#footer .widgetcontainer a:hover {
    color:#464646;
}
#footer .widgetcontainer ul {
    margin:0 0 0 13px;
}
#footer .widgetcontainer ul ul {
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
    overflow:hidden;
    margin:0 0 18px 0;
    font-size:11px;
    color:#999;
}
.navigation a {
    color:#999;
}
.navigation a:hover {
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above,#nav-below {
	width: 100%;
}
#nav-above {
}
#nav-below {
}
.home #nav-above, .single #nav-above {
    display:none;
}
.paged #nav-above {
    display:block;
}

/* =Images
-------------------------------------------------------------- */

/*  Remember the baseline   */

.entry-content img { margin: 0 0 18px 0; max-width:100%; }

img.alignleft,img.align-left {
	float: left;
	margin-right:20px;
}
img.alignright,img.align-right {
	display: block;
	float: right;
	margin-left:20px;
}
img.center {
	margin: 0 auto;
	display: block;
	float: none;
	clear: both;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
    background:#EEEEEE none repeat scroll 0% 0%;
    border-top:1px solid #CCCCCC;
    padding:36px 0 72px 0;
}
#siteinfo {
    color:#B9B9B9;
    font-size:10px;
    text-align:center;
    width:540px;
}
#siteinfo a {
    color:#B9B9B9;
}
#siteinfo a:hover {
    color:#828282;
}

/* =PageNavi
-------------------------------------------------------------- */

/* Use !important to override PageNavi CSS */

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    background:transparent !important;
    order:none !important;
    border:none !important;
}
.wp-pagenavi span.pages {
    background:transparent !important;
 	border:none !important;
}
.wp-pagenavi span.current {
	background:transparent !important;
    border:none !important;
}
.wp-pagenavi span.extend {
	background:transparent !important;
	border:none !important;
}
.wp-pagenavi {
    margin:0 0 0 0;
    line-height:36px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color:#999 !important;
    background:#transparent !important;
}
.wp-pagenavi a:hover {
    color:#999 important;
    text-decoration:underline !important;
}
.wp-pagenavi span.pages {
    margin-left:0 !important;
    padding-left:0 !important;    
    color:#999 !important;
}
.wp-pagenavi span.current {
    color:#284F7E !important;
}
.wp-pagenavi span.extend {
    color:#999 !important;
}