/*
Theme Name: Titan
Theme URI:  http://thethemefoundry.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.
Version:    1.24
Author:   The Theme Foundry
Author URI: http://thethemefoundry.com/
Tags: fixed-width, two-columns, white, brown, right-sidebar, threaded-comments, theme-options, translation-ready
*/

/*
    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("stylesheets/master.css");

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

/* Make all custom CSS changes in a Child Theme. Any custom 
changes you make here will not be overidden when you upgrade the theme.
-----------------------------------------------------------*/
body {
  font: Times,Verdana,Garamond,Bodoni;
  color: #444;
  line-height: 2.2em;
  min-width: 970px;
  background: url(http://www.stories-and-friends.com/pictures/basics/background.gif) repeat; 
}
.wrapper-header{
  width: 970px;
  margin: 0 auto;
  padding: 75px 0px 0px 0px;
}
.wrapper-sub{
  width: 970px;
  margin: 0 auto;
  text-align: left;
  background: #FFFFFF;
}
#content{ 
  float: left; 
  width: 704px;
  padding: 0 0 0px 0;
  margin: 0px 0px 0px 0px;
  background: #FFFFFF;
}
.content-background { 
  background: none; 
}
#header {
  width: 100%;
  height: 180px;
  padding: 0 0 0 0;
  border-bottom: 0px solid #FFFFFF; 
  background: url(http://www.stories-and-friends.com/pictures/basics/header_magazin.gif) no-repeat bottom center; 
}
#follow {
  background: none;
  padding: 25px 0px 0px 0px;
  margin-right: 40px;
  font-family: Verdana;
  font-size: 12px;
  color: #FFFFFF
}
#follow dd a.page_item_home {  
  padding-right: 300px; 
  font-family: Verdana;
  font-size: 12px;
  color: #FFFFFF;
}

h1#title a:link, h1#title a:visited, div#title a:link, div#title a:visited  { 
  color: #E75112;

}

a:link,a:visited {
  color: #E75112;

}

/* NAVIGATION */

#nav a {
  display: block; 
  color: #FFFFFF;
  text-decoration: none;
  padding: 0px 15px;
}

#nav .page_item_left a {
  font-family: Verdana;
  font-size: 13px;
  color: #FFFFFF;
  margin-left: 360px;
}

#nav .page_item_com a {
  font-family: Verdana;
  font-size: 13px;
  color: #FFFFFF;
}

#nav .page_item_mag a {
  font-family: Verdana;
  font-weight: bold;
  font-size: 13px;
  color: #E75112;
}
#nav li {
  float: left;
  border-right: none;
}
#nav:first-child { 
  border-left: none; 
}
#nav li:hover a, #nav li.sfhover a { 
  color: #E75112; 
}
#nav li:hover, #nav li.sfhover {
  background: none;
  color: #E75112;
}


/* POSTS */

.tags {
  float: left;
  width: 100px;
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.comment-number {
  display: block;
  padding: 30px 0 5px 0;
  font-weight: bold;
  margin-left: 20px;
}

h4#postcomment {
  margin: 20px 0;
  padding: 5px 0 0 0;
  color: #555;
  border-top: 5px solid #EFEAE4;
  margin-left: 20px;
}

.meta {
  border-top: 5px solid #EFEAE4;
  margin-top: 10px;
  margin-right: 20px;
  padding-top: 5px;
  font-size: 12px;
  text-align: right;
  color: #666;
}

.entry { 
  font-family: Verdana;
  font-size: 12px; 
  line-height: 16px;
  color: #333333;
  padding: 30px 0 0 0;
  margin: 30 0px 0px 30px;
  width: 540px;
  text-align: justify;
}

.entry h2, .entry h3, .entry h4 {
  font-family: Verdana;
  font-size: 14px; 
  line-height: 18px;
  color: #333333;
  padding: 15px 0px 5px 30px;
}

.entries span {
  margin-left: 20px;
  margin-right: 20px;
  color: #777;
}

.entry h3 { 
  padding-top: 10px;
  font-size: 22px;
}

.entry h4, .entry h5, .entry h6 { 
  padding-top: 10px;
  font-size: 12px;
}

h1.pagetitle, h2.pagetitle {
  font-family: Verdana;
  border-top: 5px solid #EFEAE4;
  margin: 0 0px 15px 20px;
  padding-top: 20px;
  font-size: 13px;
}

.post-header {
  font-family: Verdana;
  color: #999999;
  border-top: 5px solid #EFEAE4;
  margin: 0 0 15px 0;
  padding-top: 20px;
}
.post-header h1 { 
  font-family: Verdana;
  color: #333333;
  font-size: 18px;
  margin-left: 135px;
  padding-bottom: 4px;
}
.post-header h2 { 
  font-family: Verdana;
  color: #333333;
  font-size: 18px;
  line-height: 1.1em;
  margin-left: 135px;
  margin-right: 40px;
}

div.post-header div.date {
  float: left;
  width: 100px;
  color: #beaa99;
  color: #666666;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0 0 17px;
  background: url(../images/icon-calendar.png) no-repeat 0 .3em;
  margin-left: 18px;
}

.date span { color: #666666; }

.author {
  margin: 3px 0 0 135px;
  color: #C0B2A5;
  color: #666666;
  font-size: 13px;
}

/* SIDEBAR */

#sidebar { 
  background: #FFFFFF; 
} 

h2.widgettitle {
  font-family: Verdana;
  font-size: 10px;
  margin: 25px 0px 5px 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  border-bottom: 5px solid #DFDAD5;
  color: #333333;
}
ul li.widget ul { 
  font-size: 9px; 
  line-height: 1.2em;
}
ul li.widget ul li ul { 
  margin-left: 5px;
  font-size: 1em; 
}
ul li.widget ul li { 
  padding: 3px 10px; 
}
ul li.widget ul li ul li { 
  padding: 1px 0px 0 0; 
}

#widget wp_cumulus_widget {
  margin-left: 5px;
}

/* FOOTER */

#footer {
  width: 970px;
  margin: 0 auto;
  padding: 25px 0px 0px 0px;
  border-top: 0px solid #ddd;
  background-color: #FFFFFF
}

.footer-column {
  float: left;
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 20px;
  background-color: #FFFFFF
  color: #333333;
}

#footer h2.widgettitle { 
  margin-top: 0; 
  color: #333333;
}

#footer-flickr.footer-column a { 
  width: 281px; 
  color: #E75112;
}

#footer-about.footer-column { 
  width: 337px; 
  font-family: Verdana;
  font-size: 10px;
  color: #E75112;
}

#footer-about.footer-column h2{ 
  font-family: Verdana;
  font-size: 10px;
  margin: 0px 0 5px 0;
  padding-bottom: 0px;
  border-bottom: 5px solid #DFDAD5;
  color: #333333;
}
#footer-search.footer-column h2{ 
  border-bottom: 5px solid #ddd;
}


#copyright {
  display: block;
  clear: both;
  padding-top: 1px;
  padding-bottom: 15px;
  font-size: 1.1em;
  border-top: 5px solid #dbd3d0;
  color: #333333;
  margin-left: 15px;
}