/* 
Theme Name: Pitstories 2.0
Version: 2.0
Author: Daniel
Author URI: http://pitstories.de
*/

/* CSS Document */


/*

Testfont:
Autorfont: #555;
Link: #c46501
Hintergrund: #eed




Todo:
- 404.php
- stories_list.php (auf richtigen webserver ŸberprŸfen!)



*/


#adminpannel {
	margin:0;
	padding:0;
	text-align:right;
	font-size:80%;
	font-family: Verdana,Georgia, Arial, sans-serif;
	background:#ddc;
	position:absolute;
	left: 0px;
	top: 0px;
	width:100%;
	border-bottom: 1px solid #aaa;	
	z-index: 2;
}


*{margin:0; padding:0;}
ul{list-style:none;}
body{  font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#504d46; background:url(images/bg.gif) top center;}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}

/***forms*******************************************/
input, textarea{font-family:Tahoma, Arial, Helvetica, serif; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {width:167px; color:#4d4d4c; height:15px; margin-right:5px; border:1px solid #c65302; background:#FFFFFF; font-size:1.01em; padding:1px 0px 0px 3px;}

/***end forms*******************************************/

.min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 900)? "900px" : "100%"); min-width:900px; background:url(images/bg-top.gif) top center repeat-x;}
.main {width:827px; margin:0 auto; overflow:hidden; position:relative; background:url(images/bg-top.gif) top left no-repeat;}

