/***************************************************************************************************
Theme Name:    wp-ffwyst
Version:       2.0
Theme URI:     http://www.feuerwehr-waidhofen.at
Author:        Andrea Mandl
Author URI:    http://www.generationx.at/blog
Description:   magazine alike wordpress
*********************************************************jenny,*i*love*you*************************/

/* GENERAL SETTINGS *******************************************************************************/

@import url("css/reset.css"); /* adding eric meyer's fabulous reseting stylesheet */
.clear 					{clear: both;}
.alignleft 				{float: left;}
.alignright 				{float: right;}
.aligncenter 				{display: block; margin: 0 auto;}
html, body 				{width: 100%; height: 100%;}

/* TYPOGRAPHY *************************************************************************************/

@font-face {font-family: droidserif; src: url('fonts/DroidSerif-Regular.ttf');}
@font-face {font-family: droidserifb; src: url('fonts/DroidSerif-Bold.ttf');}
@font-face {font-family: droidserifi; src: url('fonts/DroidSerif-Italic.ttf');}

body, input, textarea 		{font: 12px Arial, sans-serif;}

em, i					{font-family: droidserifi; font-style: normal;}
b, strong					{font-family: droidserifb; font-weight: normal;}

a,
a:active,
a:visited,
a:focus,
a:hover					{text-decoration: none;}

.meta					{font: 11px arial, sans-serif;
						 text-transform: uppercase;}
/* IMAGES *****************************************************************************************/

img.alignleft 				{margin: 5px 10px 0 0;}
img.alignright 			{margin: 5px 0 0 10px;}
img.aligncenter			{display: block; margin: 5px auto;}

/* LAYOUT *****************************************************************************************/

body 					{background: #d9d9d9 url('images/bg.jpg') 50% 139px no-repeat;
						 color: #000;}

/* HEADER *****************************************************************************************/

#header					{background: #000;
						 height: 139px;
                               width: 100%;}

#header-wrap				{width: 960px;
					      height: 129px;
                               padding-top: 10px;
						 margin: 0 auto;
						 background: url('images/logo.jpg') top right no-repeat;}

/* TOPMENU ****************************************************************************************/

#top						{background: #000 url('images/verlauf.png') 0 0 repeat-x;
						 width: 100%;
                               height: 30px;}

#top-wrap		   			{width: 960px;
						 margin: 0 auto;}

/*NAVBAR ******************************************************************************************/

#navbar					{width: 960px;
						 margin: 0 auto;
                               overflow: hidden;
                               border-bottom: 1px solid #ddd;
                               font-size: 11px;
                               padding: 2px 0;}

#navbar p					{padding: 5px 0 0 0;}

#navbar a					{color: #000;
						 text-decoration: underline;}

#navbar a:focus,
#navbar a:hover			{text-decoration: none;}


#breadcrumb				{width: 570px;
						 float: left;}

#suche					{width: 190px;
						 margin-right: 10px;
                               float: left;}

#datum					{width: 190px;
						 float: right;}

/* SUCHE ******************************************************************************************/

#searchform				{}

#s						{font: 11px arial, sans-serif;
						 padding: 2px;
                               border: 1px solid #ddd; }

#searchsubmit				{border: 0;
						 background: url('images/searchsubmit.png') 0 0 no-repeat;
                               width: 16px;
                               height: 16px;
                               cursor: pointer;}

#searchresult				{margin: 8px;}

#searchresult span			{font: 11px arial, sans-serif;
						 text-transform: uppercase;}

#searchresult h1 			{display: block;
						 color: #000;
                         	 padding: 5px 0;
                         	 font-size: 24px;}

/**************************************************************************************************/

#wrapper					{width: 960px;
						 margin: 0 auto;
                               border-left: 1px solid #ddd;
                               border-right: 1px solid #ddd;
                               background: #fff;
                               overflow: hidden;}

/* CONTENT ****************************************************************************************/

#content					{width: 570px;
						 float: left;}

