/*
Theme Name: KunstAufSeide
Theme URI: http://wordpress.org/
Description: Ein WordPress Theme passend zu der Webseite www.kunstaufseide.com mit Mandala Seidenbildern und Seidenmalerei, unter Benutzung von default_de
Version: 1.0
Author: Michael Stolze
Author URI: http://michaelstolze.com/
Tags: grey, orange, green, rounded, fixed width, two columns, widgets
*/

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	background:#CCCCCC; margin:0px; padding:0px; border: none;
	}
body, p, h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; }
body a { text-decoration:none; color:#66ff33;}
body a:hover { text-decoration:none; color:#dddddd; }

img { border:none; }

cite { color: #FFFF00; }
cite:before { content:open-quote; }
cite:after { content:close-quote; }
cite a { color: #FFff00; }

pre { width: 95%; /*overflow:scroll;*/ white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 background:#555555; margin:10px auto; padding:5px;
  }
blockquote { /*float:left;*/ display:block; background:#777777 url(images/bq_bg.png) top left no-repeat; margin:10px 0; padding:15px 20px 30px 20px; color:#FFFFFF; }
blockquote cite { float:right; color: #ffff00; margin:0px 0 0 0; }

blockquote blockquote{ /*float:left;*/ display:block; background:#888888 url(images/bq_bg.png) top left no-repeat; margin:10px 0 10px 0px; padding:15px 10px 20px 15px; color:#FFFFFF; }


#frame { width:100%; height:100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; color:#cccccc; 
	margin: 0 0 10px 0; overflow: hidden; 
	}

#container { float: none; width:1000px; height: 100%; 
	background: #666666 url(images/container_edge.png) left repeat-y;
	margin:10px 0 10px 0; padding: 0 9px 10px 10px; overflow: hidden; 
	}

#head { float:left; width:1000px; height: 100%; 
	background-color: #555555;   	
	}
	
#head a { color:#dddddd; text-decoration:none;}
#head a:hover { color:#dddddd; font-size:1.1em; }

#headtitle { width:960px; height:90px; 
	background: #555555 url(images/stripe.png) bottom no-repeat;
	padding: 20px;  
	font-size:10px; text-align:right;
	}

#headtitle a:hover { color: #ffcc33; font-size:1.1em;}

.headpic { float:left; width:310px; height:140px; margin:18px 5px 10px 5px; background:#FFCC33;
	border: 2px solid #CCCCCC; overflow:hidden;
	}

#navigation { float:left; width:990px; height: 30px; 
	text-align:center; padding: 2px 0px 5px 10px; font-size:12px;
      line-height:normal; 
	background: #666666 url(images/bottom_900.png) top no-repeat;  
	}
      
    #navigation ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #navigation li {
      float:left;
      background:url(images/left.png) no-repeat left top;
      margin:0 1px 0 0;
      padding:0 0 0 9px;
      }
    #navigation a {
      float:left;
      display:block;
      background:url(images/right.png) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none; text-transform:uppercase;
      font-weight:bold; font-style:italic;
      color: #0033CC;
      }
    #navigation a:hover {
      color:#0066ff; font-size:12px;
      }
    #navigation .current {
      background-image:url(images/left_on.png);
      border-width:0;
      }
    #navigation .current a {
      background-image:url(images/right_on.png);
      color: #0066ff;
      padding-bottom:5px;
      }
	  

#content { float:left; width:1000px; height: 100%; 
	background:#555555 url(images/top2_900.png) top no-repeat; 
	margin:0px 0 0 0; text-align:left; padding:9px 0 0 0;
	}
	
#content h1 { font-size:18px; letter-spacing: 1px; font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#content h2 { font-size:16px; letter-spacing: 1px; font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#content p { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
	}		
/*#content p:first-letter { color: #FFFF99; font-weight: 700; letter-spacing: 1px;} */

#contenttop { float:left; width:980px; height:10px; font-size:1px; 
	background: transparent ; padding:0 10px;
	}
	
	
