/*
THEME NAME: Thaumatic
THEME URI: http://alex.halavais.net
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
VERSION: 0.1
AUTHOR: Alex
AUTHOR URI: http://alex.halavais.net
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.

This Theme is based on the Thematic Theme.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/



/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/thau-layout.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');


/* CSS3 Font Embeds */

@font-face {
 font-family: FellDWIt;
 src: url("FePIit27P.eot") /* EOT file for IE */
}
@font-face {
 font-family: FellDWIt;
 src: url("FePIit27P.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: FellDWPica;
 src: url("FePIrm27P.eot") /* EOT file for IE */
}
@font-face {
 font-family: FellDWPica;
 src: url("FePIrm27P.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: FellDWStory;
 src: url("FePIsc27P.eot") /* EOT file for IE */
}
@font-face {
 font-family: FellDWStory;
 src: url("FePIsc27P.ttf") /* TTF file for CSS3 browsers */
}

body, input, textarea, select {
  font: 18px Garamond,Georgia,serif;
}

.entry-content h1, .entry-content h2, .entry-content h3 {
  font-family: FellDWPica,Georgia,serif;
}

.entry-content h1 {
  font-size: 150%;
}

.entry-content h2 {
  font-size: 135%;
}

.entry-title, #blog-title {
  font-family: FellDWStory;
}

b, strong {
  font-size: 105%;
}

#blog-title {
  margin-left: 115px;
}

.hentry .dropcap {
  color: #C00;
  font-size: 255%;
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0 0.15em 0 0;
  line-height: 1em;
  font-family: FellDWStory;
}

body {
  background: url("images/mainbg.jpg") repeat;
}

#header {
  background: url("images/header.jpg") no-repeat;
}

#footer {
  background: url("images/footer.jpg") no-repeat;
  border: none;
}

#siteinfo {
  color: #eeeeee;
  font-size: 14px;
  line-height: 1em;
  padding: 40px 0 10px;
}

#siteinfo a {
  color: #ffffff;
}

#access {
  border: none;
  height: 12px;
}

#text-5 {
  background: url("images/icons.png") no-repeat;
  padding: 15px 2px;
}

#twitter_timeline-2 {
  background: url("images/icons.png") no-repeat -200px 0;
  padding: 15px 2px;
}

.aside li {
  font-size: 14px;
  margin: 5px 0;
} 

#archives-2 {
  background: url("images/icons.png") no-repeat -400px 0;
  padding: 15px 2px;
}

#rss-4 li a {
  text-decoration: none;
  font-size: 15px;
}

#comments, #comments input, #comments textarea {
  font-size:14px;
}

.entry-content h3 {
  font-size:110%;
  font-weight:bold;
  padding:28px 0 14px;
}

.aside h3 {
  font-size: 22px;
  padding: 0 0 6px 32px;
}

.entry-content img {
    margin: 0 15px 5px;
    float: right;
}

.home .entry-content img {
   /* Taking this out for the time being... display: none; */
}

.home .p1 .entry-content img {
   margin: 0 auto 5px;
   max-width:100%;
   display: block;
   clear: both;
}

.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

#blog-description, .rsswidget img { /* Getting rid of a bunch of cruft */
        display: none;
}

.home .entry-meta { /* Removing META info on the home page */
        display: none;
}

.entry-content {
  font-size: 90%;
  text-align: justify;
  text-justify: inter-character;
}

.home .p1 .entry-content {
  -moz-column-count: 2; 
  -moz-column-gap: 2em; 
  -webkit-column-count: 2; 
  -webkit-column-gap: 2em;
  column-count: 2; 
  column-gap: 2em; 
  line-height: 1.3em;
  font-size: 100%
}

.home .tag-video .entry-content {
  -moz-column-count: 1; 
  -moz-column-gap: 2em; 
  -webkit-column-count: 1; 
  -webkit-column-gap: 2em;
  column-count: 1; 
  column-gap: 2em; 
}

#primary {
  border: none;
  border-left: 2px dotted #CCC;
}

#secondary {
  width: 80px;
  height: 400px;
  border: 2px solid black;
  background-color: #999;
  padding: 1em;
  color: black;
  text-align: center;
}

.home #secondary,
.page #secondary {
  display: none;
}

#main {
  width: 1080px;
  padding-top: 20px;
}

blockquote {
  margin: 0 1em 1em;
  font-size: 90%;
}

/* Menu Restyle */

.menu {
  width: 820px;
}

.sf-menu {
  border-top: solid 1px #ccc;
  border-bottom: double #ccc;
  border-left: none;
  border-right: none;
  margin: -10px 0;
  padding: 0 225px;
}

.sf-menu li {
  padding: 0 10px;
  background: transparent;
}

.sf-menu li a {
  color: #ccc;
  border: none;
  text-transform: uppercase;
  padding: 0;
}

.sf-menu li:hover, .sf-menu li.shover,
.sf-menu a:focus, .sf-menu a:hover {
  background: transparent;
  color: #c00;
}

.related-posts, .related-posts li {
  color: #333;
  font-size: 80%;
}