#featured					{width: 550px;
						 height: 300px;
						 margin: 8px 8px 15px 8px;
                               position: relative;
                               overflow: hidden;
                               border: 1px solid #000;}

#featured-img				{width: 550px;
						 height: 300px;
                               position: absolute;
                               top: 0; left: 0;
                               z-index: 0;}

#featured-text				{width: 175px;
						 height: 300px;
                               background: url('images/wp-caption.png');
                               position: absolute;
                               top: 0; left: 0;
                               z-index: 1;}

.featured-meta				{font: 11px arial, sans-serif;
                               color: #fff;}

.featured-meta a			{color: #fff;
                               padding: 5px;
                               display: block;
                               text-transform: uppercase;}

.featured-meta a:focus,
.featured-meta a:hover		{color: #eee;}

#featured h1 a				{display: block;
						 color: #fff;
                               padding: 5px;
                               font-size: 17px;}

#featured h1 a:focus,
#featured h1 a:hover		{color: #ccc;}

#featured p				{padding: 5px;
						 font: 11px 'droidserif', 'times new roman';
                               color: #fff;
                               line-height: 150%;}

/**/

#archive					{margin: 8px 8px 0 8px;
 					      width: 552px;}

.archive					{margin-bottom: 15px;
						 overflow: hidden;}

.archive-img				{border: 1px solid #000;
						 width: 175px;
                               height: 131px;
                               float: left;}

.archive-text				{float: right;
						 width: 375px;}

.archive-meta				{font: 11px arial, sans-serif;
                               color: #000;}

.archive-meta a			{color: #000;
                               padding: 1px 5px 5px 5px;
                               display: block;
                               text-transform: uppercase;}

.archive-meta a:focus,
.archive-meta a:hover		{color: #333;}

#archive h1 a				{display: block;
						 color: #000;
                               padding: 5px;
                               font-size: 14px;}

#archive h1 a:focus,
#archive h1 a:hover			{color: #666;}

#archive p				{padding: 5px;
						 font: 11px 'droidserif', 'times new roman';
                               color: #000;
                               line-height: 150%;}

/**/

.single 				{
						 width: 550px;
						 padding: 10px 0 10px 10px;}