#sidebar { float:left; width:250px; height:auto; margin:0 5px 10px 10px;
	}

#footer { width:100%; color: #CCCCCC; font-size:9px; text-align:center; margin:5px 0 0 0; padding:5px 0 0 0; }
#footer a, #footer a:hover { text-decoration:none; color:#cccccc; }

ul#navisidebar  { list-style-type:none; margin:0px 0 0px 8px; padding:0; width:200px;  color: #FFCC00; border:none; line-height:14px; 
	}
ul#navisidebar  li { background: transparent url(images/cat_gradient.png) top left no-repeat;
	 padding:3px 0 0px 20px; margin:1px 0 1px 0; text-transform:uppercase; font-weight:700; 
	}	
ul#navisidebar  li h2 { text-transform:uppercase; font-weight:700; font-size:100%; margin:0; padding:0 0 3px 0;  }

ul#navisidebar  li p { text-transform:none; font-weight:500; padding: 3px 5px 7px 5px; border-right:1px solid #888888; border-bottom:1px solid #888888; margin-bottom:5px; }

ul#navisidebar ul {	padding:0px 0 0px 0px; margin:4px 0 0px -20px; list-style-type:none; 
	}		
ul#navisidebar ul li{	padding:3px 0 0px 25px; margin: 1px 0 0px 0; list-style-type:none;text-transform: none; font-weight:500; height:20px; overflow:hidden; 
	}				
ul#navisidebar ul li a { text-decoration:none; padding-bottom:4px;  }
	
ul#navisidebar ul li a:hover { text-decoration:none;  padding-bottom:4px; }

.navi_end { background: transparent url(images/cat_gradient.png) top left no-repeat; height:1px; margin:-3px 0 0 10px; }

#searchform
{	width: 180px;	height: 40px; margin:0px 0 0 0px; 
	}
	
#searchsubmit { float:right; background: url(images/search.png) no-repeat; height:20px; width:20px; display:inline; margin-top:-3px; }

#searchform #s {
	width: 165px; height:20px; background: url(images/search_f_bg.png) top left no-repeat ; border: none; color: #FFCC00; font-size:14px;
	padding: 2px 5px 2px 10px; margin: -3px 0 0 -20px; display:inline; float:left;
	}
	
.contentcentercon { float:left; width:440px; height:auto; margin: 0 5px 0 10px; padding:0; 
	}

.contentwidecon { float:left; width:705px; height:auto; 
	margin:0 5px 5px 10px; 
	}
	
