/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/

body * {
letter-spacing: normal !important;
}

.content_left h1,
.content_left h2 {
color: #3a3b16 !important;
}

.date-comments {
font-family: Georgia, "Times New Roman", Times, serif;
}

.post,
.entry,
.widget {
font-family: Arial, sans-serif;
}

.post h2 a:hover {
text-decoration: none;
background-color: #4f6212;
color: #fff;
}

/*
 * Widget Facebook Sidebar
 */
div.fs_facebook_widget { width:225px; height:130px; background:#3C5995 url('../../plugins/FS_facebook_widget/fs_fb_logo.jpg') no-repeat center 110px; 
  float:left; margin-bottom:30px; padding:15px; color:#fff; }
div.fs_facebook_widget h3 { border-bottom:1px solid #EEEEEE; font-family:Trebuschet MS; font-size:18px; margin-bottom:5px; padding:0 0 10px; color:#FFFFFF !important; }
div.fs_facebook_widget div.content a { width:200px; height:20px; display:block; background:transparent url('../../plugins/FS_facebook_widget/fs_fb_button.jpg') no-repeat 0 0; 
  margin-top:14px; padding:10px 0 0 25px; text-decoration:none; color:#3C5995; }

/*
 * Widget Flickr Sidebar
 */
div.fs_flickr_widget { width:255px; height:auto; background:transparent; float:left; margin-bottom:30px; padding:15px 0; color:#000; border-bottom:2px solid #ddd; }
div.fs_flickr_widget div.headline { border-bottom:2px solid #B7CA4A; color:#fff; }
div.fs_flickr_widget div.headline span { padding:2px 15px 2px 15px; font-family:Trebuschet MS; font-size:18px; width:auto; background:#4F6212; }
div.fs_flickr_widget div.content { width:200px; height:auto; display:block; background:transparent url("../../plugins/FS_flickr_widget/flickr_logo.png") no-repeat right bottom; margin-top:0; padding:10px 0 0 25px; text-decoration:none; color:#3C5995; }

/*
 * Widget Twitter Sidebar
 */
div.fs_twitter_widget { width:255px; height:auto; background:transparent; float:left; margin-bottom:30px; padding:15px 0; color:#000; border-bottom:2px solid #ddd; }
div.fs_twitter_widget div.headline { border-bottom:2px solid #B7CA4A; color:#fff; }
div.fs_twitter_widget div.headline span { padding:2px 15px 2px 15px; font-family:Trebuschet MS; font-size:18px; width:auto; background:#4F6212; }
div.fs_twitter_widget div.content { width:200px; height:auto; display:block; background:transparent; margin-top:14px; padding:10px 0 0 0; text-decoration:none; color:#3C5995; }

/*
 * Widget Formspring Sidebar
 */
div.fs_formspring_widget { width:255px; height:auto; background:transparent; float:left; margin-bottom:30px; padding:15px 0; color:#000; border-bottom:2px solid #ddd; }
div.fs_formspring_widget div.headline { border-bottom:2px solid #B7CA4A; color:#fff; }
div.fs_formspring_widget div.headline span { padding:2px 15px 2px 15px; font-family:Trebuschet MS; font-size:18px; width:auto; background:#4F6212; }
div.fs_formspring_widget div.content { width:200px; height:auto; display:block; background:transparent; margin-top:14px; padding:10px 0 0 0; text-decoration:none; color:#3C5995; }

/*
 * Wir bei ... Geschichte im Header
 */
div.fc { float:right; margin-right:156px; }
div.fc ul#social_network { margin:6px 0 0 0; }
div.fc ul#social_network li:first-child { padding-top:2px; }
div.fc ul#social_network li { float:left; margin-right:6px; }
div.fc ul#social_network li img { border:none; }

/*
 * Widget Anpassungen (Allgemein)
 */
.widget  { background:transparent; color:#FFFFFF; float:left; list-style:none outside none; margin-bottom:30px; overflow:hidden; padding:15px 15px 15px 0; width:240px;  border-bottom:2px solid #ddd; }
.widget div.headline { border-bottom:2px solid #B7CA4A; color:#fff; margin-bottom:6px; width:255px; }
.widget div.headline span { padding:2px 15px 2px 15px; font-family:Trebuschet MS; font-size:18px; width:auto; background:#4F6212; }
.widget ul, .widget ol { margin:0 0 0 12px; }
.widget ul, .widget ul li, .widget ol, .widget ol li, .widget li { color:#000 !important; }
.widget a, .widget h2, .widget h3, .widget li, .widget p { color:#000 !important; }

.widget.flickr {  }
.widget.flickr h3 {  }
.widget.flickr h3 span {  }