.single-meta				{font: 11px arial, sans-serif;
                        		 color: #000;}

.single-meta a		    		{color: #000;
                        		 display: block;
                        		 text-transform: uppercase;}

.single h1 				{display: block;
						 color: #000;
                       		 padding: 5px 0;
                       		 font-size: 24px;}

.single h2				{font-size: 17px;
						 display: block;
						 clear: both;
						 margin: 25px 0 10px 0;}

.single h3				{font-size: 13px;
						 display: block;
						 clear: both;
						 margin: 15px 0 10px 0;}

.single p,
.single li				{font: 13px 'droidserif', 'times new roman';
						 line-height: 150%;
						 padding-bottom: 10px;}

.single li 				{list-style-image: url('images/li.gif');
     					 margin-left: 22px;}

.single ul.none li			{list-style-image: none; margin: 0; padding: 0; }

.single p a,
.single p a:active,
.single p a:visited,
.single li a,
.single li a:active,
.single li a:visited		{color: #36c;}

.single p a:focus,
.single p a:hover,
.single li a:focus,
.single li a:hover			{color: #000;}

acronym,
abbr 					{border-bottom: 1px dotted #999;
     				 	 cursor: help;}
     				 	 
.single blockquote		{margin: 20px;
						 font-style: italic;
						 font-family: droidserifi;
						 color: #666; }     				 	 
     

.single table				{border-collapse:collapse;
						 width: 100%;
					  	 font-size: 12px;
                               cursor: default;}

.single tr:first-child		{font-weight: bold;
						 background: #fff;}
.single tr.alt				{background: #EBEFF4;}
.single tr				{background: #D2DAE4;}

.single tr:hover			{background: #fff;}

.single td				{padding: 2px 1px;}


ul.single-postmeta,
ul.single-related			{margin: 5px 0 10px 0;}

ul.single-postmeta li,
ul.single-related li		{padding: 2px 0 0 15px;
						 font-size: 11px;
                               margin-bottom: 3px;}

ul.single-related li		{list-style-image: url('images/li.gif');
						 margin-left: 22px;
                               padding-left: 0px!important;}

.single-postmeta a,
ul.single-postmeta li a,
ul.single-related li a		{font-weight: normal!important;
						 color: #000!important;}

.single-postmeta a:hover,
ul.single-postmeta li a:hover,
ul.single-related li a:hover	{font-weight: normal!important;
						 color: #000!important;
                               text-decoration: underline;}


/**/

#login					{background: #333;
						 color: #fff;
                               padding: 5px;
                               width: 540px;
	                          -webkit-border-bottom-right-radius: 20px;
	                          -moz-border-radius-bottomright: 20px;
	                          border-bottom-right-radius: 20px;}

#login a,
#login a:active,
#login a:visited			{color: #ccc;}

#login a:focus,
#login a:hover				{color: #fff;}

#intern					{margin: 10px;
						 width: 550px;}

#intern h1				{font-size: 16px;
					      display: block;
                               text-transform: uppercase;
                               margin-bottom: 10px;}

#intern h1 span			{font-size: 12px;
						 font-weight: normal;}

#intern h2				{font-size: 13px;
						 display: block;
                               margin-bottom: 10px;}

#intern a,
#intern a:visited,
#intern a:active			{color: #36c;}

#intern a:focus,
#intern a:hover			{color: #000;}


/* ICONS */

.date,
.time,
.author,
.mail,
.fav,
.cmt,
.bookmark,
.print,
.edit					{background-repeat: no-repeat;
					 	 background-position: 0 3px;}

.date					{background-image: url('images/icon_date.gif');}
.time					{background-image: url('images/icon_time.gif');}
.author					{background-image: url('images/icon_author.gif');}
.mail					{background-image: url('images/icon_mail.gif');}
.cmt				    		{background-image: url('images/icon_comment.gif');}
.fav				    		{background-image: url('images/icon_fav.gif');}
.bookmark			    		{background-image: url('images/icon_bookmark.gif');}
.print					{background-image: url('images/icon_print.gif');}
.edit					{background-image: url('images/icon_edit.gif');}

/* WP-CAPTION */

.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {color: #333; font: 11px arial;}

.gallery {}
dl.gallery-item {}
dt.gallery-icon {}
dt.gallery-icon img {border: 1px solid #000!important;}

/* WP-PAGENAVI */

#pagenavi {
	display: block;
	overflow: hidden;
	margin: 10px 0;
	}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active,
.wp-pagenavi a:hover,
.wp-pagenavi span.extend,
.wp-pagenavi span.current {
	display: inline-block;
     padding: 6px 10px;
     margin: 2px;
     border: 0;
     background: #eee;
     }

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active,
.wp-pagenavi span.extend {color: #000;}

.wp-pagenavi a:hover {color: #000; background-color: #fff;}

.wp-pagenavi span.current {
     background: #000 url('images/verlauf.png') bottom left repeat-x;
     color: #fff;
     }

.wp-pagenavi span.pages {
     display: none;
     }

/* GENERAL SIDEBAR SETTINGS ***********************************************************************/

.sidebar 					{padding: 8px 0;}

.widget					{padding: 5px 0;}

.widget p.meta				{padding: 0 0 5px 0;}

.sidebar a				{color: #000;
						 font-weight: bold;}

img.wetter				{display: block;
						 margin: 0 0 10px 0;}


/* SIDEBAR LEFT ***********************************************************************************/

#sidebar-left				{width: 190px;
						 margin-right: 10px;
                               float: left;}

#latest					{background: #333;
                               color: #fff;}

#latest h1				{display: block;
						 font-size: 13px;
                               padding: 0 5px 5px 5px; }

#latest p			    		{padding: 5px;
						 font: 11px 'droidserif', 'times new roman';
                               color: #fff;
                               line-height: 150%;}

.latest-meta				{padding: 5px;
						 font: 11px arial, sans-serif;
						 text-transform: uppercase;
                               display: block; }

ul#overview				{margin: 5px 0;}

ul#overview li	a			{display: block;
						 padding: 5px 0;
                               border-right: 20px solid #fff;
                               color: #999;
                               font-weight: bold; }

ul#overview li a:focus,
ul#overview li a:hover		{border-right: 20px solid #eee;
						 color: #000;}

#wastl					{width: 190px;
						 height: 120px;
                               position: relative;
                               overflow: hidden;}

#wastl-frame				{width: 190px;
					 	 height: 120px;
                               position: absolute;
                               top: 0; left: 0;
                               z-index: 0;}

#wastl-link                   {width: 190px;
					 	 height: 120px;
                               position: absolute;
                               top: 0; left: 0;
                               z-index: 1;}


