/*   
Theme Name: Word Is Born 2
Theme URI: 
Description: Use the Thematic Power Blog Theme to ramp up the power of your WordPress blog.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic Power Blog is copyright 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('3c-l-fixed-primary.css');

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

/* Apply default theme styles and colors
   For demonstration purposes we're using the default Thematic style
   For major changes I recommend copying over the default styles into this file */
@import url('../thematic/library/styles/default.css');

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


/* OVERALL
-------------------------------------------------------------- */
body{background:#EFEFE0;border-top: 1px solid #FFF;font-family: "Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif;}
body, input, textarea {font-family: "Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif;}
body, div#footer, .aside h3, .aside ul.highlights a:hover, .aside ul li a {color:#6F6F6F;}
a {text-decoration:none;}
a, a:link, a:visited, h1, h2, h3, h4, h5, h6, .cmntCnt, form#commentform .form-label, div#content pre, a.highlight:hover {color:#000}
a:hover, a:active, a:focus, .edit-link a, #comments-list a.comment-edit-link, form#commentform span.required, .aside ul.highlights a, .aside ul li a:hover, .aside ul li a:focus, .aside ul li a:active {color:#FF3F3F}
input {font-family: "HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Helvetica,Arial,sans-serif;font-weight:200;}
strong {color:#000;}
.highlight, a.highlight {font-weight:800;color:#FF3F3F}
.callout, a.callout {font-weight:800;background:#FF3F3F;color:#FFF;display:block;padding:5px;font-size:18px;}
a.callout:hover {background-color:#DFDFD1;color:#000;}

/* LAYOUT
------------------------------------*/
#wrapper {width:980px;position:relative;margin:0 auto;}
#blog-title, #blog-description {width:350px;text-align:right;}
#access {display:none;}
#branding {width:980px;padding-bottom:0;}
#main {overflow:visible;width:980px;padding-top:0;clear:none;}
#container {position:relative;overflow:visible;clear:none;right:0;float:right;top:-180px;width:470px;margin:0 10px -180px 0;z-index:50}
#content {overflow:visible;}
#primary {border:none;margin:0 0 0 20px;padding-top:0;text-align:right;width:160px}
#secondary {text-align:right;width:160px}

/* HEADER
------------------------------------*/
div#header, form#commentform span.required {background: transparent}
#blog-title, #blog-title a {font-weight:200;font-family: "Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif;font-size:48px}
/* #blog-title a:before {content:"❝";}
#blog-title a:after {content:"❞";} */
#blog-title {text-align:right;right:0;float:none;position:relative;height:36px;}
#blog-title a span {visibility:hidden;}
#blog-title a {background: transparent url('img/header-logo.gif') center left no-repeat;width:282px;right:-8px;text-align:right;position:absolute;}
#blog-title a:hover {background: transparent url('img/header-logo.gif') center right no-repeat;}
#blog-description {font-family: "Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif;font-weight:200;line-height:90px;font-style:normal}

/* MENU
------------------------------------*/
div#menu ul li a, div#content .page-title, div#content pre, #content input#s, input#author, input#email, input#url, input#contactsubmit, input#wpcf_your_name, input#wpcf_email, input#wpcf_response, input#wpcf_website, input.text, input.title, textarea, select, .aside input#s, input#amount {background:#DFDFD1;}
div#menu ul li:hover ul li a{border:none;}

/* CONTENT
------------------------------------*/
#content .page-title span {color:#FFFFFF;}
#content .entry-content a, div#content .entry-meta a {border-bottom:1px solid #DFDFD1;}
#content pre {overflow:scroll;padding:18px;}
#content img {max-width:470px;height:inherit;}
.entry-content h1, .entry-content h2 .entry-content h3 {}
#content input#s, input#author, input#email, input#url, input#wpcf_your_name, input#wpcf_email, input#wpcf_response, input#wpcf_website, input.text, input.title, textarea, select, .aside input#s, input#amount {border:2px solid #DFDFD1;}
#content input#s:focus, input#author:focus, input#email:focus, input#url:focus, input#wpcf_your_name:focus, input#wpcf_email:focus, input#wpcf_response:focus, input#wpcf_website:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, .aside input#s:focus, input#amount:focus {border:2px solid #CCC;}
blockquote {border-left:1px solid #DFDFD1;padding-left:18px;}
.entry-title {font-family: "Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif;font-weight:200;text-transform:none;letter-spacing:0;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {font-family: "Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif;font-weight:200;text-transform:none;letter-spacing:0;background:#DFDFD1;}
.entry-content h1 {font-size:24px;padding:9px;margin:9px 0;}
.entry-content h2 {font-size:21px;padding:9px;margin:9px 0;}
.entry-content h3 {font-size:18px;padding:9px;margin:9px 0;}
.entry-content h4 {font-size:15px;padding:9px;margin:9px 0;font-weight:400;}
.entry-content h5 {font-size:12px;padding:9px;margin:9px 0;font-weight:400;}
.entry-content h6 {font-size:10px;padding:9px;margin:9px 0;font-weight:400;}
.page-title {font-size:24px;line-height:24px;padding:10px;font-weight:200;margin:0 0 36px;}
.entry-date {font-size: 12px;font-weight:400;color:#6F6F6F}
.entry-date abbr {border-color:#6F6F6F;}
#respond {background:transparent;}

/* NAVIGATION
------------------------------------*/
.navigation a, .entry-meta a, .entry-utility a, .entry-content h3, .comment-reply-link a {font-style:normal;}
#comments h3 {font-weight:200;font-size:18px;}
.paged #nav-above, #nav-below {padding-bottom:36px;}
#nav-below {margin-top:36px;}

/* SIDEBAR
------------------------------------*/
.aside {}
.aside ul {padding:0;}
.aside ul li {list-style:none;font-size:11px;}
.aside ul ul li {line-height:12px;padding:3px 0;}
.aside h3 {font-style:normal;font-size:18px;font-weight:200;}
.aside #pages h3, .aside #sandbox-menu h3{display:none;}
.aside #pages ul li a, .aside #sandbox-menu ul li a {color:#FF3F3F;font-size:18px;font-weight:200;}
.aside #pages ul li a:hover, .aside #sandbox-menu ul li a:hover {color:#6F6F6F;}
.aside #rss-links h3{color:#FFA200}
.aside #rss-links ul li a {color:#FFA200;}
.aside #rss-links ul li a:hover {color:#6F6F6F;}
.aside #tag_cloud a {border-left:0px solid #DFDFD1;}
.aside #get-recent-comments ul {margin-left:0;padding-left:0;}
.aside #get-recent-comments ul li a, .aside #get-recent-comments ul li a {font-weight:600;}
.aside .widget_sandbox_rsslinks h3, a .rss-color {color:#FFA200;}
.aside .widget_thematic_search input {width:155px;}
#content .aside {padding:0;border:none;margin-bottom:48px;}
#content .aside h3 {display:none;}
#content .aside ul {padding:0;}
.aside li a[title="AutoFocus+ Now Available"] {font-weight:800;background:#FF3F3F;color:#FFF;display:block;padding:5px;}
.aside li a[title="AutoFocus+ Now Available"]:hover {background-color:#DFDFD1;color:#000;}

/* COMMENTS
------------------------------------*/
#comments h4 {background:#DFDFD1;padding:5px;}
#comments-list li {background:#EFEFE0;}
#comments-list li.bypostauthor {background:#DFDFD1;}
#comments-list strong {color:#6F6F6F;}
#comments-list li#comment-22175 {background:#FF3F3F;color:#FFF;}
#comments-list li#comment-22175 .comment-content a{color:#FFF;font-weight:800;text-decoration:underline;}
#comments-list li#comment-22175 .comment-meta {color:#fff;}
#comments-list li#comment-22175 .comment-meta a {color:#fff;}
/* FOOTER
------------------------------------*/
div#footer {border-top:none;margin:0;border-bottom: 2px solid #DFDFD1;}
div#footer #siteinfo {width:980px;}
div#footer #siteinfo strong {font-weight:200;}
div#footer #siteinfo a, div#footer #siteinfo a:link, div#footer #siteinfo a:visited {color:#000;}
div#footer #siteinfo a:hover, div#footer #siteinfo a:active {color:#FF3F3F;}
div#footer #siteinfo p {font-size:16px;width:350px;text-align:right;display:block;margin-bottom:0;font-weight:200;}
div#footer #siteinfo small {width:350px;text-align:right;display:block;}