.blog_title h3, .blog_title h2 { float:left; width:500px; font-size:14px; font-weight:700; color:#FFCC00; margin:15px 0 10px 0;  }
.blog_title h3 {font-size:140%;}
.blog_title  h3 a, .blog_title h2 a { text-decoration:none; color:#66ff33;}
.blog_title h3 a:hover , .blog_title h2 a:hover { text-decoration:underline; color:#dddddd; }

.blog_author { float:left; clear:both; width:650px; height:15px; font-size:10px; color: #0066FF;  }
.blog_date, .time { float:right; width:auto; height:15px; font-size:10px; margin:15px 0 0 0; color:#FFCC00; }

.blog_category { float:left; width:650px; height: auto; font-size:10px; color:#0066FF; }

.blog_tags { float:left; clear:left; width:650px; height: auto; font-size:10px; color:#0066FF; }
.more { position:relative; bottom:0; left:400px; color: #66FF00; font-size:10px; height:15px; width:auto; background: url(images/more_bg.png) left top no-repeat; padding: 0 10px 2px 10px; margin-top:10px; }

.comment_author h3 { font-size:14px; font-weight:700; color:#FFCC00; }
.comment_date { float:right; width:auto; height:15px; font-size:10px; margin:15px 0 0 0; color:#FFCC00; }

#comment { background:#CCCCCC; }
#author { background:#CCCCCC; }
#email { background:#CCCCCC; }
#url { background:#CCCCCC; }

#comments { color:#FFCC00; font-size:1.2em; }
#respond { color:#FFCC00; font-size:1.2em; }

	
p.postmetadata { float:left; padding:20px 0px 10px 0px; line-height:0.9em; }

.blog_category p { margin:10px 30px; text-align:center; }

.wp-caption { color:#FFCC00; text-align:center; padding-bottom:5px;
	border-bottom: 1px solid #cccccc;  }
.wp-caption img { border: 1px solid #CCCCCC; margin:5px 0 5px 0; }

.wp-caption .alignright { float:right; margin:5px 0 5px 5px; }
.wp-caption .alignleft { float:left; margin:5px 5px 5px 0px; }
.wp-caption .aligncenter { display:block; margin:5px auto 5px auto; }


.wp-caption-text { color:#FFCC00; }
.time p span.grey {color:#999999; font-size:80%; }

.contentpictleft { float:left; width:100px; height:100px; background:#665566; 
	margin:5px 7px 5px 0; padding:0; border: 1px solid #cccccc; overflow:hidden;
	}
.contentpictleft img { border:0 }
.contentpictright img { border:0 }
.largepictleft img { border:0 }
.largepictright img { border:0 }
 img.wide_pic { 
	width:935px; height:50px;  
	margin:5px 0px 5px 0; padding:0; border: 2px solid #cccccc; overflow:hidden; }

.contentpictright { float:right; width:100px; height:100px; background:#667766;
	margin:5px 0 5px 10px; padding:0; border: 1px solid #cccccc; overflow:hidden;
	}
	
.largepictleft { float:left; width:196px; height:196px; background:#665566; 
	margin:5px 10px 5px 0; padding:0; border: 1px solid #cccccc; overflow:hidden;
	}

.largepictright { float:right; width:196px; height:196px; background:#667766;
	margin:5px 0 5px 10px; padding:0; border: 1px solid #cccccc; overflow:hidden;
	}	
	
#bottom { float:left; width:880px; height: 100%; 
	background: #555555 url(images/bottom_900.png) bottom no-repeat; 
	padding:10px; padding-left:110px; text-align: center; font-size:10px; color:#cccccc; 
	} 

#date { float:left; width: auto; height:auto; color:#CCCCCC; 
	font-size:10px; padding:0 0 0 10px;}

#origin { width:auto; height:auto; float: right;}

.orange {color:#FFCC33; }
.agb { font-size:9px; }
.fat { font-weight:700;}

.next_prev { display:inline; font-size:90%; margin:5px 0; height:auto; }
.next_prev .alignleft { float:left; margin-left:0px; }
.next_prev .alignright { float:right; margin-right:0px; }

/* ROUNDED STYLES HERE */

.gbox { float:left; width: 145px; height: auto; margin: 0 19px 5px 0px; }
.fullwidth { float:left; width: 970px; height: auto; margin: 0 0 5px 10px;  }
.narrow { float:left; width: 100%; height: auto; margin: 0 0 5px 0px; }
.medium { float:left; width: 100%; height: auto; margin: 0 0 5px 0px; }
.wide { float:left; width: 100%; height: auto; margin: 0 0 5px 0px; }
.show { float:left; width: 637px; height: auto; margin: 0 19px 5px 0px; }


.entry { float:left; width:100%; margin: 10px 0; }

.entry a.more-link {float:right; font-size:80%; margin-top:15px; }

.alignleft { float:left; }
.alignright { float:right; }
.center { text-align:center; }
.aligncenter { display:block; margin:5px auto; }

img.alignright { float:right; border: 1px solid #CCCCCC; margin:5px 0 5px 5px; }
img.alignleft { float:left; border: 1px solid #CCCCCC; margin:5px 5px 5px 0px; }
img.aligncenter { display:block; border: 1px solid #CCCCCC; margin:5px auto 5px auto; }



/* original css for rounded edges, transparent layout */
div.rounded {
    clear:both; float:left;
	position:relative;
    /*max-width:2400px;*/
    margin:5px auto 10px 5px;
    width:100%;
}

div.rounded div.top {
    background:url(images/tl.gif) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(images/tr.gif) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.rounded div.middle {
    background:url(images/l.gif) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(images/r.gif) repeat-y right;
    margin-left:5px;
}

div.rounded div.middle div.right div.contents {
    background:url(images/bg.gif) repeat top left;
    /*color:#fff;*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    margin-right:5px;
    padding:0px 15px;
    text-align:left; overflow:hidden; position:relative;
}

div.rounded div.middle div.right div.contents p {
    margin:0px;
    padding-top:5px; padding-bottom:5px;
}

div.rounded div.middle div.right div.contents h2 {
    /*color:#0f2;
    font-size:1.75em;
    font-weight:bold;*/
    margin:0px;
    padding:7px 0px;
}

div.rounded div.bottom {
    background:url(images/bl.gif) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(images/br.gif) no-repeat top right;
    height:12px;
    margin-left:12px;
}


/* quotation */

div.quotation {
    float:left;
	position:relative;
    margin:5px 5px 10px 5px;
    width:660px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    padding:15px 20px 15px 20px ;
    text-align:justify; overflow:hidden; border:1px solid #999999; border-right:4px solid #999999;  
}

div.quotationoddity {
    float:left;
	position:relative;
    margin:5px 5px 10px 5px;
    width:660px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    padding:15px 20px 15px 20px ;
    text-align:justify; overflow:hidden; border:1px solid #999999; border-left:4px solid #999999; 
}

div.quotation p {
    margin:0px;
    padding-top:5px; 
}

div.quotationoddity p {
    margin:0px;
    padding-top:5px; 
}

div.quotation h2 {
    color: #000000;
    font-size:1.45em;
    font-weight:bold;
    margin:0px;
    padding:3px 0px 7px 0;
}

div.quotationoddity h2 {
    color: #000000;
    font-size:1.45em;
    font-weight:bold;
    margin:0px;
    padding:3px 0px 7px 0;
}

div.quotation h3 {
    font-size:1.35em;
    font-weight:bold;
    margin:0px;
    padding:3px 0px 3px 0;
}

div.quotationoddity h3 {
    font-size:1.35em;
    font-weight:bold;
    margin:0px;
    padding:3px 0px 3px 0;
}


/* quote administration */
/* original css for rounded edges, transparent layout */
div.quoteadmin {
    float:left;
	position:relative;
    margin:5px auto 10px 5px;
    width:100%;
}

div.quoteadmin div.top {
    background:url(images/qtl.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.quoteadmin div.top div.right {
    background:url(images/qtr.png) no-repeat bottom right;
    height:10px;
    margin-left:20px;
}

div.quoteadmin div.middle {
    background:url(images/ql.png) repeat-y left;
    clear:both;
    width:100%;
}

div.quoteadmin div.middle div.right {
    background:url(images/qr.png) repeat-y right;
    margin-left:20px;
}

div.quoteadmin div.middle div.right div.contents {
    background:url(images/qbg.png) repeat top left;
    /*color:#fff;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    margin-right:20px;
    padding:6px 0px 0px 0px ;
    text-align:justify; overflow:hidden; 
}

div.quoteadmin div.middle div.right div.contents p {
    margin:0px;
    padding-top:0px; 
}

div.quoteadmin div.middle div.right div.contents h2 {
    font-size:1.45em;
    font-weight:bold;
    margin:0px;
    padding:3px 0px 7px 0;
}

div.quoteadmin div.middle div.right div.contents h3 {
    font-size:1.35em;
    font-weight:bold;
    margin:0px;
    padding:3px 0px 3px 0;
}

div.quoteadmin div.bottom {
    background:url(images/qbl.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.quoteadmin div.bottom div.right {
    background:url(images/qbra.png) no-repeat top right;
    height:20px;
    margin-left:20px;
}