/* SIDEBAR RIGHT **********************************************************************************/

#sidebar-right				{width: 190px;
						 float: right;}


/* COMMENTS - TEMPLATE ****************************************************************************/


h1.comments				{display: block;
						 margin-top: 40px;
						 border-top: 5px solid #eee;
						 padding: 40px 0;}

ol.commentlist 			{width: 570px;}

ol.commentlist li,
li.oddcomment 				{display: block;
						 padding: 20px 0;}

ol.commentlist li 			{}
ol.commentlist li.authorstyle {}

.single-cmt 				{display: block;
						 width: 570px;}

.single-avatar 			{width: 65px;
						 float: left;
						 text-align: left;
                               -webkit-border-radius: 20px;
	                          -moz-border-radius: 20px;
	                          border-radius: 20px;}

.single-text 				{width: 490px;
						 float: right;
                               line-height: 150%;}

.cmts-wrapper a 			{color: #000;
						 font-weight: bold;}

.cmt-form 				{display: block;
	                      	 margin: 0 auto;
	                       	 width: 680px;
	                          padding-top: 30px;
	                          z-index: 9999;}

input.cmt-author,
input.cmt-mail,
input.cmt-url 				{border: 1px solid #ddd;
						 width: 200px;
                               padding: 5px;}

input.cmt-author:focus,
input.cmt-mail:focus,
input.cmt-url:focus,
textarea.text:focus 		{border: 1px solid #999;}

input.cmt-mail 			{margin: 0 19px;}

input.send 				{cursor: pointer;
                               border: 0;
                               padding: 5px;
                               background: #eee;
                               border: 1px solid #ddd;}

input.send:focus,
input.send:hover 			{background: #ddd;}

textarea.text 				{border: 1px solid #ddd;
	                          width: 540px;
	                          padding: 5px;
	                          display: block;
	                          margin: 19px 0;
	                          line-height: 200%;
	                          min-height: 0px;
	                          overflow: hidden;}


/* FOOTER *****************************************************************************************/

#footer					{clear: both;
						 width: 100%;}

#footer-wrap				{width: 960px;
						 margin: 0 auto;
                               border-top: 1px solid #ddd;
                               height: 50px;
                               background: transparent;
                               font-size: 11px;}

ul.footer					{padding: 10px 0;}

ul.footer li				{display: block;
						 float: left;
                               margin-right: 10px;}

ul.footer li.right			{float: right;
						 margin-right: 0;}

ul.footer li a				{color: #000;
						 text-decoration: underline;}

ul.footer li a:focus,
ul.footer li a:hover		{text-decoration: none;}

/* IE HACK ****************************************************************************************/

.iehack 					{font: 11px arial, helvetica, sans-serif;
						 text-align: center;
						 padding: 10px 0;
	                          background-color: #ff9;
	                          position: absolute;
	                          top:0px; left:0px;
	                          width:100%;
	                          color: #000;
	                          z-index: 99999;}