a {color:#c46501; text-decoration:underline;}
a:hover{text-decoration:none;}

 
.pagetitle { padding:10px; color:#fcf8a8; font-weight:normal}
.center { padding:0 0 10px 0;}

/***global*******************************************/
.content { height:100%; width:100%; overflow:hidden;}

ul { margin:0;}

.side-bar-left { width:255px; margin-right:-255px; margin-top:15px; position:relative; float:left; background:#eed;}
.side-bar-left .ind { padding:0px 49px 0px 15px; }

.column-center { float:left; width:100%; background:#eed;}
.indent-center { padding:24px 40px 0px 255px;}


.clear{clear:both;}
.clear-block{ padding:0px; overflow:hidden; background:#eed;}

/***global*******************************************/

/***header*******************************************/
h2{ font-size:1.61em;}
h3{ font-size:1.31em;}

#header {margin:0 auto; overflow:hidden; width:100%; height:423px;}
/*#header .row1 {overflow:hidden; height:283px; width:100%;}*/

.logo { padding:0px 0px 0px 30px; overflow:hidden;}
h1 {font-size:1em; margin:0px; padding:0; color:#ffffff; text-indent:-10000em; width:300px; height:94px; background:url(images/logo.png) top left no-repeat; cursor:pointer;}
h1:hover {text-decoration:none;}
/*.description {width:178px; height:23px; margin-left:314px; margin-top:7px; text-indent:-10000em; background:url(images/slogan.gif) top left no-repeat; overflow:hidden;}*/
.description {width:178px; height:23px; margin-left:314px; margin-top:7px; text-indent:-10000em; overflow:hidden;}


.search { overflow:hidden; padding:19px 21px 0px 0px; text-align:left;}
#header .search{ text-align:right;}

.menu {overflow:hidden; padding:32px 45px 35px 13px; overflow:hidden;}
.menu ul { width:100%;}
.menu li { font-size:1.09em; line-height:normal; float:left; overflow:hidden; padding:0px; background:url(images/bg-li.gif) no-repeat right 6px;}
.menu li a{color:#fcffca; font-weight:normal; text-decoration:none; text-transform:none; display:block; padding:1px 32px 0px 24px; font-family:Tahoma, Arial, Helvetica, serif;}
.menu li a:hover{text-decoration:none; color:#ffcc00;}



/***box*******************************************/
.bg-left { background:url(images/bg-left.png) left repeat-y;}
.bg-right { background:url(images/bg-right.png) right repeat-y; overflow:hidden; padding:0px 16px 0px 16px;}

/*.bg-cont { background:url(images/background/winter1.jpg) top left no-repeat #000000;}*/
/*.bg-cont { background:url(images/background/night2.jpg) top left no-repeat #000000;} */
/*.bg-cont { background:url(images/background/ostern.jpg) top left no-repeat #000000;} */

/*.bg-cont { background:url(images/background/wald1.jpg) top left no-repeat #000000;} */
.bg-cont { background:url(images/background/Ibiza.jpg) top left no-repeat #000000;} 

.border-left {background:url(images/border-left.gif) repeat-y left #eed;}
.border-right {background:url(images/border-right.gif) repeat-y right;}
.border-top {background:url(images/border-top.gif) repeat-x top;}
.border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.corner-top-left {background:url(images/corner-top-left.gif) no-repeat left top;}
.corner-top-right {background:url(images/corner-top-right.gif) no-repeat right top;}
.corner-bot-left {background:url(images/corner-bot-left.gif) no-repeat left bottom;}
.corner-bot-right {background:url(images/corner-bot-right.gif) no-repeat right bottom;}

.container { background:url(images/bg-line2.gif) 247px 0 repeat-y; width:100%; overflow:hidden;}
.container div { float:left; width:217px;}
.container .left-box { margin-right:65px;}



/***side_bar*******************************************/
.side-bar .inside{ padding:0 0 0 0;}

.widget#categories .children { margin:0 0 0 0px;}
.widget#categories .children li{  font-size:1.01em; padding-left:20px; background:none}
.indentX p { padding:0 0 10px 0;}

/**********************************************/
.inside-widget { padding:11px 30px 15px 20px;}
.widget { margin:0px 0px 13px 0px; padding:0px; width:100%; overflow:hidden;}
.widget h2 {font-size:1.61em; line-height:1.27em; color:#5D250C; font-weight:normal; text-transform:none; padding:20px 15px 0px 15px;}
.widget h2 a {color:#0d68a3; text-decoration:none;}
.widget h2 a:hover {text-decoration:none;}

.widget ul { margin:0; padding:0px; width:100%;}
.widget li { font-size:1.12em; line-height:1.5em; color:#fffcbf; font-weight:bold; padding:2px 0px 5px 0px; }
/*.widget li a { color:#c46501; text-decoration:none; background:url(images/a1.gif) no-repeat 0 9px; padding-left:18px; display:block;}*/
.widget li a { color:#c46501; text-decoration:none; display:block;}
.widget li a:hover { text-decoration:none; color:#555;}

.widget ul li ul { margin-left:10px; padding:0px; width:100%;}
.widget ul li ul li { font-size:1em; line-height:1.5em; color:#fffcbf; font-weight:bold; padding:2px 0px 5px 0px; }


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

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

/**********************************************/
#calendar .inside-widget { padding-left:30px; padding-right:30px;}
#calendar_wrap {vertical-align:top; width:auto; margin:auto;}
#calendar_wrap #prev { padding:5px 0px 0px 10px; text-align:left;}
#calendar_wrap caption { color:#c46501; font-weight:bold; font-size:1.11em;}
#calendar_wrap td {width:35px; text-align:right; color:#fffcbf; font-size:1.01em;}
#calendar_wrap td a {color:#c46501;}
#calendar_wrap th { color:#c46501; text-align:right;}
#calendar_wrap a {font-weight:bold; width:20px;}
/**********************************************/

#tag_cloud .inside-widget { line-height:1.27em; padding:10px 10px 20px 20px;}
/*#tag_cloud .inside-widget a{ color:#c46501; line-height:1.01em; text-decoration:none;}*/
#tag_cloud .inside-widget a{ color:#c46501; line-height:1.25em; text-decoration:none;}
/*#tag_cloud .inside-widget a:hover{ text-decoration:none; background:#c46501; color:#fcf8a8;}*/
#tag_cloud .inside-widget a:hover{ text-decoration:none; color:#555;}

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

#statusbar { text-align:left; color:#1b1f22;}
#statusbar p {padding:10px 15px 10px 15px; margin:0 0 0px 0;}
#statusbar a {font-weight:bold; color:#1b1f22;}

#search .inside-widget { padding-left:30px;}
#search .searching { width:120px; height:16px; background:#FFFFFF; border:1px solid #c15a0e; color:#000000;}

.widget_rss h2 { padding-bottom:12px;}

/***end side_bar*******************************************/

.pagebar {text-align:center; font-size:1.2em; padding-bottom:15px;}
.pagebar a {text-decoration:none;}
.pagebar a:hover{text-decoration:underline; color:#1b1f22;}

/*---nonNumeric Lists without links---*/
.column-center ul li{ background:url(images/clear.gif) no-repeat 0 8px; padding-left:10px; list-style-image:none; list-style:none; line-height:1.86em; color:#fcf8a8; font-weight:normal;}
.column-center ul li ul{ margin-left:10px;}
.column-center ul li ol {margin-left:15px;}
.column-center ul li ol li{ list-style-type:decimal;}

/*---Numeric Lists without links---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:13px; line-height:1.86em; font-weight:normal;}
.column-center Ol li ul li {background:url(images/a2.gif) no-repeat 0 8px; padding-left:10px; color:#fcf8a8; font-weight:normal;}

/*---nonNumeric Lists---*/
.column-center ul li{ list-style-image:none; list-style:none; line-height:1.86em;}
.column-center ul li a { color:#fcf8a8; font-weight:normal; text-decoration:none; font-size:1.01em; text-transform:none;}
.column-center ul li a:hover{ text-decoration:underline; }
.column-center ul li ul{ margin-left:15px;}
.column-center ul li ol {margin-left:20px;}
.column-center ul li ol li{ list-style-type:decimal; color:#fcf8a8}
.column-center ul li ol li a { background:none;}

/*---Numeric Lists---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:20px; line-height:1.86em; }
.column-center Ol li a { padding-left:0px; color:#c46501; text-decoration:underline; font-weight:normal; font-size:1.01em; text-transform:none;}
.column-center Ol li a:hover{ text-decoration:none; }
.column-center Ol li ul li a { font-weight:bold; text-decoration:underline;}
.column-center Ol li ul li a:hover {text-decoration:none;}

.column-center p { padding:5px 0px 5px 0px;}

.column-center .border { border:1px solid #434245; padding:1px;}

.welcome {margin-bottom:15px;}
.welcome .content-top-left  {padding:20px 28px;}
.welcome h2 {padding-bottom:10px; color:#253747; font-weight:normal;}

.page, .post {overflow:hidden; padding-bottom:13px;}


.title { /*background:#DCDDCC;*/ overflow:hidden; width:100%; padding-top:18px;}
.title h2 { color:#c46501; font-size:1.63em; text-transform:none; line-height:1.01em; font-weight:normal;}
.title h2 a {color:#c46501; text-decoration:none; display:block; padding:0px 0px 1px 1px;}
.title h2 a:hover {text-decoration:underline;}
.title .date      { padding:7px 38px 0px 1px; font-size:1.18em; line-height:1.01em; color:#555; font-weight:normal;}
.title .author    { padding:4px 0px 8px 1px;  font-size:1.09em; line-height:1.09em; color:#555; font-weight:normal;  border-bottom:1px solid #c15a0e;}
.title .author a  { color:#555;}

.title .author .genre       { padding:4px 0px 8px 1px; color:#555; font-weight:normal; font-size:1.09em; }
.title .author .rights      { padding:4px 0px 8px 1px; color:#555; font-weight:normal; font-size:1.09em; font-weight:normal;}
.title .author .viewsSingle { float:right; padding-top:10px; color:#555; font-weight:normal;}

.views {float:right; top:0px; position:relative; }


.text-box { font-size:1.09em; line-height:1.35em; overflow:hidden; width:100%; padding-bottom:1px; /*border-bottom:1px solid #36342f;*/}
.text-box .ind {/*background:#DCDDCC;*/ color:#333; padding:0px 0px 0px 0px;}
.text-box strong { color:#504d46; font-size:1.01em;}
.text-box span { text-transform:none; color:#504d46; font-size:1.09em;}
.text-box span a { color:#695e44; font-size:1.18em;}

.title_liste { text-transform:none; color:#504d46; font-size:1.09em;}

.mf_finished {position:relative;}

.verwandte ul li {
	line-height: 120%;
	background:transparent url(images/simplearrow.png) left top no-repeat;
	margin:0.5em 0;
	padding:0 1.5em;	
	list-style:none;
	color:#555;
}

.verwandte ul li a {font-weight:bold; color:#504D46; }

.list ul li {
	line-height: 120%;
	background:transparent url(images/simplearrow.png) left top no-repeat;
	margin:0.5em 0;
	padding:0 1.5em;	
	list-style:none;
	color:#555;
}

.list ul li a {color:#504D46; }

.page ul li {
	line-height: 120%;
	background:transparent url(images/simplearrow.png) left top no-repeat;
	margin:0.5em 0;
	padding:0 1.5em;	
	list-style:none;
	color:#555;
}

.page ul li a {color:#504D46; }


.comments   { text-transform:none; color:#c46501; font-size:1.09em; line-height:1.01em; overflow:hidden; padding-top:5px; top:-10px; position:relative; text-align:right; }
.comments a { text-decoration:underline; color:#555; line-height:1.71em; font-weight:normal;}
/*.comments a:hover { text-decoration:underline;}

.line { background:url(images/bg-line2.gif) top repeat-x; padding-top:2px;}
/***end column_center*******************************************/

h2.pages{ padding-bottom:10px;}

/* ----------------------- Popup styles ---------------------- */

/*#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}*/
#commentspopup .post { padding:0px;}

#commentspopup .page-padding {padding:20px 5px;}
#commentspopup .page-width {width:538px; margin:0 auto; background:#000000;}

#commentspopup h2 {color:#fcf8a8; font-family:Tahoma, Arial, Helvetica, serif; font-size:1.45em; padding:10px 10px;}

#commentspopup p { padding:5px 10px; line-height:1.35em; font-size:1.1em;}

#commentspopup ol#commentlist  li {
	margin: 0px 10px 3px 20px;
	padding: 5px 0px 3px 0px;
	font-weight:normal;
	}

#commentspopup #footer { padding:10px 0;}

/* ----------------------------------------------------------- */

/***Begin Images *******************************************/
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 0;
	margin: 0px 0px 2px 20px;
	display: inline;
}

img.alignleft {
	padding: 0;
	margin: 2px 20px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	color:#c46501;
	padding-right:10px;
}

.alignleft {
	float: left;
	color:#c46501;
	padding-left:10px;
}

.marg { margin-bottom:10px;}
/***End Images *******************************************/


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom:1px dashed #999;
	}

blockquote {
	border:1px solid #B0B2B2;
	background:#D4D4C1;
	padding:5px 5px;
	margin:15px 0px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	width:100%;
	overflow:hidden;
	display: block;
	text-align: left;
	margin-bottom: 5px;
	padding-top:5px;
	}
	
/*.navigation {display: block; text-align: center; margin:0; padding:15px 21px;}
.navigation a {color:#577487; font-weight:bold; font-size:1.2em;}*/
/* End Various Tags & Classes*/



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

ol.commentlist  li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font-weight:normal
	}
ol.commentlist li.even {background:#D5D6C6; border-top:1px solid #B0B2B2; border-bottom:1px solid #B0B2B2;}
ol.commentlist li.odd {background:#C5C7BA; border-top:1px solid #B0B2B2; border-bottom:1px solid #B0B2B2;}
	
.commentlist li .avatar { 
	/*float: right;*/
	border: 1px solid #eee;
	padding: 1px;
	background: #E9E9D5;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	padding-right:25px;
	padding-left:15px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

#respond { width:100%; overflow:hidden;}
#respond h3 { padding-left:15px;}
#commentform textarea { width:100%;}
textarea#comment { width:100%;}
	
h3#comments, h3#respond { padding:12px 0px 11px 20px; font-size:1.27em; color:#fcf8a8}
/* End Comments */

.info-sidebar { padding:15px; color:#504d46;}

/*************************************/
#recent-posts  {vertical-align:top;}
#recent-comments li { background:url(images/a1.gif) no-repeat 0 12px; padding-left:15px; line-height:1.71em}
#recent-comments li a {background:none; text-decoration:underline;}
#recent-comments li a:hover{text-decoration:none;}
#recent-comments .inside-widget { padding:10px 20px 10px 20px;}

#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
/*#pages  {vertical-align:top;}*/
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.widget_text .inside-widget { padding:10px 10px 20px 20px;}
.textwidget {color:#c9c8c8; padding:4px 0px 10px 0px; color:#504d46}
.oddcomment{color:#000000;}

/***footer*******************************************/
#footer { font-size:1.08em; line-height:1.12em; color:#676358; font-weight:normal; text-align:center; padding:0px 40px 13px 41px; }
#footer p{ padding:0px;}
#footer a{ color:#c46501; font-weight:bold; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
.foot { text-align:center; margin:0 auto; padding:24px 0px 13px 0px;width:100%;}
/***end footer*******************************************/


/* mf */
.note {
	background: #ddc;
	border: 1px solid #ccb;
	padding: 10px;
}

.einteiler{
	padding-top: 1em;
}
.mehrteiler{
	padding-top: 1em;
	border-bottom:1px solid #ccc;
}

h3#respond {color:#555; padding-left:15px;}

span.feed {
	float:right;
}

span.feed a {
	background:url(images/feed.gif) no-repeat left;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
}

.abc-list, .abc-list ul { 
	list-style:none;
	margin:0;
	padding:0;
    color:#555;
}
ul.abc-list li h3 {
    color:#555;
}

ul.abc-list li a {
    color:#695e44;
}

/*
.text-box span { text-transform:none; color:#504d46; font-size:1.09em;}
.text-box span a { color:#695e44; }
*/

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:1px;
}
 
.ngg-left {
	float: left;
	margin-right:10px;
}
 
.ngg-right {
	float: right;
	margin-left:10px;
}
 
.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Info Icons -------------*/

.infoicons ul { text-align: center; list-style-type: none; margin:0; padding:0;}
.infoicons ul li {display:inline;}
.infoicons ul li a{ padding:1px 40px; }

a#info-xhtml { height:15px; width:80px; background:transparent url(images/info_xhtml.png) no-repeat; }
a:hover#info-xhtml { background:transparent url(images/info_xhtml_hover.png) no-repeat; text-decoration:none;}

a#info-css { height:15px; width:80px; background:transparent url(images/info_css.png) no-repeat; }
a:hover#info-css { background:transparent url(images/info_css_hover.png) no-repeat; text-decoration:none;}

a#info-wp { height:15px; width:80px; background:transparent url(images/info_wordpress.png) no-repeat; }
a:hover#info-wp { background:transparent url(images/info_wordpress_hover.png) no-repeat; text-decoration:none;}

a#info-twitter { height:15px; width:60px; background:transparent url(images/info_twitter.png) no-repeat; }
a:hover#info-twitter { background:transparent url(images/info_twitter_hover.png) no-repeat; text-decoration:none;}

/* ----------- Feedback Form -------------*/

#feedback_form h2 { font-weight:normal; padding:10px 0;}
#feedback_form form table { margin-left:0px; margin-bottom:10px;}
#feedback_form form textarea { margin-left:0px; margin-bottom:10px; background-color:#EEEEE4;  border:1px solid #C0C0C0}

#shoutbox {margin: 3px; height:815px;}

p.commentsfeed span.trackback a {
    font-size:0.9em;
	font-weight:normal;
	text-decoration:none;
}
 
#webtipps {visibility:hidden !important;}

.bewertung {font-size:1.18em; line-height:1.01em; color:#555; font-weight:bold;}
.gdmultitable {border:none !important; margin-left:-4px !important; margin-bottom:20px !important; width:270px;}
.gdtblbottom {background:none !important; padding-top:10px;}
.gdtblmuravg {background:none !important; }
.mtrow {background:none !important;}